From 0d8c673fdfae61961ff03293704169a365c071d5 Mon Sep 17 00:00:00 2001 From: rodolfoberrios Date: Wed, 28 Nov 2018 18:19:46 -0300 Subject: [PATCH] v1.1.1 --- app/app.php | 4 +- app/content/system/template.php | 13 +- app/install/installer.php | 3 +- app/routes/route.dashboard.php | 26 +- app/themes/Peafowl/footer.php | 54 +- app/themes/Peafowl/header.php | 4 + .../Peafowl/snippets/listing_tools_editor.php | 68 +- app/themes/Peafowl/style.css | 2421 +++++++++++------ app/themes/Peafowl/style.min.css | 2 +- app/themes/Peafowl/views/dashboard.php | 60 +- app/themes/Peafowl/views/settings.php | 2 +- lib/Peafowl/peafowl.css | 518 +++- 12 files changed, 2152 insertions(+), 1023 deletions(-) diff --git a/app/app.php b/app/app.php index e1b311ca..91adc357 100644 --- a/app/app.php +++ b/app/app.php @@ -1,7 +1,7 @@ - + Copyright (C) Rodolfo Berrios A. All rights reserved. - + BY USING THIS SOFTWARE YOU DECLARE TO ACCEPT THE CHEVERETO EULA http://chevereto.com/license --------------------------------------------------------------------- */ -if(!defined('access') or !access) die('This file cannot be directly accessed.'); ?> +if (!defined('access') or !access) { + die('This file cannot be directly accessed.'); +} ?> @@ -22,7 +24,6 @@ <?php echo $doctitle; ?> - @@ -48,8 +49,8 @@ PF.obj.l10n = ; var CHEVERETO = ' . json_encode(CHV\Settings::getChevereto()) . ''; +if (method_exists('CHV\Settings', 'getChevereto')) { + echo ''; } ?> diff --git a/app/install/installer.php b/app/install/installer.php index 0fe1bcb0..96c4c520 100644 --- a/app/install/installer.php +++ b/app/install/installer.php @@ -251,7 +251,8 @@ 'upload_max_filesize_mb_guest' => 0.5, 'notify_user_signups' => 0, 'listing_viewer' => 1, - ] + ], + '1.1.1' => NULL, ]; // Settings that must be renamed from NAME to NEW NAME and DELETE old NAME $settings_rename = []; diff --git a/app/routes/route.dashboard.php b/app/routes/route.dashboard.php index b0577eb0..a607d83a 100644 --- a/app/routes/route.dashboard.php +++ b/app/routes/route.dashboard.php @@ -72,6 +72,10 @@ 'current' => $handler::getCond($route_prefix.'_'.$aux) ); } + $route_menu['upgrade'] = [ + 'label' => '💎 Upgrade to premium', + 'id' => 'upgrade' + ]; $handler::setVar($route_prefix.'_menu', $route_menu); $handler::setVar('tabs', $route_menu); @@ -119,13 +123,16 @@ $system_values = [ 'chv_version' => [ - 'label' => _s('Chevereto Free'), - 'content' => (version_compare($chv_version['files'], $chv_version['db'], '<=') ? $chv_version['files'] : $chv_version['files'] . ' ('.$chv_version['db'].' DB) '._s('install update').'') . ' – ' . _s("check for updates") . '' . '

Upgrade Upgrade to paid edition to get more features and Tech support assistance. -

' + 'label' => 'Chevereto (Free)', + 'content' => (version_compare($chv_version['files'], $chv_version['db'], '<=') ? $chv_version['files'] : $chv_version['files'] . ' ('.$chv_version['db'].' DB) '._s('install update').'') . ' – ' . _s("check for updates") . '', + ], + 'donate' => [ + 'label' => 'Donate', + 'content' => 'Chevereto Free cost you nothing to use, but that doesn\'t mean it costs nothing to make. Chevereto needs your support to grow and thrive.

If you feel that Chevereto Free suits you, please consider donating or purchasing our premium edition. Every penny will help.

' ], 'support' => [ - 'label' => _s('Support'), - 'content' => strtr('%s available.', ['%s' => 'Community support']) + 'label' => 'Support', + 'content' => _s('Need help? Go to %s and you will get help quickly.', ['%s' => ''._s('Support').'']) ], 'g_version' => [ 'label' => 'G\\', @@ -177,12 +184,13 @@ ]; $chevereto_urls = [ - _s('Community') => 'https://chevereto.com/community', - _s('Support') . ' (paid)' => 'https://chevereto.com/support', + _s('Support') => 'https://chevereto.com/support', _s('Documentation') => 'https://chevereto.com/docs', - _s('Releases') . ' (paid)' => 'https://chevereto.com/releases', - _s('Releases') . ' (free)' => 'https://github.com/Chevereto/Chevereto-Free/releases', + _s('Changelog') => 'https://chevereto.com/changelog', + _s('Request new features') => 'https://chevereto.com/request-new-features', _s('Bug tracking') => 'https://chevereto.com/bug-tracking', + _s('Community') => 'https://chevereto.com/community', + 'Discord' => 'https://chevereto.com/go/discord', 'GitHub' => 'https://github.com/Chevereto', ]; $chevereto_links = []; diff --git a/app/themes/Peafowl/footer.php b/app/themes/Peafowl/footer.php index abbe6f89..a20ac19a 100644 --- a/app/themes/Peafowl/footer.php +++ b/app/themes/Peafowl/footer.php @@ -1,17 +1,21 @@ - + - + @@ -27,5 +31,43 @@ + + + + + + + \ No newline at end of file diff --git a/app/themes/Peafowl/header.php b/app/themes/Peafowl/header.php index e0a8ee6c..a2bf9388 100644 --- a/app/themes/Peafowl/header.php +++ b/app/themes/Peafowl/header.php @@ -515,6 +515,10 @@
  • ">
    • + +
    +
  • 💎 Upgrade
    • + diff --git a/app/themes/Peafowl/snippets/listing_tools_editor.php b/app/themes/Peafowl/snippets/listing_tools_editor.php index 4aa36ff0..611a9ec3 100644 --- a/app/themes/Peafowl/snippets/listing_tools_editor.php +++ b/app/themes/Peafowl/snippets/listing_tools_editor.php @@ -1,12 +1,22 @@ - + -
    " class="list-selection output) == 0) { $class[] = 'disabled'; } if(!$tab["current"]) { $class[] = 'hidden'; } echo implode(' ', $class); ?>"> +$tabs = (array) (G\get_global('tabs') ? G\get_global('tabs') : (function_exists('get_tabs') ? get_tabs() : null)); +foreach ($tabs as $tab) { + if ($tab["list"] === false or $tab["tools"] === false) { + continue; + } ?> +
    " class="header--centering list-selection output) == 0) { + $class[] = 'disabled'; + } + if (!$tab["current"]) { + $class[] = 'hidden'; + } + echo implode(' ', $class); ?>">
    ·
    @@ -15,48 +25,42 @@
      + if ($tab['type'] == 'images') { + ?>
      • + } ?> + if (in_array(G\get_route_name(), ['user', 'album']) and (array_key_exists('tools_available', $tab) ? in_array('album', $tab['tools_available']) : true)) { + ?>
      • + } ?> + if ($tab['type'] == 'images') { + ?> + if ((array_key_exists('tools_available', $tab) ? in_array('category', $tab['tools_available']) : true) and get_categories()) { + ?>
      • + } ?> + if ((array_key_exists('tools_available', $tab) ? in_array('flag', $tab['tools_available']) : true)) { + ?>
      • - + + } ?> + if (is_allowed_to_delete_content() && (array_key_exists('tools_available', $tab) ? in_array('delete', $tab['tools_available']) : true)) { + ?>
      • + } ?>
    @@ -64,5 +68,5 @@
    \ No newline at end of file diff --git a/app/themes/Peafowl/style.css b/app/themes/Peafowl/style.css index f45ca1c8..4adfa5f4 100644 --- a/app/themes/Peafowl/style.css +++ b/app/themes/Peafowl/style.css @@ -6,7 +6,6 @@ Author: Rodolfo Berrios @Chevereto: 3.10.6 @requires peafowl.css */ - /* * LAYOUT * --------------------------------------------- @@ -17,33 +16,48 @@ body { min-height: 100%; background: #FEFEFE; position: relative; + font-family: Helvetica, Arial, sans-serif; + font-size: 14px; + /* line-height: 1.2; */ } + body.landing { min-height: 500px; height: 100%; padding: 0; margin: 0; } + .phone body.landing { min-height: auto; } + .js body.landing { - overflow: hidden; - opacity: 0; - -webkit-transform: scale(1.1); - transform: scale(1.1); + overflow: hidden; + opacity: 0; } + .js body.landing.load { - -webkit-transition: -webkit-transform 400ms ease, opacity 350ms linear; - -webkit-transition: opacity 350ms linear, -webkit-transform 400ms ease; - transition: opacity 350ms linear, -webkit-transform 400ms ease; - transition: transform 400ms ease, opacity 350ms linear; - transition: transform 400ms ease, opacity 350ms linear, -webkit-transform 400ms ease; - opacity: 1; - -webkit-transform: scale(1); - transform: scale(1); -} -.js body.landing.loaded { + -webkit-transition: -webkit-transform 600ms ease, opacity 350ms linear; + -webkit-transition: opacity 350ms linear, -webkit-transform 600ms ease; + transition: opacity 350ms linear, -webkit-transform 600ms ease; + transition: transform 600ms ease, opacity 350ms linear; + transition: transform 600ms ease, opacity 350ms linear, -webkit-transform 600ms ease; + opacity: 1; +} + +#home-cover-content, +#index .flex-center { + opacity: 0; +} +.js body.load #home-cover-content, +.js body#index.load .flex-center { + transition: all 600ms ease; + transition-delay: 150ms; + opacity: 1; +} + +.js body.loaded { overflow: auto; } @@ -52,7 +66,8 @@ body.split { padding-top: 0; } -.fluid .content-width, .content-width.fluid { +.fluid .content-width, +.content-width.fluid { width: 100%; /*max-width: 1620px;*/ } @@ -66,6 +81,7 @@ body.split { html.device-mobile .device-mobile--hide { display: none !important; } + html.device-nonmobile .device-nonmobile--hide { display: none !important; } @@ -87,85 +103,98 @@ body#upload { min-height: 72px; overflow: hidden; } - .image-viewer-main { - display: inline-block; - vertical-align: middle; - } - .image-viewer-container { - display: block; - margin: 0 auto; - position: relative; - } - .image-viewer-container img { - display: block; - margin: 0 auto; - max-height: 100%; - width: auto; - } - - .js .image-viewer-container img { - position: absolute; - /*background: #000;*/ - width: 100%; - height: auto; - } - - .image-viewer .btn-download { - position: absolute; - top: 20px; - right: 20px; - z-index: 1; - } - .image-viewer-navigation {} - .image-viewer-navigation a { - z-index: 3; - } - .image-viewer-navigation a:hover { - background-color: #AAA; - background-color: rgba(0,0,0,.3); - } - .viewer-loader, #image-viewer-loading { - width: 30px; - height: 30px; - position: absolute; - left: 50%; - top: 50%; - margin-left: -15px; - margin-top: -15px; - border-radius: 100%; - background: rgba(17,17,17,.9); - } - #image-viewer-loader { - position: absolute; - background: rgba(0,0,0,.5); - border: 2px solid rgba(255,255,255,.7); - color: rgba(255,255,255,.9); - font-size: 13px; - left: 50%; - top: 50%; - padding: 8px 14px; - border-radius: 100px; - -webkit-transform: translate(-50%, -50%); - transform: translate(-50%, -50%); - cursor: pointer; - display: none; - } - #image-viewer-loader:hover { - background: rgba(0,0,0,.6); - border-color: rgba(255,255,255,.8); - color: #FFF; - } - #image-viewer-loader .btn-icon { - position: relative; - top: 1px; - font-size: 12px; - } +.image-viewer-main { + display: inline-block; + vertical-align: middle; +} + +.image-viewer-container { + display: block; + margin: 0 auto; + position: relative; +} + +.image-viewer-container img { + display: block; + margin: 0 auto; + max-height: 100%; + width: auto; +} + +.js .image-viewer-container img { + position: absolute; + /*background: #000;*/ + width: 100%; + height: auto; +} + +.image-viewer .btn-download { + position: absolute; + top: 20px; + right: 20px; + z-index: 1; +} + +.image-viewer-navigation {} + +.image-viewer-navigation a { + z-index: 3; +} + +.image-viewer-navigation a:hover { + background-color: #AAA; + background-color: rgba(0, 0, 0, .3); +} + +.viewer-loader, +#image-viewer-loading { + width: 30px; + height: 30px; + position: absolute; + left: 50%; + top: 50%; + margin-left: -15px; + margin-top: -15px; + border-radius: 100%; + background: rgba(17, 17, 17, .9); +} + +#image-viewer-loader { + position: absolute; + background: rgba(0, 0, 0, .5); + border: 2px solid rgba(255, 255, 255, .7); + color: rgba(255, 255, 255, .9); + font-size: 13px; + left: 50%; + top: 50%; + padding: 8px 14px; + border-radius: 100px; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); + cursor: pointer; + display: none; +} + +#image-viewer-loader:hover { + background: rgba(0, 0, 0, .6); + border-color: rgba(255, 255, 255, .8); + color: #FFF; +} + +#image-viewer-loader .btn-icon { + position: relative; + top: 1px; + font-size: 12px; +} -.image-viewer.full-viewer, #image .top-bar-placeholder { +.image-viewer.full-viewer, +#image .top-bar-placeholder { background: #111; } -.top-bar-white .image-viewer.full-viewer, .top-bar-white #image .top-bar-placeholder { + +.top-bar-white .image-viewer.full-viewer, +.top-bar-white #image .top-bar-placeholder { background: #FFF; } @@ -174,32 +203,38 @@ body#upload { * -- */ .btn-like {} - .btn-like .btn.btn-liked, - .btn-like .btn.btn-unliked { - display: none; - } - .btn-like[data-liked="0"] .btn-unliked { - display: inline-block; - } - .btn-like[data-liked="1"] .btn-liked { - display: inline-block; - } + +.btn-like .btn.btn-liked, +.btn-like .btn.btn-unliked { + display: none; +} + +.btn-like[data-liked="0"] .btn-unliked { + display: inline-block; +} + +.btn-like[data-liked="1"] .btn-liked { + display: inline-block; +} /* * FOLLOW BUTTON * -- */ .btn-follow {} - .btn-follow .btn.btn-followed, - .btn-follow .btn.btn-unfollowed { - display: none; - } - .btn-follow[data-followed="0"] .btn-unfollowed { - display: inline-block; - } - .btn-follow[data-followed="1"] .btn-followed { - display: inline-block; - } + +.btn-follow .btn.btn-followed, +.btn-follow .btn.btn-unfollowed { + display: none; +} + +.btn-follow[data-followed="0"] .btn-unfollowed { + display: inline-block; +} + +.btn-follow[data-followed="1"] .btn-followed { + display: inline-block; +} /* * UPLOAD BOX @@ -208,6 +243,7 @@ body#upload { #fullscreen-uploader-mask { z-index: 99; } + .phone #fullscreen-uploader-mask { z-index: 400; } @@ -217,21 +253,25 @@ body#upload { scroll: auto; -webkit-overflow-scrolling: touch; -webkit-transition: transform 300ms ease; - -webkit-transition: -webkit-transform 300ms ease; - transition: -webkit-transform 300ms ease; - transition: transform 300ms ease; - transition: transform 300ms ease, -webkit-transform 300ms ease; + -webkit-transition: -webkit-transform 300ms ease; + transition: -webkit-transform 300ms ease; + transition: transform 300ms ease; + transition: transform 300ms ease, -webkit-transform 300ms ease; } + #anywhere-upload.hidden-visibility {} - #anywhere-upload.hidden-visibility iframe { /* example: adsense */ - visibility: hidden; - } +#anywhere-upload.hidden-visibility iframe { + /* example: adsense */ + visibility: hidden; +} .phone #anywhere-upload { z-index: 500; - height: 100vh !important; /* 100% height for phone only */ + height: 100vh !important; + /* 100% height for phone only */ } + #upload #anywhere-upload { overflow: hidden !important; height: auto !important; @@ -241,10 +281,12 @@ body#upload { .phone .upload-box .upload-box-allowed-files { display: none; } + #upload .upload-box[data-queue-size="0"] .upload-box-allowed-files, .phone .upload-box[data-queue-size="0"] .upload-box-allowed-files { display: block; } + #upload .upload-box-allowed-files, .phone .upload-box-allowed-files { position: fixed; @@ -260,256 +302,285 @@ body#upload { opacity: 0; font-size: 0; } - #anywhere-upload-paste * { - display: none; - } + +#anywhere-upload-paste * { + display: none; +} .upload-box { border-bottom: 0; } - .upload-box-queue { - text-align: center; - font-size: 0; - margin-top: 35px; - margin-bottom: 35px; - } - .upload-box-queue li { - position: relative; - text-align: center; - display: inline-block; - background: red; - margin: 5px; - background: #EFEFEF; - -webkit-box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,.07); - box-shadow: inset 0px 2px 10px 0px rgba(0,0,0,.07); - } - .tone-dark .upload-box-queue li { - background: #222; - } - .upload-box-queue li, .upload-box-queue .block { - border-radius: 0; - } - .ios .upload-box-queue li, .ios .upload-box-queue .block, - .upload-box-queue .block.failed { - border-radius: 0; - } - .upload-box-queue li, .upload-box-queue li.normal { - width: 110px; /* 110 -> 77 -> 55 */ - height: 110px; - font-size: 14px; - font-size: 1rem; - } - .upload-box-queue li.small { - width: 77px; - height: 77px; - font-size: 9px; - font-size: 0.643rem; - } - .upload-box-queue li.tiny { - width: 54px; - height: 54px; - font-size: 7px; - font-size: 0.5rem; - } +.upload-box-queue { + text-align: center; + font-size: 0; + margin-top: 35px; + margin-bottom: 35px; +} + +.upload-box-queue li { + position: relative; + text-align: center; + display: inline-block; + background: red; + margin: 5px; + background: #EFEFEF; + -webkit-box-shadow: inset 0px 2px 10px 0px rgba(0, 0, 0, .07); + box-shadow: inset 0px 2px 10px 0px rgba(0, 0, 0, .07); +} + +.tone-dark .upload-box-queue li { + background: #222; +} + +.upload-box-queue li, +.upload-box-queue .block { + border-radius: 0; +} + +.ios .upload-box-queue li, +.ios .upload-box-queue .block, +.upload-box-queue .block.failed { + border-radius: 0; +} + +.upload-box-queue li, +.upload-box-queue li.normal { + width: 110px; + /* 110 -> 77 -> 55 */ + height: 110px; + font-size: 14px; + font-size: 1rem; +} + +.upload-box-queue li.small { + width: 77px; + height: 77px; + font-size: 9px; + font-size: 0.643rem; +} + +.upload-box-queue li.tiny { + width: 54px; + height: 54px; + font-size: 7px; + font-size: 0.5rem; +} + +.upload-box-queue .block { + width: 100%; + height: 100%; + top: 0; + left: 0; + overflow: hidden; + position: absolute; +} + +.upload-box-queue a.image-link { + display: none; +} + +.upload-box-queue .completed a.image-link { + display: block; + position: absolute; + overflow: hidden; + z-index: 1; + -webkit-transform: rotate(0.000001deg); + /* workraround for webkit rounded:hover:overflow issue */ +} + +.upload-box-queue .queue-item .queue-item-button, +.upload-box-queue .queue-item .block.edit { + display: block; + position: absolute; + cursor: pointer; + z-index: 100; +} + +.upload-box-queue .queue-item .queue-item-button .icon { + position: absolute; + top: 50%; + left: 50%; + -webkit-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} + +.upload-box-queue .queue-item.completed:hover .queue-item-button { + display: none; +} + +.upload-box-queue .queue-item .queue-item-button { + font-size: 7px; + width: 21px; + height: 21px; + line-height: 23px; + background: #FFF; + color: #333; + border-radius: 200px; + left: -7px; + -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .5); + box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, .5); +} + +.tone-dark .upload-box-queue .queue-item .queue-item-button { + background: #333; + color: #FFF; +} + +.upload-box-queue .queue-item .queue-item-button.cancel { + top: -7px; +} + +.upload-box-queue .queue-item .queue-item-button.edit { + top: 16px; + font-size: 9px; +} + +.upload-box-queue .big-icon { + position: absolute; + color: #DADADA; + font-size: 5.36em; + width: 1em; + height: 1em; + left: 50%; + top: 50%; + margin-left: -0.5em; + margin-top: -0.5em; + text-shadow: 1px 1px 0 rgba(255, 255, 255, .9); +} + +.tone-dark .upload-box-queue .big-icon { + color: #444; + text-shadow: 1px 1px 0 rgba(0, 0, 0, .9); +} + +.upload-box-queue .preview, +.upload-box-queue .done { + position: relative; + overflow: hidden; +} + +.upload-box-queue .preview .canvas { + position: absolute; + top: 50%; + left: 50%; +} + +.upload-box-queue .progress { + position: absolute; +} + +.upload-box-queue .progress-bar, +.upload-box-queue .progress-percent { + height: 100%; +} + +.upload-box-queue .uploading .progress-percent { + display: block; +} + +.queue-item.uploading.waiting .progress-percent, +.queue-item.uploading .queue-item-button.edit, +.queue-item.uploading .block.edit { + display: none; +} + +.upload-box-queue .progress-percent { + font-family: arial, helvetica, sans-serif; + font-size: 2.86em; + font-weight: normal; + color: #FFF; + text-shadow: 2px 2px 10px rgba(0, 0, 0, .8); + text-align: center; + width: 100%; + height: 1em; + position: absolute; + top: 0.86em; + z-index: 1; + display: none; +} + +.upload-box-queue .progress-percent b { + font-weight: bold; +} + +.upload-box-queue .progress-percent span { + font-size: 0.5em; + font-weight: normal; + position: relative; +} + +.upload-box-queue .progress-bar { + float: right; + width: 100%; + display: none; +} + +.upload-box-queue .progress-bar, +.upload-box-queue .failed .result { + background: rgba(255, 255, 255, .65); +} + +.upload-box-queue .uploading .progress-bar { + display: block; +} + +.upload-box-queue .completed .result.done, +.upload-box-queue .failed .result.failed { + display: block; +} + +.upload-box-queue .result { + position: absolute; + z-index: 1; + display: none; +} + +.tone-dark .upload-box-queue .progress-bar, +.tone-dark .upload-box-queue .failed .result { + background: rgba(0, 0, 0, .65); +} + +.upload-box-queue .result .icon { + position: absolute; + width: 1em; + font-size: 3.429em; + color: #FFF; + top: 50%; + left: 50%; + margin-top: -0.5em; + margin-left: -0.5em; + margin-left: -0.5em; + opacity: 0.92; + text-shadow: none; +} + +.upload-box-queue .done .result .icon { + text-shadow: 2px 2px 6px rgba(0, 0, 0, .2); +} - .upload-box-queue .block { - width: 100%; - height: 100%; - top: 0; - left: 0; - overflow: hidden; - position: absolute; - } - - .upload-box-queue a.image-link { - display: none; - } - - .upload-box-queue .completed a.image-link { - display: block; - position: absolute; - overflow: hidden; - z-index: 1; - -webkit-transform: rotate(0.000001deg); /* workraround for webkit rounded:hover:overflow issue */ - } - - .upload-box-queue .queue-item .queue-item-button, - .upload-box-queue .queue-item .block.edit { - display: block; - position: absolute; - cursor: pointer; - z-index: 100; - } - .upload-box-queue .queue-item .queue-item-button .icon { - position: absolute; - top: 50%; - left: 50%; - -webkit-transform: translate(-50%,-50%); - transform: translate(-50%,-50%); - } - - .upload-box-queue .queue-item.completed:hover .queue-item-button { - display: none; - } - - .upload-box-queue .queue-item .queue-item-button { - font-size: 7px; - width: 21px; - height: 21px; - line-height: 23px; - background: #FFF; - color: #333; - border-radius: 200px; - left: -7px; - -webkit-box-shadow: 1px 1px 4px 0px rgba(0,0,0,.5); - box-shadow: 1px 1px 4px 0px rgba(0,0,0,.5); - } - .tone-dark .upload-box-queue .queue-item .queue-item-button { - background: #333; - color: #FFF; - } - - .upload-box-queue .queue-item .queue-item-button.cancel { - top: -7px; - } - .upload-box-queue .queue-item .queue-item-button.edit { - top: 16px; - font-size: 9px; - } - - .upload-box-queue .big-icon { - position: absolute; - color: #DADADA; - font-size: 5.36em; - width: 1em; - height: 1em; - left: 50%; - top: 50%; - margin-left: -0.5em; - margin-top: -0.5em; - text-shadow: 1px 1px 0 rgba(255,255,255,.9); - } - - .tone-dark .upload-box-queue .big-icon { - color: #444; - text-shadow: 1px 1px 0 rgba(0,0,0,.9); - } - - .upload-box-queue .preview, .upload-box-queue .done { - position: relative; - overflow: hidden; - } - .upload-box-queue .preview .canvas { - position: absolute; - top: 50%; - left: 50%; - } - - .upload-box-queue .progress { - position: absolute; - } - - .upload-box-queue .progress-bar, .upload-box-queue .progress-percent { - height: 100%; - } - - .upload-box-queue .uploading .progress-percent { - display: block; - } - - .queue-item.uploading.waiting .progress-percent, - .queue-item.uploading .queue-item-button.edit, - .queue-item.uploading .block.edit { - display: none; - } - - .upload-box-queue .progress-percent { - font-family: arial, helvetica, sans-serif; - font-size: 2.86em; - font-weight: normal; - color: #FFF; - text-shadow: 2px 2px 10px rgba(0,0,0,.8); - text-align: center; - width: 100%; - height: 1em; - position: absolute; - top: 0.86em; - z-index: 1; - display: none; - } - .upload-box-queue .progress-percent b { - font-weight: bold; - } - .upload-box-queue .progress-percent span { - font-size: 0.5em; - font-weight: normal; - position: relative; - } - - .upload-box-queue .progress-bar { - float: right; - width: 100%; - display: none; - } - - .upload-box-queue .progress-bar, .upload-box-queue .failed .result { - background: rgba(255,255,255,.65); - } - - .upload-box-queue .uploading .progress-bar { - display: block; - } - - .upload-box-queue .completed .result.done, - .upload-box-queue .failed .result.failed { - display: block; - } - .upload-box-queue .result { - position: absolute; - z-index: 1; - display: none; - } - - .tone-dark .upload-box-queue .progress-bar, .tone-dark .upload-box-queue .failed .result { - background: rgba(0,0,0,.65); - } - - .upload-box-queue .result .icon { - position: absolute; - width: 1em; - font-size: 3.429em; - color: #FFF; - top: 50%; - left: 50%; - margin-top: -0.5em; - margin-left: -0.5em; - margin-left: -0.5em; - opacity: 0.92; - text-shadow: none; - } - .upload-box-queue .done .result .icon { - text-shadow: 2px 2px 6px rgba(0,0,0,.2); - } - .upload-box-queue .failed .result .icon { - color: #E84C3D; - font-size: 3.429em; /* 48 */ - } - - .upload-box-queue.queue-complete .cancel, - .upload-box-queue.queue-complete .edit { - display: none; - } - - #uploaded-embed-toggle-combo, #form-embed-toggle-combo { - position: relative; - } +.upload-box-queue .failed .result .icon { + color: #E84C3D; + font-size: 3.429em; + /* 48 */ +} + +.upload-box-queue.queue-complete .cancel, +.upload-box-queue.queue-complete .edit { + display: none; +} + +#uploaded-embed-toggle-combo, +#form-embed-toggle-combo { + position: relative; +} #upload .top-bar { -webkit-box-shadow: none; - box-shadow: none; + box-shadow: none; border-bottom-color: transparent; } + #upload #anywhere-upload { background: transparent; } @@ -542,9 +613,11 @@ body:not(#upload) [data-action="reset-upload"] { background-color: #000; position: relative; } + .phone #background-cover { height: 230px; } + #background-cover.no-background { background-color: #F9F9F9; background-image: none !important; @@ -552,47 +625,52 @@ body:not(#upload) [data-action="reset-upload"] { height: auto; margin-top: 50px; } + .tone-dark #background-cover.no-background { background: #101010; } - #background-cover-wrap { - height: 100%; - overflow: hidden; - position: relative; - } - #background-cover .content-width { - text-align: center; - } - #change-background-cover { - position: absolute; - right: 10px; - bottom: 10px; - } +#background-cover-wrap { + height: 100%; + overflow: hidden; + position: relative; +} - #user-background-upload { - top: 0; - left: 0; - width: 1px; - height: 1px; - } +#background-cover .content-width { + text-align: center; +} - #background-cover-src { - overflow: hidden; - background-position: center center; - background-size: cover; - } +#change-background-cover { + position: absolute; + right: 10px; + bottom: 10px; +} - #background-cover-src, #background-cover .loading-placeholder { - position: absolute; - top: 0; - left: 0; - width: 100%; - height: 100%; - } - #background-cover .loading-placeholder { - background: rgba(0,0,0,.8); - } +#user-background-upload { + top: 0; + left: 0; + width: 1px; + height: 1px; +} + +#background-cover-src { + overflow: hidden; + background-position: center center; + background-size: cover; +} + +#background-cover-src, +#background-cover .loading-placeholder { + position: absolute; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + +#background-cover .loading-placeholder { + background: rgba(0, 0, 0, .8); +} /* * LIST STYLES @@ -601,319 +679,375 @@ body:not(#upload) [data-action="reset-upload"] { [data-privacy=public] .list-item-privacy { display: none; } + .list-item-thumbs {} - .list-item-thumbs li, - .list-item-thumbs li a { - display: block; - height: auto; - overflow: hidden; - } - .list-item-thumbs li img { - width: 100%; - display: block; - } + +.list-item-thumbs li, +.list-item-thumbs li a { + display: block; + height: auto; + overflow: hidden; +} + +.list-item-thumbs li img { + width: 100%; + display: block; +} .input-copy { position: relative; } - .input-copy .btn-copy { - font-size: 10px; - position: absolute; - right: 2px; - top: 8px; - background: #FFF; - padding: 0 4px; - height: 18px; - line-height: 18px; - text-transform: uppercase; - cursor: pointer; - border-width: 0 4px; - border-style: solid; - border-color: #FFF; - display: none; - } - .input-copy .btn-copy:hover { - background: #E5E5E5; - } + +.input-copy .btn-copy { + font-size: 10px; + position: absolute; + right: 2px; + top: 8px; + background: #FFF; + padding: 0 4px; + height: 18px; + line-height: 18px; + text-transform: uppercase; + cursor: pointer; + border-width: 0 4px; + border-style: solid; + border-color: #FFF; + display: none; +} + +.input-copy .btn-copy:hover { + background: #E5E5E5; +} .list-item-image-tools { position: absolute; right: 0; top: 0; } - .list-item.selected .list-item-image-tools li.tool-select .icon { - color: #FFF; - background: #27AE60; - } - .list-item-image-tools li { - margin: 2px; - cursor: pointer; - position: relative; - height: 2.4em; /* 36 */ - line-height: 2.4em; - font-size: 1em; - right: calc(-2.4em - 2px); - transition: all 200ms ease-in-out; - } - .list-item .hover-display.list-item-image-tools { - opacity: 1; - } - html:not(.--idle) .list-item:hover .list-item-image-tools li, - .list-item.selected li.tool-select, - .list-item[data-flag=unsafe] li.tool-flag { - right: 0; - } - .list-item-image-tools li, - .list-item-image-tools li * { - display: block; - color: inherit; - } +.list-item.selected .list-item-image-tools li.tool-select .icon { + color: #FFF; + background: #27AE60; +} - .list-item-image-tools li span { - float: right; - } +.list-item-image-tools li { + margin: 2px; + cursor: pointer; + position: relative; + height: 2.4em; + /* 36 */ + line-height: 2.4em; + font-size: 1em; + right: calc(-2.4em - 2px); + transition: all 200ms ease-in-out; +} - .list-item-image-tools li .label { - font-size: 0.86em; - } - .list-item-image-tools li .btn-icon { - font-size: 1em; - } +.list-item .hover-display.list-item-image-tools { + opacity: 1; +} + +html:not(.--idle) .list-item:hover .list-item-image-tools li, +.list-item.selected li.tool-select, +.list-item[data-flag=unsafe] li.tool-flag { + right: 0; +} + +.list-item-image-tools li, +.list-item-image-tools li * { + display: block; + color: inherit; +} + +.list-item-image-tools li span { + float: right; +} + +.list-item-image-tools li .label { + font-size: 0.86em; +} + +.list-item-image-tools li .btn-icon { + font-size: 1em; +} + +.list-item-image-tools li .label { + text-transform: uppercase; + padding-left: 1em; + padding-right: 0; + display: none; + height: 100%; +} + +.list-item-image-tools li:hover .label { + display: block; +} + +.small-cols .list-item-image-tools li:hover .label { + display: none; +} + +[data-flag=unsafe] li:hover .label-flag-unsafe, +[data-flag=safe] li:hover .label-flag-safe { + display: none; +} + +.unsafe-blur-on [data-flag=unsafe] .list-item-image .image-container, +.unsafe-blur-on .list-item .list-item-thumbs li[data-flag=unsafe] a { + filter: blur(5px); + -webkit-filter: blur(5px); + -webkit-transform: scale(1.04); + transform: scale(1.04); +} + +.unsafe-blur-on [data-flag=unsafe]:hover .list-item-image .image-container, +.unsafe-blur-on .list-item:hover .list-item-thumbs li[data-flag=unsafe] a { + filter: none; + -webkit-filter: none; +} + +.list-item-image-tools li .btn-icon { + width: 2.4em; + /* 36/15 */ + height: 2.4em; + line-height: 2.4em; + color: #FFF; + background: #000; + background: rgba(0, 0, 0, .2); + text-align: center; +} + +.list-item-image-tools li:hover .btn-icon, +.list-item-image-tools li .label { + color: #FFF; + background: rgba(0, 0, 0, .4); +} + +.list-item.selected li.tool-select .btn-icon, +[data-flag=unsafe] li.tool-flag .btn-icon { + background: rgba(0, 0, 0, .4); +} + +.list-item-album .tool-flag { + display: none; +} + +.list-item-image-tools li .label { + text-shadow: 1px 1px 0 rgba(0, 0, 0, .1); +} + +.list-item .list-item-avatar-cover, +.list-item .list-item-avatar-cover>* { + border-radius: 100%; +} + +.list-item .list-item-avatar-cover { + width: 160px; + height: 160px; + border: 0; + background-color: #E5E5E5; + position: absolute; + left: 50%; + top: 50%; + /* margin-top: 0 !important; */ + margin-top: -80px !important; + margin-left: -80px !important; + -webkit-transition: all 300ms; + transition: all 300ms; +} + +.tone-dark .list-item .list-item-avatar-cover { + background: #555; +} + +.list-item .list-item-avatar-cover>* { + width: 100px; + height: 100px; +} + +.list-item .list-item-avatar-cover img { + height: auto; + -webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, .3); + box-shadow: 2px 2px 2px rgba(0, 0, 0, .3); +} + +.list-item .list-item-avatar-cover .icon.empty { + display: block; + top: 50%; + position: relative; + margin-top: -45px; +} + +.list-item .list-item-avatar-cover .icon.empty, +.tone-dark .list-item-image .list-item-avatar-cover .icon.empty { + color: #FFF; +} + +.list-item-privacy { + position: absolute; + left: 0; + top: 0; + width: 2.4em; + height: 2.4em; + line-height: 2.4em; + color: #FFF; + text-shadow: 1px 1px 5px rgba(0, 0, 0, .5); + text-align: center; +} + +.tone-dark .list-item-privacy { + background: rgba(0, 0, 0, .5); + color: #FFF; +} + +.list-item-like { + color: #FFF; + position: absolute; + right: 0; + bottom: 0; +} - .list-item-image-tools li .label { - text-transform: uppercase; - padding-left: 1em; - padding-right: 0; - display: none; - height: 100%; - } - .list-item-image-tools li:hover .label { - display: block; - } - .small-cols .list-item-image-tools li:hover .label { - display: none; - } +.list-item-like .btn-like { + font-size: 20px; + padding: 10px; + cursor: pointer; + display: none; + opacity: .8; +} - [data-flag=unsafe] li:hover .label-flag-unsafe, - [data-flag=safe] li:hover .label-flag-safe { - display: none; - } +.list-item-like .btn-like:hover, +.list-item-like .btn-like.btn-liked { + opacity: 1; +} - .unsafe-blur-on [data-flag=unsafe] .list-item-image .image-container, - .unsafe-blur-on .list-item .list-item-thumbs li[data-flag=unsafe] a { - filter: blur(5px); - -webkit-filter: blur(5px); - -webkit-transform: scale(1.04); - transform: scale(1.04); - } - .unsafe-blur-on [data-flag=unsafe]:hover .list-item-image .image-container, - .unsafe-blur-on .list-item:hover .list-item-thumbs li[data-flag=unsafe] a { - filter: none; - -webkit-filter: none; - } +[data-liked="0"] .list-item-like .btn-like.btn-unliked { + display: block; +} - .list-item-image-tools li .btn-icon { - width: 2.4em; /* 36/15 */ - height: 2.4em; - line-height: 2.4em; - color: #FFF; - background: #000; - background: rgba(0,0,0,.2); - text-align: center; - } - .list-item-image-tools li:hover .btn-icon, - .list-item-image-tools li .label { - color: #FFF; - background: rgba(0,0,0,.4); - } +[data-liked="1"] .list-item-like .btn-like.btn-liked { + display: block; +} - .list-item.selected li.tool-select .btn-icon, - [data-flag=unsafe] li.tool-flag .btn-icon { - background: rgba(0,0,0,.4); - } +/* play stuff */ +.list-item-play-gif, +.list-item-play-gif * { + background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAACdCAMAAAAgwM7pAAAB5lBMVEUAAAD//4D//6oAAAD//7///8wAAAD//9X//9v//9///+P//+b//+gAAAD//+r//+sAAAD//+3//+7//+////D///H///L///L///MAAAD///P///T///QAAAD///X///YAAAD///b///f///f///gAAAD///gAAAD///gAAAD///kAAAD///kAAAD///kAAAD///n///oAAAD///r///r///oAAAD///r///v///sAAAD///v///v///v///v///v///sAAAD///z///wAAAD///z///wAAAAAAAD///wAAAD///z///wAAAD///z///wAAAD///wAAAD///wAAAD///wAAAD///wAAAD///0AAAD///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///6+e5cNAAAAoXRSTlMAAgICBAQEBgYICAoKCgwMDA4OEBASEhQUFBYWGBgaGhocHiAiIiQkJiYoKCoqLCwuLi4wMjY2ODg6Ojw+QEJERkZISkpMUFBSVFRWWFhaXFxeXmBgYmJkZGZmaGpsbnBydHZ4enx+gYOFh4mLjY+Rk5WXmZuho6Wnqa2xs7W3u72/wcPFx8nLzc/R09XX2dvd3+Hj5efp6+3v8fP19/n7/fvKuacAAARqSURBVHherNgNx4RAFAXgQywQAYRYSLJWhBAwRInIyBjn//+Ql5eVXW1bzXkAEM3HnXMv9qRlY4bJOmenwTRliivip7H8YM0zxilR0Xlu8l0R4ahbPXPHXN9wSGX5g63wWzbygDHDvqj1PMS3EXYkPQ/rE3x1X3jCcscXueMpLsemh+dJ/oENuedpPt9YH8cL3B0fkoWXLAneRD0v6t/PU8vLWqyQeV7mM6xGBhjxgopBKrzqj2UQ+6pPNQPV+BfNDDRHAICCwQoAQMdgHQDEnsF8vO59+AkwFDAALAUskFIiRUmJEg0lGhhKGAyUGDBRYoKlhIWjhJN9SPZrssWWbb/sQMquiOzSysqIqrApS21FgafsOVI9kLInWxYiVLFGFrRU0U8VRmXxWBXYZS2EqqlRtVmqxk/ViqqaY1W7rhogqEYawiGLfuyjH0TpR2OruNoe1v01Y4a/bEVhGD+VCXcWC2xrZiFbZZGlEcKCwGSiyUKIiCzLQG0w1Q5Vg1FrdVRVUW3V3Nv7/Ke7va5ot2p77jkf+vvS50t/yT0n57zveygUfJ8P+fNDih57t22WWn2CJruzUg2CCI3wWjmt5fmUH8AEUelz7fhO4kgyQqepXhKhcGRKdZsGHT5fHY1GsMYBxJ3thI2KEIDQUGkWwWTISnLTDkTHi0k2DoCdpzlFBuv0Y5Kdzksg3EE48MoHJD7wMD1YAhID9wqKKFSj8r0m41HMRGeS2zMushvoIxSMyJjIJJoDvEWEhrbpsgyeHhmxOsLOwzDkXsKBr4CNh8d4hUg5D9EK8EmfoCV9pxMIFunylF9jNFXkEbuILkqu8TvNXEp0sg68ITzoARYJF85xwUdk4/Vt/cAIF5ERWNViq2eMxXQGv5Y2cc4iWkdMSx6csYgadse0FMAh4cIF3HxEIja5iQrs0wI44CPy4JRFUL85pKUNnLCIXIhqybzVz3hEuB3awrpGbEBDQV21Pem1XqjiU45KgmK3Pk9peoEUdJfsShFp9/Sy7iaiY/i/tuYRKaRGi5SFgV4upm4ZsVouplnAa6Brjz8L9zXsnZQN+8fMc6w3WE05QrwlFFAMNXzHLP6DnzCXcxTtigPhnBtjAWI5huNAXsPxs1N1XBeyiBYi1ryuGO0BoY0wU22XoHBQkyowDTj2d59QFyv1kUXbl0HXz9tHFj073mxfFtRQh1vCTqY7y+CWIhQPUTwx8JA0roQk0e9qVVd6rkkRdDvXVBYqaMa3FRk3bCh/W4BXEUWgQlVeivcA6Zd9fusamErWpmNFJCHsT7LzMn/Rd+DQnAw1Dq/5TjRJPQPICNwdLQbRN8hNhIdoH0F1xesVqlJEjjYFM1U3ua6EyigUpPd3ohu+5C8KYlcJtQkkcfwrms5ftI1LgxJMFovlT6poqUWhnuTPGDCjxRgcDIstnCPRy0NE3iWA1ZZi8sIqsYnIoAhAuoKChUlEmt1Q2Use/3l41EM7TPTwety2ONyoRuNs8rdrRqBU/AVcT/TiMRYQxQAAAABJRU5ErkJggg=='); + position: absolute; + top: 50%; + left: 50%; +} - .list-item-album .tool-flag { - display: none; - } +.list-item-play-gif { + width: 72px; + height: 72px; + margin-left: -36px; + margin-top: -36px; + background-position: 0 0; + cursor: pointer; +} - .list-item-image-tools li .label { - text-shadow: 1px 1px 0 rgba(0,0,0,.1); - } +.list-item-play-gif>span { + width: 66px; + height: 66px; + margin-left: -33px; + margin-top: -33px; + background-position: 0 -73px; +} - .list-item .list-item-avatar-cover, - .list-item .list-item-avatar-cover > * { - border-radius: 100%; - } - .list-item .list-item-avatar-cover { - width: 160px; - height: 160px; - border: 0; - background-color: #E5E5E5; - position: absolute; - left: 50%; - top: 50%; - /* margin-top: 0 !important; */ - margin-top: -80px !important; - margin-left: -80px !important; - -webkit-transition: all 300ms; - transition: all 300ms; - } - .tone-dark .list-item .list-item-avatar-cover { - background: #555; - } - .list-item .list-item-avatar-cover > * { - width: 100px; - height: 100px; - } - .list-item .list-item-avatar-cover img { - height: auto; - -webkit-box-shadow: 2px 2px 2px rgba(0,0,0,.3); - box-shadow: 2px 2px 2px rgba(0,0,0,.3); - } +.list-item-play-gif:hover>span, +.list-item-play-gif--loading>span { + -webkit-animation: spin 2s linear infinite; + animation: spin 2s linear infinite; +} - .list-item .list-item-avatar-cover .icon.empty { - display: block; - top: 50%; - position: relative; - margin-top: -45px; - } - .list-item .list-item-avatar-cover .icon.empty, .tone-dark .list-item-image .list-item-avatar-cover .icon.empty { - color: #FFF; - } +.list-item-play-gif>i { + width: 32px; + height: 17px; + margin-left: -16px; + margin-top: -9px; + background-position: 0 -140px; +} - .list-item-privacy { - position: absolute; - left: 0; - top: 0; - width: 2.4em; - height: 2.4em; - line-height: 2.4em; - color: #FFF; - text-shadow: 1px 1px 5px rgba(0,0,0,.5); - text-align: center; - } - .tone-dark .list-item-privacy { - background: rgba(0,0,0,.5); - color: #FFF; +@-webkit-keyframes spin { + from { + -webkit-transform: rotate(0deg); } - .list-item-like { - color: #FFF; - position: absolute; - right: 0; - bottom: 0; - } - .list-item-like .btn-like { - font-size: 20px; - padding:10px; - cursor: pointer; - display: none; - opacity: .8; - } - .list-item-like .btn-like:hover, - .list-item-like .btn-like.btn-liked { - opacity: 1; - } - [data-liked="0"] .list-item-like .btn-like.btn-unliked { - display: block; + to { + -webkit-transform: rotate(360deg); } - [data-liked="1"] .list-item-like .btn-like.btn-liked { - display: block; +} + +@keyframes spin { + from { + -webkit-transform: rotate(0deg); + transform: rotate(0deg); } - /* play stuff */ - .list-item-play-gif, .list-item-play-gif * { - background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAACdCAMAAAAgwM7pAAAB5lBMVEUAAAD//4D//6oAAAD//7///8wAAAD//9X//9v//9///+P//+b//+gAAAD//+r//+sAAAD//+3//+7//+////D///H///L///L///MAAAD///P///T///QAAAD///X///YAAAD///b///f///f///gAAAD///gAAAD///gAAAD///kAAAD///kAAAD///kAAAD///n///oAAAD///r///r///oAAAD///r///v///sAAAD///v///v///v///v///v///sAAAD///z///wAAAD///z///wAAAAAAAD///wAAAD///z///wAAAD///z///wAAAD///wAAAD///wAAAD///wAAAD///wAAAD///0AAAD///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///6+e5cNAAAAoXRSTlMAAgICBAQEBgYICAoKCgwMDA4OEBASEhQUFBYWGBgaGhocHiAiIiQkJiYoKCoqLCwuLi4wMjY2ODg6Ojw+QEJERkZISkpMUFBSVFRWWFhaXFxeXmBgYmJkZGZmaGpsbnBydHZ4enx+gYOFh4mLjY+Rk5WXmZuho6Wnqa2xs7W3u72/wcPFx8nLzc/R09XX2dvd3+Hj5efp6+3v8fP19/n7/fvKuacAAARqSURBVHherNgNx4RAFAXgQywQAYRYSLJWhBAwRInIyBjn//+Ql5eVXW1bzXkAEM3HnXMv9qRlY4bJOmenwTRliivip7H8YM0zxilR0Xlu8l0R4ahbPXPHXN9wSGX5g63wWzbygDHDvqj1PMS3EXYkPQ/rE3x1X3jCcscXueMpLsemh+dJ/oENuedpPt9YH8cL3B0fkoWXLAneRD0v6t/PU8vLWqyQeV7mM6xGBhjxgopBKrzqj2UQ+6pPNQPV+BfNDDRHAICCwQoAQMdgHQDEnsF8vO59+AkwFDAALAUskFIiRUmJEg0lGhhKGAyUGDBRYoKlhIWjhJN9SPZrssWWbb/sQMquiOzSysqIqrApS21FgafsOVI9kLInWxYiVLFGFrRU0U8VRmXxWBXYZS2EqqlRtVmqxk/ViqqaY1W7rhogqEYawiGLfuyjH0TpR2OruNoe1v01Y4a/bEVhGD+VCXcWC2xrZiFbZZGlEcKCwGSiyUKIiCzLQG0w1Q5Vg1FrdVRVUW3V3Nv7/Ke7va5ot2p77jkf+vvS50t/yT0n57zveygUfJ8P+fNDih57t22WWn2CJruzUg2CCI3wWjmt5fmUH8AEUelz7fhO4kgyQqepXhKhcGRKdZsGHT5fHY1GsMYBxJ3thI2KEIDQUGkWwWTISnLTDkTHi0k2DoCdpzlFBuv0Y5Kdzksg3EE48MoHJD7wMD1YAhID9wqKKFSj8r0m41HMRGeS2zMushvoIxSMyJjIJJoDvEWEhrbpsgyeHhmxOsLOwzDkXsKBr4CNh8d4hUg5D9EK8EmfoCV9pxMIFunylF9jNFXkEbuILkqu8TvNXEp0sg68ITzoARYJF85xwUdk4/Vt/cAIF5ERWNViq2eMxXQGv5Y2cc4iWkdMSx6csYgadse0FMAh4cIF3HxEIja5iQrs0wI44CPy4JRFUL85pKUNnLCIXIhqybzVz3hEuB3awrpGbEBDQV21Pem1XqjiU45KgmK3Pk9peoEUdJfsShFp9/Sy7iaiY/i/tuYRKaRGi5SFgV4upm4ZsVouplnAa6Brjz8L9zXsnZQN+8fMc6w3WE05QrwlFFAMNXzHLP6DnzCXcxTtigPhnBtjAWI5huNAXsPxs1N1XBeyiBYi1ryuGO0BoY0wU22XoHBQkyowDTj2d59QFyv1kUXbl0HXz9tHFj073mxfFtRQh1vCTqY7y+CWIhQPUTwx8JA0roQk0e9qVVd6rkkRdDvXVBYqaMa3FRk3bCh/W4BXEUWgQlVeivcA6Zd9fusamErWpmNFJCHsT7LzMn/Rd+DQnAw1Dq/5TjRJPQPICNwdLQbRN8hNhIdoH0F1xesVqlJEjjYFM1U3ua6EyigUpPd3ohu+5C8KYlcJtQkkcfwrms5ftI1LgxJMFovlT6poqUWhnuTPGDCjxRgcDIstnCPRy0NE3iWA1ZZi8sIqsYnIoAhAuoKChUlEmt1Q2Use/3l41EM7TPTwety2ONyoRuNs8rdrRqBU/AVcT/TiMRYQxQAAAABJRU5ErkJggg=='); - position: absolute; - top: 50%; - left: 50%; + to { + -webkit-transform: rotate(360deg); + transform: rotate(360deg); } - .list-item-play-gif { - width: 72px; - height: 72px; - margin-left: -36px; - margin-top: -36px; - background-position: 0 0; - cursor: pointer; - } - .list-item-play-gif > span { - width: 66px; - height: 66px; - margin-left: -33px; - margin-top: -33px; - background-position: 0 -73px; - } - .list-item-play-gif:hover > span, - .list-item-play-gif--loading > span { - -webkit-animation: spin 2s linear infinite; - animation: spin 2s linear infinite; - } - .list-item-play-gif > i { - width: 32px; - height: 17px; - margin-left: -16px; - margin-top: -9px; - background-position: 0 -140px; - } -@-webkit-keyframes spin { - from { -webkit-transform: rotate(0deg); } - to { -webkit-transform: rotate(360deg); } -} -@keyframes spin { - from {-webkit-transform:rotate(0deg);transform:rotate(0deg);} - to {-webkit-transform:rotate(360deg);transform:rotate(360deg);} } /* settings */ .settings-group { display: none; } + .settings-group-isolated { display: block; } /* stats */ -.stats-block, a.stats-block { +.stats-block, +a.stats-block { text-decoration: none; color: inherit; padding: 10px; } + a.stats-block:hover { background: #F9F9F9; } + .tone-dark a.stats-block:hover { background: #222; } - .text-align-center .stats-big-number { - text-align: center; - } - .stats-big-number .number { - font-size: 44px; - font-weight: 100; - } - .stats-big-number .number span { - font-size: 24px; - } - .stats-big-number .label { - display: block; - } +.text-align-center .stats-big-number { + text-align: center; +} + +.stats-big-number .number { + font-size: 44px; + font-weight: 200; +} + +.stats-big-number .number span { + font-size: 24px; +} + +.stats-big-number .label { + display: block; +} .text-content {} - .text-content code { - background: #F9F9F9; - padding: 2px; - border: 1px solid #DDD; - } - .tone-dark .text-content code { - border-color: #222; - background: #111; - } + +.text-content code { + background: #F9F9F9; + padding: 2px; + border: 1px solid #DDD; +} + +.tone-dark .text-content code { + border-color: #222; + background: #111; +} #home-top-bar-placeholder { margin-top: -65px; } + #home-cover { width: 100%; background-position: center center; @@ -922,76 +1056,88 @@ a.stats-block:hover { color: #FFF; position: relative; } + body.landing #home-cover { margin: 0; padding: 0; height: 100%; min-height: 500px; } + body.split #home-cover { margin: 0; height: 500px; } + .tone-dark #home-cover { /*background: none;*/ } - #home-cover-content { - position: relative; - text-align: center; - } - body.split #home-cover-content, - body.landing #home-cover-content { - top: 50%; - position: relative; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - overflow: auto; - } - #home-cover-content p, #home-cover-content h1 { - text-shadow: 1px 1px 2px rgba(0,0,0,.25) - } - /*#home-cover-content a { + +#home-cover-content { + position: relative; + text-align: center; +} + +body.split #home-cover-content, +body.landing #home-cover-content { + top: 50%; + position: relative; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); + overflow: auto; +} + +#home-cover-content p, +#home-cover-content h1 { + text-shadow: 1px 1px 2px rgba(0, 0, 0, .25) +} + +/*#home-cover-content a { color: #FFF; }*/ - #home-cover-content h1 { - font-size: 2.4em; - line-height: 120%; - font-weight: 600; - } - @media (min-width: 768px) { - #home-cover-content h1 { - font-size: 2.7em; - } - } - @media (min-width: 992px) { - #home-cover-content h1 { - font-size: 3em; - } - } +#home-cover-content h1 { + font-size: 2.4em; + line-height: 120%; + font-weight: 600; +} - #home-cover-content p { - font-size: 22px; - margin: 20px 0; - font-weight: 100; - } - #home-cover-content .home-buttons { - margin: 30px 0 20px; - } +@media (min-width: 768px) { + #home-cover-content h1 { + font-size: 2.7em; + } +} + +@media (min-width: 992px) { + #home-cover-content h1 { + font-size: 3em; + } +} + +#home-cover-content p { + font-size: 22px; + margin: 20px 0; + font-weight: 100; +} + +#home-cover-content .home-buttons { + margin: 30px 0 20px; +} .home-buttons { margin: 20px 0; text-align: center; } - .home-buttons a { - font-size: 16px; - text-transform: uppercase; - min-height: 50px; - line-height: 1.5; - height: auto; - text-align: center; - letter-spacing: 2px; - padding: 12px 30px; - } + +.home-buttons a { + font-size: 16px; + text-transform: uppercase; + min-height: 50px; + line-height: 1.5; + height: auto; + text-align: center; + letter-spacing: 2px; + padding: 12px 30px; +} #home-pics-feature { height: 700px; @@ -999,41 +1145,59 @@ body.split #home-cover { position: relative; margin: 10px 0; } + #home-pics-feature.empty { height: auto; } - #home-pics-feature-overlay { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ - background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0)),to(rgba(255,255,255,1))); - background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ - width: 100%; - height: 200px; - position: absolute; - bottom: 0; - z-index: 1; - } - .tone-dark #home-pics-feature-overlay { /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ - background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)),to(#0B0B0B)); - background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,#0B0B0B 100%); /* W3C */ - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ - } +#home-pics-feature-overlay { + /* FF3.6+ */ + /* Chrome,Safari4+ */ + /* Chrome10+,Safari5.1+ */ + /* Opera 11.10+ */ + /* IE10+ */ + background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1))); + background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); + /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0); + /* IE6-9 */ + width: 100%; + height: 200px; + position: absolute; + bottom: 0; + z-index: 1; +} - #home-pics-feature.empty #home-pics-overlay { - display: none; - } +.tone-dark #home-pics-feature-overlay { + /* FF3.6+ */ + /* Chrome,Safari4+ */ + /* Chrome10+,Safari5.1+ */ + /* Opera 11.10+ */ + /* IE10+ */ + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(#0B0B0B)); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #0B0B0B 100%); + /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#000000', GradientType=0); + /* IE6-9 */ +} + +#home-pics-feature.empty #home-pics-overlay { + display: none; +} #home-join { margin: 40px 0; } - #home-join h1 { - font-size: 38px; - font-weight: 100; - } - #home-join p { - margin: 20px 0; - font-size: 18px; - } + +#home-join h1 { + font-size: 38px; + font-weight: 100; +} + +#home-join p { + margin: 20px 0; + font-size: 18px; +} /** * BANNERS @@ -1042,79 +1206,98 @@ body.split #home-cover { margin: 10px; text-align: center; } - .ad-banner img { - display: block; - margin: 0 auto; - } + +.ad-banner img { + display: block; + margin: 0 auto; +} + /* sizes */ .ad-banner-size-300x250 { width: 300px; height: 250px; } + .ad-banner-size-336x280 { width: 336px; height: 280px; } + .ad-banner-size-728x90 { width: 728px; height: 90px; } + .ad-banner-size-300x600 { width: 300px; height: 600px; } + .ad-banner-size-320x100 { width: 320px; height: 100px; } + .ad-banner-size-320x50 { width: 320px; height: 50px; } + .ad-banner-size-468x60 { width: 468px; height: 60px; } + .ad-banner-size-234x60 { width: 234px; height: 60px; } + .ad-banner-size-120x600 { width: 120px; height: 600px; } + .ad-banner-size-120x240 { width: 120px; height: 240px; } + .ad-banner-size-160x600 { width: 160px; height: 600px; } + .ad-banner-size-300x1050 { width: 300px; height: 1050px; } + .ad-banner-size-970x90 { width: 970px; height: 90px; } + .ad-banner-size-970x250 { width: 970px; height: 250px; } + .ad-banner-size-250x250 { width: 250px; height: 250px; } + .ad-banner-size-200x200 { width: 200px; height: 200px; } + .ad-banner-size-180x150 { width: 180px; height: 150px; } + .ad-banner-size-125x125 { width: 125px; height: 125px; @@ -1126,7 +1309,8 @@ body.split #home-cover { background: #000; } -#banner_image_image-viewer_top, #banner_image_image-viewer_foot { +#banner_image_image-viewer_top, +#banner_image_image-viewer_foot { height: 90px; margin-left: auto; margin-right: auto; @@ -1139,6 +1323,7 @@ body#consent-screen { width: 100%; height: 100%; } + #maintenance-cover, #consent-screen-cover { height: 100%; @@ -1146,74 +1331,84 @@ body#consent-screen { background-color: #333; background-size: cover; } - #maintenance-cover-inner, - #consent-screen-cover-inner { - background: rgba(0,0,0,.25); - width: 100%; - height: 100%; - } - #maintenance-cover-content, - #consent-screen-cover-content { - color: #FFF; - padding: 40px; - text-align: center; - position: relative; - top: 50%; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - } - #maintenance-cover-content #logo { - display: inline-block; - margin-bottom: 20px; - } - #maintenance-cover-content #logo img { - height: 30px; - } - #maintenance-cover-content h1 { - font-size: 2.5em; - margin-bottom: 20px; - } - #maintenance-cover-content p { - font-size: 1.2em; - } + +#maintenance-cover-inner, +#consent-screen-cover-inner { + background: rgba(0, 0, 0, .25); + width: 100%; + height: 100%; +} + +#maintenance-cover-content, +#consent-screen-cover-content { + color: #FFF; + padding: 40px; + text-align: center; + position: relative; + top: 50%; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +#maintenance-cover-content #logo { + display: inline-block; + margin-bottom: 20px; +} + +#maintenance-cover-content #logo img { + height: 30px; +} + +#maintenance-cover-content h1 { + font-size: 2.5em; + margin-bottom: 20px; +} + +#maintenance-cover-content p { + font-size: 1.2em; +} #consent-screen-cover-inner { background: none; } - #consent-screen-cover-src { - width: 100%; - height: 100%; - position: absolute; - top: 0; - left: 0; - background-position: center; - background-size: cover; - } - #consent-screen-content { - background: #FFF; - margin: 0 auto; - padding: 30px; - -webkit-box-shadow: 0 0 50px 6px rgba(0,0,0,0.25); - box-shadow: 0 0 50px 6px rgba(0,0,0,0.25); - top: 50%; - position: relative; - -webkit-transform: translateY(-50%); - transform: translateY(-50%); - } - .tone-dark #consent-screen-content { - background: #161616; - } - #consent-screen-content h1 { - line-height: 2em; - } - #consent-screen-content .logo { - width: 2em; - height: auto; - display: inline; - margin-right: 10px; - vertical-align: top; - } +#consent-screen-cover-src { + width: 100%; + height: 100%; + position: absolute; + top: 0; + left: 0; + background-position: center; + background-size: cover; +} + +#consent-screen-content { + background: #FFF; + margin: 0 auto; + padding: 30px; + -webkit-box-shadow: 0 0 50px 6px rgba(0, 0, 0, 0.25); + box-shadow: 0 0 50px 6px rgba(0, 0, 0, 0.25); + top: 50%; + position: relative; + -webkit-transform: translateY(-50%); + transform: translateY(-50%); +} + +.tone-dark #consent-screen-content { + background: #161616; +} + +#consent-screen-content h1 { + line-height: 2em; +} + +#consent-screen-content .logo { + width: 2em; + height: auto; + display: inline; + margin-right: 10px; + vertical-align: top; +} #fullscreen-modal-box .image-preview .canvas { border: 0; @@ -1230,22 +1425,26 @@ body#consent-screen { font-size: 16px; text-align: center; } + .tone-dark .content-password-gate { - background: transparent; + background: transparent; +} + +.content-password-gate h1 { + font-size: 30px; + margin-bottom: 10px; +} + +.content-password-gate h1 .icon { + display: block; + font-size: 60px; + margin-bottom: 10px; +} + +.content-password-gate .g-recaptcha>div { + margin-right: auto; + margin-left: auto; } - .content-password-gate h1 { - font-size: 30px; - margin-bottom: 10px; - } - .content-password-gate h1 .icon { - display: block; - font-size: 60px; - margin-bottom: 10px; - } - .content-password-gate .g-recaptcha > div { - margin-right: auto; - margin-left: auto; - } .tone-dark .growl { background: #212121; @@ -1261,56 +1460,62 @@ body#consent-screen { left: 0; overflow: hidden; } - .home-cover-img { - position: absolute; - left: 0; - top: 0; - width: 100%; - height: 100%; - background-size: cover; - background-repeat: no-repeat; - background-position: center center; - display: block; - opacity: 0; - -webkit-transform: translateZ(0); - -webkit-backface-visibility: hidden; - backface-visibility: hidden; - } - .home-cover-img.animate-in, - .home-cover-img.animate-in--alt { - -webkit-animation-name: slideshow; - animation-name: slideshow; - -webkit-animation-duration: 10s; - animation-duration: 10s; - -webkit-animation-timing-function: linear; - animation-timing-function: linear; - -webkit-animation-fill-mode: forwards; - animation-fill-mode: forwards; - } - .home-cover-img.animate-in--alt { - opacity: 1; - -webkit-animation-name: slideshow--alt; - animation-name: slideshow--alt; - } - .home-cover-img.animate-end { - opacity: 1; - -webkit-transform: scale(1.12); - transform: scale(1.12); - -webkit-animation: none; - animation: none; - } + +.home-cover-img { + position: absolute; + left: 0; + top: 0; + width: 100%; + height: 100%; + background-size: cover; + background-repeat: no-repeat; + background-position: center center; + display: block; + opacity: 0; + -webkit-transform: translateZ(0); + -webkit-backface-visibility: hidden; + backface-visibility: hidden; +} + +.home-cover-img.animate-in, +.home-cover-img.animate-in--alt { + -webkit-animation-name: slideshow; + animation-name: slideshow; + -webkit-animation-duration: 10s; + animation-duration: 10s; + -webkit-animation-timing-function: linear; + animation-timing-function: linear; + -webkit-animation-fill-mode: forwards; + animation-fill-mode: forwards; +} + +.home-cover-img.animate-in--alt { + opacity: 1; + -webkit-animation-name: slideshow--alt; + animation-name: slideshow--alt; +} + +.home-cover-img.animate-end { + opacity: 1; + -webkit-transform: scale(1.10); + transform: scale(1.10); + -webkit-animation: none; + animation: none; +} @-webkit-keyframes slideshow { 0% { opacity: 0; } + 20% { opacity: 1; } + 100% { opacity: 1; - -webkit-transform: scale(1.12); - transform: scale(1.12); + -webkit-transform: scale(1.10); + transform: scale(1.10); } } @@ -1318,63 +1523,87 @@ body#consent-screen { 0% { opacity: 0; } + 20% { opacity: 1; } + 100% { opacity: 1; - -webkit-transform: scale(1.12); - transform: scale(1.12); + -webkit-transform: scale(1.10); + transform: scale(1.10); } } + @-webkit-keyframes slideshow--alt { 100% { - -webkit-transform: scale(1.12); - transform: scale(1.12); + -webkit-transform: scale(1.10); + transform: scale(1.10); } } + @keyframes slideshow--alt { 100% { - -webkit-transform: scale(1.12); - transform: scale(1.12); + -webkit-transform: scale(1.10); + transform: scale(1.10); } } @supports (-ms-accelerator:true) { .home-cover-img.animate-end { -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } - @-webkit-keyframes slideshow { + + @-webkit-keyframes slideshow { 0% { opacity: 0; } + 20% { opacity: 1; } } - @keyframes slideshow { + + @keyframes slideshow { 0% { opacity: 0; } + 20% { opacity: 1; } } + @-webkit-keyframes slideshow--alt { 100% { -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } } + @keyframes slideshow--alt { 100% { -webkit-transform: scale(1); - transform: scale(1); + transform: scale(1); } } } +#home-cover-slideshow::after { + content: ""; + z-index: 1; + height: 50px; + position: absolute; + top: 0; + left: 0; + right: 0; + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.1)),to(rgba(0,0,0,0))); + background: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); + background: -o-linear-gradient(top, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); + background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); +} + #dashboard-settings { min-height: 400px; } @@ -1388,28 +1617,34 @@ body#consent-screen { position: absolute; bottom: 0; } + .tone-dark .footer { color: #444; } + .js #powered-by.footer { display: none; } body.landing .footer { color: #FFF; - text-shadow: 2px 2px 6px rgba(0,0,0,.4); + text-shadow: 2px 2px 6px rgba(0, 0, 0, .4); +} + +body.landing .footer a { + color: rgba(255, 255, 255, .7); +} + +body.landing .footer, +body.landing .footer a:hover { + color: #FFF; } - body.landing .footer a { - color: rgba(255,255,255,.7); - } - body.landing .footer, body.landing .footer a:hover { - color: #FFF; - } /* CHEVERETO LISTING VIEWER */ body.--viewer-shown { overflow: hidden; } + .viewer { background: #000; position: fixed; @@ -1419,22 +1654,28 @@ body.--viewer-shown { left: 0; z-index: 500; } + .js .viewer { display: block; } + .viewer--hide { opacity: 0; } + .viewer--show { opacity: 1; } + .viewer.viewer--no-cursor, .viewer.viewer--no-cursor * { cursor: none; } + .viewer .btn-icon { font-size: 20px; } + .viewer-content { position: relative; top: 0; @@ -1442,34 +1683,40 @@ body.--viewer-shown { width: 100%; height: 100%; } + .viewer-content img { position: absolute; max-height: 100vh; - max-width: 100vw; - transform: translate(-50%,-50%); + max-width: 100vw; + transform: translate(-50%, -50%); top: 50%; left: 50%; } -.viewer-close, .viewer-wheel > div { + +.viewer-close, +.viewer-wheel>div { color: #FFF; top: 0; font-size: 1em; - text-shadow: 1px 1px 0px rgba(0,0,0,.5); + text-shadow: 1px 1px 0px rgba(0, 0, 0, .5); text-align: center; } + .viewer-close { position: absolute; width: 2.4em; - height: 2.4em; - line-height: 2.4em; + height: 2.4em; + line-height: 2.4em; cursor: pointer; right: -2.4em; z-index: 500; } + .viewer:hover .hover-display.viewer-close { right: 2px; } -.viewer-wheel > div { + +.viewer-wheel>div { position: fixed; bottom: 0; width: calc(1em + 20px); @@ -1478,25 +1725,30 @@ body.--viewer-shown { opacity: .7; display: none; } -.viewer-wheel > div:hover { + +.viewer-wheel>div:hover { opacity: 1; } + .viewer--nav-prev .viewer-wheel-prev { left: 0; display: block; } + .viewer--nav-next .viewer-wheel-next { right: 0; display: block; } -.viewer-wheel > div > .icon { + +.viewer-wheel>div>.icon { position: absolute; top: 50%; transform: translateY(-50%); display: block; } -.viewer-tools { -} + +.viewer-tools {} + .viewer-foot { padding: 20px; position: absolute; @@ -1504,29 +1756,33 @@ body.--viewer-shown { right: 0; bottom: 0; height: 80px; - background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0,0,0,0.6))); - background: -webkit-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 100%); - background: -moz-linear-gradient(top, transparent 0%, rgba(0,0,0,0.6) 100%); - background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.6) 100%); + background: -webkit-gradient(linear, left top, left bottom, from(transparent), to(rgba(0, 0, 0, 0.6))); + background: -webkit-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%); + background: -moz-linear-gradient(top, transparent 0%, rgba(0, 0, 0, 0.6) 100%); + background: linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.6) 100%); } + .viewer-foot { display: flex; - flex-wrap: wrap; + flex-wrap: wrap; flex-flow: row; } + .viewer-owner { width: 190px; white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; + overflow: hidden; + text-overflow: ellipsis; color: #FFF; } + .viewer-owner .user-image { width: 40px; height: 40px; vertical-align: bottom; margin-right: 10px; } + .viewer-owner .user-name { font-size: initial; text-decoration: none; @@ -1534,12 +1790,15 @@ body.--viewer-shown { line-height: 40px; color: inherit; } + .viewer-owner a.user-name:hover { - color: rgba(255,255,255,.8); + color: rgba(255, 255, 255, .8); } + .viewer-owner { order: 1; } + .viewer-kb { font-size: 0.86em; flex-grow: 1; @@ -1547,27 +1806,31 @@ body.--viewer-shown { padding-right: 190px; text-align: center; } + .device-mobile .viewer-kb { display: none; } + .viewer-kb-input { display: inline-block; } + .viewer-kb-key { color: #FFF; display: inline-block; margin: 10px; } - .viewer-kb-key kbd { - border: 1px solid rgba(0,0,0,.5); - background: rgba(120,120,120,.5); - color: #FFF; - padding: 4px 6px; - border-radius: 2px; - display: inline-block; - margin-right: 5px; - line-height: 1; - } + +.viewer-kb-key kbd { + border: 1px solid rgba(0, 0, 0, .5); + background: rgba(120, 120, 120, .5); + color: #FFF; + padding: 4px 6px; + border-radius: 2px; + display: inline-block; + margin-right: 5px; + line-height: 1; +} .viewer-like { transform: none; @@ -1580,14 +1843,17 @@ body.--viewer-shown { .viewer:hover .hover-display--flex { display: flex; } + .--width-auto { width: auto; } + .--height-auto { height: auto } -html.--idle .viewer, html.--idle .viewer * { +html.--idle .viewer, +html.--idle .viewer * { cursor: none !important; } @@ -1598,28 +1864,399 @@ html .fullscreen-show { :-webkit-full-screen .fullscreen-hide { display: none; } + :-moz-full-screen .fullscreen-hide { display: none; } + :-ms-fullscreen .fullscreen-hide { display: none; } + :fullscreen .fullscreen-hide { display: none; } + :-webkit-full-screen .fullscreen-show { display: block; } + :-moz-full-screen .fullscreen-show { display: block; } + :-ms-fullscreen .fullscreen-show { display: block; } + :fullscreen .fullscreen-show { display: block; } a.image-container { -webkit-tap-highlight-color: transparent; +} + +a { + color: #3498db; + outline: 0; +} + +a + +/*, a:hover*/ + { + text-decoration: none; +} + +input, +textarea { + border-color: #C6C8CA; +} + +.input-label, +.content-section { + margin-top: 20px; + margin-bottom: 20px; + position: relative; +} + +.content-section:first-child { + margin-top: 0; +} + +.input-label .input { + width: 100%; + margin-bottom: 0; +} + +.input-label .input+.input { + margin-top: 5px; +} + +.input-label .input-label { + margin-bottom: 10px; +} + +.input-label .input-label .label { + font-weight: normal; +} + +.input-label label .caption, +.input-label label .optional { + font-weight: normal; + font-size: 0.92em; +} + +.input-label label .caption:before, +.input-label label .optional:before { + content: "("; +} + +.input-label label .caption:after, +.input-label label .optional:after { + content: ")"; +} + +.input-label-below { + margin-top: 5px; + clear: both; +} + +.background-cover { + position: fixed; + top: 0; + right: 0; + bottom: 0; + left: 0; + background-position: center center; + background-size: cover; +} + +.input-with-button { + position: relative; +} + +.input-with-button button { + background: none; + position: absolute; + right: 0; + top: 50%; + transform: translateY(-50%); + border: none; + font-size: 22px; + width: 1em; + height: 1em; + outline: 0; + color: #D9D9D9; +} + +.tone-dark .input-with-button button { + color: #666; +} + +.input-with-button button:hover, +.input-with-button button:focus { + color: #3498DB; +} + +#top-left { + position: fixed; + padding: 5px; + left: 0; + top: 0; +} + +.top-button { + padding: 5px; +} + +.top-button .menu-box { + margin-top: 5px; +} + +.top-button-icon { + font-size: 16px; + color: #FFF; + cursor: pointer; + text-shadow: 1px 1px 0 rgba(0, 0, 0, .15); +} + +/* Full screen covers */ +/* Default background */ +.background-default { + background: #2ecc71; + background: -moz-linear-gradient(top, #2ecc71 0%, #3498db 100%); + background: -webkit-linear-gradient(top, #2ecc71 0%, #3498db 100%); + background: linear-gradient(to bottom, #2ecc71 0%, #3498db 100%); + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ecc71', endColorstr='#3498db', GradientType=0); +} + +.content-box { + position: relative; + margin: 20px; +} + +.content-box-text *:first-child { + margin-top: 0; +} + +.content-box-text *:last-child { + margin-bottom: 0; +} + +.logo { + max-height: 50px; + max-width: 220px; + margin-bottom: 20px; +} + +.card-box { + min-width: 270px; + width: calc(100vw - 40px); +} + +/* iphone 6 +@media (max-width: 375px) { + .access-box { + max-width: 100%; + } +} +*/ +.access-box-content { + background: #FFF; +} + +.fancy-box-heading { + font-size: 22px; + margin: 20px 0 30px 0; +} + +.fancy-fieldset { + border: 0; + padding: 0; + margin: 0; +} + +.fancy-fieldset input:not([type=checkbox]), +.fancy-fieldset input[type=text], +.fancy-fieldset select, +.fancy-fieldset textarea { + outline: 0; + padding: 10px 0; + width: 100%; + border-radius: 0; + border-color: #EBEBEB; + background: transparent; + box-shadow: none; +} + +.fancy-fieldset .checkbox-label input[type="checkbox"] { + width: auto; + vertical-align: middle; + margin: 0 0 0 -20px; +} + +.tone-dark .fancy-fieldset input, +.tone-dark .fancy-fieldset input[type=text], +.tone-dark .fancy-fieldset select, +.tone-dark .fancy-fieldset textarea { + box-shadow: none; + border-color: #212121; +} + +.fancy-fieldset select { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; +} + +.fancy-fieldset input, +.fancy-fieldset select { + padding: 10px 0; + border-top: transparent; + border-left: transparent; + border-right: transparent; +} + +.fancy-fieldset input:focus, +.fancy-fieldset input:focus[type=text], +.fancy-fieldset select:focus, +.fancy-fieldset textarea:focus { + border-color: #3498DB; +} + +.fancy-fieldset .input-with-button input[type=password] { + padding-right: 30px; +} + +.fancy-fieldset>div:last-child { + margin-bottom: inherit; +} + +.fancy-fieldset .label { + line-height: 1.5; +} + +.fancy-fieldset .input-label:last-child { + margin-bottom: 0; +} +.fancy-fieldset .checkbox-label { + margin: 0; +} + +.social-button-outline { + position: relative; + text-decoration: none; + width: 32px; + height: 32px; + display: inline-block; + border-radius: 50%; + border-width: 1px; + border-style: solid; + font-size: 16px; + margin: 5px; +} + +.social-button-outline .icon { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); +} + +.social-button-outline.border-color-facebook:hover, +.social-button-outline.border-color-facebook:focus { + background-color: #3b5998; +} + +.social-button-outline.border-color-twitter:hover, +.social-button-outline.border-color-twitter:focus { + background-color: #1da1f2; +} + +.social-button-outline.border-color-google:hover, +.social-button-outline.border-color-google:focus { + background-color: #ea4335; +} + +.social-button-outline.border-color-vk:hover, +.social-button-outline.border-color-vk:focus { + background-color: #45668e; +} + +.social-button-outline:hover .icon, +.social-button-outline:focus .icon { + color: #FFF; +} + +#login { + padding: 0; + margin: 0; +} + +.content-section--recaptchaFix #g-recaptcha { + min-height: 78px; + -webkit-transform: scale(0.89); + -ms-transform: scale(0.89); + transform: scale(0.89); + -webkit-transform-origin: left; + -ms-transform-origin: left; + transform-origin: left; +} + +#login .input { + margin: 0; +} + +.btn-container--fixed { + position: fixed; + left: 0; + right: 0; + bottom: 0; + background: rgba(0,0,0,.5); + padding: 10px; + margin: 0; + border: 0; +} + +.tone-dark .btn-container--fixed { + background: rgba(0,0,0,.75); +} + +body#dashboard { + min-height: 100%; + padding-bottom: 4em; +} + +body.full--wh { + height: 100%; + width: 100%; +} + +.display-flex #home-cover-slideshow { + position: fixed; +} + +[data-content=dashboard-imports] [data-result], +[data-content=dashboard-imports] [data-started="0"] [data-content^=log], +[data-content=dashboard-imports] [data-errors="0"] [data-content=log-errors] { + display: none; +} +[data-content=dashboard-imports] [data-errors="1"] [data-content=log-process] { + display: initial; +} +[data-content=dashboard-imports] [data-status=completed][data-errors="0"] [data-result=success], +[data-content=dashboard-imports] [data-status][data-errors="1"] [data-result=error] { + display: initial; +} +[data-content=dashboard-imports] [data-status=paused] [data-action=pause], +[data-content=dashboard-imports] [data-status=canceled] [data-action=pause], +[data-content=dashboard-imports] [data-status=canceled] [data-action=cancel], +[data-content=dashboard-imports] [data-status=canceled] [data-action=process], +[data-content=dashboard-imports] [data-status=completed] [data-action=pause], +[data-content=dashboard-imports] [data-status=completed] [data-action=cancel], +[data-content=dashboard-imports] [data-status=completed] [data-action=process], +[data-content=dashboard-imports] [data-status=working] [data-action=process] { + display: none !important; } \ No newline at end of file diff --git a/app/themes/Peafowl/style.min.css b/app/themes/Peafowl/style.min.css index 4feca565..9e4a5b70 100644 --- a/app/themes/Peafowl/style.min.css +++ b/app/themes/Peafowl/style.min.css @@ -1 +1 @@ -body{padding-top:65px;padding-bottom:20px;min-height:100%;background:#FEFEFE;position:relative;}body.landing{min-height:500px;height:100%;padding:0;margin:0;}.phone body.landing{min-height:auto;}.js body.landing{overflow:hidden;opacity:0;-webkit-transform:scale(1.1);transform:scale(1.1);}.js body.landing.load{-webkit-transition:-webkit-transform 400ms ease,opacity 350ms linear;-webkit-transition:opacity 350ms linear,-webkit-transform 400ms ease;transition:opacity 350ms linear,-webkit-transform 400ms ease;transition:transform 400ms ease,opacity 350ms linear;transition:transform 400ms ease,opacity 350ms linear,-webkit-transform 400ms ease;opacity:1;-webkit-transform:scale(1);transform:scale(1);}.js body.landing.loaded{overflow:auto;}body.split{margin-top:0;padding-top:0;}.fluid .content-width,.content-width.fluid{width:100%;}@media (min-width:992px){.content-width.wide{max-width:none;}}html.device-mobile .device-mobile--hide{display:none !important;}html.device-nonmobile .device-nonmobile--hide{display:none !important;}body#upload{padding-top:50px;padding-bottom:0;background-color:transparent;}.image-viewer{text-align:center;background:#F7F7F7;position:relative;min-height:72px;overflow:hidden;}.image-viewer-main{display:inline-block;vertical-align:middle;}.image-viewer-container{display:block;margin:0 auto;position:relative;}.image-viewer-container img{display:block;margin:0 auto;max-height:100%;width:auto;}.js .image-viewer-container img{position:absolute;width:100%;height:auto;}.image-viewer .btn-download{position:absolute;top:20px;right:20px;z-index:1;}.image-viewer-navigation{}.image-viewer-navigation a{z-index:3;}.image-viewer-navigation a:hover{background-color:#AAA;background-color:rgba(0,0,0,.3);}.viewer-loader,#image-viewer-loading{width:30px;height:30px;position:absolute;left:50%;top:50%;margin-left:-15px;margin-top:-15px;border-radius:100%;background:rgba(17,17,17,.9);}#image-viewer-loader{position:absolute;background:rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.7);color:rgba(255,255,255,.9);font-size:13px;left:50%;top:50%;padding:8px 14px;border-radius:100px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer;display:none;}#image-viewer-loader:hover{background:rgba(0,0,0,.6);border-color:rgba(255,255,255,.8);color:#FFF;}#image-viewer-loader .btn-icon{position:relative;top:1px;font-size:12px;}.image-viewer.full-viewer,#image .top-bar-placeholder{background:#111;}.top-bar-white .image-viewer.full-viewer,.top-bar-white #image .top-bar-placeholder{background:#FFF;}.btn-like{}.btn-like .btn.btn-liked,.btn-like .btn.btn-unliked{display:none;}.btn-like[data-liked="0"] .btn-unliked{display:inline-block;}.btn-like[data-liked="1"] .btn-liked{display:inline-block;}.btn-follow{}.btn-follow .btn.btn-followed,.btn-follow .btn.btn-unfollowed{display:none;}.btn-follow[data-followed="0"] .btn-unfollowed{display:inline-block;}.btn-follow[data-followed="1"] .btn-followed{display:inline-block;}#fullscreen-uploader-mask{z-index:99;}.phone #fullscreen-uploader-mask{z-index:400;}#anywhere-upload{z-index:400;scroll:auto;-webkit-overflow-scrolling:touch;-webkit-transition:transform 300ms ease;-webkit-transition:-webkit-transform 300ms ease;transition:-webkit-transform 300ms ease;transition:transform 300ms ease;transition:transform 300ms ease,-webkit-transform 300ms ease;}#anywhere-upload.hidden-visibility{}#anywhere-upload.hidden-visibility iframe{visibility:hidden;}.phone #anywhere-upload{z-index:500;height:100vh !important;}#upload #anywhere-upload{overflow:hidden !important;height:auto !important;}#upload .upload-box .upload-box-allowed-files,.phone .upload-box .upload-box-allowed-files{display:none;}#upload .upload-box[data-queue-size="0"] .upload-box-allowed-files,.phone .upload-box[data-queue-size="0"] .upload-box-allowed-files{display:block;}#upload .upload-box-allowed-files,.phone .upload-box-allowed-files{position:fixed;top:auto;left:0;right:0;text-align:center;bottom:10px;}#anywhere-upload-paste{height:0;opacity:0;font-size:0;}#anywhere-upload-paste *{display:none;}.upload-box{border-bottom:0;}.upload-box-queue{text-align:center;font-size:0;margin-top:35px;margin-bottom:35px;}.upload-box-queue li{position:relative;text-align:center;display:inline-block;background:red;margin:5px;background:#EFEFEF;-webkit-box-shadow:inset 0px 2px 10px 0px rgba(0,0,0,.07);box-shadow:inset 0px 2px 10px 0px rgba(0,0,0,.07);}.tone-dark .upload-box-queue li{background:#222;}.upload-box-queue li,.upload-box-queue .block{border-radius:0;}.ios .upload-box-queue li,.ios .upload-box-queue .block,.upload-box-queue .block.failed{border-radius:0;}.upload-box-queue li,.upload-box-queue li.normal{width:110px;height:110px;font-size:14px;font-size:1rem;}.upload-box-queue li.small{width:77px;height:77px;font-size:9px;font-size:0.643rem;}.upload-box-queue li.tiny{width:54px;height:54px;font-size:7px;font-size:0.5rem;}.upload-box-queue .block{width:100%;height:100%;top:0;left:0;overflow:hidden;position:absolute;}.upload-box-queue a.image-link{display:none;}.upload-box-queue .completed a.image-link{display:block;position:absolute;overflow:hidden;z-index:1;-webkit-transform:rotate(0.000001deg);}.upload-box-queue .queue-item .queue-item-button,.upload-box-queue .queue-item .block.edit{display:block;position:absolute;cursor:pointer;z-index:100;}.upload-box-queue .queue-item .queue-item-button .icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}.upload-box-queue .queue-item.completed:hover .queue-item-button{display:none;}.upload-box-queue .queue-item .queue-item-button{font-size:7px;width:21px;height:21px;line-height:23px;background:#FFF;color:#333;border-radius:200px;left:-7px;-webkit-box-shadow:1px 1px 4px 0px rgba(0,0,0,.5);box-shadow:1px 1px 4px 0px rgba(0,0,0,.5);}.tone-dark .upload-box-queue .queue-item .queue-item-button{background:#333;color:#FFF;}.upload-box-queue .queue-item .queue-item-button.cancel{top:-7px;}.upload-box-queue .queue-item .queue-item-button.edit{top:16px;font-size:9px;}.upload-box-queue .big-icon{position:absolute;color:#DADADA;font-size:5.36em;width:1em;height:1em;left:50%;top:50%;margin-left:-0.5em;margin-top:-0.5em;text-shadow:1px 1px 0 rgba(255,255,255,.9);}.tone-dark .upload-box-queue .big-icon{color:#444;text-shadow:1px 1px 0 rgba(0,0,0,.9);}.upload-box-queue .preview,.upload-box-queue .done{position:relative;overflow:hidden;}.upload-box-queue .preview .canvas{position:absolute;top:50%;left:50%;}.upload-box-queue .progress{position:absolute;}.upload-box-queue .progress-bar,.upload-box-queue .progress-percent{height:100%;}.upload-box-queue .uploading .progress-percent{display:block;}.queue-item.uploading.waiting .progress-percent,.queue-item.uploading .queue-item-button.edit,.queue-item.uploading .block.edit{display:none;}.upload-box-queue .progress-percent{font-family:arial,helvetica,sans-serif;font-size:2.86em;font-weight:normal;color:#FFF;text-shadow:2px 2px 10px rgba(0,0,0,.8);text-align:center;width:100%;height:1em;position:absolute;top:0.86em;z-index:1;display:none;}.upload-box-queue .progress-percent b{font-weight:bold;}.upload-box-queue .progress-percent span{font-size:0.5em;font-weight:normal;position:relative;}.upload-box-queue .progress-bar{float:right;width:100%;display:none;}.upload-box-queue .progress-bar,.upload-box-queue .failed .result{background:rgba(255,255,255,.65);}.upload-box-queue .uploading .progress-bar{display:block;}.upload-box-queue .completed .result.done,.upload-box-queue .failed .result.failed{display:block;}.upload-box-queue .result{position:absolute;z-index:1;display:none;}.tone-dark .upload-box-queue .progress-bar,.tone-dark .upload-box-queue .failed .result{background:rgba(0,0,0,.65);}.upload-box-queue .result .icon{position:absolute;width:1em;font-size:3.429em;color:#FFF;top:50%;left:50%;margin-top:-0.5em;margin-left:-0.5em;margin-left:-0.5em;opacity:0.92;text-shadow:none;}.upload-box-queue .done .result .icon{text-shadow:2px 2px 6px rgba(0,0,0,.2);}.upload-box-queue .failed .result .icon{color:#E84C3D;font-size:3.429em;}.upload-box-queue.queue-complete .cancel,.upload-box-queue.queue-complete .edit{display:none;}#uploaded-embed-toggle-combo,#form-embed-toggle-combo{position:relative;}#upload .top-bar{-webkit-box-shadow:none;box-shadow:none;border-bottom-color:transparent;}#upload #anywhere-upload{background:transparent;}#upload .upload-box{transform:none;position:static;}body#upload [data-action="close-upload"],body:not(#upload) [data-action="reset-upload"]{display:none !important;}.upload-box:not(.queueReady):not(.queueCompleted) [data-action="reset-upload"],.upload-box.queueUploading [data-action="close-upload"],.upload-box:not(.queueUploading) [data-action^="cancel-upload"],.upload-box.queueHasResults [data-action="cancel-upload"],.upload-box:not(.queueHasResults) [data-action="cancel-upload-remaining"]{display:none;}#background-cover{height:290px;background-color:#000;position:relative;}.phone #background-cover{height:230px;}#background-cover.no-background{background-color:#F9F9F9;background-image:none !important;padding:9px 0;height:auto;margin-top:50px;}.tone-dark #background-cover.no-background{background:#101010;}#background-cover-wrap{height:100%;overflow:hidden;position:relative;}#background-cover .content-width{text-align:center;}#change-background-cover{position:absolute;right:10px;bottom:10px;}#user-background-upload{top:0;left:0;width:1px;height:1px;}#background-cover-src{overflow:hidden;background-position:center center;background-size:cover;}#background-cover-src,#background-cover .loading-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;}#background-cover .loading-placeholder{background:rgba(0,0,0,.8);}[data-privacy=public] .list-item-privacy{display:none;}.list-item-thumbs{}.list-item-thumbs li,.list-item-thumbs li a{display:block;height:auto;overflow:hidden;}.list-item-thumbs li img{width:100%;display:block;}.input-copy{position:relative;}.input-copy .btn-copy{font-size:10px;position:absolute;right:2px;top:8px;background:#FFF;padding:0 4px;height:18px;line-height:18px;text-transform:uppercase;cursor:pointer;border-width:0 4px;border-style:solid;border-color:#FFF;display:none;}.input-copy .btn-copy:hover{background:#E5E5E5;}.list-item-image-tools{position:absolute;right:0;top:0;}.list-item.selected .list-item-image-tools li.tool-select .icon{color:#FFF;background:#27AE60;}.list-item-image-tools li{margin:2px;cursor:pointer;position:relative;height:2.4em;line-height:2.4em;font-size:1em;right:calc(-2.4em - 2px);transition:all 200ms ease-in-out;}.list-item .hover-display.list-item-image-tools{opacity:1;}html:not(.--idle) .list-item:hover .list-item-image-tools li,.list-item.selected li.tool-select,.list-item[data-flag=unsafe] li.tool-flag{right:0;}.list-item-image-tools li,.list-item-image-tools li *{display:block;color:inherit;}.list-item-image-tools li span{float:right;}.list-item-image-tools li .label{font-size:0.86em;}.list-item-image-tools li .btn-icon{font-size:1em;}.list-item-image-tools li .label{text-transform:uppercase;padding-left:1em;padding-right:0;display:none;height:100%;}.list-item-image-tools li:hover .label{display:block;}.small-cols .list-item-image-tools li:hover .label{display:none;}[data-flag=unsafe] li:hover .label-flag-unsafe,[data-flag=safe] li:hover .label-flag-safe{display:none;}.unsafe-blur-on [data-flag=unsafe] .list-item-image .image-container,.unsafe-blur-on .list-item .list-item-thumbs li[data-flag=unsafe] a{filter:blur(5px);-webkit-filter:blur(5px);-webkit-transform:scale(1.04);transform:scale(1.04);}.unsafe-blur-on [data-flag=unsafe]:hover .list-item-image .image-container,.unsafe-blur-on .list-item:hover .list-item-thumbs li[data-flag=unsafe] a{filter:none;-webkit-filter:none;}.list-item-image-tools li .btn-icon{width:2.4em;height:2.4em;line-height:2.4em;color:#FFF;background:#000;background:rgba(0,0,0,.2);text-align:center;}.list-item-image-tools li:hover .btn-icon,.list-item-image-tools li .label{color:#FFF;background:rgba(0,0,0,.4);}.list-item.selected li.tool-select .btn-icon,[data-flag=unsafe] li.tool-flag .btn-icon{background:rgba(0,0,0,.4);}.list-item-album .tool-flag{display:none;}.list-item-image-tools li .label{text-shadow:1px 1px 0 rgba(0,0,0,.1);}.list-item .list-item-avatar-cover,.list-item .list-item-avatar-cover > *{border-radius:100%;}.list-item .list-item-avatar-cover{width:160px;height:160px;border:0;background-color:#E5E5E5;position:absolute;left:50%;top:50%;margin-top:-80px !important;margin-left:-80px !important;-webkit-transition:all 300ms;transition:all 300ms;}.tone-dark .list-item .list-item-avatar-cover{background:#555;}.list-item .list-item-avatar-cover > *{width:100px;height:100px;}.list-item .list-item-avatar-cover img{height:auto;-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.3);box-shadow:2px 2px 2px rgba(0,0,0,.3);}.list-item .list-item-avatar-cover .icon.empty{display:block;top:50%;position:relative;margin-top:-45px;}.list-item .list-item-avatar-cover .icon.empty,.tone-dark .list-item-image .list-item-avatar-cover .icon.empty{color:#FFF;}.list-item-privacy{position:absolute;left:0;top:0;width:2.4em;height:2.4em;line-height:2.4em;color:#FFF;text-shadow:1px 1px 5px rgba(0,0,0,.5);text-align:center;}.tone-dark .list-item-privacy{background:rgba(0,0,0,.5);color:#FFF;}.list-item-like{color:#FFF;position:absolute;right:0;bottom:0;}.list-item-like .btn-like{font-size:20px;padding:10px;cursor:pointer;display:none;opacity:.8;}.list-item-like .btn-like:hover,.list-item-like .btn-like.btn-liked{opacity:1;}[data-liked="0"] .list-item-like .btn-like.btn-unliked{display:block;}[data-liked="1"] .list-item-like .btn-like.btn-liked{display:block;}.list-item-play-gif,.list-item-play-gif *{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAACdCAMAAAAgwM7pAAAB5lBMVEUAAAD//4D//6oAAAD//7///8wAAAD//9X//9v//9///+P//+b//+gAAAD//+r//+sAAAD//+3//+7//+////D///H///L///L///MAAAD///P///T///QAAAD///X///YAAAD///b///f///f///gAAAD///gAAAD///gAAAD///kAAAD///kAAAD///kAAAD///n///oAAAD///r///r///oAAAD///r///v///sAAAD///v///v///v///v///v///sAAAD///z///wAAAD///z///wAAAAAAAD///wAAAD///z///wAAAD///z///wAAAD///wAAAD///wAAAD///wAAAD///wAAAD///0AAAD///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///6+e5cNAAAAoXRSTlMAAgICBAQEBgYICAoKCgwMDA4OEBASEhQUFBYWGBgaGhocHiAiIiQkJiYoKCoqLCwuLi4wMjY2ODg6Ojw+QEJERkZISkpMUFBSVFRWWFhaXFxeXmBgYmJkZGZmaGpsbnBydHZ4enx+gYOFh4mLjY+Rk5WXmZuho6Wnqa2xs7W3u72/wcPFx8nLzc/R09XX2dvd3+Hj5efp6+3v8fP19/n7/fvKuacAAARqSURBVHherNgNx4RAFAXgQywQAYRYSLJWhBAwRInIyBjn//+Ql5eVXW1bzXkAEM3HnXMv9qRlY4bJOmenwTRliivip7H8YM0zxilR0Xlu8l0R4ahbPXPHXN9wSGX5g63wWzbygDHDvqj1PMS3EXYkPQ/rE3x1X3jCcscXueMpLsemh+dJ/oENuedpPt9YH8cL3B0fkoWXLAneRD0v6t/PU8vLWqyQeV7mM6xGBhjxgopBKrzqj2UQ+6pPNQPV+BfNDDRHAICCwQoAQMdgHQDEnsF8vO59+AkwFDAALAUskFIiRUmJEg0lGhhKGAyUGDBRYoKlhIWjhJN9SPZrssWWbb/sQMquiOzSysqIqrApS21FgafsOVI9kLInWxYiVLFGFrRU0U8VRmXxWBXYZS2EqqlRtVmqxk/ViqqaY1W7rhogqEYawiGLfuyjH0TpR2OruNoe1v01Y4a/bEVhGD+VCXcWC2xrZiFbZZGlEcKCwGSiyUKIiCzLQG0w1Q5Vg1FrdVRVUW3V3Nv7/Ke7va5ot2p77jkf+vvS50t/yT0n57zveygUfJ8P+fNDih57t22WWn2CJruzUg2CCI3wWjmt5fmUH8AEUelz7fhO4kgyQqepXhKhcGRKdZsGHT5fHY1GsMYBxJ3thI2KEIDQUGkWwWTISnLTDkTHi0k2DoCdpzlFBuv0Y5Kdzksg3EE48MoHJD7wMD1YAhID9wqKKFSj8r0m41HMRGeS2zMushvoIxSMyJjIJJoDvEWEhrbpsgyeHhmxOsLOwzDkXsKBr4CNh8d4hUg5D9EK8EmfoCV9pxMIFunylF9jNFXkEbuILkqu8TvNXEp0sg68ITzoARYJF85xwUdk4/Vt/cAIF5ERWNViq2eMxXQGv5Y2cc4iWkdMSx6csYgadse0FMAh4cIF3HxEIja5iQrs0wI44CPy4JRFUL85pKUNnLCIXIhqybzVz3hEuB3awrpGbEBDQV21Pem1XqjiU45KgmK3Pk9peoEUdJfsShFp9/Sy7iaiY/i/tuYRKaRGi5SFgV4upm4ZsVouplnAa6Brjz8L9zXsnZQN+8fMc6w3WE05QrwlFFAMNXzHLP6DnzCXcxTtigPhnBtjAWI5huNAXsPxs1N1XBeyiBYi1ryuGO0BoY0wU22XoHBQkyowDTj2d59QFyv1kUXbl0HXz9tHFj073mxfFtRQh1vCTqY7y+CWIhQPUTwx8JA0roQk0e9qVVd6rkkRdDvXVBYqaMa3FRk3bCh/W4BXEUWgQlVeivcA6Zd9fusamErWpmNFJCHsT7LzMn/Rd+DQnAw1Dq/5TjRJPQPICNwdLQbRN8hNhIdoH0F1xesVqlJEjjYFM1U3ua6EyigUpPd3ohu+5C8KYlcJtQkkcfwrms5ftI1LgxJMFovlT6poqUWhnuTPGDCjxRgcDIstnCPRy0NE3iWA1ZZi8sIqsYnIoAhAuoKChUlEmt1Q2Use/3l41EM7TPTwety2ONyoRuNs8rdrRqBU/AVcT/TiMRYQxQAAAABJRU5ErkJggg==');position:absolute;top:50%;left:50%;}.list-item-play-gif{width:72px;height:72px;margin-left:-36px;margin-top:-36px;background-position:0 0;cursor:pointer;}.list-item-play-gif > span{width:66px;height:66px;margin-left:-33px;margin-top:-33px;background-position:0 -73px;}.list-item-play-gif:hover > span,.list-item-play-gif--loading > span{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;}.list-item-play-gif > i{width:32px;height:17px;margin-left:-16px;margin-top:-9px;background-position:0 -140px;}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);}}@keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}.settings-group{display:none;}.settings-group-isolated{display:block;}.stats-block,a.stats-block{text-decoration:none;color:inherit;padding:10px;}a.stats-block:hover{background:#F9F9F9;}.tone-dark a.stats-block:hover{background:#222;}.text-align-center .stats-big-number{text-align:center;}.stats-big-number .number{font-size:44px;font-weight:100;}.stats-big-number .number span{font-size:24px;}.stats-big-number .label{display:block;}.text-content{}.text-content code{background:#F9F9F9;padding:2px;border:1px solid #DDD;}.tone-dark .text-content code{border-color:#222;background:#111;}#home-top-bar-placeholder{margin-top:-65px;}#home-cover{width:100%;background-position:center center;background-color:#333;background-size:cover;color:#FFF;position:relative;}body.landing #home-cover{margin:0;padding:0;height:100%;min-height:500px;}body.split #home-cover{margin:0;height:500px;}.tone-dark #home-cover{}#home-cover-content{position:relative;text-align:center;}body.split #home-cover-content,body.landing #home-cover-content{top:50%;position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%);overflow:auto;}#home-cover-content p,#home-cover-content h1{text-shadow:1px 1px 2px rgba(0,0,0,.25)}#home-cover-content h1{font-size:2.4em;line-height:120%;font-weight:600;}@media (min-width:768px){#home-cover-content h1{font-size:2.7em;}}@media (min-width:992px){#home-cover-content h1{font-size:3em;}}#home-cover-content p{font-size:22px;margin:20px 0;font-weight:100;}#home-cover-content .home-buttons{margin:30px 0 20px;}.home-buttons{margin:20px 0;text-align:center;}.home-buttons a{font-size:16px;text-transform:uppercase;min-height:50px;line-height:1.5;height:auto;text-align:center;letter-spacing:2px;padding:12px 30px;}#home-pics-feature{height:700px;overflow:hidden;position:relative;margin:10px 0;}#home-pics-feature.empty{height:auto;}#home-pics-feature-overlay{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0 );width:100%;height:200px;position:absolute;bottom:0;z-index:1;}.tone-dark #home-pics-feature-overlay{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#0B0B0B));background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#0B0B0B 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000',endColorstr='#000000',GradientType=0 );}#home-pics-feature.empty #home-pics-overlay{display:none;}#home-join{margin:40px 0;}#home-join h1{font-size:38px;font-weight:100;}#home-join p{margin:20px 0;font-size:18px;}.ad-banner{margin:10px;text-align:center;}.ad-banner img{display:block;margin:0 auto;}.ad-banner-size-300x250{width:300px;height:250px;}.ad-banner-size-336x280{width:336px;height:280px;}.ad-banner-size-728x90{width:728px;height:90px;}.ad-banner-size-300x600{width:300px;height:600px;}.ad-banner-size-320x100{width:320px;height:100px;}.ad-banner-size-320x50{width:320px;height:50px;}.ad-banner-size-468x60{width:468px;height:60px;}.ad-banner-size-234x60{width:234px;height:60px;}.ad-banner-size-120x600{width:120px;height:600px;}.ad-banner-size-120x240{width:120px;height:240px;}.ad-banner-size-160x600{width:160px;height:600px;}.ad-banner-size-300x1050{width:300px;height:1050px;}.ad-banner-size-970x90{width:970px;height:90px;}.ad-banner-size-970x250{width:970px;height:250px;}.ad-banner-size-250x250{width:250px;height:250px;}.ad-banner-size-200x200{width:200px;height:200px;}.ad-banner-size-180x150{width:180px;height:150px;}.ad-banner-size-125x125{width:125px;height:125px;}#banner_before_home_cover{margin:0;padding:10px;background:#000;}#banner_image_image-viewer_top,#banner_image_image-viewer_foot{height:90px;margin-left:auto;margin-right:auto;}body#maintenance,body#consent-screen{padding:0;margin:0;width:100%;height:100%;}#maintenance-cover,#consent-screen-cover{height:100%;background-position:center center;background-color:#333;background-size:cover;}#maintenance-cover-inner,#consent-screen-cover-inner{background:rgba(0,0,0,.25);width:100%;height:100%;}#maintenance-cover-content,#consent-screen-cover-content{color:#FFF;padding:40px;text-align:center;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}#maintenance-cover-content #logo{display:inline-block;margin-bottom:20px;}#maintenance-cover-content #logo img{height:30px;}#maintenance-cover-content h1{font-size:2.5em;margin-bottom:20px;}#maintenance-cover-content p{font-size:1.2em;}#consent-screen-cover-inner{background:none;}#consent-screen-cover-src{width:100%;height:100%;position:absolute;top:0;left:0;background-position:center;background-size:cover;}#consent-screen-content{background:#FFF;margin:0 auto;padding:30px;-webkit-box-shadow:0 0 50px 6px rgba(0,0,0,0.25);box-shadow:0 0 50px 6px rgba(0,0,0,0.25);top:50%;position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%);}.tone-dark #consent-screen-content{background:#161616;}#consent-screen-content h1{line-height:2em;}#consent-screen-content .logo{width:2em;height:auto;display:inline;margin-right:10px;vertical-align:top;}#fullscreen-modal-box .image-preview .canvas{border:0;display:block;margin:0 auto;max-width:100%;max-height:500px;}.content-password-gate{background:#F9F9F9;border-radius:10px;padding:30px;font-size:16px;text-align:center;}.tone-dark .content-password-gate{background:transparent;}.content-password-gate h1{font-size:30px;margin-bottom:10px;}.content-password-gate h1 .icon{display:block;font-size:60px;margin-bottom:10px;}.content-password-gate .g-recaptcha > div{margin-right:auto;margin-left:auto;}.tone-dark .growl{background:#212121;color:#FFF;}#home-cover-slideshow{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;}.home-cover-img{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;display:block;opacity:0;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}.home-cover-img.animate-in,.home-cover-img.animate-in--alt{-webkit-animation-name:slideshow;animation-name:slideshow;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}.home-cover-img.animate-in--alt{opacity:1;-webkit-animation-name:slideshow--alt;animation-name:slideshow--alt;}.home-cover-img.animate-end{opacity:1;-webkit-transform:scale(1.12);transform:scale(1.12);-webkit-animation:none;animation:none;}@-webkit-keyframes slideshow{0%{opacity:0;}20%{opacity:1;}100%{opacity:1;-webkit-transform:scale(1.12);transform:scale(1.12);}}@keyframes slideshow{0%{opacity:0;}20%{opacity:1;}100%{opacity:1;-webkit-transform:scale(1.12);transform:scale(1.12);}}@-webkit-keyframes slideshow--alt{100%{-webkit-transform:scale(1.12);transform:scale(1.12);}}@keyframes slideshow--alt{100%{-webkit-transform:scale(1.12);transform:scale(1.12);}}@supports (-ms-accelerator:true){.home-cover-img.animate-end{-webkit-transform:scale(1);transform:scale(1);}@-webkit-keyframes slideshow{0%{opacity:0;}20%{opacity:1;}}@keyframes slideshow{0%{opacity:0;}20%{opacity:1;}}@-webkit-keyframes slideshow--alt{100%{-webkit-transform:scale(1);transform:scale(1);}}@keyframes slideshow--alt{100%{-webkit-transform:scale(1);transform:scale(1);}}}#dashboard-settings{min-height:400px;}.footer{color:#CCC;font-size:10px;line-height:20px;text-align:center;width:100%;position:absolute;bottom:0;}.tone-dark .footer{color:#444;}.js #powered-by.footer{display:none;}body.landing .footer{color:#FFF;text-shadow:2px 2px 6px rgba(0,0,0,.4);}body.landing .footer a{color:rgba(255,255,255,.7);}body.landing .footer,body.landing .footer a:hover{color:#FFF;}body.--viewer-shown{overflow:hidden;}.viewer{background:#000;position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;}.js .viewer{display:block;}.viewer--hide{opacity:0;}.viewer--show{opacity:1;}.viewer.viewer--no-cursor,.viewer.viewer--no-cursor *{cursor:none;}.viewer .btn-icon{font-size:20px;}.viewer-content{position:relative;top:0;left:0;width:100%;height:100%;}.viewer-content img{position:absolute;max-height:100vh;max-width:100vw;transform:translate(-50%,-50%);top:50%;left:50%;}.viewer-close,.viewer-wheel > div{color:#FFF;top:0;font-size:1em;text-shadow:1px 1px 0px rgba(0,0,0,.5);text-align:center;}.viewer-close{position:absolute;width:2.4em;height:2.4em;line-height:2.4em;cursor:pointer;right:-2.4em;z-index:500;}.viewer:hover .hover-display.viewer-close{right:2px;}.viewer-wheel > div{position:fixed;bottom:0;width:calc(1em + 20px);cursor:pointer;padding:10px;opacity:.7;display:none;}.viewer-wheel > div:hover{opacity:1;}.viewer--nav-prev .viewer-wheel-prev{left:0;display:block;}.viewer--nav-next .viewer-wheel-next{right:0;display:block;}.viewer-wheel > div > .icon{position:absolute;top:50%;transform:translateY(-50%);display:block;}.viewer-tools{}.viewer-foot{padding:20px;position:absolute;left:0;right:0;bottom:0;height:80px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,0.6)));background:-webkit-linear-gradient(top,transparent 0%,rgba(0,0,0,0.6) 100%);background:-moz-linear-gradient(top,transparent 0%,rgba(0,0,0,0.6) 100%);background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.6) 100%);}.viewer-foot{display:flex;flex-wrap:wrap;flex-flow:row;}.viewer-owner{width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#FFF;}.viewer-owner .user-image{width:40px;height:40px;vertical-align:bottom;margin-right:10px;}.viewer-owner .user-name{font-size:initial;text-decoration:none;vertical-align:middle;line-height:40px;color:inherit;}.viewer-owner a.user-name:hover{color:rgba(255,255,255,.8);}.viewer-owner{order:1;}.viewer-kb{font-size:0.86em;flex-grow:1;order:2;padding-right:190px;text-align:center;}.device-mobile .viewer-kb{display:none;}.viewer-kb-input{display:inline-block;}.viewer-kb-key{color:#FFF;display:inline-block;margin:10px;}.viewer-kb-key kbd{border:1px solid rgba(0,0,0,.5);background:rgba(120,120,120,.5);color:#FFF;padding:4px 6px;border-radius:2px;display:inline-block;margin-right:5px;line-height:1;}.viewer-like{transform:none;top:auto;bottom:20px;right:20px;position:absolute;}.viewer:hover .hover-display--flex{display:flex;}.--width-auto{width:auto;}.--height-auto{height:auto}html.--idle .viewer,html.--idle .viewer *{cursor:none !important;}html .fullscreen-show{display:none;}:-webkit-full-screen .fullscreen-hide{display:none;}:-moz-full-screen .fullscreen-hide{display:none;}:-ms-fullscreen .fullscreen-hide{display:none;}:fullscreen .fullscreen-hide{display:none;}:-webkit-full-screen .fullscreen-show{display:block;}:-moz-full-screen .fullscreen-show{display:block;}:-ms-fullscreen .fullscreen-show{display:block;}:fullscreen .fullscreen-show{display:block;}a.image-container{-webkit-tap-highlight-color:transparent;} \ No newline at end of file +body{padding-top:65px;padding-bottom:20px;min-height:100%;background:#FEFEFE;position:relative;font-family:Helvetica,Arial,sans-serif;font-size:14px;}body.landing{min-height:500px;height:100%;padding:0;margin:0;}.phone body.landing{min-height:auto;}.js body.landing{overflow:hidden;opacity:0;}.js body.landing.load{-webkit-transition:-webkit-transform 600ms ease,opacity 350ms linear;-webkit-transition:opacity 350ms linear,-webkit-transform 600ms ease;transition:opacity 350ms linear,-webkit-transform 600ms ease;transition:transform 600ms ease,opacity 350ms linear;transition:transform 600ms ease,opacity 350ms linear,-webkit-transform 600ms ease;opacity:1;}#home-cover-content,#index .flex-center{opacity:0;}.js body.load #home-cover-content,.js body#index.load .flex-center{transition:all 600ms ease;transition-delay:150ms;opacity:1;}.js body.loaded{overflow:auto;}body.split{margin-top:0;padding-top:0;}.fluid .content-width,.content-width.fluid{width:100%;}@media (min-width:992px){.content-width.wide{max-width:none;}}html.device-mobile .device-mobile--hide{display:none !important;}html.device-nonmobile .device-nonmobile--hide{display:none !important;}body#upload{padding-top:50px;padding-bottom:0;background-color:transparent;}.image-viewer{text-align:center;background:#F7F7F7;position:relative;min-height:72px;overflow:hidden;}.image-viewer-main{display:inline-block;vertical-align:middle;}.image-viewer-container{display:block;margin:0 auto;position:relative;}.image-viewer-container img{display:block;margin:0 auto;max-height:100%;width:auto;}.js .image-viewer-container img{position:absolute;width:100%;height:auto;}.image-viewer .btn-download{position:absolute;top:20px;right:20px;z-index:1;}.image-viewer-navigation{}.image-viewer-navigation a{z-index:3;}.image-viewer-navigation a:hover{background-color:#AAA;background-color:rgba(0,0,0,.3);}.viewer-loader,#image-viewer-loading{width:30px;height:30px;position:absolute;left:50%;top:50%;margin-left:-15px;margin-top:-15px;border-radius:100%;background:rgba(17,17,17,.9);}#image-viewer-loader{position:absolute;background:rgba(0,0,0,.5);border:2px solid rgba(255,255,255,.7);color:rgba(255,255,255,.9);font-size:13px;left:50%;top:50%;padding:8px 14px;border-radius:100px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);cursor:pointer;display:none;}#image-viewer-loader:hover{background:rgba(0,0,0,.6);border-color:rgba(255,255,255,.8);color:#FFF;}#image-viewer-loader .btn-icon{position:relative;top:1px;font-size:12px;}.image-viewer.full-viewer,#image .top-bar-placeholder{background:#111;}.top-bar-white .image-viewer.full-viewer,.top-bar-white #image .top-bar-placeholder{background:#FFF;}.btn-like{}.btn-like .btn.btn-liked,.btn-like .btn.btn-unliked{display:none;}.btn-like[data-liked="0"] .btn-unliked{display:inline-block;}.btn-like[data-liked="1"] .btn-liked{display:inline-block;}.btn-follow{}.btn-follow .btn.btn-followed,.btn-follow .btn.btn-unfollowed{display:none;}.btn-follow[data-followed="0"] .btn-unfollowed{display:inline-block;}.btn-follow[data-followed="1"] .btn-followed{display:inline-block;}#fullscreen-uploader-mask{z-index:99;}.phone #fullscreen-uploader-mask{z-index:400;}#anywhere-upload{z-index:400;scroll:auto;-webkit-overflow-scrolling:touch;-webkit-transition:transform 300ms ease;-webkit-transition:-webkit-transform 300ms ease;transition:-webkit-transform 300ms ease;transition:transform 300ms ease;transition:transform 300ms ease,-webkit-transform 300ms ease;}#anywhere-upload.hidden-visibility{}#anywhere-upload.hidden-visibility iframe{visibility:hidden;}.phone #anywhere-upload{z-index:500;height:100vh !important;}#upload #anywhere-upload{overflow:hidden !important;height:auto !important;}#upload .upload-box .upload-box-allowed-files,.phone .upload-box .upload-box-allowed-files{display:none;}#upload .upload-box[data-queue-size="0"] .upload-box-allowed-files,.phone .upload-box[data-queue-size="0"] .upload-box-allowed-files{display:block;}#upload .upload-box-allowed-files,.phone .upload-box-allowed-files{position:fixed;top:auto;left:0;right:0;text-align:center;bottom:10px;}#anywhere-upload-paste{height:0;opacity:0;font-size:0;}#anywhere-upload-paste *{display:none;}.upload-box{border-bottom:0;}.upload-box-queue{text-align:center;font-size:0;margin-top:35px;margin-bottom:35px;}.upload-box-queue li{position:relative;text-align:center;display:inline-block;background:red;margin:5px;background:#EFEFEF;-webkit-box-shadow:inset 0px 2px 10px 0px rgba(0,0,0,.07);box-shadow:inset 0px 2px 10px 0px rgba(0,0,0,.07);}.tone-dark .upload-box-queue li{background:#222;}.upload-box-queue li,.upload-box-queue .block{border-radius:0;}.ios .upload-box-queue li,.ios .upload-box-queue .block,.upload-box-queue .block.failed{border-radius:0;}.upload-box-queue li,.upload-box-queue li.normal{width:110px;height:110px;font-size:14px;font-size:1rem;}.upload-box-queue li.small{width:77px;height:77px;font-size:9px;font-size:0.643rem;}.upload-box-queue li.tiny{width:54px;height:54px;font-size:7px;font-size:0.5rem;}.upload-box-queue .block{width:100%;height:100%;top:0;left:0;overflow:hidden;position:absolute;}.upload-box-queue a.image-link{display:none;}.upload-box-queue .completed a.image-link{display:block;position:absolute;overflow:hidden;z-index:1;-webkit-transform:rotate(0.000001deg);}.upload-box-queue .queue-item .queue-item-button,.upload-box-queue .queue-item .block.edit{display:block;position:absolute;cursor:pointer;z-index:100;}.upload-box-queue .queue-item .queue-item-button .icon{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);}.upload-box-queue .queue-item.completed:hover .queue-item-button{display:none;}.upload-box-queue .queue-item .queue-item-button{font-size:7px;width:21px;height:21px;line-height:23px;background:#FFF;color:#333;border-radius:200px;left:-7px;-webkit-box-shadow:1px 1px 4px 0px rgba(0,0,0,.5);box-shadow:1px 1px 4px 0px rgba(0,0,0,.5);}.tone-dark .upload-box-queue .queue-item .queue-item-button{background:#333;color:#FFF;}.upload-box-queue .queue-item .queue-item-button.cancel{top:-7px;}.upload-box-queue .queue-item .queue-item-button.edit{top:16px;font-size:9px;}.upload-box-queue .big-icon{position:absolute;color:#DADADA;font-size:5.36em;width:1em;height:1em;left:50%;top:50%;margin-left:-0.5em;margin-top:-0.5em;text-shadow:1px 1px 0 rgba(255,255,255,.9);}.tone-dark .upload-box-queue .big-icon{color:#444;text-shadow:1px 1px 0 rgba(0,0,0,.9);}.upload-box-queue .preview,.upload-box-queue .done{position:relative;overflow:hidden;}.upload-box-queue .preview .canvas{position:absolute;top:50%;left:50%;}.upload-box-queue .progress{position:absolute;}.upload-box-queue .progress-bar,.upload-box-queue .progress-percent{height:100%;}.upload-box-queue .uploading .progress-percent{display:block;}.queue-item.uploading.waiting .progress-percent,.queue-item.uploading .queue-item-button.edit,.queue-item.uploading .block.edit{display:none;}.upload-box-queue .progress-percent{font-family:arial,helvetica,sans-serif;font-size:2.86em;font-weight:normal;color:#FFF;text-shadow:2px 2px 10px rgba(0,0,0,.8);text-align:center;width:100%;height:1em;position:absolute;top:0.86em;z-index:1;display:none;}.upload-box-queue .progress-percent b{font-weight:bold;}.upload-box-queue .progress-percent span{font-size:0.5em;font-weight:normal;position:relative;}.upload-box-queue .progress-bar{float:right;width:100%;display:none;}.upload-box-queue .progress-bar,.upload-box-queue .failed .result{background:rgba(255,255,255,.65);}.upload-box-queue .uploading .progress-bar{display:block;}.upload-box-queue .completed .result.done,.upload-box-queue .failed .result.failed{display:block;}.upload-box-queue .result{position:absolute;z-index:1;display:none;}.tone-dark .upload-box-queue .progress-bar,.tone-dark .upload-box-queue .failed .result{background:rgba(0,0,0,.65);}.upload-box-queue .result .icon{position:absolute;width:1em;font-size:3.429em;color:#FFF;top:50%;left:50%;margin-top:-0.5em;margin-left:-0.5em;margin-left:-0.5em;opacity:0.92;text-shadow:none;}.upload-box-queue .done .result .icon{text-shadow:2px 2px 6px rgba(0,0,0,.2);}.upload-box-queue .failed .result .icon{color:#E84C3D;font-size:3.429em;}.upload-box-queue.queue-complete .cancel,.upload-box-queue.queue-complete .edit{display:none;}#uploaded-embed-toggle-combo,#form-embed-toggle-combo{position:relative;}#upload .top-bar{-webkit-box-shadow:none;box-shadow:none;border-bottom-color:transparent;}#upload #anywhere-upload{background:transparent;}#upload .upload-box{transform:none;position:static;}body#upload [data-action="close-upload"],body:not(#upload) [data-action="reset-upload"]{display:none !important;}.upload-box:not(.queueReady):not(.queueCompleted) [data-action="reset-upload"],.upload-box.queueUploading [data-action="close-upload"],.upload-box:not(.queueUploading) [data-action^="cancel-upload"],.upload-box.queueHasResults [data-action="cancel-upload"],.upload-box:not(.queueHasResults) [data-action="cancel-upload-remaining"]{display:none;}#background-cover{height:290px;background-color:#000;position:relative;}.phone #background-cover{height:230px;}#background-cover.no-background{background-color:#F9F9F9;background-image:none !important;padding:9px 0;height:auto;margin-top:50px;}.tone-dark #background-cover.no-background{background:#101010;}#background-cover-wrap{height:100%;overflow:hidden;position:relative;}#background-cover .content-width{text-align:center;}#change-background-cover{position:absolute;right:10px;bottom:10px;}#user-background-upload{top:0;left:0;width:1px;height:1px;}#background-cover-src{overflow:hidden;background-position:center center;background-size:cover;}#background-cover-src,#background-cover .loading-placeholder{position:absolute;top:0;left:0;width:100%;height:100%;}#background-cover .loading-placeholder{background:rgba(0,0,0,.8);}[data-privacy=public] .list-item-privacy{display:none;}.list-item-thumbs{}.list-item-thumbs li,.list-item-thumbs li a{display:block;height:auto;overflow:hidden;}.list-item-thumbs li img{width:100%;display:block;}.input-copy{position:relative;}.input-copy .btn-copy{font-size:10px;position:absolute;right:2px;top:8px;background:#FFF;padding:0 4px;height:18px;line-height:18px;text-transform:uppercase;cursor:pointer;border-width:0 4px;border-style:solid;border-color:#FFF;display:none;}.input-copy .btn-copy:hover{background:#E5E5E5;}.list-item-image-tools{position:absolute;right:0;top:0;}.list-item.selected .list-item-image-tools li.tool-select .icon{color:#FFF;background:#27AE60;}.list-item-image-tools li{margin:2px;cursor:pointer;position:relative;height:2.4em;line-height:2.4em;font-size:1em;right:calc(-2.4em - 2px);transition:all 200ms ease-in-out;}.list-item .hover-display.list-item-image-tools{opacity:1;}html:not(.--idle) .list-item:hover .list-item-image-tools li,.list-item.selected li.tool-select,.list-item[data-flag=unsafe] li.tool-flag{right:0;}.list-item-image-tools li,.list-item-image-tools li *{display:block;color:inherit;}.list-item-image-tools li span{float:right;}.list-item-image-tools li .label{font-size:0.86em;}.list-item-image-tools li .btn-icon{font-size:1em;}.list-item-image-tools li .label{text-transform:uppercase;padding-left:1em;padding-right:0;display:none;height:100%;}.list-item-image-tools li:hover .label{display:block;}.small-cols .list-item-image-tools li:hover .label{display:none;}[data-flag=unsafe] li:hover .label-flag-unsafe,[data-flag=safe] li:hover .label-flag-safe{display:none;}.unsafe-blur-on [data-flag=unsafe] .list-item-image .image-container,.unsafe-blur-on .list-item .list-item-thumbs li[data-flag=unsafe] a{filter:blur(5px);-webkit-filter:blur(5px);-webkit-transform:scale(1.04);transform:scale(1.04);}.unsafe-blur-on [data-flag=unsafe]:hover .list-item-image .image-container,.unsafe-blur-on .list-item:hover .list-item-thumbs li[data-flag=unsafe] a{filter:none;-webkit-filter:none;}.list-item-image-tools li .btn-icon{width:2.4em;height:2.4em;line-height:2.4em;color:#FFF;background:#000;background:rgba(0,0,0,.2);text-align:center;}.list-item-image-tools li:hover .btn-icon,.list-item-image-tools li .label{color:#FFF;background:rgba(0,0,0,.4);}.list-item.selected li.tool-select .btn-icon,[data-flag=unsafe] li.tool-flag .btn-icon{background:rgba(0,0,0,.4);}.list-item-album .tool-flag{display:none;}.list-item-image-tools li .label{text-shadow:1px 1px 0 rgba(0,0,0,.1);}.list-item .list-item-avatar-cover,.list-item .list-item-avatar-cover>*{border-radius:100%;}.list-item .list-item-avatar-cover{width:160px;height:160px;border:0;background-color:#E5E5E5;position:absolute;left:50%;top:50%;margin-top:-80px !important;margin-left:-80px !important;-webkit-transition:all 300ms;transition:all 300ms;}.tone-dark .list-item .list-item-avatar-cover{background:#555;}.list-item .list-item-avatar-cover>*{width:100px;height:100px;}.list-item .list-item-avatar-cover img{height:auto;-webkit-box-shadow:2px 2px 2px rgba(0,0,0,.3);box-shadow:2px 2px 2px rgba(0,0,0,.3);}.list-item .list-item-avatar-cover .icon.empty{display:block;top:50%;position:relative;margin-top:-45px;}.list-item .list-item-avatar-cover .icon.empty,.tone-dark .list-item-image .list-item-avatar-cover .icon.empty{color:#FFF;}.list-item-privacy{position:absolute;left:0;top:0;width:2.4em;height:2.4em;line-height:2.4em;color:#FFF;text-shadow:1px 1px 5px rgba(0,0,0,.5);text-align:center;}.tone-dark .list-item-privacy{background:rgba(0,0,0,.5);color:#FFF;}.list-item-like{color:#FFF;position:absolute;right:0;bottom:0;}.list-item-like .btn-like{font-size:20px;padding:10px;cursor:pointer;display:none;opacity:.8;}.list-item-like .btn-like:hover,.list-item-like .btn-like.btn-liked{opacity:1;}[data-liked="0"] .list-item-like .btn-like.btn-unliked{display:block;}[data-liked="1"] .list-item-like .btn-like.btn-liked{display:block;}.list-item-play-gif,.list-item-play-gif *{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAACdCAMAAAAgwM7pAAAB5lBMVEUAAAD//4D//6oAAAD//7///8wAAAD//9X//9v//9///+P//+b//+gAAAD//+r//+sAAAD//+3//+7//+////D///H///L///L///MAAAD///P///T///QAAAD///X///YAAAD///b///f///f///gAAAD///gAAAD///gAAAD///kAAAD///kAAAD///kAAAD///n///oAAAD///r///r///oAAAD///r///v///sAAAD///v///v///v///v///v///sAAAD///z///wAAAD///z///wAAAAAAAD///wAAAD///z///wAAAD///z///wAAAD///wAAAD///wAAAD///wAAAD///wAAAD///0AAAD///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///3///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///7///6+e5cNAAAAoXRSTlMAAgICBAQEBgYICAoKCgwMDA4OEBASEhQUFBYWGBgaGhocHiAiIiQkJiYoKCoqLCwuLi4wMjY2ODg6Ojw+QEJERkZISkpMUFBSVFRWWFhaXFxeXmBgYmJkZGZmaGpsbnBydHZ4enx+gYOFh4mLjY+Rk5WXmZuho6Wnqa2xs7W3u72/wcPFx8nLzc/R09XX2dvd3+Hj5efp6+3v8fP19/n7/fvKuacAAARqSURBVHherNgNx4RAFAXgQywQAYRYSLJWhBAwRInIyBjn//+Ql5eVXW1bzXkAEM3HnXMv9qRlY4bJOmenwTRliivip7H8YM0zxilR0Xlu8l0R4ahbPXPHXN9wSGX5g63wWzbygDHDvqj1PMS3EXYkPQ/rE3x1X3jCcscXueMpLsemh+dJ/oENuedpPt9YH8cL3B0fkoWXLAneRD0v6t/PU8vLWqyQeV7mM6xGBhjxgopBKrzqj2UQ+6pPNQPV+BfNDDRHAICCwQoAQMdgHQDEnsF8vO59+AkwFDAALAUskFIiRUmJEg0lGhhKGAyUGDBRYoKlhIWjhJN9SPZrssWWbb/sQMquiOzSysqIqrApS21FgafsOVI9kLInWxYiVLFGFrRU0U8VRmXxWBXYZS2EqqlRtVmqxk/ViqqaY1W7rhogqEYawiGLfuyjH0TpR2OruNoe1v01Y4a/bEVhGD+VCXcWC2xrZiFbZZGlEcKCwGSiyUKIiCzLQG0w1Q5Vg1FrdVRVUW3V3Nv7/Ke7va5ot2p77jkf+vvS50t/yT0n57zveygUfJ8P+fNDih57t22WWn2CJruzUg2CCI3wWjmt5fmUH8AEUelz7fhO4kgyQqepXhKhcGRKdZsGHT5fHY1GsMYBxJ3thI2KEIDQUGkWwWTISnLTDkTHi0k2DoCdpzlFBuv0Y5Kdzksg3EE48MoHJD7wMD1YAhID9wqKKFSj8r0m41HMRGeS2zMushvoIxSMyJjIJJoDvEWEhrbpsgyeHhmxOsLOwzDkXsKBr4CNh8d4hUg5D9EK8EmfoCV9pxMIFunylF9jNFXkEbuILkqu8TvNXEp0sg68ITzoARYJF85xwUdk4/Vt/cAIF5ERWNViq2eMxXQGv5Y2cc4iWkdMSx6csYgadse0FMAh4cIF3HxEIja5iQrs0wI44CPy4JRFUL85pKUNnLCIXIhqybzVz3hEuB3awrpGbEBDQV21Pem1XqjiU45KgmK3Pk9peoEUdJfsShFp9/Sy7iaiY/i/tuYRKaRGi5SFgV4upm4ZsVouplnAa6Brjz8L9zXsnZQN+8fMc6w3WE05QrwlFFAMNXzHLP6DnzCXcxTtigPhnBtjAWI5huNAXsPxs1N1XBeyiBYi1ryuGO0BoY0wU22XoHBQkyowDTj2d59QFyv1kUXbl0HXz9tHFj073mxfFtRQh1vCTqY7y+CWIhQPUTwx8JA0roQk0e9qVVd6rkkRdDvXVBYqaMa3FRk3bCh/W4BXEUWgQlVeivcA6Zd9fusamErWpmNFJCHsT7LzMn/Rd+DQnAw1Dq/5TjRJPQPICNwdLQbRN8hNhIdoH0F1xesVqlJEjjYFM1U3ua6EyigUpPd3ohu+5C8KYlcJtQkkcfwrms5ftI1LgxJMFovlT6poqUWhnuTPGDCjxRgcDIstnCPRy0NE3iWA1ZZi8sIqsYnIoAhAuoKChUlEmt1Q2Use/3l41EM7TPTwety2ONyoRuNs8rdrRqBU/AVcT/TiMRYQxQAAAABJRU5ErkJggg==');position:absolute;top:50%;left:50%;}.list-item-play-gif{width:72px;height:72px;margin-left:-36px;margin-top:-36px;background-position:0 0;cursor:pointer;}.list-item-play-gif>span{width:66px;height:66px;margin-left:-33px;margin-top:-33px;background-position:0 -73px;}.list-item-play-gif:hover>span,.list-item-play-gif--loading>span{-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;}.list-item-play-gif>i{width:32px;height:17px;margin-left:-16px;margin-top:-9px;background-position:0 -140px;}@-webkit-keyframes spin{from{-webkit-transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);}}@keyframes spin{from{-webkit-transform:rotate(0deg);transform:rotate(0deg);}to{-webkit-transform:rotate(360deg);transform:rotate(360deg);}}.settings-group{display:none;}.settings-group-isolated{display:block;}.stats-block,a.stats-block{text-decoration:none;color:inherit;padding:10px;}a.stats-block:hover{background:#F9F9F9;}.tone-dark a.stats-block:hover{background:#222;}.text-align-center .stats-big-number{text-align:center;}.stats-big-number .number{font-size:44px;font-weight:200;}.stats-big-number .number span{font-size:24px;}.stats-big-number .label{display:block;}.text-content{}.text-content code{background:#F9F9F9;padding:2px;border:1px solid #DDD;}.tone-dark .text-content code{border-color:#222;background:#111;}#home-top-bar-placeholder{margin-top:-65px;}#home-cover{width:100%;background-position:center center;background-color:#333;background-size:cover;color:#FFF;position:relative;}body.landing #home-cover{margin:0;padding:0;height:100%;min-height:500px;}body.split #home-cover{margin:0;height:500px;}.tone-dark #home-cover{}#home-cover-content{position:relative;text-align:center;}body.split #home-cover-content,body.landing #home-cover-content{top:50%;position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%);overflow:auto;}#home-cover-content p,#home-cover-content h1{text-shadow:1px 1px 2px rgba(0,0,0,.25)}#home-cover-content h1{font-size:2.4em;line-height:120%;font-weight:600;}@media (min-width:768px){#home-cover-content h1{font-size:2.7em;}}@media (min-width:992px){#home-cover-content h1{font-size:3em;}}#home-cover-content p{font-size:22px;margin:20px 0;font-weight:100;}#home-cover-content .home-buttons{margin:30px 0 20px;}.home-buttons{margin:20px 0;text-align:center;}.home-buttons a{font-size:16px;text-transform:uppercase;min-height:50px;line-height:1.5;height:auto;text-align:center;letter-spacing:2px;padding:12px 30px;}#home-pics-feature{height:700px;overflow:hidden;position:relative;margin:10px 0;}#home-pics-feature.empty{height:auto;}#home-pics-feature-overlay{background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,0)),to(rgba(255,255,255,1)));background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#ffffff',GradientType=0);width:100%;height:200px;position:absolute;bottom:0;z-index:1;}.tone-dark #home-pics-feature-overlay{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(#0B0B0B));background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,#0B0B0B 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000',endColorstr='#000000',GradientType=0);}#home-pics-feature.empty #home-pics-overlay{display:none;}#home-join{margin:40px 0;}#home-join h1{font-size:38px;font-weight:100;}#home-join p{margin:20px 0;font-size:18px;}.ad-banner{margin:10px;text-align:center;}.ad-banner img{display:block;margin:0 auto;}.ad-banner-size-300x250{width:300px;height:250px;}.ad-banner-size-336x280{width:336px;height:280px;}.ad-banner-size-728x90{width:728px;height:90px;}.ad-banner-size-300x600{width:300px;height:600px;}.ad-banner-size-320x100{width:320px;height:100px;}.ad-banner-size-320x50{width:320px;height:50px;}.ad-banner-size-468x60{width:468px;height:60px;}.ad-banner-size-234x60{width:234px;height:60px;}.ad-banner-size-120x600{width:120px;height:600px;}.ad-banner-size-120x240{width:120px;height:240px;}.ad-banner-size-160x600{width:160px;height:600px;}.ad-banner-size-300x1050{width:300px;height:1050px;}.ad-banner-size-970x90{width:970px;height:90px;}.ad-banner-size-970x250{width:970px;height:250px;}.ad-banner-size-250x250{width:250px;height:250px;}.ad-banner-size-200x200{width:200px;height:200px;}.ad-banner-size-180x150{width:180px;height:150px;}.ad-banner-size-125x125{width:125px;height:125px;}#banner_before_home_cover{margin:0;padding:10px;background:#000;}#banner_image_image-viewer_top,#banner_image_image-viewer_foot{height:90px;margin-left:auto;margin-right:auto;}body#maintenance,body#consent-screen{padding:0;margin:0;width:100%;height:100%;}#maintenance-cover,#consent-screen-cover{height:100%;background-position:center center;background-color:#333;background-size:cover;}#maintenance-cover-inner,#consent-screen-cover-inner{background:rgba(0,0,0,.25);width:100%;height:100%;}#maintenance-cover-content,#consent-screen-cover-content{color:#FFF;padding:40px;text-align:center;position:relative;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);}#maintenance-cover-content #logo{display:inline-block;margin-bottom:20px;}#maintenance-cover-content #logo img{height:30px;}#maintenance-cover-content h1{font-size:2.5em;margin-bottom:20px;}#maintenance-cover-content p{font-size:1.2em;}#consent-screen-cover-inner{background:none;}#consent-screen-cover-src{width:100%;height:100%;position:absolute;top:0;left:0;background-position:center;background-size:cover;}#consent-screen-content{background:#FFF;margin:0 auto;padding:30px;-webkit-box-shadow:0 0 50px 6px rgba(0,0,0,0.25);box-shadow:0 0 50px 6px rgba(0,0,0,0.25);top:50%;position:relative;-webkit-transform:translateY(-50%);transform:translateY(-50%);}.tone-dark #consent-screen-content{background:#161616;}#consent-screen-content h1{line-height:2em;}#consent-screen-content .logo{width:2em;height:auto;display:inline;margin-right:10px;vertical-align:top;}#fullscreen-modal-box .image-preview .canvas{border:0;display:block;margin:0 auto;max-width:100%;max-height:500px;}.content-password-gate{background:#F9F9F9;border-radius:10px;padding:30px;font-size:16px;text-align:center;}.tone-dark .content-password-gate{background:transparent;}.content-password-gate h1{font-size:30px;margin-bottom:10px;}.content-password-gate h1 .icon{display:block;font-size:60px;margin-bottom:10px;}.content-password-gate .g-recaptcha>div{margin-right:auto;margin-left:auto;}.tone-dark .growl{background:#212121;color:#FFF;}#home-cover-slideshow{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;}.home-cover-img{position:absolute;left:0;top:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;background-position:center center;display:block;opacity:0;-webkit-transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;}.home-cover-img.animate-in,.home-cover-img.animate-in--alt{-webkit-animation-name:slideshow;animation-name:slideshow;-webkit-animation-duration:10s;animation-duration:10s;-webkit-animation-timing-function:linear;animation-timing-function:linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;}.home-cover-img.animate-in--alt{opacity:1;-webkit-animation-name:slideshow--alt;animation-name:slideshow--alt;}.home-cover-img.animate-end{opacity:1;-webkit-transform:scale(1.10);transform:scale(1.10);-webkit-animation:none;animation:none;}@-webkit-keyframes slideshow{0%{opacity:0;}20%{opacity:1;}100%{opacity:1;-webkit-transform:scale(1.10);transform:scale(1.10);}}@keyframes slideshow{0%{opacity:0;}20%{opacity:1;}100%{opacity:1;-webkit-transform:scale(1.10);transform:scale(1.10);}}@-webkit-keyframes slideshow--alt{100%{-webkit-transform:scale(1.10);transform:scale(1.10);}}@keyframes slideshow--alt{100%{-webkit-transform:scale(1.10);transform:scale(1.10);}}@supports (-ms-accelerator:true){.home-cover-img.animate-end{-webkit-transform:scale(1);transform:scale(1);}@-webkit-keyframes slideshow{0%{opacity:0;}20%{opacity:1;}}@keyframes slideshow{0%{opacity:0;}20%{opacity:1;}}@-webkit-keyframes slideshow--alt{100%{-webkit-transform:scale(1);transform:scale(1);}}@keyframes slideshow--alt{100%{-webkit-transform:scale(1);transform:scale(1);}}}#home-cover-slideshow::after{content:"";z-index:1;height:50px;position:absolute;top:0;left:0;right:0;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.1)),to(rgba(0,0,0,0)));background:-webkit-linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);background:-o-linear-gradient(top,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);background:linear-gradient(to bottom,rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%);}#dashboard-settings{min-height:400px;}.footer{color:#CCC;font-size:10px;line-height:20px;text-align:center;width:100%;position:absolute;bottom:0;}.tone-dark .footer{color:#444;}.js #powered-by.footer{display:none;}body.landing .footer{color:#FFF;text-shadow:2px 2px 6px rgba(0,0,0,.4);}body.landing .footer a{color:rgba(255,255,255,.7);}body.landing .footer,body.landing .footer a:hover{color:#FFF;}body.--viewer-shown{overflow:hidden;}.viewer{background:#000;position:fixed;top:0;right:0;bottom:0;left:0;z-index:500;}.js .viewer{display:block;}.viewer--hide{opacity:0;}.viewer--show{opacity:1;}.viewer.viewer--no-cursor,.viewer.viewer--no-cursor *{cursor:none;}.viewer .btn-icon{font-size:20px;}.viewer-content{position:relative;top:0;left:0;width:100%;height:100%;}.viewer-content img{position:absolute;max-height:100vh;max-width:100vw;transform:translate(-50%,-50%);top:50%;left:50%;}.viewer-close,.viewer-wheel>div{color:#FFF;top:0;font-size:1em;text-shadow:1px 1px 0px rgba(0,0,0,.5);text-align:center;}.viewer-close{position:absolute;width:2.4em;height:2.4em;line-height:2.4em;cursor:pointer;right:-2.4em;z-index:500;}.viewer:hover .hover-display.viewer-close{right:2px;}.viewer-wheel>div{position:fixed;bottom:0;width:calc(1em + 20px);cursor:pointer;padding:10px;opacity:.7;display:none;}.viewer-wheel>div:hover{opacity:1;}.viewer--nav-prev .viewer-wheel-prev{left:0;display:block;}.viewer--nav-next .viewer-wheel-next{right:0;display:block;}.viewer-wheel>div>.icon{position:absolute;top:50%;transform:translateY(-50%);display:block;}.viewer-tools{}.viewer-foot{padding:20px;position:absolute;left:0;right:0;bottom:0;height:80px;background:-webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,0.6)));background:-webkit-linear-gradient(top,transparent 0%,rgba(0,0,0,0.6) 100%);background:-moz-linear-gradient(top,transparent 0%,rgba(0,0,0,0.6) 100%);background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,0.6) 100%);}.viewer-foot{display:flex;flex-wrap:wrap;flex-flow:row;}.viewer-owner{width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#FFF;}.viewer-owner .user-image{width:40px;height:40px;vertical-align:bottom;margin-right:10px;}.viewer-owner .user-name{font-size:initial;text-decoration:none;vertical-align:middle;line-height:40px;color:inherit;}.viewer-owner a.user-name:hover{color:rgba(255,255,255,.8);}.viewer-owner{order:1;}.viewer-kb{font-size:0.86em;flex-grow:1;order:2;padding-right:190px;text-align:center;}.device-mobile .viewer-kb{display:none;}.viewer-kb-input{display:inline-block;}.viewer-kb-key{color:#FFF;display:inline-block;margin:10px;}.viewer-kb-key kbd{border:1px solid rgba(0,0,0,.5);background:rgba(120,120,120,.5);color:#FFF;padding:4px 6px;border-radius:2px;display:inline-block;margin-right:5px;line-height:1;}.viewer-like{transform:none;top:auto;bottom:20px;right:20px;position:absolute;}.viewer:hover .hover-display--flex{display:flex;}.--width-auto{width:auto;}.--height-auto{height:auto}html.--idle .viewer,html.--idle .viewer *{cursor:none !important;}html .fullscreen-show{display:none;}:-webkit-full-screen .fullscreen-hide{display:none;}:-moz-full-screen .fullscreen-hide{display:none;}:-ms-fullscreen .fullscreen-hide{display:none;}:fullscreen .fullscreen-hide{display:none;}:-webkit-full-screen .fullscreen-show{display:block;}:-moz-full-screen .fullscreen-show{display:block;}:-ms-fullscreen .fullscreen-show{display:block;}:fullscreen .fullscreen-show{display:block;}a.image-container{-webkit-tap-highlight-color:transparent;}a{color:#3498db;outline:0;}a{text-decoration:none;}input,textarea{border-color:#C6C8CA;}.input-label,.content-section{margin-top:20px;margin-bottom:20px;position:relative;}.content-section:first-child{margin-top:0;}.input-label .input{width:100%;margin-bottom:0;}.input-label .input+.input{margin-top:5px;}.input-label .input-label{margin-bottom:10px;}.input-label .input-label .label{font-weight:normal;}.input-label label .caption,.input-label label .optional{font-weight:normal;font-size:0.92em;}.input-label label .caption:before,.input-label label .optional:before{content:"(";}.input-label label .caption:after,.input-label label .optional:after{content:")";}.input-label-below{margin-top:5px;clear:both;}.background-cover{position:fixed;top:0;right:0;bottom:0;left:0;background-position:center center;background-size:cover;}.input-with-button{position:relative;}.input-with-button button{background:none;position:absolute;right:0;top:50%;transform:translateY(-50%);border:none;font-size:22px;width:1em;height:1em;outline:0;color:#D9D9D9;}.tone-dark .input-with-button button{color:#666;}.input-with-button button:hover,.input-with-button button:focus{color:#3498DB;}#top-left{position:fixed;padding:5px;left:0;top:0;}.top-button{padding:5px;}.top-button .menu-box{margin-top:5px;}.top-button-icon{font-size:16px;color:#FFF;cursor:pointer;text-shadow:1px 1px 0 rgba(0,0,0,.15);}.background-default{background:#2ecc71;background:-moz-linear-gradient(top,#2ecc71 0%,#3498db 100%);background:-webkit-linear-gradient(top,#2ecc71 0%,#3498db 100%);background:linear-gradient(to bottom,#2ecc71 0%,#3498db 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ecc71',endColorstr='#3498db',GradientType=0);}.content-box{position:relative;margin:20px;}.content-box-text *:first-child{margin-top:0;}.content-box-text *:last-child{margin-bottom:0;}.logo{max-height:50px;max-width:220px;margin-bottom:20px;}.card-box{min-width:270px;width:calc(100vw - 40px);}.access-box-content{background:#FFF;}.fancy-box-heading{font-size:22px;margin:20px 0 30px 0;}.fancy-fieldset{border:0;padding:0;margin:0;}.fancy-fieldset input:not([type=checkbox]),.fancy-fieldset input[type=text],.fancy-fieldset select,.fancy-fieldset textarea{outline:0;padding:10px 0;width:100%;border-radius:0;border-color:#EBEBEB;background:transparent;box-shadow:none;}.fancy-fieldset .checkbox-label input[type="checkbox"]{width:auto;vertical-align:middle;margin:0 0 0 -20px;}.tone-dark .fancy-fieldset input,.tone-dark .fancy-fieldset input[type=text],.tone-dark .fancy-fieldset select,.tone-dark .fancy-fieldset textarea{box-shadow:none;border-color:#212121;}.fancy-fieldset select{-webkit-appearance:none;-moz-appearance:none;appearance:none;}.fancy-fieldset input,.fancy-fieldset select{padding:10px 0;border-top:transparent;border-left:transparent;border-right:transparent;}.fancy-fieldset input:focus,.fancy-fieldset input:focus[type=text],.fancy-fieldset select:focus,.fancy-fieldset textarea:focus{border-color:#3498DB;}.fancy-fieldset .input-with-button input[type=password]{padding-right:30px;}.fancy-fieldset>div:last-child{margin-bottom:inherit;}.fancy-fieldset .label{line-height:1.5;}.fancy-fieldset .input-label:last-child{margin-bottom:0;}.fancy-fieldset .checkbox-label{margin:0;}.social-button-outline{position:relative;text-decoration:none;width:32px;height:32px;display:inline-block;border-radius:50%;border-width:1px;border-style:solid;font-size:16px;margin:5px;}.social-button-outline .icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}.social-button-outline.border-color-facebook:hover,.social-button-outline.border-color-facebook:focus{background-color:#3b5998;}.social-button-outline.border-color-twitter:hover,.social-button-outline.border-color-twitter:focus{background-color:#1da1f2;}.social-button-outline.border-color-google:hover,.social-button-outline.border-color-google:focus{background-color:#ea4335;}.social-button-outline.border-color-vk:hover,.social-button-outline.border-color-vk:focus{background-color:#45668e;}.social-button-outline:hover .icon,.social-button-outline:focus .icon{color:#FFF;}#login{padding:0;margin:0;}.content-section--recaptchaFix #g-recaptcha{min-height:78px;-webkit-transform:scale(0.89);-ms-transform:scale(0.89);transform:scale(0.89);-webkit-transform-origin:left;-ms-transform-origin:left;transform-origin:left;}#login .input{margin:0;}.btn-container--fixed{position:fixed;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);padding:10px;margin:0;border:0;}.tone-dark .btn-container--fixed{background:rgba(0,0,0,.75);}body#dashboard{min-height:100%;padding-bottom:4em;}body.full--wh{height:100%;width:100%;}.display-flex #home-cover-slideshow{position:fixed;}[data-content=dashboard-imports] [data-result],[data-content=dashboard-imports] [data-started="0"] [data-content^=log],[data-content=dashboard-imports] [data-errors="0"] [data-content=log-errors]{display:none;}[data-content=dashboard-imports] [data-errors="1"] [data-content=log-process]{display:initial;}[data-content=dashboard-imports] [data-status=completed][data-errors="0"] [data-result=success],[data-content=dashboard-imports] [data-status][data-errors="1"] [data-result=error]{display:initial;}[data-content=dashboard-imports] [data-status=paused] [data-action=pause],[data-content=dashboard-imports] [data-status=canceled] [data-action=pause],[data-content=dashboard-imports] [data-status=canceled] [data-action=cancel],[data-content=dashboard-imports] [data-status=canceled] [data-action=process],[data-content=dashboard-imports] [data-status=completed] [data-action=pause],[data-content=dashboard-imports] [data-status=completed] [data-action=cancel],[data-content=dashboard-imports] [data-status=completed] [data-action=process],[data-content=dashboard-imports] [data-status=working] [data-action=process]{display:none !important;} \ No newline at end of file diff --git a/app/themes/Peafowl/views/dashboard.php b/app/themes/Peafowl/views/dashboard.php index b5dbe796..d17f46c1 100644 --- a/app/themes/Peafowl/views/dashboard.php +++ b/app/themes/Peafowl/views/dashboard.php @@ -12,6 +12,18 @@
    + + - - - - - +
    -
    +
    @@ -197,7 +173,7 @@ function free_version_waring($wrap=true) -
    +

    @@ -223,7 +199,7 @@ function free_version_waring($wrap=true)
    -
    +
    @@ -238,7 +214,7 @@ function free_version_waring($wrap=true)
    -
    +
    @@ -269,7 +245,7 @@ function free_version_waring($wrap=true) break; } ?>
    -
    +
    diff --git a/app/themes/Peafowl/views/settings.php b/app/themes/Peafowl/views/settings.php index aa8da3d9..11643d78 100644 --- a/app/themes/Peafowl/views/settings.php +++ b/app/themes/Peafowl/views/settings.php @@ -31,7 +31,7 @@ if(is_dashboard_user()) { ?>
    -
    +
    " data-submit-fn="CHV.fn.user.delete.submit" data-ajax-deferred="CHV.fn.complete_resource_delete" data-ajax-url="">
    diff --git a/lib/Peafowl/peafowl.css b/lib/Peafowl/peafowl.css index b8339c05..8b099f43 100644 --- a/lib/Peafowl/peafowl.css +++ b/lib/Peafowl/peafowl.css @@ -106,7 +106,7 @@ html { * 16px 1em */ html, body { - font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; + font-family: Helvetica, Arial, sans-serif; color: #333; font-size: 16px; background: #FFF; @@ -148,6 +148,9 @@ a { cursor: pointer; outline: 0; } +a[role="button"]:hover { + text-decoration: none; +} a:hover, a:focus { text-decoration: underline; } @@ -391,6 +394,27 @@ input, textarea, select { border: 1px solid #CCC; } +/* Go home Chrome, you are drunk */ +input:-webkit-autofill, +input:-webkit-autofill:hover, +input:-webkit-autofill:focus, +select:-webkit-autofill, +select:-webkit-autofill:hover, +select:-webkit-autofill:focus { + -webkit-text-fill-color: inherit; + -webkit-box-shadow: inset 0 0 0px 9999px transparent; + transition: background-color 5000s ease-in-out 0s; +} + +.tone-dark input:-webkit-autofill, +.tone-dark input:-webkit-autofill:hover, +.tone-dark input:-webkit-autofill:focus, +.tone-dark select:-webkit-autofill, +.tone-dark select:-webkit-autofill:hover, +.tone-dark select:-webkit-autofill:focus { + -webkit-text-fill-color: #FFF; +} + select { font: inherit; outline: none; @@ -603,6 +627,15 @@ input:focus, textarea:focus, select:focus, input.search:focus, .input-focus { top: 50%; margin-top: 8px; } + .fancy-fieldset .input-password { + display: flex; + align-items: center; + } + .fancy-fieldset .input-password-strength { + right: 0; + top: auto; + margin-top: 0; + } .input-password-strength { background: #E5E5E5; @@ -619,7 +652,18 @@ input:focus, textarea:focus, select:focus, input.search:focus, .input-focus { .input-password-strength span { width: 0%; - background: #6EC02A; + background-color: transparent; + } + .input-password-strength *[data-veredict="very-weak"] { + background-color: #e74c3c; + } + .input-password-strength *[data-veredict="weak"] { + background-color: #e67e22; + } + .input-password-strength *[data-veredict="average"], + .input-password-strength *[data-veredict="strong"], + .input-password-strength *[data-veredict="stronger"] { + background-color: #2ecc71; } /* Checkbox label */ @@ -635,7 +679,7 @@ input:focus, textarea:focus, select:focus, input.search:focus, .input-focus { .checkbox-label input { position: absolute; padding: 0; - margin: 4px 0 0; + margin: 2px 0 0; margin-left: -20px; } .btn-alt.checkbox-label input { @@ -653,6 +697,10 @@ input:focus, textarea:focus, select:focus, input.search:focus, .input-focus { margin: 0; padding-bottom: 0; } + .fancy-box .checkbox-label label { + display: flex; + align-items: flex-start; + } /* Search input */ .input-search { @@ -2350,9 +2398,11 @@ textarea { .header-content-right { float: right; height: auto; + margin-left: auto; } - .phone .header-content-right { - } + .phone .header-content-right.phone-float-none { + width: 100%; + } .header-content-right .number-figures { margin-top: 14px; border-left: 1px solid #E5E5E5; @@ -2363,18 +2413,10 @@ textarea { .header .header-link { font-size: 1em; display: inline-block; - margin-top: 14px; - } - - .header > .header-link { - /* line-height: 50px; */ } .header > .header-link * { line-height: normal; } - - .phone .header .header-link { - } .header .pop-btn.breadcrum-item { margin-top: 0; } @@ -2382,9 +2424,6 @@ textarea { .header .user-image { width: 30px; height: 30px; - /*position: relative; - top: 50%; - margin-top: -15px;*/ margin-top: 10px; float: left; } @@ -2667,6 +2706,17 @@ textarea { color: #CCC; } + .header--centering { + display: -ms-flexbox; + display: -webkit-flex; + display: flex; + -ms-flex-align: center; + -webkit-align-items: center; + -webkit-box-align: center; + align-items: center; + flex-wrap: wrap; + } + .list-selection { overflow: visible; height: 50px; @@ -2731,12 +2781,13 @@ textarea { display: table; width: 100%; } - .table-li li { - padding: 8px 0; + .table-li > li { + padding-top: 8px; + padding-bottom: 8px; border-bottom: 1px solid #E5E5E5; list-style: none !important; } - .tone-dark .table-li li { + .tone-dark .table-li > li { border-bottom-color: #212121; } @@ -2754,17 +2805,16 @@ textarea { background: none; } - .table-li ul { - } .table-li ul li:last-child { border-bottom: none; } - .table-li ul li:hover { - /*background: #F6F6F6;*/ - } - .table-li ul li ul li:hover { - /*background: #F3F3F3;*/ - } + .phablet .table-li--mobile-display, + .tablet .table-li--mobile-display, + .laptop .table-li--mobile-display, + .desktop .table-li--mobile-display, + .largescreen .table-li--mobile-display { + display: none !important; + } /* * VIEWER @@ -3014,6 +3064,13 @@ textarea { border: 0; } + +.text-overflow-ellipsis { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + min-width: 0; +} /* * MOBILE MENU * --------------------------------------------- @@ -3172,7 +3229,7 @@ body.upload-box-visible .upload-box { } .upload-box-heading h2, .upload-box-heading .heading { - font-weight: lighter; + font-weight: 200; font-size: 26px; margin: 10px 0; display: block; @@ -4053,6 +4110,201 @@ img.user-image.size-40 , .default-user-image.size-40 { margin-right: 20px; } +/* menu boxes */ +[role=menu] { + position: relative; + overflow: visible; +} +.menu-box, +[role=menu] > .menu-box { + z-index: 300; +} +[role=menu] > .menu-box { + -webkit-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + max-height: 10px; + display: block; + visibility: hidden; + transition: 250ms all ease-in-out; + opacity: 0; + transform: translateY(-5px); + transform-origin: top; + max-height: 100vh; +} +[role=menu].opened > .menu-box { + visibility: visible; + opacity: 1; + transform: translateY(0); +} +@media (min-width: 768px) { + [role=menu] > .menu-box { + transition: none; + } +} + +.menu-box { + border: 0; +} + +.menu-box, +.menu-box .menu-box-sub > ul, +.menu-box .menu-box-sub > .sub { + background: #FFF; + border-radius: 3px; + box-shadow: 0 0 15px 0 rgba(0,0,0,.2); + color: #333; + font-size: 14px; + font-weight: normal; + position: absolute; + top: 100%; /* Future Rodolfo: Remember that positions not /2 causes display issues in webkit + uhd */ + list-style: none; + min-width: 190px; /* col-5 */ + padding: 0; + margin: 0; +} + +.menu-box--static { + position: static; + max-width: 190px; +} + +.menu-box *:not(a), +.menu-box [role*=button] { + color: #333; +} +.tone-dark .menu-box *:not(a), +.tone-dark .menu-box [role*=button] { + color: #FFF; +} + .menu-box ul { + margin: 0; + padding: 0; + } + .float-left .menu-box, .pull-left .menu-box, + menu-box.anchor-left { + left: 0; + } + .float-right .menu-box, .pull-right .menu-box, + .menu-box--anchor-right { + right: 0; + } + .menu-box hr, + .menu-box .separator, + .menu-box [role=separator] { + display: block; + margin: 0; + padding: 0; + height: 0; + border: 0; + border-top: 1px solid #EBEBEB; + } + .menu-box--border-separators > * { + border-bottom: 1px solid #EBEBEB; + } + .menu-box--border-separators > *:last-child { + border-bottom: 0; + } + .menu-box--border-separators > hr { + display: none; + } + .menu-box li, + .menu-box .sub, + .menu-box [role=box], + .menu-box [role*=button] { + padding: 10px; + list-style: none; + position: relative; + line-height: 1.4; + clear: both; + min-height: 40px; + display: block; + } + .menu-box [role=box] { + cursor: default; + } + .menu-box [role*=button] { + padding-left: 35px; + border-left: 2px solid transparent; + text-overflow: ellipsis; + white-space: nowrap; + overflow: hidden; + text-align: start; + } + .menu-box--multiline [role*=button] { + white-space: normal; + } + .menu-box--noicons li:not([role=button]) { + padding-left: 0; + } + .menu-box--noicons [role=button] { + padding-left: 10px; + color: inherit; + } + .menu-box [role=button]:hover { + border-left-color: #A66BBE; + } + .menu-box .disabled[role=button] { + cursor: not-allowed; + background: none; + border-color: transparent !important; + opacity: .5; + } + .menu-box li.menu-box-sub { + padding-right: 34px; /* 10 + 14 + 10 */ + } + .menu-box .menu-box-sub > ul, + .menu-box .menu-box-sub > .sub { + display: none; + } + .menu-box .menu-box-sub:hover > ul, + .menu-box .menu-box-sub:hover > .sub { + display: block; + } + .menu-box [role*=button] > .icon, + .menu-box li > .icon { + font-size: 16px; + width: 16px; + height: 16px; + text-align: center; + position: absolute; + left: 8px; /* 10 - 2 */ + top: 50%; + margin-top: -8px; + } + .menu-box .menu-box-sub > .icon { + left: auto; + right: 10px; + } + .menu-box .menu-box-sub ul, + .menu-box .menu-box-sub .sub { + cursor: default; + position: absolute; + top: 0; + left: 100%; + } + .menu-box .meta { + font-size: 0.93em; + display: block; + } + .menu-box .empty { + font-size: 1em; + text-align: center; + padding: 40px 20px; + } + .menu-box .empty > .icon { + font-size: 64px; + margin-bottom: 10px; + display: block; + color: #EBEBEB; + position: static; + } + .menu-box a, + .menu-box a:hover { + /*text-decoration: none;*/ + } + /* * ARROW NAVIGATOR * --------------------------------------------- @@ -4163,6 +4415,22 @@ img.user-image.size-40 , .default-user-image.size-40 { top: 10px; } +.flex-center { + margin: auto; +} +.width-full { + width: 100%; +} +.height-full { + height: 100%; +} +.width-min-full { + min-width: 100%; +} +.height-min-full { + min-height: 100%; +} + /* * FULL SCREENESQUE * --------------------------------------------- @@ -4329,6 +4597,33 @@ img.user-image.size-40 , .default-user-image.size-40 { height: 70px; resize: none; } + .fancy-box { + padding: 20px; + background: #FFF; + box-shadow: 0 5px 20px 0 rgba(0,0,0,.2); + border-radius: 3px; + } + .tone-dark .fancy-box { + color: #FFF; + background-color: #0b0b0b; + } + .fancy-box p { + margin-block-start: 1em; + margin-block-end: 1em; + } + .fancy-box .or-separator { + height: 1px; + margin: 0; + } + /* .fancy-box p:last-child { + margin-bottom: 0; + } */ + /* .tone-dark .fancy-box .or-separator { + border-color: #333; + } + .tone-dark .fancy-box .or-separator span { + background-color: #1E1E1E; + } */ /* Discard / commit changes */ #fullscreen-changes-confirm { @@ -4518,6 +4813,152 @@ img.user-image.size-40 , .default-user-image.size-40 { }*/ } +/* Peafowl max static cols 24x30 = 950 */ +.col-1-min { + min-width: 30px; +} +.col-2-min { + min-width: 70px; +} +.col-3-min { + min-width: 110px; +} +.col-4-min { + min-width: 150px; +} +.col-5-min { + min-width: 190px; +} +.col-6-min { + min-width: 230px; +} +.col-7-min { + min-width: 270px; +} +.col-8-min { + min-width: 310px; +} +.col-9-min { + min-width: 350px; +} +.col-10-min { + min-width: 390px; +} +.col-11-min { + min-width: 430px; +} +.col-12-min { + min-width: 470px; +} +.col-13-min { + min-width: 510px; +} +.col-14-min { + min-width: 550px; +} +.col-15-min { + min-width: 590px; +} +.col-16-min { + min-width: 630px; +} +.col-17-min { + min-width: 670px; +} +.col-18-min { + min-width: 710px; +} +.col-19-min { + min-width: 750px; +} +.col-20-min { + min-width: 790px; +} +.col-21-min { + min-width: 830px; +} +.col-22-min { + min-width: 870px; +} +.col-23-min { + min-width: 910px; +} +.col-24-min { + min-width: 950px; +} +.col-1-max { + max-width: 30px; +} +.col-2-max { + max-width: 70px; +} +.col-3-max { + max-width: 110px; +} +.col-4-max { + max-width: 150px; +} +.col-5-max { + max-width: 190px; +} +.col-6-max { + max-width: 230px; +} +.col-7-max { + max-width: 270px; +} +.col-8-max { + max-width: 310px; +} +.col-9-max { + max-width: 350px; +} +.col-10-max { + max-width: 390px; +} +.col-11-max { + max-width: 430px; +} +.col-12-max { + max-width: 470px; +} +.col-13-max { + max-width: 510px; +} +.col-14-max { + max-width: 550px; +} +.col-15-max { + max-width: 590px; +} +.col-16-max { + max-width: 630px; +} +.col-17-max { + max-width: 670px; +} +.col-18-max { + max-width: 710px; +} +.col-19-max { + max-width: 750px; +} +.col-20-max { + max-width: 790px; +} +.col-21-max { + max-width: 830px; +} +.col-22-max { + max-width: 870px; +} +.col-23-max { + max-width: 910px; +} +.col-24-max { + max-width: 950px; +} + @media (min-width: 768px) { /* grid columns */ @@ -4583,9 +5024,6 @@ img.user-image.size-40 , .default-user-image.size-40 { .fluid-column.c23 { width: 95.789%; } .fluid-column.c24 { width: 100%; } - .top-btn-text .btn-text { - /*display: inline;*/ - } .top-btn-text .btn-text { margin-left: 7px; } @@ -4655,6 +5093,16 @@ img.user-image.size-40 , .default-user-image.size-40 { .height-100p { height: 100%; } .width-100p { width: 100%; } +.color-facebook { color: #3b5998; } +.color-twitter { color: #1da1f2; } +.color-google { color: #ea4335; } +.color-vk { color: #45668e; } + +.border-color-facebook { border-color: #3b5998; } +.border-color-twitter { border-color: #1da1f2; } +.border-color-google { border-color: #ea4335; } +.border-color-vk { border-color: #45668e; } + .opacity-10 { opacity: .1; } .opacity-20 { opacity: .2; } .opacity-30 { opacity: .3; } @@ -4740,6 +5188,11 @@ img.user-image.size-40 , .default-user-image.size-40 { .display-none-forced { display: none !important; } .display-block { display: block; } .display-block-forced { display: block !important;} +.display-flex { + display: -webkit-flex; + display: -moz-flex; + display: flex; +} .visibility-hidden { visibility: hidden; @@ -4892,6 +5345,9 @@ img.user-image.size-40 , .default-user-image.size-40 { .text-transform-capitalize { text-transform: capitalize; } +.text-transform-uppercase { + text-transform: uppercase; +} /* some defaults */ .default-margin-top { margin-top: 20px; }