diff options
| author | 2021-02-28 12:26:24 +0100 | |
|---|---|---|
| committer | 2021-02-28 12:26:24 +0100 | |
| commit | 947e918f05d70d5dce4efa4ef403e593581c3fa9 (patch) | |
| tree | e66ef1ffe8a6cc0ffbea1bff1791588f72879637 /p | |
| parent | bf2718cada964fba66d8497592abcb73cb9520ba (diff) | |
Travis: Enforce phpcs line length + whitespace (#3488)
* Update Travis line length
* Also check whitespace in CSS files
* Fix line length ext.php
* More syntax, string templates
* Fix exclude-pattern
* Test JS files as well
Diffstat (limited to 'p')
| -rw-r--r-- | p/api/fever.php | 4 | ||||
| -rw-r--r-- | p/api/greader.php | 14 | ||||
| -rw-r--r-- | p/ext.php | 3 | ||||
| -rw-r--r-- | p/scripts/install.js | 4 | ||||
| -rw-r--r-- | p/scripts/integration.js | 62 | ||||
| -rw-r--r-- | p/scripts/main.js | 11 | ||||
| -rw-r--r-- | p/scripts/stats.js | 12 | ||||
| -rw-r--r-- | p/themes/Alternative-Dark/adark.rtl.css | 2 | ||||
| -rw-r--r-- | p/themes/Ansum/ansum.css | 1794 | ||||
| -rw-r--r-- | p/themes/Ansum/ansum.rtl.css | 1796 | ||||
| -rw-r--r-- | p/themes/BlueLagoon/BlueLagoon.rtl.css | 2 | ||||
| -rw-r--r-- | p/themes/Mapco/mapco.css | 1812 | ||||
| -rw-r--r-- | p/themes/Mapco/mapco.rtl.css | 1814 | ||||
| -rw-r--r-- | p/themes/Origine-compact/origine-compact.rtl.css | 2 | ||||
| -rw-r--r-- | p/themes/Origine/origine.rtl.css | 2 | ||||
| -rw-r--r-- | p/themes/Pafat/pafat.rtl.css | 2 | ||||
| -rw-r--r-- | p/themes/Screwdriver/screwdriver.rtl.css | 2 | ||||
| -rw-r--r-- | p/themes/Swage/swage.css | 1274 | ||||
| -rw-r--r-- | p/themes/Swage/swage.rtl.css | 1274 |
19 files changed, 4949 insertions, 4937 deletions
diff --git a/p/api/fever.php b/p/api/fever.php index ae9e45084..8d1ba169f 100644 --- a/p/api/fever.php +++ b/p/api/fever.php @@ -13,7 +13,7 @@ // ================================================================================================ // BOOTSTRAP FreshRSS require(__DIR__ . '/../../constants.php'); -require(LIB_PATH . '/lib_rss.php'); //Includes class autoloader +require(LIB_PATH . '/lib_rss.php'); //Includes class autoloader FreshRSS_Context::initSystem(); // check if API is enabled globally @@ -506,7 +506,7 @@ class FeverAPI if (!ctype_digit($max_id)) { $max_id = null; } - } else if (isset($_REQUEST['with_ids'])) { + } elseif (isset($_REQUEST['with_ids'])) { $entry_ids = explode(',', $_REQUEST['with_ids']); } else { // use the since_id argument to request the next $item_limit items diff --git a/p/api/greader.php b/p/api/greader.php index a1665b952..a2542adef 100644 --- a/p/api/greader.php +++ b/p/api/greader.php @@ -147,7 +147,8 @@ function checkCompatibility() { } function authorizationToUser() { - $headerAuth = headerVariable('Authorization', 'GoogleLogin_auth'); //Input is 'GoogleLogin auth', but PHP replaces spaces by '_' http://php.net/language.variables.external + //Input is 'GoogleLogin auth', but PHP replaces spaces by '_' http://php.net/language.variables.external + $headerAuth = headerVariable('Authorization', 'GoogleLogin_auth'); if ($headerAuth != '') { $headerAuthX = explode('/', $headerAuth, 2); if (count($headerAuthX) === 2) { @@ -864,7 +865,7 @@ function editTag($e_ids, $a, $r) { function renameTag($s, $dest) { if ($s != '' && strpos($s, 'user/-/label/') === 0 && - $dest != '' && strpos($dest, 'user/-/label/') === 0) { + $dest != '' && strpos($dest, 'user/-/label/') === 0) { $s = substr($s, 13); $s = htmlspecialchars($s, ENT_COMPAT, 'UTF-8'); $dest = substr($dest, 13); @@ -990,8 +991,10 @@ if ($pathInfos[1] === 'accounts') { * request, but xt appears in other listing requests). */ $exclude_target = isset($_GET['xt']) ? $_GET['xt'] : ''; $filter_target = isset($_GET['it']) ? $_GET['it'] : ''; - $count = isset($_GET['n']) ? intval($_GET['n']) : 20; //n=[integer] : The maximum number of results to return. - $order = isset($_GET['r']) ? $_GET['r'] : 'd'; //r=[d|n|o] : Sort order of item results. d or n gives items in descending date order, o in ascending order. + //n=[integer] : The maximum number of results to return. + $count = isset($_GET['n']) ? intval($_GET['n']) : 20; + //r=[d|n|o] : Sort order of item results. d or n gives items in descending date order, o in ascending order. + $order = isset($_GET['r']) ? $_GET['r'] : 'd'; /* ot=[unix timestamp] : The time from which you want to retrieve * items. Only items that have been crawled by Google Reader after * this time will be returned. */ @@ -1030,7 +1033,8 @@ if ($pathInfos[1] === 'accounts') { if ($pathInfos[9] === 'com.google' && isset($pathInfos[10])) { if ($pathInfos[10] === 'reading-list' || $pathInfos[10] === 'starred') { $include_target = ''; - streamContents($pathInfos[10], $include_target, $start_time, $stop_time, $count, $order, $filter_target, $exclude_target, $continuation); + streamContents($pathInfos[10], $include_target, $start_time, $stop_time, $count, $order, + $filter_target, $exclude_target, $continuation); } } } elseif ($pathInfos[8] === 'label') { @@ -79,7 +79,8 @@ function is_valid_path_extension($path, $extensionPath, $isStatic = true) { * */ function is_valid_path($path) { - return is_valid_path_extension($path, CORE_EXTENSIONS_PATH) || is_valid_path_extension($path, THIRDPARTY_EXTENSIONS_PATH) || is_valid_path_extension($path, USERS_PATH, $false); + return is_valid_path_extension($path, CORE_EXTENSIONS_PATH) || is_valid_path_extension($path, THIRDPARTY_EXTENSIONS_PATH) + || is_valid_path_extension($path, USERS_PATH, $false); } function sendBadRequestResponse(string $message = null) { diff --git a/p/scripts/install.js b/p/scripts/install.js index ca1a2d7af..448f70b56 100644 --- a/p/scripts/install.js +++ b/p/scripts/install.js @@ -17,7 +17,7 @@ function hide_password(ev) { return false; } const toggles = document.getElementsByClassName('toggle-password'); -for (let i = 0 ; i < toggles.length ; i++) { +for (let i = 0; i < toggles.length; i++) { toggles[i].addEventListener('mousedown', show_password); toggles[i].addEventListener('mouseup', hide_password); } @@ -68,7 +68,7 @@ function ask_confirmation(ev) { } } const confirms = document.getElementsByClassName('confirm'); -for (let i = 0 ; i < confirms.length ; i++) { +for (let i = 0; i < confirms.length; i++) { confirms[i].addEventListener('click', ask_confirmation); } // @license-end diff --git a/p/scripts/integration.js b/p/scripts/integration.js index 076f379ec..bf9ac1ca6 100644 --- a/p/scripts/integration.js +++ b/p/scripts/integration.js @@ -9,41 +9,41 @@ const init_integration = function() { } setTimeout(init_integration, 50); return; - } + } - let shares = document.querySelectorAll('.group-share').length; - document.querySelector('.share.add').addEventListener('click', event => { - const shareTypes = event.target.closest('.group-controls').querySelector('select'); - const shareType = shareTypes.options[shareTypes.selectedIndex]; - let newShare = event.target.closest('form').getAttribute(`data-${shareType.getAttribute('data-form')}`); - newShare = newShare.replace(/##label##/g, shareType.text); - newShare = newShare.replace(/##type##/g, shareType.value); - newShare = newShare.replace(/##help##/g, shareType.getAttribute('data-help')); - newShare = newShare.replace(/##key##/g, shares); - newShare = newShare.replace(/##method##/g, shareType.getAttribute('data-method')); - newShare = newShare.replace(/##field##/g, shareType.getAttribute('data-field')); - event.target.closest('.form-group').insertAdjacentHTML('beforebegin', newShare); - shares++; - }); + let shares = document.querySelectorAll('.group-share').length; + document.querySelector('.share.add').addEventListener('click', event => { + const shareTypes = event.target.closest('.group-controls').querySelector('select'); + const shareType = shareTypes.options[shareTypes.selectedIndex]; + let newShare = event.target.closest('form').getAttribute('data-' + shareType.getAttribute('data-form')); + newShare = newShare.replace(/##label##/g, shareType.text); + newShare = newShare.replace(/##type##/g, shareType.value); + newShare = newShare.replace(/##help##/g, shareType.getAttribute('data-help')); + newShare = newShare.replace(/##key##/g, shares); + newShare = newShare.replace(/##method##/g, shareType.getAttribute('data-method')); + newShare = newShare.replace(/##field##/g, shareType.getAttribute('data-field')); + event.target.closest('.form-group').insertAdjacentHTML('beforebegin', newShare); + shares++; + }); - document.querySelector('.post').addEventListener('click', event => { - if (!event.target || !event.target.closest) { - return; - } + document.querySelector('.post').addEventListener('click', event => { + if (!event.target || !event.target.closest) { + return; + } - const deleteButton = event.target.closest('a.remove'); - if (null === deleteButton || !deleteButton.closest) { - return; - } + const deleteButton = event.target.closest('a.remove'); + if (null === deleteButton || !deleteButton.closest) { + return; + } - const share = deleteButton.closest('.group-share'); - const form = deleteButton.closest('form'); - if (!share.remove || !form.submit) { - return; - } - share.remove(); - form.submit(); - }); + const share = deleteButton.closest('.group-share'); + const form = deleteButton.closest('form'); + if (!share.remove || !form.submit) { + return; + } + share.remove(); + form.submit(); + }); }; if (document.readyState && document.readyState !== 'loading') { diff --git a/p/scripts/main.js b/p/scripts/main.js index 0dbae3913..61a6d7239 100644 --- a/p/scripts/main.js +++ b/p/scripts/main.js @@ -21,8 +21,11 @@ if (!Element.prototype.remove) Element.prototype.remove = function () { if (this function xmlHttpRequestJson(req) { let json = req.response; if (req.responseType !== 'json') { //IE11 - try { json = JSON.parse(req.responseText); } - catch (ex) { json = null; } + try { + json = JSON.parse(req.responseText); + } catch (ex) { + json = null; + } } return json; } @@ -81,7 +84,7 @@ function numberFormat(nStr) { rgx = /(\d+)(\d{3})/; let x1 = x[0]; while (rgx.test(x1)) { - x1 = x1.replace(rgx, '$1' + ' ' + '$2'); + x1 = x1.replace(rgx, '$1 $2'); } return x1 + x2; } @@ -908,7 +911,7 @@ function init_shortcuts() { if (k === s.reading_view) { delayedClick(document.querySelector('#nav_menu_views .view-reader')); return false; } if (k === s.global_view) { delayedClick(document.querySelector('#nav_menu_views .view-global')); return false; } if (k === s.rss_view) { delayedClick(document.querySelector('#nav_menu_views .view-rss')); return false; } - if (k === s.toggle_media) { toggle_media(); return false;} + if (k === s.toggle_media) { toggle_media(); return false; } return true; }; } diff --git a/p/scripts/stats.js b/p/scripts/stats.js index 54ea0e4de..6ca598784 100644 --- a/p/scripts/stats.js +++ b/p/scripts/stats.js @@ -32,7 +32,7 @@ function initStats() { grid: {verticalLines: false}, xaxis: {noTicks: 6, showLabels: false, tickDecimals: 0, min: -30.75, max: -0.25}, yaxis: {min: 0}, - mouse: {relative: true, track: true, trackDecimals: 0, trackFormatter: function(obj) {return numberFormat(obj.y);}} + mouse: {relative: true, track: true, trackDecimals: 0, trackFormatter: function (obj) { return numberFormat(obj.y); }}, }); // Feed per category Flotr.draw(document.getElementById('statsFeedPerCategory'), @@ -42,7 +42,9 @@ function initStats() { pie: {explode: 10, show: true, labelFormatter: function(){return '';}}, xaxis: {showLabels: false}, yaxis: {showLabels: false}, - mouse: {relative: true, track: true, trackDecimals: 0, trackFormatter: function(obj) {return obj.series.label + ' - '+ numberFormat(obj.y) + ' ('+ (obj.fraction * 100).toFixed(1) + '%)';}}, + mouse: {relative: true, track: true, trackDecimals: 0, trackFormatter: function (obj) { + return obj.series.label + ' - ' + numberFormat(obj.y) + ' (' + (obj.fraction * 100).toFixed(1) + '%)'; + }}, legend: {container: document.getElementById('statsFeedPerCategoryLegend'), noColumns: 3} }); // Entry per category @@ -50,10 +52,12 @@ function initStats() { stats.entryByCategory, { grid: {verticalLines: false, horizontalLines: false}, - pie: {explode: 10, show: true, labelFormatter: function(){return '';}}, + pie: {explode: 10, show: true, labelFormatter: function () { return ''; }}, xaxis: {showLabels: false}, yaxis: {showLabels: false}, - mouse: {relative: true, track: true, trackDecimals: 0, trackFormatter: function(obj) {return obj.series.label + ' - '+ numberFormat(obj.y) + ' ('+ (obj.fraction * 100).toFixed(1) + '%)';}}, + mouse: {relative: true, track: true, trackDecimals: 0, trackFormatter: function (obj) { + return obj.series.label + ' - ' + numberFormat(obj.y) + ' (' + (obj.fraction * 100).toFixed(1) + '%)'; + }}, legend: {container: document.getElementById('statsEntryPerCategoryLegend'), noColumns: 3} }); } diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css index fc770362f..642d61adb 100644 --- a/p/themes/Alternative-Dark/adark.rtl.css +++ b/p/themes/Alternative-Dark/adark.rtl.css @@ -695,7 +695,7 @@ a.btn { .prompt .stick, .prompt input { width: 100%; - box-sizing: border-box; + box-sizing: border-box; } .prompt .btn.btn-important { diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index 565e1edb5..b84907784 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -1,216 +1,216 @@ @font-face { - font-family: "lato"; - font-style: normal; - font-stretch: normal; - font-weight: 400; - src: local("Lato"), url("../fonts/LatoLatin-Regular.woff") format("woff"); + font-family: "lato"; + font-style: normal; + font-stretch: normal; + font-weight: 400; + src: local("Lato"), url("../fonts/LatoLatin-Regular.woff") format("woff"); } @font-face { - font-family: "lato"; - font-style: italic; - font-stretch: normal; - font-weight: 400; - src: local("Lato"), url("../fonts/LatoLatin-Italic.woff") format("woff"); + font-family: "lato"; + font-style: italic; + font-stretch: normal; + font-weight: 400; + src: local("Lato"), url("../fonts/LatoLatin-Italic.woff") format("woff"); } @font-face { - font-family: "lato"; - font-style: normal; - font-stretch: normal; - font-weight: 700; - src: local("Lato"), url("../fonts/LatoLatin-Bold.woff") format("woff"); + font-family: "lato"; + font-style: normal; + font-stretch: normal; + font-weight: 700; + src: local("Lato"), url("../fonts/LatoLatin-Bold.woff") format("woff"); } @font-face { - font-family: "lato"; - font-style: italic; - font-stretch: normal; - font-weight: 700; - src: local("Lato"), url("../fonts/LatoLatin-BoldItalic.woff") format("woff"); + font-family: "lato"; + font-style: italic; + font-stretch: normal; + font-weight: 700; + src: local("Lato"), url("../fonts/LatoLatin-BoldItalic.woff") format("woff"); } @font-face { - font-family: "spectral"; - font-style: normal; - font-stretch: normal; - font-weight: 400; - src: local("Spectral"), url("../fonts/Spectral-Regular.woff") format("woff"); + font-family: "spectral"; + font-style: normal; + font-stretch: normal; + font-weight: 400; + src: local("Spectral"), url("../fonts/Spectral-Regular.woff") format("woff"); } @font-face { - font-family: "spectral"; - font-style: italic; - font-stretch: normal; - font-weight: 400; - src: local("Spectral"), url("../fonts/Spectral-Italic.woff") format("woff"); + font-family: "spectral"; + font-style: italic; + font-stretch: normal; + font-weight: 400; + src: local("Spectral"), url("../fonts/Spectral-Italic.woff") format("woff"); } @font-face { - font-family: "spectral"; - font-style: normal; - font-stretch: normal; - font-weight: 700; - src: local("Spectral"), url("../fonts/Spectral-Bold.woff") format("woff"); + font-family: "spectral"; + font-style: normal; + font-stretch: normal; + font-weight: 700; + src: local("Spectral"), url("../fonts/Spectral-Bold.woff") format("woff"); } @font-face { - font-family: "spectral"; - font-style: italic; - font-stretch: normal; - font-weight: 700; - src: local("Spectral"), url("../fonts/Spectral-BoldItalic.woff") format("woff"); + font-family: "spectral"; + font-style: italic; + font-stretch: normal; + font-weight: 700; + src: local("Spectral"), url("../fonts/Spectral-BoldItalic.woff") format("woff"); } /* stylelint-disable property-no-vendor-prefix */ /* FUNCTIONS */ /* btns */ .btn { - margin: 0; - padding: 0.5rem 1.5rem; - background: #fcfaf8; - display: inline-block; - color: #766556; - font-size: 1rem; - border: none; - border-radius: 5px; - min-height: 38px; - min-width: 15px; - line-height: 25px; - vertical-align: middle; - cursor: pointer; - overflow: hidden; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + margin: 0; + padding: 0.5rem 1.5rem; + background: #fcfaf8; + display: inline-block; + color: #766556; + font-size: 1rem; + border: none; + border-radius: 5px; + min-height: 38px; + min-width: 15px; + line-height: 25px; + vertical-align: middle; + cursor: pointer; + overflow: hidden; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .btn.btn-important { - background: #ca7227; - color: #fff; + background: #ca7227; + color: #fff; } .btn.btn-important:hover, .btn.btn-important:active { - background: #b7641d; + background: #b7641d; } .btn.btn-attention { - background: #f5633e; - color: #fff; + background: #f5633e; + color: #fff; } .btn.btn-attention:hover, .btn.btn-attention:active { - background: #73341f; + background: #73341f; } .btn:hover { - text-decoration: none; + text-decoration: none; } a.btn { - min-height: 25px; - line-height: 25px; + min-height: 25px; + line-height: 25px; } /*=== Forms */ legend { - margin: 2rem 0 1rem 0; - padding: 0; - display: inline-block; - width: auto; - font-size: 1rem; - clear: both; - text-transform: uppercase; - letter-spacing: 1px; - font-weight: 700; + margin: 2rem 0 1rem 0; + padding: 0; + display: inline-block; + width: auto; + font-size: 1rem; + clear: both; + text-transform: uppercase; + letter-spacing: 1px; + font-weight: 700; } label { - min-height: 25px; - padding: 5px 0; - cursor: pointer; - color: #766556; + min-height: 25px; + padding: 5px 0; + cursor: pointer; + color: #766556; } textarea { - width: 360px; - max-width: 100%; - height: 100px; + width: 360px; + max-width: 100%; + height: 100px; } input, select, textarea, button { - padding: 5px 10px; - background: #fff; - color: #766556; - font-family: "lato", "Helvetica", "Arial", sans-serif; - font-size: 1rem; - border: 1px solid #f5f0ec; - border-radius: 2px; - min-height: 25px; - line-height: 25px; - vertical-align: middle; + padding: 5px 10px; + background: #fff; + color: #766556; + font-family: "lato", "Helvetica", "Arial", sans-serif; + font-size: 1rem; + border: 1px solid #f5f0ec; + border-radius: 2px; + min-height: 25px; + line-height: 25px; + vertical-align: middle; } option { - padding: 0 0.5em; + padding: 0 0.5em; } input:focus, select:focus, textarea:focus { - color: #363330; - border-color: #ca7227; + color: #363330; + border-color: #ca7227; } input:invalid, select:invalid { - color: #f5633e; - border-color: #f5633e; - box-shadow: none; + color: #f5633e; + border-color: #f5633e; + box-shadow: none; } input:disabled, select:disabled { - background: #f5f0ec; + background: #f5f0ec; } input.extend { - transition: width 200ms linear; + transition: width 200ms linear; } .form-group { - padding: 5px; - border-radius: 3px; + padding: 5px; + border-radius: 3px; } .form-group::after { - content: ""; - display: block; - clear: both; + content: ""; + display: block; + clear: both; } .form-group .group-name { - padding: 10px 0; - text-align: right; + padding: 10px 0; + text-align: right; } .form-group .group-controls { - min-height: 25px; - padding: 5px 0; + min-height: 25px; + padding: 5px 0; } .form-group .group-controls .control { - line-height: 2em; + line-height: 2em; } .form-group table { - margin: 10px 0 0 220px; + margin: 10px 0 0 220px; } .form-group.form-actions { - margin: 15px 0 25px; - padding: 5px 0; + margin: 15px 0 25px; + padding: 5px 0; } .form-group.form-actions .btn { - margin: 0 0.5rem 0 0; + margin: 0 0.5rem 0 0; } /*=== Tables */ table { - border-collapse: collapse; + border-collapse: collapse; } tr, th, td { - padding: 0.5em; - border: 1px solid #e4d8cc; + padding: 0.5em; + border: 1px solid #e4d8cc; } th { - background: #fcfaf8; + background: #fcfaf8; } form td, form th { - font-weight: normal; - text-align: center; + font-weight: normal; + text-align: center; } /*=== COMPONENTS */ @@ -218,422 +218,422 @@ form th { /*=== Forms */ /*=== Horizontal-list */ .horizontal-list { - margin: 0; - padding: 0.1rem 0; + margin: 0; + padding: 0.1rem 0; } .horizontal-list .item { - vertical-align: middle; + vertical-align: middle; } .horizontal-list .item:first-child { - padding-left: 0.5rem; + padding-left: 0.5rem; } /*=== Dropdown */ .dropdown-menu { - margin: 0; - padding: 0.5rem 0 1rem 0; - background: #fcfaf8; - font-size: 1rem; - border: none; - border-radius: 3px; - box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); - text-align: left; + margin: 0; + padding: 0.5rem 0 1rem 0; + background: #fcfaf8; + font-size: 1rem; + border: none; + border-radius: 3px; + box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); + text-align: left; } .dropdown-menu::after { - background: white; - width: 10px; - height: 10px; - content: ""; - position: absolute; - top: -4px; - right: 13px; - z-index: -10; - transform: rotate(45deg); + background: white; + width: 10px; + height: 10px; + content: ""; + position: absolute; + top: -4px; + right: 13px; + z-index: -10; + transform: rotate(45deg); } .dropdown-menu .dropdown-header { - margin: 1.75rem 0 0.5rem 2rem; - font-weight: bold; - text-align: left; - color: #766556; - text-transform: uppercase; - letter-spacing: 1px; + margin: 1.75rem 0 0.5rem 2rem; + font-weight: bold; + text-align: left; + color: #766556; + text-transform: uppercase; + letter-spacing: 1px; } .dropdown-menu .item { - -webkit-transition: all 0.075s ease-in-out; - -moz-transition: all 0.075s ease-in-out; - -o-transition: all 0.075s ease-in-out; - transition: all 0.075s ease-in-out; + -webkit-transition: all 0.075s ease-in-out; + -moz-transition: all 0.075s ease-in-out; + -o-transition: all 0.075s ease-in-out; + transition: all 0.075s ease-in-out; } .dropdown-menu .item a, .dropdown-menu .item span, .dropdown-menu .item .as-link { - padding: 0 2rem; - color: #363330; - font-size: 1rem; - line-height: 2.5em; + padding: 0 2rem; + color: #363330; + font-size: 1rem; + line-height: 2.5em; } .dropdown-menu .item:hover { - background: #ca7227; - color: #fff; + background: #ca7227; + color: #fff; } .dropdown-menu .item:hover a, .dropdown-menu .item:hover button { - text-decoration: none; - color: #fff; + text-decoration: none; + color: #fff; } .dropdown-menu .item[aria-checked=true] a::before { - margin: 0 0 0 -14px; - font-weight: bold; + margin: 0 0 0 -14px; + font-weight: bold; } .dropdown-menu .input select, .dropdown-menu .input input { - margin: 0 auto 5px; - padding: 2px 5px; - border-radius: 3px; + margin: 0 auto 5px; + padding: 2px 5px; + border-radius: 3px; } .dropdown-menu .separator { - margin: 0.75rem 0; - border-bottom: 1px solid #f5f0ec; + margin: 0.75rem 0; + border-bottom: 1px solid #f5f0ec; } .tree .tree-folder .tree-folder-items .dropdown-menu .item { - padding: 0; + padding: 0; } .tree .tree-folder .tree-folder-items .dropdown-menu .item a, .tree .tree-folder .tree-folder-items .dropdown-menu .item button { - color: #363330; + color: #363330; } .tree .tree-folder .tree-folder-items .dropdown-menu .item a:hover, .tree .tree-folder .tree-folder-items .dropdown-menu .item button:hover { - color: #fff; + color: #fff; } .tree .tree-folder .tree-folder-items .dropdown-menu .item:hover { - background: #ca7227; + background: #ca7227; } /*=== Alerts */ .alert { - margin: 1rem 0; - padding: 1rem; - background: #fcfaf8; - color: #766556; - font-size: 1rem; - border: 1px solid #d9ccbf; - border-radius: 3px; - text-shadow: 0 0 1px #f5f0ec; + margin: 1rem 0; + padding: 1rem; + background: #fcfaf8; + color: #766556; + font-size: 1rem; + border: 1px solid #d9ccbf; + border-radius: 3px; + text-shadow: 0 0 1px #f5f0ec; } .alert-head { - font-size: 1.15em; + font-size: 1.15em; } .alert > a { - text-decoration: underline; - color: inherit; + text-decoration: underline; + color: inherit; } .alert-warn { - background: #fdfde0; - color: #73762f; - border: 1px solid #73762f33; + background: #fdfde0; + color: #73762f; + border: 1px solid #73762f33; } .alert-success { - background: #cffdef; - color: #0c7556; - border: 1px solid #0c755633; + background: #cffdef; + color: #0c7556; + border: 1px solid #0c755633; } .alert-error { - background: #fde0d8; - color: #73341f; - border: 1px solid #73341f33; + background: #fde0d8; + color: #73341f; + border: 1px solid #73341f33; } /*=== Pagination */ .pagination { - background: #f5f0ec; - color: #363330; - font-size: 0.8em; - text-align: center; + background: #f5f0ec; + color: #363330; + font-size: 0.8em; + text-align: center; } .pagination .item.pager-current { - background: #fbf9f6; - color: #f5f0ec; - font-size: 1.5em; - font-weight: bold; + background: #fbf9f6; + color: #f5f0ec; + font-size: 1.5em; + font-weight: bold; } .pagination .item a { - display: block; - color: #363330; - font-style: italic; - line-height: 3em; - text-decoration: none; + display: block; + color: #363330; + font-style: italic; + line-height: 3em; + text-decoration: none; } .pagination .item a:hover { - background: #363330; - color: #f5f0ec; + background: #363330; + color: #f5f0ec; } .pagination .loading, .pagination a:hover.loading { - background: url("loader.gif") center center no-repeat #34495e; - font-size: 0; + background: url("loader.gif") center center no-repeat #34495e; + font-size: 0; } .content .pagination { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } /*=== Boxes */ .box { - background: #fff; - border: none; - border-radius: 3px; - box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); + background: #fff; + border: none; + border-radius: 3px; + box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); } .box .box-title { - margin: 0; - padding: 0.5rem 0.75rem; - background: #f5f0ec; - color: #363330; - border-radius: 2px 2px 0 0; + margin: 0; + padding: 0.5rem 0.75rem; + background: #f5f0ec; + color: #363330; + border-radius: 2px 2px 0 0; } .box .box-title img { - margin-right: 0.75rem; + margin-right: 0.75rem; } .box .box-title:hover .configure { - background: url("icons/cog.svg") no-repeat 4px 4px; - display: block; - float: left; - width: 1.75rem; - height: 1.75rem; - border-radius: 2px; - visibility: visible; - margin-right: 0.5rem; + background: url("icons/cog.svg") no-repeat 4px 4px; + display: block; + float: left; + width: 1.75rem; + height: 1.75rem; + border-radius: 2px; + visibility: visible; + margin-right: 0.5rem; } .box .box-title:hover .configure .icon { - display: none; - border-radius: 3px; - vertical-align: middle; + display: none; + border-radius: 3px; + vertical-align: middle; } .box .box-title:hover .configure:hover { - background: url("icons/cog-white.svg") no-repeat 4px 4px #ca7227; + background: url("icons/cog-white.svg") no-repeat 4px 4px #ca7227; } .box .box-title .configure { - visibility: hidden; + visibility: hidden; } .box .box-title form input { - width: 85%; + width: 85%; } .box .box-title form .dropdown { - float: right; + float: right; } .box .box-title form .dropdown a.dropdown-toggle { - padding: 0; - border-radius: 0; - background-image: url(icons/more.svg); - background-repeat: no-repeat; - background-position: right 8px; + padding: 0; + border-radius: 0; + background-image: url(icons/more.svg); + background-repeat: no-repeat; + background-position: right 8px; } .box .box-title form .dropdown a.dropdown-toggle img { - display: none; + display: none; } .box .box-content .item { - padding: 0.5rem 0.75rem; - color: #363330; - font-size: 1rem; - border-bottom: 1px solid #f5f0ec; - line-height: 1.7em; + padding: 0.5rem 0.75rem; + color: #363330; + font-size: 1rem; + border-bottom: 1px solid #f5f0ec; + line-height: 1.7em; } .box .box-content .item img { - margin-right: 0.75rem; + margin-right: 0.75rem; } .box .box-content .item .configure { - background: url("icons/cog.svg") no-repeat 4px 4px; - display: block; - float: left; - width: 1.75rem; - height: 1.75rem; - border-radius: 2px; - visibility: hidden; - margin-right: 0.5rem; + background: url("icons/cog.svg") no-repeat 4px 4px; + display: block; + float: left; + width: 1.75rem; + height: 1.75rem; + border-radius: 2px; + visibility: hidden; + margin-right: 0.5rem; } .box .box-content .item .configure .icon { - display: none; - border-radius: 3px; - vertical-align: middle; + display: none; + border-radius: 3px; + vertical-align: middle; } .box .box-content .item .configure:hover { - background: url("icons/cog-white.svg") no-repeat 4px 4px #ca7227; + background: url("icons/cog-white.svg") no-repeat 4px 4px #ca7227; } .box .box-content .item:hover .configure { - visibility: visible; + visibility: visible; } .box .box-content .item:last-child { - border-bottom: none; + border-bottom: none; } /*=== "Load more" part */ #bigMarkAsRead { - text-align: center; - text-decoration: none; - background: #fdf6ef; - color: #ca7227; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + text-align: center; + text-decoration: none; + background: #fdf6ef; + color: #ca7227; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } #bigMarkAsRead:hover { - background: #ca7227; - color: #fff; + background: #ca7227; + color: #fff; } #bigMarkAsRead:hover .bigTick { - background: url(icons/tick-white.svg) center no-repeat; + background: url(icons/tick-white.svg) center no-repeat; } #bigMarkAsRead .bigTick { - margin: 0.5rem 0; - background: url(icons/tick-color.svg) center no-repeat; - display: inline-block; - width: 64px; - height: 64px; - text-indent: -9999px; - white-space: nowrap; + margin: 0.5rem 0; + background: url(icons/tick-color.svg) center no-repeat; + display: inline-block; + width: 64px; + height: 64px; + text-indent: -9999px; + white-space: nowrap; } .formLogin { - background: #fbf9f6; + background: #fbf9f6; } .formLogin .header .configure { - padding-right: 1rem; + padding-right: 1rem; } .formLogin .header .configure img { - margin-right: 0.5rem; + margin-right: 0.5rem; } .formLogin .header .configure a.signin { - color: #fff; + color: #fff; } .formLogin h1 { - color: #fff; + color: #fff; } .formLogin form#crypto-form div { - margin-bottom: 1rem; + margin-bottom: 1rem; } .formLogin form#crypto-form div label { - color: #d9ccbf; - font-size: 1rem; + color: #d9ccbf; + font-size: 1rem; } .formLogin form#crypto-form div input { - background: #221f1d; + background: #221f1d; } .formLogin form#crypto-form div input:focus { - background: #fcfaf8; - color: #363330; + background: #fcfaf8; + color: #363330; } /*=== DIVERS */ /*===========*/ .aside.aside_feed .nav-form input, .aside.aside_feed .nav-form select { - width: 140px; + width: 140px; } .aside.aside_feed .nav-form .dropdown .dropdown-menu { - right: -20px; + right: -20px; } .aside.aside_feed .nav-form .dropdown .dropdown-menu::after { - right: 33px; + right: 33px; } /*=== Tree */ .tree { - margin: 10px 0; + margin: 10px 0; } .tree#sidebar { - scrollbar-color: rgba(255, 255, 0, 0.1) rgba(0, 0, 0, 0.05); - scrollbar-color: #36333033 #36333022; + scrollbar-color: rgba(255, 255, 0, 0.1) rgba(0, 0, 0, 0.05); + scrollbar-color: #36333033 #36333022; } .tree .tree-folder { - border-bottom: 1px solid #f0e7da; - box-shadow: inset -1px -11px 8px #0003; + border-bottom: 1px solid #f0e7da; + box-shadow: inset -1px -11px 8px #0003; } .tree .tree-folder .tree-folder-title { - padding: 12px 16px; - background: #fbf9f6; - position: relative; - font-size: 0.85rem; - letter-spacing: 1px; - font-weight: 700; - text-transform: uppercase; + padding: 12px 16px; + background: #fbf9f6; + position: relative; + font-size: 0.85rem; + letter-spacing: 1px; + font-weight: 700; + text-transform: uppercase; } .tree .tree-folder .tree-folder-title .title { - background: inherit; - color: #363330; + background: inherit; + color: #363330; } .tree .tree-folder .tree-folder-title .title:hover { - text-decoration: none; + text-decoration: none; } .tree .tree-folder.active .tree-folder-title { - background: #fbf9f6; - font-weight: bold; + background: #fbf9f6; + font-weight: bold; } .tree .tree-folder .tree-folder-items { - background: #f7f2ea; + background: #f7f2ea; } .tree .tree-folder .tree-folder-items .item { - padding: 0 1rem; - line-height: 2.5rem; - font-size: 1rem; - font-weight: 400; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + padding: 0 1rem; + line-height: 2.5rem; + font-size: 1rem; + font-weight: 400; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .tree .tree-folder .tree-folder-items .item.active { - background: #ca7227; + background: #ca7227; } .tree .tree-folder .tree-folder-items .item.active .dropdown li a { - color: #363330; + color: #363330; } .tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover { - color: #363330; + color: #363330; } .tree .tree-folder .tree-folder-items .item.active a { - color: #fff; + color: #fff; } .tree .tree-folder .tree-folder-items .item:hover { - background: #efe3d3; + background: #efe3d3; } .tree .tree-folder .tree-folder-items .item a { - text-decoration: none; - color: #363330; + text-decoration: none; + color: #363330; } .tree .tree-folder .tree-folder-items .feed .item-title:not([data-unread="0"])::before { - margin: 11px 6px 0 4px; - padding: 3px 4px; - background: rgba(35, 35, 0, 0.15); - display: block; - float: left; - font-size: 0.75rem; - border-radius: 12px; - content: attr(data-unread); - text-align: center; - line-height: 0.75rem; + margin: 11px 6px 0 4px; + padding: 3px 4px; + background: rgba(35, 35, 0, 0.15); + display: block; + float: left; + font-size: 0.75rem; + border-radius: 12px; + content: attr(data-unread); + text-align: center; + line-height: 0.75rem; } /*=== Buttons */ .stick { - vertical-align: middle; - font-size: 0; + vertical-align: middle; + font-size: 0; } .stick input, .stick .btn { - border-radius: 0; + border-radius: 0; } .stick .btn:first-child, .stick input:first-child { - border-radius: 5px 0 0 5px; + border-radius: 5px 0 0 5px; } .stick .btn:last-child, .stick input:last-child, .stick .btn + .dropdown > .btn { - border-radius: 0 5px 5px 0; + border-radius: 0 5px 5px 0; } .stick .btn + .btn, .stick .btn + input, @@ -644,981 +644,981 @@ form th { .stick .dropdown + .btn, .stick .dropdown + input, .stick .dropdown + .dropdown > .btn { - border-left: 1px solid #e4d8cc; + border-left: 1px solid #e4d8cc; } .aside { - background: #fbf9f6; + background: #fbf9f6; } .aside.aside_feed { - padding: 10px 0; - text-align: center; - background: #fbf9f6; - border-right: 1px solid #f0e7da; + padding: 10px 0; + text-align: center; + background: #fbf9f6; + border-right: 1px solid #f0e7da; } .aside.aside_feed .tree { - margin: 10px 0 50px; + margin: 10px 0 50px; } /* Sidebar des pages de configuration */ /*=== Navigation */ .nav-list .nav-header, .nav-list .item { - height: 2.5em; - line-height: 2.5em; - font-size: 1rem; + height: 2.5em; + line-height: 2.5em; + font-size: 1rem; } .nav-list .item { - background: #fbf9f6; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + background: #fbf9f6; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .nav-list .item a { - padding: 0 1rem; - color: #363330; + padding: 0 1rem; + color: #363330; } .nav-list .item .error a { - color: #f5633e; + color: #f5633e; } .nav-list .item:hover { - background: #efe3d3; - color: #363330; + background: #efe3d3; + color: #363330; } .nav-list .item:hover .error a { - background: #ca7227; - color: #363330; + background: #ca7227; + color: #363330; } .nav-list .item:hover .empty a { - background: #f4f762; - color: #363330; + background: #f4f762; + color: #363330; } .nav-list .item:hover a { - color: #363330; - text-decoration: none; + color: #363330; + text-decoration: none; } .nav-list .item.active { - background: #ca7227; - color: #fff; + background: #ca7227; + color: #fff; } .nav-list .item.active .error a { - background: #ca7227; - color: #fff; + background: #ca7227; + color: #fff; } .nav-list .item.active .empty a { - background: #f4f762; - color: #fff; + background: #f4f762; + color: #fff; } .nav-list .item.active a { - color: #fff; - text-decoration: none; + color: #fff; + text-decoration: none; } .nav-list.empty a { - color: #f4f762; + color: #f4f762; } .nav-list .disable { - text-align: center; - background: #fcfaf8; - color: #ba9; + text-align: center; + background: #fcfaf8; + color: #ba9; } .nav-list .nav-header { - padding: 0 10px; - font-weight: bold; - color: #766556; - text-transform: uppercase; - letter-spacing: 1px; - margin-top: 1rem; + padding: 0 10px; + font-weight: bold; + color: #766556; + text-transform: uppercase; + letter-spacing: 1px; + margin-top: 1rem; } .nav-list .nav-form { - padding: 3px; - text-align: center; + padding: 3px; + text-align: center; } .nav-list .nav-head { - margin: 0; - text-align: right; - color: #fff; + margin: 0; + text-align: right; + color: #fff; } .nav-list .nav-head a { - color: #fff; + color: #fff; } .nav-list .nav-head .item { - padding: 5px 10px; - font-size: 0.9rem; - line-height: 1.5rem; + padding: 5px 10px; + font-size: 0.9rem; + line-height: 1.5rem; } /*=== Aside main page (categories) */ .aside_feed .tree-folder-title > .title:not([data-unread="0"])::after { - margin: -0.5rem 1rem 0 0; - padding: 0 0.75rem; - background: rgba(35, 35, 0, 0.15); - border-radius: 12px; - position: absolute; - right: 0; - line-height: 1.5rem; - text-align: center; + margin: -0.5rem 1rem 0 0; + padding: 0 0.75rem; + background: rgba(35, 35, 0, 0.15); + border-radius: 12px; + position: absolute; + right: 0; + line-height: 1.5rem; + text-align: center; } .feed.item.empty.active { - background: #766556; + background: #766556; } .feed.item.error.active { - background: #766556; + background: #766556; } .feed.item.empty, .feed.item.empty > a { - color: #766556; + color: #766556; } .feed.item.error, .feed.item.error > a { - color: #766556; + color: #766556; } .feed.item.empty.active, .feed.item.error.active, .feed.item.empty.active > a, .feed.item.error.active > a { - color: #fff; + color: #fff; } .aside_feed .tree-folder-items .dropdown-menu::after { - left: 2px; + left: 2px; } .aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon, .aside_feed .tree-folder-items .item:hover .dropdown-toggle > .icon, .aside_feed .tree-folder-items .item.active .dropdown-toggle > .icon { - border-radius: 3px; + border-radius: 3px; } .aside_feed .stick #btn-add { - border-left-color: #fbf9f6; + border-left-color: #fbf9f6; } /*=== STRUCTURE */ /*===============*/ /*=== Header */ .header { - padding: 0.5rem 1.35rem; - background: #fbf9f6; - display: block; - width: auto; - table-layout: none; + padding: 0.5rem 1.35rem; + background: #fbf9f6; + display: block; + width: auto; + table-layout: none; } .header .item { - vertical-align: middle; + vertical-align: middle; } .header .item.title { - width: 280px; - font-weight: 400; + width: 280px; + font-weight: 400; } .header .item.title h1 a { - text-decoration: none; - color: #363330; - font-size: 1rem; - text-transform: uppercase; - letter-spacing: 1px; + text-decoration: none; + color: #363330; + font-size: 1rem; + text-transform: uppercase; + letter-spacing: 1px; } .header .item.title h1 a img { - margin-right: 0.5rem; + margin-right: 0.5rem; } .header .item.search input { - width: 230px; - color: #363330; - border: none; - border-radius: 2px 0 0 2px; - background-color: #f7f2ea; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + width: 230px; + color: #363330; + border: none; + border-radius: 2px 0 0 2px; + background-color: #f7f2ea; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .header .item.search input:hover { - background-color: #efe3d3; + background-color: #efe3d3; } .header .item.search input:focus { - width: 350px; - color: #766556; - background-color: #fff; + width: 350px; + color: #766556; + background-color: #fff; } .header .item.search .btn { - width: 3rem; - border-radius: 0 2px 2px 0; - background-color: #ca7227; - background-position: center; - background-repeat: no-repeat; - background-image: url(icons/magnifier.svg); - border-left-width: 0; - min-height: 35px; + width: 3rem; + border-radius: 0 2px 2px 0; + background-color: #ca7227; + background-position: center; + background-repeat: no-repeat; + background-image: url(icons/magnifier.svg); + border-left-width: 0; + min-height: 35px; } .header .item.search .btn img { - display: none; + display: none; } .header .item.search .btn:hover { - background-color: #b7641d; + background-color: #b7641d; } .header .item.configure { - width: 2rem; - position: absolute; - right: 1rem; - top: 1.25rem; - text-align: center; + width: 2rem; + position: absolute; + right: 1rem; + top: 1.25rem; + text-align: center; } .header .item.configure .btn { - padding: 0 0.5rem; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-image: url(icons/cog.svg); + padding: 0 0.5rem; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-image: url(icons/cog.svg); } .header .item.configure .btn img { - display: none; + display: none; } /*=== Body */ #global { - height: calc(100% - 85px); + height: calc(100% - 85px); } /*=== Prompt (centered) */ .prompt { - text-align: center; + text-align: center; } .prompt label { - text-align: left; + text-align: left; } .prompt form { - margin: 10px auto 20px auto; - width: 200px; + margin: 10px auto 20px auto; + width: 200px; } .prompt input { - margin: 5px auto; - width: 100%; + margin: 5px auto; + width: 100%; } .prompt p { - margin: 20px 0; + margin: 20px 0; } /*=== New article notification */ #new-article { - background: #ca7227; - font-size: 1rem; - text-align: center; + background: #ca7227; + font-size: 1rem; + text-align: center; } #new-article:hover { - background: #b7641d; + background: #b7641d; } #new-article > a { - line-height: 3em; - font-weight: bold; - color: #fff; + line-height: 3em; + font-weight: bold; + color: #fff; } #new-article > a:hover { - text-decoration: none; + text-decoration: none; } /*=== Day indication */ .day { - padding: 1rem 0 0 1.25rem; - color: #6d655f; - font-size: 0.875rem; - font-weight: 700; - line-height: 3em; - letter-spacing: 1px; - text-transform: uppercase; + padding: 1rem 0 0 1.25rem; + color: #6d655f; + font-size: 0.875rem; + font-weight: 700; + line-height: 3em; + letter-spacing: 1px; + text-transform: uppercase; } .day .name { - padding: 0 1rem 0 1rem; - color: #363330; - font-size: 0.875rem; - position: relative; - left: 0; - text-transform: uppercase; + padding: 0 1rem 0 1rem; + color: #363330; + font-size: 0.875rem; + position: relative; + left: 0; + text-transform: uppercase; } /*=== Index menu */ .nav_menu { - text-align: center; - padding: 5px 0; + text-align: center; + padding: 5px 0; } .nav_menu .btn { - border-left-width: 0; - padding: 0.5rem 1rem; - background-color: #fcfaf8; - background-position: center; - background-repeat: no-repeat; + border-left-width: 0; + padding: 0.5rem 1rem; + background-color: #fcfaf8; + background-position: center; + background-repeat: no-repeat; } .nav_menu .btn:hover { - background-color: #f5f0ec; + background-color: #f5f0ec; } .nav_menu .stick { - background: #fcfaf8; + background: #fcfaf8; } .nav_menu .stick .btn { - border-left-width: 0; - padding: 0.5rem 1rem; - background-color: #fcfaf8; - background-position: center; - background-repeat: no-repeat; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + border-left-width: 0; + padding: 0.5rem 1rem; + background-color: #fcfaf8; + background-position: center; + background-repeat: no-repeat; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .nav_menu .stick .btn:hover { - background-color: #e4d8cc; + background-color: #e4d8cc; } .nav_menu .stick .btn.active { - background-color: #ca7227; + background-color: #ca7227; } .nav_menu .stick .btn img.icon { - display: none; + display: none; } .nav_menu .stick .btn#toggle-read { - background-image: url(icons/read.svg); + background-image: url(icons/read.svg); } .nav_menu .stick .btn#toggle-read.active { - background-image: url(icons/read-white.svg); + background-image: url(icons/read-white.svg); } .nav_menu .stick .btn#toggle-unread { - background-image: url(icons/unread.svg); + background-image: url(icons/unread.svg); } .nav_menu .stick .btn#toggle-unread.active { - background-image: url(icons/unread-white.svg); + background-image: url(icons/unread-white.svg); } .nav_menu .stick .btn#toggle-starred { - background-image: url(icons/starred.svg); + background-image: url(icons/starred.svg); } .nav_menu .stick .btn#toggle-starred.active { - background-image: url(icons/starred-white.svg); + background-image: url(icons/starred-white.svg); } .nav_menu .stick .btn#toggle-non-starred { - background-image: url(icons/non-starred.svg); + background-image: url(icons/non-starred.svg); } .nav_menu .stick .btn#toggle-non-starred.active { - background-image: url(icons/non-starred-white.svg); + background-image: url(icons/non-starred-white.svg); } .nav_menu .stick .btn.read_all { - padding: 5px 16px; - color: #363330; - background-color: #fcfaf8; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + padding: 5px 16px; + color: #363330; + background-color: #fcfaf8; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .nav_menu .stick .btn.read_all:hover { - background-color: #e4d8cc; + background-color: #e4d8cc; } .nav_menu .stick .btn.view-normal { - background-image: url(icons/view-list.svg); + background-image: url(icons/view-list.svg); } .nav_menu .stick .btn.view-normal.active { - background-image: url(icons/view-list-white.svg); + background-image: url(icons/view-list-white.svg); } .nav_menu .stick .btn.view-global { - background-image: url(icons/view-global.svg); + background-image: url(icons/view-global.svg); } .nav_menu .stick .btn.view-global.active { - background-image: url(icons/view-global-white.svg); + background-image: url(icons/view-global-white.svg); } .nav_menu .stick .btn.view-reader { - background-image: url(icons/view-reader.svg); + background-image: url(icons/view-reader.svg); } .nav_menu .stick .btn.view-reader.active { - background-image: url(icons/view-reader-white.svg); + background-image: url(icons/view-reader-white.svg); } .nav_menu .stick .btn.view-rss { - background-image: url(icons/rss.svg); + background-image: url(icons/rss.svg); } .nav_menu .stick .dropdown a.dropdown-toggle { - border-left-width: 0; - background-image: url(icons/more.svg); + border-left-width: 0; + background-image: url(icons/more.svg); } #dropdown-query ~ .dropdown-menu .dropdown-header .icon { - vertical-align: middle; - background-color: #ba9; - border-radius: 3px; + vertical-align: middle; + background-color: #ba9; + border-radius: 3px; } /*=== Content of feed articles */ .content, .content.thin { - padding: 20px 10px; - font-size: 1.125rem; - line-height: 1.8rem; + padding: 20px 10px; + font-size: 1.125rem; + line-height: 1.8rem; } .content h1.title a, .content h1 a, .content.thin h1.title a, .content.thin h1 a { - color: #363330; - font-family: "spectral", serif; - font-size: 2rem; + color: #363330; + font-family: "spectral", serif; + font-size: 2rem; } .content h1.title a:hover, .content h1 a:hover, .content.thin h1.title a:hover, .content.thin h1 a:hover { - color: #ca7227; - text-decoration: none; + color: #ca7227; + text-decoration: none; } .content .author, .content.thin .author { - color: #6d655f; - font-size: 1.125rem; + color: #6d655f; + font-size: 1.125rem; } .content p, .content ul, .content.thin p, .content.thin ul { - font-size: 1.125rem; - line-height: 1.8rem; + font-size: 1.125rem; + line-height: 1.8rem; } .content .content hr, .content.thin .content hr { - margin: 30px 10px; - background: #e4d8cc; - height: 1px; - border: 0; - box-shadow: 0 2px 5px #ccc; + margin: 30px 10px; + background: #e4d8cc; + height: 1px; + border: 0; + box-shadow: 0 2px 5px #ccc; } .content pre, .content.thin pre { - margin: 10px auto; - padding: 10px 20px; - overflow: auto; - background: #221f1d; - color: #fff; - font-size: 0.9rem; - border-radius: 3px; + margin: 10px auto; + padding: 10px 20px; + overflow: auto; + background: #221f1d; + color: #fff; + font-size: 0.9rem; + border-radius: 3px; } .content pre code, .content.thin pre code { - background: transparent; - color: #fff; - border: none; + background: transparent; + color: #fff; + border: none; } .content code, .content.thin code { - padding: 2px 5px; - background: #fcfaf8; - border: 1px solid #f5f0ec; - border-radius: 3px; + padding: 2px 5px; + background: #fcfaf8; + border: 1px solid #f5f0ec; + border-radius: 3px; } .content blockquote, .content.thin blockquote { - margin: 0; - padding: 5px 20px; - background: #fcfaf8; - display: block; - color: #363330; - border-top: 1px solid #e4d8cc; - border-bottom: 1px solid #e4d8cc; + margin: 0; + padding: 5px 20px; + background: #fcfaf8; + display: block; + color: #363330; + border-top: 1px solid #e4d8cc; + border-bottom: 1px solid #e4d8cc; } .content blockquote p, .content.thin blockquote p { - margin: 0; + margin: 0; } /*=== Notification and actualize notification */ .notification { - padding: 1rem 0; - background: #e4d8cc; - width: 100%; - height: 3rem; - color: #766556; - font-size: 1em; - border: none; - position: fixed; - top: auto; - bottom: 0; - left: 0; - right: 0; - text-align: center; - line-height: 3em; - z-index: 10; - vertical-align: middle; + padding: 1rem 0; + background: #e4d8cc; + width: 100%; + height: 3rem; + color: #766556; + font-size: 1em; + border: none; + position: fixed; + top: auto; + bottom: 0; + left: 0; + right: 0; + text-align: center; + line-height: 3em; + z-index: 10; + vertical-align: middle; } .notification .msg { - display: inline-block; - font-size: 1rem; + display: inline-block; + font-size: 1rem; } .notification.good { - background: #10f5b2; - color: #fff; + background: #10f5b2; + color: #fff; } .notification.bad { - background: #f5633e; - color: #fff; + background: #f5633e; + color: #fff; } .notification a.close { - padding: 0 15px; - border-radius: 0 3px 3px 0; - line-height: 3em; + padding: 0 15px; + border-radius: 0 3px 3px 0; + line-height: 3em; } .notification.good a.close:hover { - background: #0c7556; + background: #0c7556; } .notification.bad a.close:hover { - background: #73341f; + background: #73341f; } .notification#actualizeProgress { - line-height: 2em; + line-height: 2em; } .notification#actualizeProgress br { - display: none; + display: none; } /*=== Navigation menu (for articles) */ #nav_entries { - margin: 0; - text-align: center; - line-height: 3em; - table-layout: fixed; - background: #fbf9f6; + margin: 0; + text-align: center; + line-height: 3em; + table-layout: fixed; + background: #fbf9f6; } /*=== Feed articles */ .flux { - background: #fff; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + background: #fff; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .flux:hover { - background: #fcfaf8; + background: #fcfaf8; } .flux:hover:not(.current):hover .item.title { - background: #fcfaf8; + background: #fcfaf8; } .flux.current { - background: #fff; - border-left-color: #ca7227; + background: #fff; + border-left-color: #ca7227; } .flux.not_read:not(.current) { - background: #f2f6f8; + background: #f2f6f8; } .flux.not_read:not(.current):hover .item.title { - background: #f2f6f8; + background: #f2f6f8; } .flux.not_read .item.title a { - color: #161a38; + color: #161a38; } .flux.not_read .item.website a { - color: #161a38; + color: #161a38; } .flux.not_read .item.date { - color: rgba(22, 26, 56, 0.5); + color: rgba(22, 26, 56, 0.5); } .flux.favorite { - border-left-color: #ffc300; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + border-left-color: #ffc300; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .flux.favorite:not(.current) { - background: #fff6da; + background: #fff6da; } .flux.favorite:not(.current):hover .item.title { - background: #fff6da; + background: #fff6da; } .flux .website a { - color: #363330; - opacity: 0.75; + color: #363330; + opacity: 0.75; } .flux .website .favicon { - padding: 5px; + padding: 5px; } .flux .item.date { - color: rgba(54, 51, 48, 0.5); - font-size: 0.85rem; + color: rgba(54, 51, 48, 0.5); + font-size: 0.85rem; } .flux .bottom { - font-size: 1rem; - text-align: center; + font-size: 1rem; + text-align: center; } .flux_header { - font-size: 1rem; - cursor: pointer; - border-top: 1px solid #f5f0ec; + font-size: 1rem; + cursor: pointer; + border-top: 1px solid #f5f0ec; } .flux_header .title { - font-size: 1rem; + font-size: 1rem; } /*=== GLOBAL VIEW */ /*================*/ #stream .box.category:not([data-unread="0"]) .box-title .title { - font-weight: bold; + font-weight: bold; } #stream .box.category .box-title { - padding: 1.5rem; - background: none; + padding: 1.5rem; + background: none; } #stream .box.category .box-title a.title { - color: #766556; - font-size: 1rem; - font-weight: normal; - text-decoration: none; - text-align: left; - text-transform: uppercase; - letter-spacing: 1px; + color: #766556; + font-size: 1rem; + font-weight: normal; + text-decoration: none; + text-align: left; + text-transform: uppercase; + letter-spacing: 1px; } #stream .box.category .box-title a.title:not([data-unread="0"])::after { - margin: -0.5rem 1rem 0 0; - padding: 0 0.75rem; - background: #f5f0ec; - border-radius: 12px; - position: absolute; - top: 1.75rem; - right: 0; - line-height: 1.5rem; - text-align: center; + margin: -0.5rem 1rem 0 0; + padding: 0 0.75rem; + background: #f5f0ec; + border-radius: 12px; + position: absolute; + top: 1.75rem; + right: 0; + line-height: 1.5rem; + text-align: center; } #stream .box.category .box-title a.title:hover { - color: #ca7227; + color: #ca7227; } #stream .box.category .box-content { - padding-bottom: 0.5rem; + padding-bottom: 0.5rem; } #stream .box.category .box-content .item.feed { - padding: 0.5rem 1.5rem; - font-size: 1rem; + padding: 0.5rem 1.5rem; + font-size: 1rem; } #stream .box.category .box-content .item.feed a { - color: #363330; - font-weight: 400; + color: #363330; + font-weight: 400; } #stream .box.category .box-content .item.feed a:hover { - color: #ca7227; - text-decoration: none; + color: #ca7227; + text-decoration: none; } #overlay { - background: rgba(0, 0, 0, 0.65); + background: rgba(0, 0, 0, 0.65); } #panel { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; - border-radius: 3px; + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; + border-radius: 3px; } /*=== READER VIEW */ /*================*/ #stream.reader .flux { - padding: 0 0 50px; - background: #f5f0ec; - color: #363330; - border: none; + padding: 0 0 50px; + background: #f5f0ec; + color: #363330; + border: none; } #stream.reader .flux .author { - margin: 0 0 10px; - color: #ba9; - font-size: 90%; + margin: 0 0 10px; + color: #ba9; + font-size: 90%; } /*=== Configuration pages */ .post { - padding: 1rem 2rem; - font-size: 1rem; + padding: 1rem 2rem; + font-size: 1rem; } .post form { - margin: 1rem 0; + margin: 1rem 0; } .post form .horizontal-list { - margin-bottom: 0.5rem; + margin-bottom: 0.5rem; } .post.content { - max-width: 550px; + max-width: 550px; } .post h1, .post h2 { - color: #363330; - font-size: 3rem; - margin-top: 1.75rem; - font-weight: 300; - line-height: 1.2em; + color: #363330; + font-size: 3rem; + margin-top: 1.75rem; + font-weight: 300; + line-height: 1.2em; } .post a[href="./"] { - margin: 0; - padding: 0.75rem 1.5rem; - background: #fcfaf8; - display: inline-block; - color: #766556; - font-size: 1rem; - border: 1px solid #e4d8cc; - border-radius: 5px; - min-width: 15px; - line-height: 25px; - vertical-align: middle; - cursor: pointer; - overflow: hidden; + margin: 0; + padding: 0.75rem 1.5rem; + background: #fcfaf8; + display: inline-block; + color: #766556; + font-size: 1rem; + border: 1px solid #e4d8cc; + border-radius: 5px; + min-width: 15px; + line-height: 25px; + vertical-align: middle; + cursor: pointer; + overflow: hidden; } .post a[href="./"]:hover { - background: #ca7227; - color: white; - border: 1px solid #ca7227; - text-decoration: none; + background: #ca7227; + color: white; + border: 1px solid #ca7227; + text-decoration: none; } #slider { - border-left: none; - box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); + border-left: none; + box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); } .slide-container .properties { - padding: 1rem; - background: rgba(0, 0, 0, 0.75); - color: white; - border: 0; + padding: 1rem; + background: rgba(0, 0, 0, 0.75); + color: white; + border: 0; } .slide-container .properties .page-number { - right: 1rem; - top: 1rem; + right: 1rem; + top: 1rem; } /*=== LOGS */ /*=========*/ .loglist { - overflow: hidden; - border: 1px solid #ba9; + overflow: hidden; + border: 1px solid #ba9; } .log { - margin: 10px 0; - padding: 5px 2%; - background: #fcfaf8; - color: #766556; - font-size: 0.8rem; - overflow: auto; + margin: 10px 0; + padding: 5px 2%; + background: #fcfaf8; + color: #766556; + font-size: 0.8rem; + overflow: auto; } .log > .date { - margin: 0 10px 0 0; - padding: 5px 10px; - border-radius: 20px; + margin: 0 10px 0 0; + padding: 5px 10px; + border-radius: 20px; } .log.error > .date { - background: #f5633e; - color: #fff; + background: #f5633e; + color: #fff; } .log.warning > .date { - background: #f4f762; + background: #f4f762; } .log.notice > .date { - background: #f5f0ec; + background: #f5f0ec; } .log.debug > .date { - background: #221f1d; - color: #fff; + background: #221f1d; + color: #fff; } /*=== STATISTICS */ /*===============*/ .stat { - margin: 10px 0 20px; + margin: 10px 0 20px; } .stat th, .stat td, .stat tr { - border: none; + border: none; } .stat > table td, .stat > table th { - border-bottom: 1px solid #e4d8cc; + border-bottom: 1px solid #e4d8cc; } .stat > .horizontal-list { - margin: 0 0 5px; + margin: 0 0 5px; } .stat > .horizontal-list .item { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .stat > .horizontal-list .item:first-child { - width: 270px; + width: 270px; } /*=== MOBILE */ /*===========*/ @media (max-width: 840px) { - ul.nav .item { - width: 100%; - } - ul.nav .item img { - display: none; - } - ul.nav .item a { - box-sizing: border-box; - padding: 1rem 1rem 1rem 2.5rem; - background: url("../../themes/icons/logout.svg") no-repeat #efe3d3 3% center; - display: inline-block; - width: 100%; - color: #363330; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - } - ul.nav .item a:hover, ul.nav .item a:active { - background: url("../../themes/icons/logout.svg") no-repeat #f5633e 3% center; - text-decoration: none; - color: #fff; - } - - .form-group .group-name { - text-align: left; - } - - .box .box-title .configure, + ul.nav .item { + width: 100%; + } + ul.nav .item img { + display: none; + } + ul.nav .item a { + box-sizing: border-box; + padding: 1rem 1rem 1rem 2.5rem; + background: url("../../themes/icons/logout.svg") no-repeat #efe3d3 3% center; + display: inline-block; + width: 100%; + color: #363330; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + } + ul.nav .item a:hover, ul.nav .item a:active { + background: url("../../themes/icons/logout.svg") no-repeat #f5633e 3% center; + text-decoration: none; + color: #fff; + } + + .form-group .group-name { + text-align: left; + } + + .box .box-title .configure, .box .box-content .item .configure { - visibility: visible; - } - - .aside { - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - } - .aside.aside_feed { - padding: 0; - } - .aside .tree .tree-folder .tree-folder-items .item a { - padding: 0.5rem 1rem; - } - - .aside .toggle_aside, + visibility: visible; + } + + .aside { + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + } + .aside.aside_feed { + padding: 0; + } + .aside .tree .tree-folder .tree-folder-items .item a { + padding: 0.5rem 1rem; + } + + .aside .toggle_aside, #panel .close, #close-slider.active { - background: #b7641d; - display: block; - width: 100%; - height: 50px; - line-height: 50px; - text-align: center; - } - - .header { - padding: 0.5rem; - } - .header .item.title { - display: none; - } - .header .item.search { - display: block; - } - .header .item.search .stick { - display: flex; - } - .header .item.search input { - width: 90%; - height: 3.5rem; - } - .header .item.search input:focus { - width: 100%; - } - .header .item.search .btn { - min-height: 49px; - padding: 0.5rem 2rem; - } - .header .item.configure { - display: none; - } - - .post { - padding-left: 1rem; - padding-right: 1rem; - } - - .nav_menu .btn { - margin: 0; - padding: 0.85rem 1.25rem; - } - .nav_menu .stick { - margin: 0.5rem 0.5rem; - } - .nav_menu .stick .btn { - margin: 0; - padding: 0.85rem 1.25rem; - } - .nav_menu .stick .btn.read_all { - padding: 0.85rem 1.25rem; - } - .nav_menu .search { - display: none; - max-width: 97%; - } - .nav_menu .search .input { - max-width: 97%; - width: 90px; - } - .nav_menu .search .input:focus { - width: 400px; - } - - #stream .flux .flux_header { - padding: 0.5rem 0; - } - - .day { - text-align: center; - padding: 1rem 0; - } - .day .name { - padding: 0; - display: block; - width: 100%; - line-height: 1.5rem; - margin-bottom: 1rem; - } - - .pagination { - margin: 0 0 3.5em; - } - - #nav_entries { - line-height: 4.5rem; - } - - .notification { - border-radius: 0; - } - .notification a.close { - background: transparent; - display: block; - left: 0; - } - .notification a.close:hover { - opacity: 0.5; - } - .notification a.close .icon { - display: none; - } + background: #b7641d; + display: block; + width: 100%; + height: 50px; + line-height: 50px; + text-align: center; + } + + .header { + padding: 0.5rem; + } + .header .item.title { + display: none; + } + .header .item.search { + display: block; + } + .header .item.search .stick { + display: flex; + } + .header .item.search input { + width: 90%; + height: 3.5rem; + } + .header .item.search input:focus { + width: 100%; + } + .header .item.search .btn { + min-height: 49px; + padding: 0.5rem 2rem; + } + .header .item.configure { + display: none; + } + + .post { + padding-left: 1rem; + padding-right: 1rem; + } + + .nav_menu .btn { + margin: 0; + padding: 0.85rem 1.25rem; + } + .nav_menu .stick { + margin: 0.5rem 0.5rem; + } + .nav_menu .stick .btn { + margin: 0; + padding: 0.85rem 1.25rem; + } + .nav_menu .stick .btn.read_all { + padding: 0.85rem 1.25rem; + } + .nav_menu .search { + display: none; + max-width: 97%; + } + .nav_menu .search .input { + max-width: 97%; + width: 90px; + } + .nav_menu .search .input:focus { + width: 400px; + } + + #stream .flux .flux_header { + padding: 0.5rem 0; + } + + .day { + text-align: center; + padding: 1rem 0; + } + .day .name { + padding: 0; + display: block; + width: 100%; + line-height: 1.5rem; + margin-bottom: 1rem; + } + + .pagination { + margin: 0 0 3.5em; + } + + #nav_entries { + line-height: 4.5rem; + } + + .notification { + border-radius: 0; + } + .notification a.close { + background: transparent; + display: block; + left: 0; + } + .notification a.close:hover { + opacity: 0.5; + } + .notification a.close .icon { + display: none; + } } /*=== GENERAL */ /*============*/ html, body { - background: #f5f0ec; - height: 100%; - font-family: "lato", "Helvetica", "Arial", sans-serif; - font-size: 0.875rem; + background: #f5f0ec; + height: 100%; + font-family: "lato", "Helvetica", "Arial", sans-serif; + font-size: 0.875rem; } /*=== Links */ a, button.as-link { - outline: none; - color: #ca7227; + outline: none; + color: #ca7227; } /*# sourceMappingURL=ansum.css.map */ diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index 8d1a9c96d..bd71669c0 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -1,216 +1,216 @@ @font-face { - font-family: "lato"; - font-style: normal; - font-stretch: normal; - font-weight: 400; - src: local("Lato"), url("../fonts/LatoLatin-Regular.woff") format("woff"); + font-family: "lato"; + font-style: normal; + font-stretch: normal; + font-weight: 400; + src: local("Lato"), url("../fonts/LatoLatin-Regular.woff") format("woff"); } @font-face { - font-family: "lato"; - font-style: italic; - font-stretch: normal; - font-weight: 400; - src: local("Lato"), url("../fonts/LatoLatin-Italic.woff") format("woff"); + font-family: "lato"; + font-style: italic; + font-stretch: normal; + font-weight: 400; + src: local("Lato"), url("../fonts/LatoLatin-Italic.woff") format("woff"); } @font-face { - font-family: "lato"; - font-style: normal; - font-stretch: normal; - font-weight: 700; - src: local("Lato"), url("../fonts/LatoLatin-Bold.woff") format("woff"); + font-family: "lato"; + font-style: normal; + font-stretch: normal; + font-weight: 700; + src: local("Lato"), url("../fonts/LatoLatin-Bold.woff") format("woff"); } @font-face { - font-family: "lato"; - font-style: italic; - font-stretch: normal; - font-weight: 700; - src: local("Lato"), url("../fonts/LatoLatin-BoldItalic.woff") format("woff"); + font-family: "lato"; + font-style: italic; + font-stretch: normal; + font-weight: 700; + src: local("Lato"), url("../fonts/LatoLatin-BoldItalic.woff") format("woff"); } @font-face { - font-family: "spectral"; - font-style: normal; - font-stretch: normal; - font-weight: 400; - src: local("Spectral"), url("../fonts/Spectral-Regular.woff") format("woff"); + font-family: "spectral"; + font-style: normal; + font-stretch: normal; + font-weight: 400; + src: local("Spectral"), url("../fonts/Spectral-Regular.woff") format("woff"); } @font-face { - font-family: "spectral"; - font-style: italic; - font-stretch: normal; - font-weight: 400; - src: local("Spectral"), url("../fonts/Spectral-Italic.woff") format("woff"); + font-family: "spectral"; + font-style: italic; + font-stretch: normal; + font-weight: 400; + src: local("Spectral"), url("../fonts/Spectral-Italic.woff") format("woff"); } @font-face { - font-family: "spectral"; - font-style: normal; - font-stretch: normal; - font-weight: 700; - src: local("Spectral"), url("../fonts/Spectral-Bold.woff") format("woff"); + font-family: "spectral"; + font-style: normal; + font-stretch: normal; + font-weight: 700; + src: local("Spectral"), url("../fonts/Spectral-Bold.woff") format("woff"); } @font-face { - font-family: "spectral"; - font-style: italic; - font-stretch: normal; - font-weight: 700; - src: local("Spectral"), url("../fonts/Spectral-BoldItalic.woff") format("woff"); + font-family: "spectral"; + font-style: italic; + font-stretch: normal; + font-weight: 700; + src: local("Spectral"), url("../fonts/Spectral-BoldItalic.woff") format("woff"); } /* stylelint-disable property-no-vendor-prefix */ /* FUNCTIONS */ /* btns */ .btn { - margin: 0; - padding: 0.5rem 1.5rem; - background: #fcfaf8; - display: inline-block; - color: #766556; - font-size: 1rem; - border: none; - border-radius: 5px; - min-height: 38px; - min-width: 15px; - line-height: 25px; - vertical-align: middle; - cursor: pointer; - overflow: hidden; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + margin: 0; + padding: 0.5rem 1.5rem; + background: #fcfaf8; + display: inline-block; + color: #766556; + font-size: 1rem; + border: none; + border-radius: 5px; + min-height: 38px; + min-width: 15px; + line-height: 25px; + vertical-align: middle; + cursor: pointer; + overflow: hidden; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .btn.btn-important { - background: #ca7227; - color: #fff; + background: #ca7227; + color: #fff; } .btn.btn-important:hover, .btn.btn-important:active { - background: #b7641d; + background: #b7641d; } .btn.btn-attention { - background: #f5633e; - color: #fff; + background: #f5633e; + color: #fff; } .btn.btn-attention:hover, .btn.btn-attention:active { - background: #73341f; + background: #73341f; } .btn:hover { - text-decoration: none; + text-decoration: none; } a.btn { - min-height: 25px; - line-height: 25px; + min-height: 25px; + line-height: 25px; } /*=== Forms */ legend { - margin: 2rem 0 1rem 0; - padding: 0; - display: inline-block; - width: auto; - font-size: 1rem; - clear: both; - text-transform: uppercase; - letter-spacing: 1px; - font-weight: 700; + margin: 2rem 0 1rem 0; + padding: 0; + display: inline-block; + width: auto; + font-size: 1rem; + clear: both; + text-transform: uppercase; + letter-spacing: 1px; + font-weight: 700; } label { - min-height: 25px; - padding: 5px 0; - cursor: pointer; - color: #766556; + min-height: 25px; + padding: 5px 0; + cursor: pointer; + color: #766556; } textarea { - width: 360px; - max-width: 100%; - height: 100px; + width: 360px; + max-width: 100%; + height: 100px; } input, select, textarea, button { - padding: 5px 10px; - background: #fff; - color: #766556; - font-family: "lato", "Helvetica", "Arial", sans-serif; - font-size: 1rem; - border: 1px solid #f5f0ec; - border-radius: 2px; - min-height: 25px; - line-height: 25px; - vertical-align: middle; + padding: 5px 10px; + background: #fff; + color: #766556; + font-family: "lato", "Helvetica", "Arial", sans-serif; + font-size: 1rem; + border: 1px solid #f5f0ec; + border-radius: 2px; + min-height: 25px; + line-height: 25px; + vertical-align: middle; } option { - padding: 0 0.5em; + padding: 0 0.5em; } input:focus, select:focus, textarea:focus { - color: #363330; - border-color: #ca7227; + color: #363330; + border-color: #ca7227; } input:invalid, select:invalid { - color: #f5633e; - border-color: #f5633e; - box-shadow: none; + color: #f5633e; + border-color: #f5633e; + box-shadow: none; } input:disabled, select:disabled { - background: #f5f0ec; + background: #f5f0ec; } input.extend { - transition: width 200ms linear; + transition: width 200ms linear; } .form-group { - padding: 5px; - border-radius: 3px; + padding: 5px; + border-radius: 3px; } .form-group::after { - content: ""; - display: block; - clear: both; + content: ""; + display: block; + clear: both; } .form-group .group-name { - padding: 10px 0; - text-align: left; + padding: 10px 0; + text-align: left; } .form-group .group-controls { - min-height: 25px; - padding: 5px 0; + min-height: 25px; + padding: 5px 0; } .form-group .group-controls .control { - line-height: 2em; + line-height: 2em; } .form-group table { - margin: 10px 220px 0 0; + margin: 10px 220px 0 0; } .form-group.form-actions { - margin: 15px 0 25px; - padding: 5px 0; + margin: 15px 0 25px; + padding: 5px 0; } .form-group.form-actions .btn { - margin: 0 0 0 0.5rem; + margin: 0 0 0 0.5rem; } /*=== Tables */ table { - border-collapse: collapse; + border-collapse: collapse; } tr, th, td { - padding: 0.5em; - border: 1px solid #e4d8cc; + padding: 0.5em; + border: 1px solid #e4d8cc; } th { - background: #fcfaf8; + background: #fcfaf8; } form td, form th { - font-weight: normal; - text-align: center; + font-weight: normal; + text-align: center; } /*=== COMPONENTS */ @@ -218,422 +218,422 @@ form th { /*=== Forms */ /*=== Horizontal-list */ .horizontal-list { - margin: 0; - padding: 0.1rem 0; + margin: 0; + padding: 0.1rem 0; } .horizontal-list .item { - vertical-align: middle; + vertical-align: middle; } .horizontal-list .item:first-child { - padding-right: 0.5rem; + padding-right: 0.5rem; } /*=== Dropdown */ .dropdown-menu { - margin: 0; - padding: 0.5rem 0 1rem 0; - background: #fcfaf8; - font-size: 1rem; - border: none; - border-radius: 3px; - box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); - text-align: right; + margin: 0; + padding: 0.5rem 0 1rem 0; + background: #fcfaf8; + font-size: 1rem; + border: none; + border-radius: 3px; + box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); + text-align: right; } .dropdown-menu::after { - background: white; - width: 10px; - height: 10px; - content: ""; - position: absolute; - top: -4px; - left: 13px; - z-index: -10; - transform: rotate(-45deg); + background: white; + width: 10px; + height: 10px; + content: ""; + position: absolute; + top: -4px; + left: 13px; + z-index: -10; + transform: rotate(-45deg); } .dropdown-menu .dropdown-header { - margin: 1.75rem 2rem 0.5rem 0; - font-weight: bold; - text-align: right; - color: #766556; - text-transform: uppercase; - letter-spacing: 1px; + margin: 1.75rem 2rem 0.5rem 0; + font-weight: bold; + text-align: right; + color: #766556; + text-transform: uppercase; + letter-spacing: 1px; } .dropdown-menu .item { - -webkit-transition: all 0.075s ease-in-out; - -moz-transition: all 0.075s ease-in-out; - -o-transition: all 0.075s ease-in-out; - transition: all 0.075s ease-in-out; + -webkit-transition: all 0.075s ease-in-out; + -moz-transition: all 0.075s ease-in-out; + -o-transition: all 0.075s ease-in-out; + transition: all 0.075s ease-in-out; } .dropdown-menu .item a, .dropdown-menu .item span, .dropdown-menu .item .as-link { - padding: 0 2rem; - color: #363330; - font-size: 1rem; - line-height: 2.5em; + padding: 0 2rem; + color: #363330; + font-size: 1rem; + line-height: 2.5em; } .dropdown-menu .item:hover { - background: #ca7227; - color: #fff; + background: #ca7227; + color: #fff; } .dropdown-menu .item:hover a, .dropdown-menu .item:hover button { - text-decoration: none; - color: #fff; + text-decoration: none; + color: #fff; } .dropdown-menu .item[aria-checked=true] a::before { - margin: 0 -14px 0 0; - font-weight: bold; + margin: 0 -14px 0 0; + font-weight: bold; } .dropdown-menu .input select, .dropdown-menu .input input { - margin: 0 auto 5px; - padding: 2px 5px; - border-radius: 3px; + margin: 0 auto 5px; + padding: 2px 5px; + border-radius: 3px; } .dropdown-menu .separator { - margin: 0.75rem 0; - border-bottom: 1px solid #f5f0ec; + margin: 0.75rem 0; + border-bottom: 1px solid #f5f0ec; } .tree .tree-folder .tree-folder-items .dropdown-menu .item { - padding: 0; + padding: 0; } .tree .tree-folder .tree-folder-items .dropdown-menu .item a, .tree .tree-folder .tree-folder-items .dropdown-menu .item button { - color: #363330; + color: #363330; } .tree .tree-folder .tree-folder-items .dropdown-menu .item a:hover, .tree .tree-folder .tree-folder-items .dropdown-menu .item button:hover { - color: #fff; + color: #fff; } .tree .tree-folder .tree-folder-items .dropdown-menu .item:hover { - background: #ca7227; + background: #ca7227; } /*=== Alerts */ .alert { - margin: 1rem 0; - padding: 1rem; - background: #fcfaf8; - color: #766556; - font-size: 1rem; - border: 1px solid #d9ccbf; - border-radius: 3px; - text-shadow: 0 0 1px #f5f0ec; + margin: 1rem 0; + padding: 1rem; + background: #fcfaf8; + color: #766556; + font-size: 1rem; + border: 1px solid #d9ccbf; + border-radius: 3px; + text-shadow: 0 0 1px #f5f0ec; } .alert-head { - font-size: 1.15em; + font-size: 1.15em; } .alert > a { - text-decoration: underline; - color: inherit; + text-decoration: underline; + color: inherit; } .alert-warn { - background: #fdfde0; - color: #73762f; - border: 1px solid #73762f33; + background: #fdfde0; + color: #73762f; + border: 1px solid #73762f33; } .alert-success { - background: #cffdef; - color: #0c7556; - border: 1px solid #0c755633; + background: #cffdef; + color: #0c7556; + border: 1px solid #0c755633; } .alert-error { - background: #fde0d8; - color: #73341f; - border: 1px solid #73341f33; + background: #fde0d8; + color: #73341f; + border: 1px solid #73341f33; } /*=== Pagination */ .pagination { - background: #f5f0ec; - color: #363330; - font-size: 0.8em; - text-align: center; + background: #f5f0ec; + color: #363330; + font-size: 0.8em; + text-align: center; } .pagination .item.pager-current { - background: #fbf9f6; - color: #f5f0ec; - font-size: 1.5em; - font-weight: bold; + background: #fbf9f6; + color: #f5f0ec; + font-size: 1.5em; + font-weight: bold; } .pagination .item a { - display: block; - color: #363330; - font-style: italic; - line-height: 3em; - text-decoration: none; + display: block; + color: #363330; + font-style: italic; + line-height: 3em; + text-decoration: none; } .pagination .item a:hover { - background: #363330; - color: #f5f0ec; + background: #363330; + color: #f5f0ec; } .pagination .loading, .pagination a:hover.loading { - background: url("loader.gif") center center no-repeat #34495e; - font-size: 0; + background: url("loader.gif") center center no-repeat #34495e; + font-size: 0; } .content .pagination { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } /*=== Boxes */ .box { - background: #fff; - border: none; - border-radius: 3px; - box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); + background: #fff; + border: none; + border-radius: 3px; + box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); } .box .box-title { - margin: 0; - padding: 0.5rem 0.75rem; - background: #f5f0ec; - color: #363330; - border-radius: 2px 2px 0 0; + margin: 0; + padding: 0.5rem 0.75rem; + background: #f5f0ec; + color: #363330; + border-radius: 2px 2px 0 0; } .box .box-title img { - margin-left: 0.75rem; + margin-left: 0.75rem; } .box .box-title:hover .configure { - background: url("icons/cog.svg") no-repeat 4px 4px; - display: block; - float: right; - width: 1.75rem; - height: 1.75rem; - border-radius: 2px; - visibility: visible; - margin-left: 0.5rem; + background: url("icons/cog.svg") no-repeat 4px 4px; + display: block; + float: right; + width: 1.75rem; + height: 1.75rem; + border-radius: 2px; + visibility: visible; + margin-left: 0.5rem; } .box .box-title:hover .configure .icon { - display: none; - border-radius: 3px; - vertical-align: middle; + display: none; + border-radius: 3px; + vertical-align: middle; } .box .box-title:hover .configure:hover { - background: url("icons/cog-white.svg") no-repeat 4px 4px #ca7227; + background: url("icons/cog-white.svg") no-repeat 4px 4px #ca7227; } .box .box-title .configure { - visibility: hidden; + visibility: hidden; } .box .box-title form input { - width: 85%; + width: 85%; } .box .box-title form .dropdown { - float: left; + float: left; } .box .box-title form .dropdown a.dropdown-toggle { - padding: 0; - border-radius: 0; - background-image: url(icons/more.svg); - background-repeat: no-repeat; - background-position: left 8px; + padding: 0; + border-radius: 0; + background-image: url(icons/more.svg); + background-repeat: no-repeat; + background-position: left 8px; } .box .box-title form .dropdown a.dropdown-toggle img { - display: none; + display: none; } .box .box-content .item { - padding: 0.5rem 0.75rem; - color: #363330; - font-size: 1rem; - border-bottom: 1px solid #f5f0ec; - line-height: 1.7em; + padding: 0.5rem 0.75rem; + color: #363330; + font-size: 1rem; + border-bottom: 1px solid #f5f0ec; + line-height: 1.7em; } .box .box-content .item img { - margin-left: 0.75rem; + margin-left: 0.75rem; } .box .box-content .item .configure { - background: url("icons/cog.svg") no-repeat 4px 4px; - display: block; - float: right; - width: 1.75rem; - height: 1.75rem; - border-radius: 2px; - visibility: hidden; - margin-left: 0.5rem; + background: url("icons/cog.svg") no-repeat 4px 4px; + display: block; + float: right; + width: 1.75rem; + height: 1.75rem; + border-radius: 2px; + visibility: hidden; + margin-left: 0.5rem; } .box .box-content .item .configure .icon { - display: none; - border-radius: 3px; - vertical-align: middle; + display: none; + border-radius: 3px; + vertical-align: middle; } .box .box-content .item .configure:hover { - background: url("icons/cog-white.svg") no-repeat 4px 4px #ca7227; + background: url("icons/cog-white.svg") no-repeat 4px 4px #ca7227; } .box .box-content .item:hover .configure { - visibility: visible; + visibility: visible; } .box .box-content .item:last-child { - border-bottom: none; + border-bottom: none; } /*=== "Load more" part */ #bigMarkAsRead { - text-align: center; - text-decoration: none; - background: #fdf6ef; - color: #ca7227; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + text-align: center; + text-decoration: none; + background: #fdf6ef; + color: #ca7227; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } #bigMarkAsRead:hover { - background: #ca7227; - color: #fff; + background: #ca7227; + color: #fff; } #bigMarkAsRead:hover .bigTick { - background: url(icons/tick-white.svg) center no-repeat; + background: url(icons/tick-white.svg) center no-repeat; } #bigMarkAsRead .bigTick { - margin: 0.5rem 0; - background: url(icons/tick-color.svg) center no-repeat; - display: inline-block; - width: 64px; - height: 64px; - text-indent: -9999px; - white-space: nowrap; + margin: 0.5rem 0; + background: url(icons/tick-color.svg) center no-repeat; + display: inline-block; + width: 64px; + height: 64px; + text-indent: -9999px; + white-space: nowrap; } .formLogin { - background: #fbf9f6; + background: #fbf9f6; } .formLogin .header .configure { - padding-left: 1rem; + padding-left: 1rem; } .formLogin .header .configure img { - margin-left: 0.5rem; + margin-left: 0.5rem; } .formLogin .header .configure a.signin { - color: #fff; + color: #fff; } .formLogin h1 { - color: #fff; + color: #fff; } .formLogin form#crypto-form div { - margin-bottom: 1rem; + margin-bottom: 1rem; } .formLogin form#crypto-form div label { - color: #d9ccbf; - font-size: 1rem; + color: #d9ccbf; + font-size: 1rem; } .formLogin form#crypto-form div input { - background: #221f1d; + background: #221f1d; } .formLogin form#crypto-form div input:focus { - background: #fcfaf8; - color: #363330; + background: #fcfaf8; + color: #363330; } /*=== DIVERS */ /*===========*/ .aside.aside_feed .nav-form input, .aside.aside_feed .nav-form select { - width: 140px; + width: 140px; } .aside.aside_feed .nav-form .dropdown .dropdown-menu { - left: -20px; + left: -20px; } .aside.aside_feed .nav-form .dropdown .dropdown-menu::after { - left: 33px; + left: 33px; } /*=== Tree */ .tree { - margin: 10px 0; + margin: 10px 0; } .tree#sidebar { - scrollbar-color: rgba(255, 255, 0, 0.1) rgba(0, 0, 0, 0.05); - scrollbar-color: #36333033 #36333022; + scrollbar-color: rgba(255, 255, 0, 0.1) rgba(0, 0, 0, 0.05); + scrollbar-color: #36333033 #36333022; } .tree .tree-folder { - border-bottom: 1px solid #f0e7da; - box-shadow: inset 1px -11px 8px #0003; + border-bottom: 1px solid #f0e7da; + box-shadow: inset 1px -11px 8px #0003; } .tree .tree-folder .tree-folder-title { - padding: 12px 16px; - background: #fbf9f6; - position: relative; - font-size: 0.85rem; - letter-spacing: 1px; - font-weight: 700; - text-transform: uppercase; + padding: 12px 16px; + background: #fbf9f6; + position: relative; + font-size: 0.85rem; + letter-spacing: 1px; + font-weight: 700; + text-transform: uppercase; } .tree .tree-folder .tree-folder-title .title { - background: inherit; - color: #363330; + background: inherit; + color: #363330; } .tree .tree-folder .tree-folder-title .title:hover { - text-decoration: none; + text-decoration: none; } .tree .tree-folder.active .tree-folder-title { - background: #fbf9f6; - font-weight: bold; + background: #fbf9f6; + font-weight: bold; } .tree .tree-folder .tree-folder-items { - background: #f7f2ea; + background: #f7f2ea; } .tree .tree-folder .tree-folder-items .item { - padding: 0 1rem; - line-height: 2.5rem; - font-size: 1rem; - font-weight: 400; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + padding: 0 1rem; + line-height: 2.5rem; + font-size: 1rem; + font-weight: 400; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .tree .tree-folder .tree-folder-items .item.active { - background: #ca7227; + background: #ca7227; } .tree .tree-folder .tree-folder-items .item.active .dropdown li a { - color: #363330; + color: #363330; } .tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover { - color: #363330; + color: #363330; } .tree .tree-folder .tree-folder-items .item.active a { - color: #fff; + color: #fff; } .tree .tree-folder .tree-folder-items .item:hover { - background: #efe3d3; + background: #efe3d3; } .tree .tree-folder .tree-folder-items .item a { - text-decoration: none; - color: #363330; + text-decoration: none; + color: #363330; } .tree .tree-folder .tree-folder-items .feed .item-title:not([data-unread="0"])::before { - margin: 11px 4px 0 6px; - padding: 3px 4px; - background: rgba(35, 35, 0, 0.15); - display: block; - float: right; - font-size: 0.75rem; - border-radius: 12px; - content: attr(data-unread); - text-align: center; - line-height: 0.75rem; + margin: 11px 4px 0 6px; + padding: 3px 4px; + background: rgba(35, 35, 0, 0.15); + display: block; + float: right; + font-size: 0.75rem; + border-radius: 12px; + content: attr(data-unread); + text-align: center; + line-height: 0.75rem; } /*=== Buttons */ .stick { - vertical-align: middle; - font-size: 0; + vertical-align: middle; + font-size: 0; } .stick input, .stick .btn { - border-radius: 0; + border-radius: 0; } .stick .btn:first-child, .stick input:first-child { - border-radius: 0 5px 5px 0; + border-radius: 0 5px 5px 0; } .stick .btn:last-child, .stick input:last-child, .stick .btn + .dropdown > .btn { - border-radius: 5px 0 0 5px; + border-radius: 5px 0 0 5px; } .stick .btn + .btn, .stick .btn + input, @@ -644,980 +644,980 @@ form th { .stick .dropdown + .btn, .stick .dropdown + input, .stick .dropdown + .dropdown > .btn { - border-right: 1px solid #e4d8cc; + border-right: 1px solid #e4d8cc; } .aside { - background: #fbf9f6; + background: #fbf9f6; } .aside.aside_feed { - padding: 10px 0; - text-align: center; - background: #fbf9f6; - border-left: 1px solid #f0e7da; + padding: 10px 0; + text-align: center; + background: #fbf9f6; + border-left: 1px solid #f0e7da; } .aside.aside_feed .tree { - margin: 10px 0 50px; + margin: 10px 0 50px; } /* Sidebar des pages de configuration */ /*=== Navigation */ .nav-list .nav-header, .nav-list .item { - height: 2.5em; - line-height: 2.5em; - font-size: 1rem; + height: 2.5em; + line-height: 2.5em; + font-size: 1rem; } .nav-list .item { - background: #fbf9f6; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + background: #fbf9f6; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .nav-list .item a { - padding: 0 1rem; - color: #363330; + padding: 0 1rem; + color: #363330; } .nav-list .item .error a { - color: #f5633e; + color: #f5633e; } .nav-list .item:hover { - background: #efe3d3; - color: #363330; + background: #efe3d3; + color: #363330; } .nav-list .item:hover .error a { - background: #ca7227; - color: #363330; + background: #ca7227; + color: #363330; } .nav-list .item:hover .empty a { - background: #f4f762; - color: #363330; + background: #f4f762; + color: #363330; } .nav-list .item:hover a { - color: #363330; - text-decoration: none; + color: #363330; + text-decoration: none; } .nav-list .item.active { - background: #ca7227; - color: #fff; + background: #ca7227; + color: #fff; } .nav-list .item.active .error a { - background: #ca7227; - color: #fff; + background: #ca7227; + color: #fff; } .nav-list .item.active .empty a { - background: #f4f762; - color: #fff; + background: #f4f762; + color: #fff; } .nav-list .item.active a { - color: #fff; - text-decoration: none; + color: #fff; + text-decoration: none; } .nav-list.empty a { - color: #f4f762; + color: #f4f762; } .nav-list .disable { - text-align: center; - background: #fcfaf8; - color: #ba9; + text-align: center; + background: #fcfaf8; + color: #ba9; } .nav-list .nav-header { - padding: 0 10px; - font-weight: bold; - color: #766556; - text-transform: uppercase; - letter-spacing: 1px; - margin-top: 1rem; + padding: 0 10px; + font-weight: bold; + color: #766556; + text-transform: uppercase; + letter-spacing: 1px; + margin-top: 1rem; } .nav-list .nav-form { - padding: 3px; - text-align: center; + padding: 3px; + text-align: center; } .nav-list .nav-head { - margin: 0; - text-align: left; - color: #fff; + margin: 0; + text-align: left; + color: #fff; } .nav-list .nav-head a { - color: #fff; + color: #fff; } .nav-list .nav-head .item { - padding: 5px 10px; - font-size: 0.9rem; - line-height: 1.5rem; + padding: 5px 10px; + font-size: 0.9rem; + line-height: 1.5rem; } /*=== Aside main page (categories) */ .aside_feed .tree-folder-title > .title:not([data-unread="0"])::after { - margin: -0.5rem 0 0 1rem; - padding: 0 0.75rem; - background: rgba(35, 35, 0, 0.15); - border-radius: 12px; - position: absolute; - left: 0; - line-height: 1.5rem; - text-align: center; + margin: -0.5rem 0 0 1rem; + padding: 0 0.75rem; + background: rgba(35, 35, 0, 0.15); + border-radius: 12px; + position: absolute; + left: 0; + line-height: 1.5rem; + text-align: center; } .feed.item.empty.active { - background: #766556; + background: #766556; } .feed.item.error.active { - background: #766556; + background: #766556; } .feed.item.empty, .feed.item.empty > a { - color: #766556; + color: #766556; } .feed.item.error, .feed.item.error > a { - color: #766556; + color: #766556; } .feed.item.empty.active, .feed.item.error.active, .feed.item.empty.active > a, .feed.item.error.active > a { - color: #fff; + color: #fff; } .aside_feed .tree-folder-items .dropdown-menu::after { - right: 2px; + right: 2px; } .aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon, .aside_feed .tree-folder-items .item:hover .dropdown-toggle > .icon, .aside_feed .tree-folder-items .item.active .dropdown-toggle > .icon { - border-radius: 3px; + border-radius: 3px; } .aside_feed .stick #btn-add { - border-right-color: #fbf9f6; + border-right-color: #fbf9f6; } /*=== STRUCTURE */ /*===============*/ /*=== Header */ .header { - padding: 0.5rem 1.35rem; - background: #fbf9f6; - display: block; - width: auto; - table-layout: none; + padding: 0.5rem 1.35rem; + background: #fbf9f6; + display: block; + width: auto; + table-layout: none; } .header .item { - vertical-align: middle; + vertical-align: middle; } .header .item.title { - width: 280px; - font-weight: 400; + width: 280px; + font-weight: 400; } .header .item.title h1 a { - text-decoration: none; - color: #363330; - font-size: 1rem; - text-transform: uppercase; - letter-spacing: 1px; + text-decoration: none; + color: #363330; + font-size: 1rem; + text-transform: uppercase; + letter-spacing: 1px; } .header .item.title h1 a img { - margin-left: 0.5rem; + margin-left: 0.5rem; } .header .item.search input { - width: 230px; - color: #363330; - border: none; - border-radius: 0 2px 2px 0; - background-color: #f7f2ea; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + width: 230px; + color: #363330; + border: none; + border-radius: 0 2px 2px 0; + background-color: #f7f2ea; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .header .item.search input:hover { - background-color: #efe3d3; + background-color: #efe3d3; } .header .item.search input:focus { - width: 350px; - color: #766556; - background-color: #fff; + width: 350px; + color: #766556; + background-color: #fff; } .header .item.search .btn { - width: 3rem; - border-radius: 2px 0 0 2px; - background-color: #ca7227; - background-position: center; - background-repeat: no-repeat; - background-image: url(icons/magnifier.svg); - border-right-width: 0; - min-height: 35px; + width: 3rem; + border-radius: 2px 0 0 2px; + background-color: #ca7227; + background-position: center; + background-repeat: no-repeat; + background-image: url(icons/magnifier.svg); + border-right-width: 0; + min-height: 35px; } .header .item.search .btn img { - display: none; + display: none; } .header .item.search .btn:hover { - background-color: #b7641d; + background-color: #b7641d; } .header .item.configure { - width: 2rem; - position: absolute; - left: 1rem; - top: 1.25rem; - text-align: center; + width: 2rem; + position: absolute; + left: 1rem; + top: 1.25rem; + text-align: center; } .header .item.configure .btn { - padding: 0 0.5rem; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-image: url(icons/cog.svg); + padding: 0 0.5rem; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-image: url(icons/cog.svg); } .header .item.configure .btn img { - display: none; + display: none; } /*=== Body */ #global { - height: calc(100% - 85px); + height: calc(100% - 85px); } /*=== Prompt (centered) */ .prompt { - text-align: center; + text-align: center; } .prompt label { - text-align: right; + text-align: right; } .prompt form { - margin: 10px auto 20px auto; - width: 200px; + margin: 10px auto 20px auto; + width: 200px; } .prompt input { - margin: 5px auto; - width: 100%; + margin: 5px auto; + width: 100%; } .prompt p { - margin: 20px 0; + margin: 20px 0; } /*=== New article notification */ #new-article { - background: #ca7227; - font-size: 1rem; - text-align: center; + background: #ca7227; + font-size: 1rem; + text-align: center; } #new-article:hover { - background: #b7641d; + background: #b7641d; } #new-article > a { - line-height: 3em; - font-weight: bold; - color: #fff; + line-height: 3em; + font-weight: bold; + color: #fff; } #new-article > a:hover { - text-decoration: none; + text-decoration: none; } /*=== Day indication */ .day { - padding: 1rem 1.25rem 0 0; - color: #6d655f; - font-size: 0.875rem; - font-weight: 700; - line-height: 3em; - letter-spacing: 1px; - text-transform: uppercase; + padding: 1rem 1.25rem 0 0; + color: #6d655f; + font-size: 0.875rem; + font-weight: 700; + line-height: 3em; + letter-spacing: 1px; + text-transform: uppercase; } .day .name { - padding: 0 1rem 0 1rem; - color: #363330; - font-size: 0.875rem; - position: relative; - right: 0; - text-transform: uppercase; + padding: 0 1rem 0 1rem; + color: #363330; + font-size: 0.875rem; + position: relative; + right: 0; + text-transform: uppercase; } /*=== Index menu */ .nav_menu { - text-align: center; - padding: 5px 0; + text-align: center; + padding: 5px 0; } .nav_menu .btn { - border-right-width: 0; - padding: 0.5rem 1rem; - background-color: #fcfaf8; - background-position: center; - background-repeat: no-repeat; + border-right-width: 0; + padding: 0.5rem 1rem; + background-color: #fcfaf8; + background-position: center; + background-repeat: no-repeat; } .nav_menu .btn:hover { - background-color: #f5f0ec; + background-color: #f5f0ec; } .nav_menu .stick { - background: #fcfaf8; + background: #fcfaf8; } .nav_menu .stick .btn { - border-right-width: 0; - padding: 0.5rem 1rem; - background-color: #fcfaf8; - background-position: center; - background-repeat: no-repeat; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + border-right-width: 0; + padding: 0.5rem 1rem; + background-color: #fcfaf8; + background-position: center; + background-repeat: no-repeat; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .nav_menu .stick .btn:hover { - background-color: #e4d8cc; + background-color: #e4d8cc; } .nav_menu .stick .btn.active { - background-color: #ca7227; + background-color: #ca7227; } .nav_menu .stick .btn img.icon { - display: none; + display: none; } .nav_menu .stick .btn#toggle-read { - background-image: url(icons/read.svg); + background-image: url(icons/read.svg); } .nav_menu .stick .btn#toggle-read.active { - background-image: url(icons/read-white.svg); + background-image: url(icons/read-white.svg); } .nav_menu .stick .btn#toggle-unread { - background-image: url(icons/unread.svg); + background-image: url(icons/unread.svg); } .nav_menu .stick .btn#toggle-unread.active { - background-image: url(icons/unread-white.svg); + background-image: url(icons/unread-white.svg); } .nav_menu .stick .btn#toggle-starred { - background-image: url(icons/starred.svg); + background-image: url(icons/starred.svg); } .nav_menu .stick .btn#toggle-starred.active { - background-image: url(icons/starred-white.svg); + background-image: url(icons/starred-white.svg); } .nav_menu .stick .btn#toggle-non-starred { - background-image: url(icons/non-starred.svg); + background-image: url(icons/non-starred.svg); } .nav_menu .stick .btn#toggle-non-starred.active { - background-image: url(icons/non-starred-white.svg); + background-image: url(icons/non-starred-white.svg); } .nav_menu .stick .btn.read_all { - padding: 5px 16px; - color: #363330; - background-color: #fcfaf8; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + padding: 5px 16px; + color: #363330; + background-color: #fcfaf8; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .nav_menu .stick .btn.read_all:hover { - background-color: #e4d8cc; + background-color: #e4d8cc; } .nav_menu .stick .btn.view-normal { - background-image: url(icons/view-list.svg); + background-image: url(icons/view-list.svg); } .nav_menu .stick .btn.view-normal.active { - background-image: url(icons/view-list-white.svg); + background-image: url(icons/view-list-white.svg); } .nav_menu .stick .btn.view-global { - background-image: url(icons/view-global.svg); + background-image: url(icons/view-global.svg); } .nav_menu .stick .btn.view-global.active { - background-image: url(icons/view-global-white.svg); + background-image: url(icons/view-global-white.svg); } .nav_menu .stick .btn.view-reader { - background-image: url(icons/view-reader.svg); + background-image: url(icons/view-reader.svg); } .nav_menu .stick .btn.view-reader.active { - background-image: url(icons/view-reader-white.svg); + background-image: url(icons/view-reader-white.svg); } .nav_menu .stick .btn.view-rss { - background-image: url(icons/rss.svg); + background-image: url(icons/rss.svg); } .nav_menu .stick .dropdown a.dropdown-toggle { - border-right-width: 0; - background-image: url(icons/more.svg); + border-right-width: 0; + background-image: url(icons/more.svg); } #dropdown-query ~ .dropdown-menu .dropdown-header .icon { - vertical-align: middle; - background-color: #ba9; - border-radius: 3px; + vertical-align: middle; + background-color: #ba9; + border-radius: 3px; } /*=== Content of feed articles */ .content, .content.thin { - padding: 20px 10px; - font-size: 1.125rem; - line-height: 1.8rem; + padding: 20px 10px; + font-size: 1.125rem; + line-height: 1.8rem; } .content h1.title a, .content h1 a, .content.thin h1.title a, .content.thin h1 a { - color: #363330; - font-family: "spectral", serif; - font-size: 2rem; + color: #363330; + font-family: "spectral", serif; + font-size: 2rem; } .content h1.title a:hover, .content h1 a:hover, .content.thin h1.title a:hover, .content.thin h1 a:hover { - color: #ca7227; - text-decoration: none; + color: #ca7227; + text-decoration: none; } .content .author, .content.thin .author { - color: #6d655f; - font-size: 1.125rem; + color: #6d655f; + font-size: 1.125rem; } .content p, .content ul, .content.thin p, .content.thin ul { - font-size: 1.125rem; - line-height: 1.8rem; + font-size: 1.125rem; + line-height: 1.8rem; } .content .content hr, .content.thin .content hr { - margin: 30px 10px; - background: #e4d8cc; - height: 1px; - border: 0; - box-shadow: 0 2px 5px #ccc; + margin: 30px 10px; + background: #e4d8cc; + height: 1px; + border: 0; + box-shadow: 0 2px 5px #ccc; } .content pre, .content.thin pre { - margin: 10px auto; - padding: 10px 20px; - overflow: auto; - background: #221f1d; - color: #fff; - font-size: 0.9rem; - border-radius: 3px; + margin: 10px auto; + padding: 10px 20px; + overflow: auto; + background: #221f1d; + color: #fff; + font-size: 0.9rem; + border-radius: 3px; } .content pre code, .content.thin pre code { - background: transparent; - color: #fff; - border: none; + background: transparent; + color: #fff; + border: none; } .content code, .content.thin code { - padding: 2px 5px; - background: #fcfaf8; - color: #f5f0ec; - border: 1px solid #f5f0ec; - border-radius: 3px; + padding: 2px 5px; + background: #fcfaf8; + color: #f5f0ec; + border: 1px solid #f5f0ec; + border-radius: 3px; } .content blockquote, .content.thin blockquote { - margin: 0; - padding: 5px 20px; - background: #fcfaf8; - display: block; - color: #363330; - border-top: 1px solid #e4d8cc; - border-bottom: 1px solid #e4d8cc; + margin: 0; + padding: 5px 20px; + background: #fcfaf8; + display: block; + color: #363330; + border-top: 1px solid #e4d8cc; + border-bottom: 1px solid #e4d8cc; } .content blockquote p, .content.thin blockquote p { - margin: 0; + margin: 0; } /*=== Notification and actualize notification */ .notification { - padding: 1rem 0; - background: #e4d8cc; - width: 100%; - height: 3rem; - color: #766556; - font-size: 1em; - border: none; - position: fixed; - top: auto; - bottom: 0; - right: 0; - left: 0; - text-align: center; - line-height: 3em; - z-index: 10; - vertical-align: middle; + padding: 1rem 0; + background: #e4d8cc; + width: 100%; + height: 3rem; + color: #766556; + font-size: 1em; + border: none; + position: fixed; + top: auto; + bottom: 0; + right: 0; + left: 0; + text-align: center; + line-height: 3em; + z-index: 10; + vertical-align: middle; } .notification .msg { - display: inline-block; - font-size: 1rem; + display: inline-block; + font-size: 1rem; } .notification.good { - background: #10f5b2; - color: #fff; + background: #10f5b2; + color: #fff; } .notification.bad { - background: #f5633e; - color: #fff; + background: #f5633e; + color: #fff; } .notification a.close { - padding: 0 15px; - border-radius: 3px 0 0 3px; - line-height: 3em; + padding: 0 15px; + border-radius: 3px 0 0 3px; + line-height: 3em; } .notification.good a.close:hover { - background: #0c7556; + background: #0c7556; } .notification.bad a.close:hover { - background: #73341f; + background: #73341f; } .notification#actualizeProgress { - line-height: 2em; + line-height: 2em; } .notification#actualizeProgress br { - display: none; + display: none; } /*=== Navigation menu (for articles) */ #nav_entries { - margin: 0; - text-align: center; - line-height: 3em; - table-layout: fixed; - background: #fbf9f6; + margin: 0; + text-align: center; + line-height: 3em; + table-layout: fixed; + background: #fbf9f6; } /*=== Feed articles */ .flux { - background: #fff; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + background: #fff; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .flux:hover { - background: #fcfaf8; + background: #fcfaf8; } .flux:hover:not(.current):hover .item.title { - background: #fcfaf8; + background: #fcfaf8; } .flux.current { - background: #fff; - border-right-color: #ca7227; + background: #fff; + border-right-color: #ca7227; } .flux.not_read:not(.current) { - background: #f2f6f8; + background: #f2f6f8; } .flux.not_read:not(.current):hover .item.title { - background: #f2f6f8; + background: #f2f6f8; } .flux.not_read .item.title a { - color: #161a38; + color: #161a38; } .flux.not_read .item.website a { - color: #161a38; + color: #161a38; } .flux.not_read .item.date { - color: rgba(22, 26, 56, 0.5); + color: rgba(22, 26, 56, 0.5); } .flux.favorite { - border-right-color: #ffc300; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + border-right-color: #ffc300; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .flux.favorite:not(.current) { - background: #fff6da; + background: #fff6da; } .flux.favorite:not(.current):hover .item.title { - background: #fff6da; + background: #fff6da; } .flux .website a { - color: #363330; - opacity: 0.75; + color: #363330; + opacity: 0.75; } .flux .website .favicon { - padding: 5px; + padding: 5px; } .flux .item.date { - color: rgba(54, 51, 48, 0.5); - font-size: 0.85rem; + color: rgba(54, 51, 48, 0.5); + font-size: 0.85rem; } .flux .bottom { - font-size: 1rem; - text-align: center; + font-size: 1rem; + text-align: center; } .flux_header { - font-size: 1rem; - cursor: pointer; - border-top: 1px solid #f5f0ec; + font-size: 1rem; + cursor: pointer; + border-top: 1px solid #f5f0ec; } .flux_header .title { - font-size: 1rem; + font-size: 1rem; } /*=== GLOBAL VIEW */ /*================*/ #stream .box.category:not([data-unread="0"]) .box-title .title { - font-weight: bold; + font-weight: bold; } #stream .box.category .box-title { - padding: 1.5rem; - background: none; + padding: 1.5rem; + background: none; } #stream .box.category .box-title a.title { - color: #766556; - font-size: 1rem; - font-weight: normal; - text-decoration: none; - text-align: right; - text-transform: uppercase; - letter-spacing: 1px; + color: #766556; + font-size: 1rem; + font-weight: normal; + text-decoration: none; + text-align: right; + text-transform: uppercase; + letter-spacing: 1px; } #stream .box.category .box-title a.title:not([data-unread="0"])::after { - margin: -0.5rem 0 0 1rem; - padding: 0 0.75rem; - background: #f5f0ec; - border-radius: 12px; - position: absolute; - top: 1.75rem; - left: 0; - line-height: 1.5rem; - text-align: center; + margin: -0.5rem 0 0 1rem; + padding: 0 0.75rem; + background: #f5f0ec; + border-radius: 12px; + position: absolute; + top: 1.75rem; + left: 0; + line-height: 1.5rem; + text-align: center; } #stream .box.category .box-title a.title:hover { - color: #ca7227; + color: #ca7227; } #stream .box.category .box-content { - padding-bottom: 0.5rem; + padding-bottom: 0.5rem; } #stream .box.category .box-content .item.feed { - padding: 0.5rem 1.5rem; - font-size: 1rem; + padding: 0.5rem 1.5rem; + font-size: 1rem; } #stream .box.category .box-content .item.feed a { - color: #363330; - font-weight: 400; + color: #363330; + font-weight: 400; } #stream .box.category .box-content .item.feed a:hover { - color: #ca7227; - text-decoration: none; + color: #ca7227; + text-decoration: none; } #overlay { - background: rgba(0, 0, 0, 0.65); + background: rgba(0, 0, 0, 0.65); } #panel { - top: 3rem; - left: 3rem; - bottom: 3rem; - right: 3rem; - border-radius: 3px; + top: 3rem; + left: 3rem; + bottom: 3rem; + right: 3rem; + border-radius: 3px; } /*=== READER VIEW */ /*================*/ #stream.reader .flux { - padding: 0 0 50px; - background: #f5f0ec; - color: #363330; - border: none; + padding: 0 0 50px; + background: #f5f0ec; + color: #363330; + border: none; } #stream.reader .flux .author { - margin: 0 0 10px; - color: #ba9; - font-size: 90%; + margin: 0 0 10px; + color: #ba9; + font-size: 90%; } /*=== Configuration pages */ .post { - padding: 1rem 2rem; - font-size: 1rem; + padding: 1rem 2rem; + font-size: 1rem; } .post form { - margin: 1rem 0; + margin: 1rem 0; } .post form .horizontal-list { - margin-bottom: 0.5rem; + margin-bottom: 0.5rem; } .post.content { - max-width: 550px; + max-width: 550px; } .post h1, .post h2 { - color: #363330; - font-size: 3rem; - margin-top: 1.75rem; - font-weight: 300; - line-height: 1.2em; + color: #363330; + font-size: 3rem; + margin-top: 1.75rem; + font-weight: 300; + line-height: 1.2em; } .post a[href="./"] { - margin: 0; - padding: 0.75rem 1.5rem; - background: #fcfaf8; - display: inline-block; - color: #766556; - font-size: 1rem; - border: 1px solid #e4d8cc; - border-radius: 5px; - min-width: 15px; - line-height: 25px; - vertical-align: middle; - cursor: pointer; - overflow: hidden; + margin: 0; + padding: 0.75rem 1.5rem; + background: #fcfaf8; + display: inline-block; + color: #766556; + font-size: 1rem; + border: 1px solid #e4d8cc; + border-radius: 5px; + min-width: 15px; + line-height: 25px; + vertical-align: middle; + cursor: pointer; + overflow: hidden; } .post a[href="./"]:hover { - background: #ca7227; - color: white; - border: 1px solid #ca7227; - text-decoration: none; + background: #ca7227; + color: white; + border: 1px solid #ca7227; + text-decoration: none; } #slider { - border-right: none; - box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); + border-right: none; + box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); } .slide-container .properties { - padding: 1rem; - background: rgba(0, 0, 0, 0.75); - color: white; - border: 0; + padding: 1rem; + background: rgba(0, 0, 0, 0.75); + color: white; + border: 0; } .slide-container .properties .page-number { - left: 1rem; - top: 1rem; + left: 1rem; + top: 1rem; } /*=== LOGS */ /*=========*/ .loglist { - overflow: hidden; - border: 1px solid #ba9; + overflow: hidden; + border: 1px solid #ba9; } .log { - margin: 10px 0; - padding: 5px 2%; - background: #fcfaf8; - color: #766556; - font-size: 0.8rem; - overflow: auto; + margin: 10px 0; + padding: 5px 2%; + background: #fcfaf8; + color: #766556; + font-size: 0.8rem; + overflow: auto; } .log > .date { - margin: 0 0 0 10px; - padding: 5px 10px; - border-radius: 20px; + margin: 0 0 0 10px; + padding: 5px 10px; + border-radius: 20px; } .log.error > .date { - background: #f5633e; - color: #fff; + background: #f5633e; + color: #fff; } .log.warning > .date { - background: #f4f762; + background: #f4f762; } .log.notice > .date { - background: #f5f0ec; + background: #f5f0ec; } .log.debug > .date { - background: #221f1d; - color: #fff; + background: #221f1d; + color: #fff; } /*=== STATISTICS */ /*===============*/ .stat { - margin: 10px 0 20px; + margin: 10px 0 20px; } .stat th, .stat td, .stat tr { - border: none; + border: none; } .stat > table td, .stat > table th { - border-bottom: 1px solid #e4d8cc; + border-bottom: 1px solid #e4d8cc; } .stat > .horizontal-list { - margin: 0 0 5px; + margin: 0 0 5px; } .stat > .horizontal-list .item { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .stat > .horizontal-list .item:first-child { - width: 270px; + width: 270px; } /*=== MOBILE */ /*===========*/ @media (max-width: 840px) { - ul.nav .item { - width: 100%; - } - ul.nav .item img { - display: none; - } - ul.nav .item a { - box-sizing: border-box; - padding: 1rem 2.5rem 1rem 1rem; - background: url("../../themes/icons/logout.svg") no-repeat #efe3d3 97% center; - display: inline-block; - width: 100%; - color: #363330; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - } - ul.nav .item a:hover, ul.nav .item a:active { - background: url("../../themes/icons/logout.svg") no-repeat #f5633e 97% center; - text-decoration: none; - color: #fff; - } - - .form-group .group-name { - text-align: right; - } - - .box .box-title .configure, + ul.nav .item { + width: 100%; + } + ul.nav .item img { + display: none; + } + ul.nav .item a { + box-sizing: border-box; + padding: 1rem 2.5rem 1rem 1rem; + background: url("../../themes/icons/logout.svg") no-repeat #efe3d3 97% center; + display: inline-block; + width: 100%; + color: #363330; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + } + ul.nav .item a:hover, ul.nav .item a:active { + background: url("../../themes/icons/logout.svg") no-repeat #f5633e 97% center; + text-decoration: none; + color: #fff; + } + + .form-group .group-name { + text-align: right; + } + + .box .box-title .configure, .box .box-content .item .configure { - visibility: visible; - } - - .aside { - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - } - .aside.aside_feed { - padding: 0; - } - .aside .tree .tree-folder .tree-folder-items .item a { - padding: 0.5rem 1rem; - } - - .aside .toggle_aside, + visibility: visible; + } + + .aside { + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + } + .aside.aside_feed { + padding: 0; + } + .aside .tree .tree-folder .tree-folder-items .item a { + padding: 0.5rem 1rem; + } + + .aside .toggle_aside, #panel .close, #close-slider.active { - background: #b7641d; - display: block; - width: 100%; - height: 50px; - line-height: 50px; - text-align: center; - } - - .header { - padding: 0.5rem; - } - .header .item.title { - display: none; - } - .header .item.search { - display: block; - } - .header .item.search .stick { - display: flex; - } - .header .item.search input { - width: 90%; - height: 3.5rem; - } - .header .item.search input:focus { - width: 100%; - } - .header .item.search .btn { - min-height: 49px; - padding: 0.5rem 2rem; - } - .header .item.configure { - display: none; - } - - .post { - padding-right: 1rem; - padding-left: 1rem; - } - - .nav_menu .btn { - margin: 0; - padding: 0.85rem 1.25rem; - } - .nav_menu .stick { - margin: 0.5rem 0.5rem; - } - .nav_menu .stick .btn { - margin: 0; - padding: 0.85rem 1.25rem; - } - .nav_menu .stick .btn.read_all { - padding: 0.85rem 1.25rem; - } - .nav_menu .search { - display: none; - max-width: 97%; - } - .nav_menu .search .input { - max-width: 97%; - width: 90px; - } - .nav_menu .search .input:focus { - width: 400px; - } - - #stream .flux .flux_header { - padding: 0.5rem 0; - } - - .day { - text-align: center; - padding: 1rem 0; - } - .day .name { - padding: 0; - display: block; - width: 100%; - line-height: 1.5rem; - margin-bottom: 1rem; - } - - .pagination { - margin: 0 0 3.5em; - } - - #nav_entries { - line-height: 4.5rem; - } - - .notification { - border-radius: 0; - } - .notification a.close { - background: transparent; - display: block; - right: 0; - } - .notification a.close:hover { - opacity: 0.5; - } - .notification a.close .icon { - display: none; - } + background: #b7641d; + display: block; + width: 100%; + height: 50px; + line-height: 50px; + text-align: center; + } + + .header { + padding: 0.5rem; + } + .header .item.title { + display: none; + } + .header .item.search { + display: block; + } + .header .item.search .stick { + display: flex; + } + .header .item.search input { + width: 90%; + height: 3.5rem; + } + .header .item.search input:focus { + width: 100%; + } + .header .item.search .btn { + min-height: 49px; + padding: 0.5rem 2rem; + } + .header .item.configure { + display: none; + } + + .post { + padding-right: 1rem; + padding-left: 1rem; + } + + .nav_menu .btn { + margin: 0; + padding: 0.85rem 1.25rem; + } + .nav_menu .stick { + margin: 0.5rem 0.5rem; + } + .nav_menu .stick .btn { + margin: 0; + padding: 0.85rem 1.25rem; + } + .nav_menu .stick .btn.read_all { + padding: 0.85rem 1.25rem; + } + .nav_menu .search { + display: none; + max-width: 97%; + } + .nav_menu .search .input { + max-width: 97%; + width: 90px; + } + .nav_menu .search .input:focus { + width: 400px; + } + + #stream .flux .flux_header { + padding: 0.5rem 0; + } + + .day { + text-align: center; + padding: 1rem 0; + } + .day .name { + padding: 0; + display: block; + width: 100%; + line-height: 1.5rem; + margin-bottom: 1rem; + } + + .pagination { + margin: 0 0 3.5em; + } + + #nav_entries { + line-height: 4.5rem; + } + + .notification { + border-radius: 0; + } + .notification a.close { + background: transparent; + display: block; + right: 0; + } + .notification a.close:hover { + opacity: 0.5; + } + .notification a.close .icon { + display: none; + } } /*=== GENERAL */ /*============*/ html, body { - background: #f5f0ec; - height: 100%; - font-family: "lato", "Helvetica", "Arial", sans-serif; - font-size: 0.875rem; + background: #f5f0ec; + height: 100%; + font-family: "lato", "Helvetica", "Arial", sans-serif; + font-size: 0.875rem; } /*=== Links */ a, button.as-link { - outline: none; - color: #ca7227; + outline: none; + color: #ca7227; } diff --git a/p/themes/BlueLagoon/BlueLagoon.rtl.css b/p/themes/BlueLagoon/BlueLagoon.rtl.css index 92994ab8a..8c8c5619e 100644 --- a/p/themes/BlueLagoon/BlueLagoon.rtl.css +++ b/p/themes/BlueLagoon/BlueLagoon.rtl.css @@ -804,7 +804,7 @@ a.btn { .prompt .stick, .prompt input { width: 100%; - box-sizing: border-box; + box-sizing: border-box; } .prompt input#username,.prompt input#passwordPlain { diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index 90037e9ff..50b1ebd5f 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -1,217 +1,217 @@ @font-face { - font-family: "lato"; - font-style: normal; - font-stretch: normal; - font-weight: 400; - src: local("Lato"), url("../fonts/LatoLatin-Regular.woff") format("woff"); + font-family: "lato"; + font-style: normal; + font-stretch: normal; + font-weight: 400; + src: local("Lato"), url("../fonts/LatoLatin-Regular.woff") format("woff"); } @font-face { - font-family: "lato"; - font-style: italic; - font-stretch: normal; - font-weight: 400; - src: local("Lato"), url("../fonts/LatoLatin-Italic.woff") format("woff"); + font-family: "lato"; + font-style: italic; + font-stretch: normal; + font-weight: 400; + src: local("Lato"), url("../fonts/LatoLatin-Italic.woff") format("woff"); } @font-face { - font-family: "lato"; - font-style: normal; - font-stretch: normal; - font-weight: 700; - src: local("Lato"), url("../fonts/LatoLatin-Bold.woff") format("woff"); + font-family: "lato"; + font-style: normal; + font-stretch: normal; + font-weight: 700; + src: local("Lato"), url("../fonts/LatoLatin-Bold.woff") format("woff"); } @font-face { - font-family: "lato"; - font-style: italic; - font-stretch: normal; - font-weight: 700; - src: local("Lato"), url("../fonts/LatoLatin-BoldItalic.woff") format("woff"); + font-family: "lato"; + font-style: italic; + font-stretch: normal; + font-weight: 700; + src: local("Lato"), url("../fonts/LatoLatin-BoldItalic.woff") format("woff"); } @font-face { - font-family: "spectral"; - font-style: normal; - font-stretch: normal; - font-weight: 400; - src: local("Spectral"), url("../fonts/Spectral-Regular.woff") format("woff"); + font-family: "spectral"; + font-style: normal; + font-stretch: normal; + font-weight: 400; + src: local("Spectral"), url("../fonts/Spectral-Regular.woff") format("woff"); } @font-face { - font-family: "spectral"; - font-style: italic; - font-stretch: normal; - font-weight: 400; - src: local("Spectral"), url("../fonts/Spectral-Italic.woff") format("woff"); + font-family: "spectral"; + font-style: italic; + font-stretch: normal; + font-weight: 400; + src: local("Spectral"), url("../fonts/Spectral-Italic.woff") format("woff"); } @font-face { - font-family: "spectral"; - font-style: normal; - font-stretch: normal; - font-weight: 700; - src: local("Spectral"), url("../fonts/Spectral-Bold.woff") format("woff"); + font-family: "spectral"; + font-style: normal; + font-stretch: normal; + font-weight: 700; + src: local("Spectral"), url("../fonts/Spectral-Bold.woff") format("woff"); } @font-face { - font-family: "spectral"; - font-style: italic; - font-stretch: normal; - font-weight: 700; - src: local("Spectral"), url("../fonts/Spectral-BoldItalic.woff") format("woff"); + font-family: "spectral"; + font-style: italic; + font-stretch: normal; + font-weight: 700; + src: local("Spectral"), url("../fonts/Spectral-BoldItalic.woff") format("woff"); } /* stylelint-disable property-no-vendor-prefix */ /* FUNCTIONS */ /* btns */ .btn { - margin: 0; - padding: 0.5rem 1.5rem; - background: #f9fafb; - display: inline-block; - color: #5b6871; - font-size: 1rem; - border: none; - border-radius: 5px; - min-height: 38px; - min-width: 15px; - line-height: 25px; - vertical-align: middle; - cursor: pointer; - overflow: hidden; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - -ms-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + margin: 0; + padding: 0.5rem 1.5rem; + background: #f9fafb; + display: inline-block; + color: #5b6871; + font-size: 1rem; + border: none; + border-radius: 5px; + min-height: 38px; + min-width: 15px; + line-height: 25px; + vertical-align: middle; + cursor: pointer; + overflow: hidden; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + -ms-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .btn.btn-important { - background: #36c; - color: #fff; + background: #36c; + color: #fff; } .btn.btn-important:hover, .btn.btn-important:active { - background: #25c; + background: #25c; } .btn.btn-attention { - background: #f5633e; - color: #fff; + background: #f5633e; + color: #fff; } .btn.btn-attention:hover, .btn.btn-attention:active { - background: #73341f; + background: #73341f; } .btn:hover { - text-decoration: none; + text-decoration: none; } a.btn { - min-height: 25px; - line-height: 25px; + min-height: 25px; + line-height: 25px; } /*=== Forms */ legend { - margin: 2rem 0 1rem 0; - padding: 0; - display: inline-block; - width: auto; - font-size: 1rem; - clear: both; - text-transform: uppercase; - letter-spacing: 1px; - font-weight: 700; + margin: 2rem 0 1rem 0; + padding: 0; + display: inline-block; + width: auto; + font-size: 1rem; + clear: both; + text-transform: uppercase; + letter-spacing: 1px; + font-weight: 700; } label { - min-height: 25px; - padding: 5px 0; - cursor: pointer; - color: #5b6871; + min-height: 25px; + padding: 5px 0; + cursor: pointer; + color: #5b6871; } textarea { - width: 360px; - max-width: 100%; - height: 100px; + width: 360px; + max-width: 100%; + height: 100px; } input, select, textarea, button { - padding: 5px 10px; - background: #fff; - color: #5b6871; - font-family: "lato", "Helvetica", "Arial", sans-serif; - font-size: 1rem; - border: 1px solid #eff0f2; - border-radius: 2px; - min-height: 25px; - line-height: 25px; - vertical-align: middle; + padding: 5px 10px; + background: #fff; + color: #5b6871; + font-family: "lato", "Helvetica", "Arial", sans-serif; + font-size: 1rem; + border: 1px solid #eff0f2; + border-radius: 2px; + min-height: 25px; + line-height: 25px; + vertical-align: middle; } option { - padding: 0 0.5em; + padding: 0 0.5em; } input:focus, select:focus, textarea:focus { - color: #303136; - border-color: #36c; + color: #303136; + border-color: #36c; } input:invalid, select:invalid { - color: #f5633e; - border-color: #f5633e; - box-shadow: none; + color: #f5633e; + border-color: #f5633e; + box-shadow: none; } input:disabled, select:disabled { - background: #eff0f2; + background: #eff0f2; } input.extend { - transition: width 200ms linear; + transition: width 200ms linear; } .form-group { - padding: 5px; - border-radius: 3px; + padding: 5px; + border-radius: 3px; } .form-group::after { - content: ""; - display: block; - clear: both; + content: ""; + display: block; + clear: both; } .form-group .group-name { - padding: 10px 0; - text-align: right; + padding: 10px 0; + text-align: right; } .form-group .group-controls { - min-height: 25px; - padding: 5px 0; + min-height: 25px; + padding: 5px 0; } .form-group .group-controls .control { - line-height: 2em; + line-height: 2em; } .form-group table { - margin: 10px 0 0 220px; + margin: 10px 0 0 220px; } .form-group.form-actions { - margin: 15px 0 25px; - padding: 5px 0; + margin: 15px 0 25px; + padding: 5px 0; } .form-group.form-actions .btn { - margin: 0 0.5rem 0 0; + margin: 0 0.5rem 0 0; } /*=== Tables */ table { - border-collapse: collapse; + border-collapse: collapse; } tr, th, td { - padding: 0.5em; - border: 1px solid #d5d8db; + padding: 0.5em; + border: 1px solid #d5d8db; } th { - background: #f9fafb; + background: #f9fafb; } form td, form th { - font-weight: normal; - text-align: center; + font-weight: normal; + text-align: center; } /*=== COMPONENTS */ @@ -219,424 +219,424 @@ form th { /*=== Forms */ /*=== Horizontal-list */ .horizontal-list { - margin: 0; - padding: 0.1rem 0; + margin: 0; + padding: 0.1rem 0; } .horizontal-list .item { - vertical-align: middle; + vertical-align: middle; } .horizontal-list .item:first-child { - padding-left: 0.5rem; + padding-left: 0.5rem; } /*=== Dropdown */ .dropdown-menu { - margin: 0; - padding: 0.5rem 0 1rem 0; - background: #f9fafb; - font-size: 1rem; - border: none; - border-radius: 3px; - box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); - text-align: left; + margin: 0; + padding: 0.5rem 0 1rem 0; + background: #f9fafb; + font-size: 1rem; + border: none; + border-radius: 3px; + box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); + text-align: left; } .dropdown-menu::after { - background: white; - width: 10px; - height: 10px; - content: ""; - position: absolute; - top: -4px; - right: 13px; - z-index: -10; - transform: rotate(45deg); + background: white; + width: 10px; + height: 10px; + content: ""; + position: absolute; + top: -4px; + right: 13px; + z-index: -10; + transform: rotate(45deg); } .dropdown-menu .dropdown-header { - margin: 1.75rem 0 0.5rem 2rem; - font-weight: bold; - text-align: left; - color: #5b6871; - text-transform: uppercase; - letter-spacing: 1px; + margin: 1.75rem 0 0.5rem 2rem; + font-weight: bold; + text-align: left; + color: #5b6871; + text-transform: uppercase; + letter-spacing: 1px; } .dropdown-menu .item { - -webkit-transition: all 0.075s ease-in-out; - -moz-transition: all 0.075s ease-in-out; - -o-transition: all 0.075s ease-in-out; - -ms-transition: all 0.075s ease-in-out; - transition: all 0.075s ease-in-out; + -webkit-transition: all 0.075s ease-in-out; + -moz-transition: all 0.075s ease-in-out; + -o-transition: all 0.075s ease-in-out; + -ms-transition: all 0.075s ease-in-out; + transition: all 0.075s ease-in-out; } .dropdown-menu .item a, .dropdown-menu .item span, .dropdown-menu .item .as-link { - padding: 0 2rem; - color: #303136; - font-size: 1rem; - line-height: 2.5em; + padding: 0 2rem; + color: #303136; + font-size: 1rem; + line-height: 2.5em; } .dropdown-menu .item:hover { - background: #36c; - color: #fff; + background: #36c; + color: #fff; } .dropdown-menu .item:hover a, .dropdown-menu .item:hover button { - text-decoration: none; - color: #fff; + text-decoration: none; + color: #fff; } .dropdown-menu .item[aria-checked=true] a::before { - margin: 0 0 0 -14px; - font-weight: bold; + margin: 0 0 0 -14px; + font-weight: bold; } .dropdown-menu .input select, .dropdown-menu .input input { - margin: 0 auto 5px; - padding: 2px 5px; - border-radius: 3px; + margin: 0 auto 5px; + padding: 2px 5px; + border-radius: 3px; } .dropdown-menu .separator { - margin: 0.75rem 0; - border-bottom: 1px solid #eff0f2; + margin: 0.75rem 0; + border-bottom: 1px solid #eff0f2; } .tree .tree-folder .tree-folder-items .dropdown-menu .item { - padding: 0; + padding: 0; } .tree .tree-folder .tree-folder-items .dropdown-menu .item a, .tree .tree-folder .tree-folder-items .dropdown-menu .item button { - color: #303136; + color: #303136; } .tree .tree-folder .tree-folder-items .dropdown-menu .item a:hover, .tree .tree-folder .tree-folder-items .dropdown-menu .item button:hover { - color: #fff; + color: #fff; } .tree .tree-folder .tree-folder-items .dropdown-menu .item:hover { - background: #36c; + background: #36c; } /*=== Alerts */ .alert { - margin: 1rem 0; - padding: 1rem; - background: #f9fafb; - color: #5b6871; - font-size: 1rem; - border: 1px solid #c5ced3; - border-radius: 3px; - text-shadow: 0 0 1px #eff0f2; + margin: 1rem 0; + padding: 1rem; + background: #f9fafb; + color: #5b6871; + font-size: 1rem; + border: 1px solid #c5ced3; + border-radius: 3px; + text-shadow: 0 0 1px #eff0f2; } .alert-head { - font-size: 1.15em; + font-size: 1.15em; } .alert > a { - text-decoration: underline; - color: inherit; + text-decoration: underline; + color: inherit; } .alert-warn { - background: #fdfde0; - color: #73762f; - border: 1px solid #73762f33; + background: #fdfde0; + color: #73762f; + border: 1px solid #73762f33; } .alert-success { - background: #cffde7; - color: #0c7540; - border: 1px solid #0c754033; + background: #cffde7; + color: #0c7540; + border: 1px solid #0c754033; } .alert-error { - background: #fde0d8; - color: #73341f; - border: 1px solid #73341f33; + background: #fde0d8; + color: #73341f; + border: 1px solid #73341f33; } /*=== Pagination */ .pagination { - background: #eff0f2; - color: #303136; - font-size: 0.8em; - text-align: center; + background: #eff0f2; + color: #303136; + font-size: 0.8em; + text-align: center; } .pagination .item.pager-current { - background: #303136; - color: #eff0f2; - font-size: 1.5em; - font-weight: bold; + background: #303136; + color: #eff0f2; + font-size: 1.5em; + font-weight: bold; } .pagination .item a { - display: block; - color: #303136; - font-style: italic; - line-height: 3em; - text-decoration: none; + display: block; + color: #303136; + font-style: italic; + line-height: 3em; + text-decoration: none; } .pagination .item a:hover { - background: #303136; - color: #eff0f2; + background: #303136; + color: #eff0f2; } .pagination .loading, .pagination a:hover.loading { - background: url("loader.gif") center center no-repeat #34495e; - font-size: 0; + background: url("loader.gif") center center no-repeat #34495e; + font-size: 0; } .content .pagination { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } /*=== Boxes */ .box { - background: #fff; - border: none; - border-radius: 3px; - box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); + background: #fff; + border: none; + border-radius: 3px; + box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); } .box .box-title { - margin: 0; - padding: 5px 10px; - background: #eff0f2; - color: #303136; - border-radius: 2px 2px 0 0; + margin: 0; + padding: 5px 10px; + background: #eff0f2; + color: #303136; + border-radius: 2px 2px 0 0; } .box .box-title img { - margin-right: 0.75rem; + margin-right: 0.75rem; } .box .box-title:hover .configure { - background: url("icons/cog.svg") no-repeat 4px 4px; - display: block; - float: left; - width: 1.75rem; - height: 1.75rem; - border-radius: 2px; - visibility: visible; - margin-right: 0.5rem; + background: url("icons/cog.svg") no-repeat 4px 4px; + display: block; + float: left; + width: 1.75rem; + height: 1.75rem; + border-radius: 2px; + visibility: visible; + margin-right: 0.5rem; } .box .box-title:hover .configure .icon { - display: none; - border-radius: 3px; - vertical-align: middle; + display: none; + border-radius: 3px; + vertical-align: middle; } .box .box-title:hover .configure:hover { - background: url("icons/cog-white.svg") no-repeat 4px 4px #36c; + background: url("icons/cog-white.svg") no-repeat 4px 4px #36c; } .box .box-title .configure { - visibility: hidden; + visibility: hidden; } .box .box-title form input { - width: 85%; + width: 85%; } .box .box-title form .dropdown { - float: right; + float: right; } .box .box-title form .dropdown a.dropdown-toggle { - padding: 0; - border-radius: 0; - background-image: url(icons/more.svg); - background-repeat: no-repeat; - background-position: right 8px; + padding: 0; + border-radius: 0; + background-image: url(icons/more.svg); + background-repeat: no-repeat; + background-position: right 8px; } .box .box-title form .dropdown a.dropdown-toggle img { - display: none; + display: none; } .box .box-content .item { - padding: 0.5rem 0.75rem; - color: #303136; - font-size: 1rem; - border-bottom: 1px solid #eff0f2; - line-height: 1.7em; + padding: 0.5rem 0.75rem; + color: #303136; + font-size: 1rem; + border-bottom: 1px solid #eff0f2; + line-height: 1.7em; } .box .box-content .item img { - margin-right: 0.75rem; + margin-right: 0.75rem; } .box .box-content .item .configure { - background: url("icons/cog.svg") no-repeat 4px 4px; - display: block; - float: left; - width: 1.75rem; - height: 1.75rem; - border-radius: 2px; - visibility: hidden; - margin-right: 0.5rem; + background: url("icons/cog.svg") no-repeat 4px 4px; + display: block; + float: left; + width: 1.75rem; + height: 1.75rem; + border-radius: 2px; + visibility: hidden; + margin-right: 0.5rem; } .box .box-content .item .configure .icon { - display: none; - border-radius: 3px; - vertical-align: middle; + display: none; + border-radius: 3px; + vertical-align: middle; } .box .box-content .item .configure:hover { - background: url("icons/cog-white.svg") no-repeat 4px 4px #36c; + background: url("icons/cog-white.svg") no-repeat 4px 4px #36c; } .box .box-content .item:hover .configure { - visibility: visible; + visibility: visible; } .box .box-content .item:last-child { - border-bottom: none; + border-bottom: none; } /*=== "Load more" part */ #bigMarkAsRead { - text-align: center; - text-decoration: none; - background: #effcfd; - color: #36c; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - -ms-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + text-align: center; + text-decoration: none; + background: #effcfd; + color: #36c; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + -ms-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } #bigMarkAsRead:hover { - background: #36c; - color: #fff; + background: #36c; + color: #fff; } #bigMarkAsRead:hover .bigTick { - background: url(icons/tick-white.svg) center no-repeat; + background: url(icons/tick-white.svg) center no-repeat; } #bigMarkAsRead .bigTick { - margin: 0.5rem 0; - background: url(icons/tick-color.svg) center no-repeat; - display: inline-block; - width: 64px; - height: 64px; - text-indent: -9999px; - white-space: nowrap; + margin: 0.5rem 0; + background: url(icons/tick-color.svg) center no-repeat; + display: inline-block; + width: 64px; + height: 64px; + text-indent: -9999px; + white-space: nowrap; } .formLogin { - background: #303136; + background: #303136; } .formLogin .header .configure { - padding-right: 1rem; + padding-right: 1rem; } .formLogin .header .configure img { - margin-right: 0.5rem; + margin-right: 0.5rem; } .formLogin .header .configure a.signin { - color: #fff; + color: #fff; } .formLogin h1 { - color: #fff; + color: #fff; } .formLogin form#crypto-form div { - margin-bottom: 1rem; + margin-bottom: 1rem; } .formLogin form#crypto-form div label { - color: #c5ced3; - font-size: 1rem; + color: #c5ced3; + font-size: 1rem; } .formLogin form#crypto-form div input { - background: #1d1e22; + background: #1d1e22; } .formLogin form#crypto-form div input:focus { - background: #f9fafb; - color: #303136; + background: #f9fafb; + color: #303136; } /*=== DIVERS */ /*===========*/ .aside.aside_feed .nav-form input, .aside.aside_feed .nav-form select { - width: 140px; + width: 140px; } .aside.aside_feed .nav-form .dropdown .dropdown-menu { - right: -20px; + right: -20px; } .aside.aside_feed .nav-form .dropdown .dropdown-menu::after { - right: 33px; + right: 33px; } /*=== Tree */ .tree { - margin: 10px 0; + margin: 10px 0; } .tree#sidebar { - scrollbar-color: rgba(255, 255, 0, 0.1) rgba(0, 0, 0, 0.05); - scrollbar-color: #fff33 #fff22; + scrollbar-color: rgba(255, 255, 0, 0.1) rgba(0, 0, 0, 0.05); + scrollbar-color: #fff33 #fff22; } .tree .tree-folder { - border-bottom: 1px solid #3f3f3f; + border-bottom: 1px solid #3f3f3f; } .tree .tree-folder .tree-folder-title { - padding: 12px 16px; - background: #303136; - position: relative; - font-size: 0.85rem; - letter-spacing: 1px; - font-weight: 700; - text-transform: uppercase; + padding: 12px 16px; + background: #303136; + position: relative; + font-size: 0.85rem; + letter-spacing: 1px; + font-weight: 700; + text-transform: uppercase; } .tree .tree-folder .tree-folder-title .title { - background: inherit; - color: #fff; + background: inherit; + color: #fff; } .tree .tree-folder .tree-folder-title .title:hover { - text-decoration: none; + text-decoration: none; } .tree .tree-folder.active .tree-folder-title { - background: #303136; - font-weight: bold; + background: #303136; + font-weight: bold; } .tree .tree-folder .tree-folder-items { - background: #26272a; + background: #26272a; } .tree .tree-folder .tree-folder-items .item { - padding: 0 1rem; - line-height: 2.5rem; - font-size: 1rem; - font-weight: 400; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - -ms-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + padding: 0 1rem; + line-height: 2.5rem; + font-size: 1rem; + font-weight: 400; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + -ms-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .tree .tree-folder .tree-folder-items .item.active { - background: #36c; + background: #36c; } .tree .tree-folder .tree-folder-items .item.active .dropdown li a { - color: #303136; + color: #303136; } .tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover { - color: #fff; + color: #fff; } .tree .tree-folder .tree-folder-items .item.active a { - color: #fff; + color: #fff; } .tree .tree-folder .tree-folder-items .item:hover { - background: #17181a; + background: #17181a; } .tree .tree-folder .tree-folder-items .item a { - text-decoration: none; - color: #fff; + text-decoration: none; + color: #fff; } .tree .tree-folder .tree-folder-items .feed .item-title:not([data-unread="0"])::before { - margin: 11px 6px 0 4px; - padding: 3px 4px; - background: rgba(0, 0, 0, 0.25); - display: block; - float: left; - font-size: 0.75rem; - border-radius: 12px; - content: attr(data-unread); - text-align: center; - line-height: 0.75rem; + margin: 11px 6px 0 4px; + padding: 3px 4px; + background: rgba(0, 0, 0, 0.25); + display: block; + float: left; + font-size: 0.75rem; + border-radius: 12px; + content: attr(data-unread); + text-align: center; + line-height: 0.75rem; } /*=== Buttons */ .stick { - vertical-align: middle; - font-size: 0; + vertical-align: middle; + font-size: 0; } .stick input, .stick .btn { - border-radius: 0; + border-radius: 0; } .stick .btn:first-child, .stick input:first-child { - border-radius: 5px 0 0 5px; + border-radius: 5px 0 0 5px; } .stick .btn:last-child, .stick input:last-child, .stick .btn + .dropdown > .btn { - border-radius: 0 5px 5px 0; + border-radius: 0 5px 5px 0; } .stick .btn + .btn, .stick .btn + input, @@ -647,987 +647,987 @@ form th { .stick .dropdown + .btn, .stick .dropdown + input, .stick .dropdown + .dropdown > .btn { - border-left: 1px solid #d5d8db; + border-left: 1px solid #d5d8db; } .aside { - background: #303136; + background: #303136; } .aside.aside_feed { - padding: 10px 0; - text-align: center; - background: #303136; + padding: 10px 0; + text-align: center; + background: #303136; } .aside.aside_feed .tree { - margin: 10px 0 50px; + margin: 10px 0 50px; } /* Sidebar des pages de configuration */ /*=== Navigation */ .nav-list .nav-header, .nav-list .item { - height: 2.5em; - line-height: 2.5em; - font-size: 1rem; + height: 2.5em; + line-height: 2.5em; + font-size: 1rem; } .nav-list .item { - background: #303136; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - -ms-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + background: #303136; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + -ms-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .nav-list .item a { - padding: 0 1rem; - color: #fff; + padding: 0 1rem; + color: #fff; } .nav-list .item .error a { - color: #f5633e; + color: #f5633e; } .nav-list .item:hover { - background: #17181a; - color: #fff; + background: #17181a; + color: #fff; } .nav-list .item:hover .error a { - background: #36c; - color: #fff; + background: #36c; + color: #fff; } .nav-list .item:hover .empty a { - background: #f4f762; - color: #fff; + background: #f4f762; + color: #fff; } .nav-list .item:hover a { - color: #fff; - text-decoration: none; + color: #fff; + text-decoration: none; } .nav-list .item.active { - background: #36c; - color: #fff; + background: #36c; + color: #fff; } .nav-list .item.active .error a { - background: #36c; - color: #fff; + background: #36c; + color: #fff; } .nav-list .item.active .empty a { - background: #f4f762; - color: #fff; + background: #f4f762; + color: #fff; } .nav-list .item.active a { - color: #fff; - text-decoration: none; + color: #fff; + text-decoration: none; } .nav-list.empty a { - color: #f4f762; + color: #f4f762; } .nav-list .disable { - text-align: center; - background: #f9fafb; - color: #a6a7ae; + text-align: center; + background: #f9fafb; + color: #a6a7ae; } .nav-list .nav-header { - padding: 0 10px; - font-weight: bold; - color: #5b6871; - text-transform: uppercase; - letter-spacing: 1px; - margin-top: 1rem; + padding: 0 10px; + font-weight: bold; + color: #5b6871; + text-transform: uppercase; + letter-spacing: 1px; + margin-top: 1rem; } .nav-list .nav-form { - padding: 3px; - text-align: center; + padding: 3px; + text-align: center; } .nav-list .nav-head { - margin: 0; - text-align: right; - color: #fff; + margin: 0; + text-align: right; + color: #fff; } .nav-list .nav-head a { - color: #fff; + color: #fff; } .nav-list .nav-head .item { - padding: 5px 10px; - font-size: 0.9rem; - line-height: 1.5rem; + padding: 5px 10px; + font-size: 0.9rem; + line-height: 1.5rem; } /*=== Aside main page (categories) */ .aside_feed .tree-folder-title > .title:not([data-unread="0"])::after { - margin: -0.5rem 1rem 0 0; - padding: 0 0.75rem; - background: rgba(0, 0, 0, 0.25); - border-radius: 12px; - position: absolute; - right: 0; - line-height: 1.5rem; - text-align: center; + margin: -0.5rem 1rem 0 0; + padding: 0 0.75rem; + background: rgba(0, 0, 0, 0.25); + border-radius: 12px; + position: absolute; + right: 0; + line-height: 1.5rem; + text-align: center; } .feed.item.empty.active { - background: #5b6871; + background: #5b6871; } .feed.item.error.active { - background: #5b6871; + background: #5b6871; } .feed.item.empty, .feed.item.empty > a { - color: #5b6871; + color: #5b6871; } .feed.item.error, .feed.item.error > a { - color: #5b6871; + color: #5b6871; } .feed.item.empty.active, .feed.item.error.active, .feed.item.empty.active > a, .feed.item.error.active > a { - color: #fff; + color: #fff; } .aside_feed .tree-folder-items .dropdown-menu::after { - left: 2px; + left: 2px; } .aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon, .aside_feed .tree-folder-items .item:hover .dropdown-toggle > .icon, .aside_feed .tree-folder-items .item.active .dropdown-toggle > .icon { - border-radius: 3px; + border-radius: 3px; } .aside_feed .stick #btn-add { - border-left-color: #303136; + border-left-color: #303136; } /*=== STRUCTURE */ /*===============*/ /*=== Header */ .header { - padding: 0.5rem 1.35rem; - background: #303136; - display: block; - width: auto; - table-layout: none; + padding: 0.5rem 1.35rem; + background: #303136; + display: block; + width: auto; + table-layout: none; } .header .item { - vertical-align: middle; + vertical-align: middle; } .header .item.title { - width: 280px; - font-weight: 400; + width: 280px; + font-weight: 400; } .header .item.title h1 a { - text-decoration: none; - color: #fff; - font-size: 1rem; - text-transform: uppercase; - letter-spacing: 1px; + text-decoration: none; + color: #fff; + font-size: 1rem; + text-transform: uppercase; + letter-spacing: 1px; } .header .item.title h1 a img { - margin-right: 0.5rem; + margin-right: 0.5rem; } .header .item.search input { - width: 230px; - color: #fff; - border: none; - border-radius: 2px 0 0 2px; - background-color: #26272a; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - -ms-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + width: 230px; + color: #fff; + border: none; + border-radius: 2px 0 0 2px; + background-color: #26272a; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + -ms-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .header .item.search input:hover { - background-color: #17181a; + background-color: #17181a; } .header .item.search input:focus { - width: 350px; - color: #5b6871; - background-color: #fff; + width: 350px; + color: #5b6871; + background-color: #fff; } .header .item.search .btn { - width: 3rem; - border-radius: 0 2px 2px 0; - background-color: #36c; - background-position: center; - background-repeat: no-repeat; - background-image: url(icons/magnifier.svg); - border-left-width: 0; - min-height: 35px; + width: 3rem; + border-radius: 0 2px 2px 0; + background-color: #36c; + background-position: center; + background-repeat: no-repeat; + background-image: url(icons/magnifier.svg); + border-left-width: 0; + min-height: 35px; } .header .item.search .btn img { - display: none; + display: none; } .header .item.search .btn:hover { - background-color: #25c; + background-color: #25c; } .header .item.configure { - width: 2rem; - position: absolute; - right: 1rem; - top: 1.25rem; - text-align: center; + width: 2rem; + position: absolute; + right: 1rem; + top: 1.25rem; + text-align: center; } .header .item.configure .btn { - padding: 0 0.5rem; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-image: url(icons/cog-white.svg); + padding: 0 0.5rem; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-image: url(icons/cog-white.svg); } .header .item.configure .btn img { - display: none; + display: none; } /*=== Body */ #global { - height: calc(100% - 85px); + height: calc(100% - 85px); } /*=== Prompt (centered) */ .prompt { - text-align: center; + text-align: center; } .prompt label { - text-align: left; + text-align: left; } .prompt form { - margin: 10px auto 20px auto; - width: 200px; + margin: 10px auto 20px auto; + width: 200px; } .prompt input { - margin: 5px auto; - width: 100%; + margin: 5px auto; + width: 100%; } .prompt p { - margin: 20px 0; + margin: 20px 0; } /*=== New article notification */ #new-article { - background: #36c; - font-size: 1rem; - text-align: center; + background: #36c; + font-size: 1rem; + text-align: center; } #new-article:hover { - background: #25c; + background: #25c; } #new-article > a { - line-height: 3em; - font-weight: bold; - color: #fff; + line-height: 3em; + font-weight: bold; + color: #fff; } #new-article > a:hover { - text-decoration: none; + text-decoration: none; } /*=== Day indication */ .day { - padding: 1rem 0 0 1.25rem; - color: #5b6871; - font-size: 0.875rem; - font-weight: 700; - line-height: 3em; - letter-spacing: 1px; - text-transform: uppercase; + padding: 1rem 0 0 1.25rem; + color: #5b6871; + font-size: 0.875rem; + font-weight: 700; + line-height: 3em; + letter-spacing: 1px; + text-transform: uppercase; } .day .name { - padding: 0 1rem 0 1rem; - color: #303136; - font-size: 0.875rem; - position: relative; - left: 0; - text-transform: uppercase; + padding: 0 1rem 0 1rem; + color: #303136; + font-size: 0.875rem; + position: relative; + left: 0; + text-transform: uppercase; } /*=== Index menu */ .nav_menu { - text-align: center; - padding: 5px 0; + text-align: center; + padding: 5px 0; } .nav_menu .btn { - border-left-width: 0; - padding: 0.5rem 1rem; - background-color: #f9fafb; - background-position: center; - background-repeat: no-repeat; + border-left-width: 0; + padding: 0.5rem 1rem; + background-color: #f9fafb; + background-position: center; + background-repeat: no-repeat; } .nav_menu .btn:hover { - background-color: #eff0f2; + background-color: #eff0f2; } .nav_menu .stick { - background: #f9fafb; + background: #f9fafb; } .nav_menu .stick .btn { - border-left-width: 0; - padding: 0.5rem 1rem; - background-color: #f9fafb; - background-position: center; - background-repeat: no-repeat; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - -ms-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + border-left-width: 0; + padding: 0.5rem 1rem; + background-color: #f9fafb; + background-position: center; + background-repeat: no-repeat; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + -ms-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .nav_menu .stick .btn:hover { - background-color: #d5d8db; + background-color: #d5d8db; } .nav_menu .stick .btn.active { - background-color: #36c; + background-color: #36c; } .nav_menu .stick .btn img.icon { - display: none; + display: none; } .nav_menu .stick .btn#toggle-read { - background-image: url(icons/read.svg); + background-image: url(icons/read.svg); } .nav_menu .stick .btn#toggle-read.active { - background-image: url(icons/read-white.svg); + background-image: url(icons/read-white.svg); } .nav_menu .stick .btn#toggle-unread { - background-image: url(icons/unread.svg); + background-image: url(icons/unread.svg); } .nav_menu .stick .btn#toggle-unread.active { - background-image: url(icons/unread-white.svg); + background-image: url(icons/unread-white.svg); } .nav_menu .stick .btn#toggle-starred { - background-image: url(icons/starred.svg); + background-image: url(icons/starred.svg); } .nav_menu .stick .btn#toggle-starred.active { - background-image: url(icons/starred-white.svg); + background-image: url(icons/starred-white.svg); } .nav_menu .stick .btn#toggle-non-starred { - background-image: url(icons/non-starred.svg); + background-image: url(icons/non-starred.svg); } .nav_menu .stick .btn#toggle-non-starred.active { - background-image: url(icons/non-starred-white.svg); + background-image: url(icons/non-starred-white.svg); } .nav_menu .stick .btn.read_all { - padding: 5px 16px; - color: #303136; - background-color: #f9fafb; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - -ms-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + padding: 5px 16px; + color: #303136; + background-color: #f9fafb; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + -ms-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .nav_menu .stick .btn.read_all:hover { - background-color: #d5d8db; + background-color: #d5d8db; } .nav_menu .stick .btn.view-normal { - background-image: url(icons/view-list.svg); + background-image: url(icons/view-list.svg); } .nav_menu .stick .btn.view-normal.active { - background-image: url(icons/view-list-white.svg); + background-image: url(icons/view-list-white.svg); } .nav_menu .stick .btn.view-global { - background-image: url(icons/view-global.svg); + background-image: url(icons/view-global.svg); } .nav_menu .stick .btn.view-global.active { - background-image: url(icons/view-global-white.svg); + background-image: url(icons/view-global-white.svg); } .nav_menu .stick .btn.view-reader { - background-image: url(icons/view-reader.svg); + background-image: url(icons/view-reader.svg); } .nav_menu .stick .btn.view-reader.active { - background-image: url(icons/view-reader-white.svg); + background-image: url(icons/view-reader-white.svg); } .nav_menu .stick .btn.view-rss { - background-image: url(icons/rss.svg); + background-image: url(icons/rss.svg); } .nav_menu .stick .dropdown a.dropdown-toggle { - border-left-width: 0; - background-image: url(icons/more.svg); + border-left-width: 0; + background-image: url(icons/more.svg); } #dropdown-query ~ .dropdown-menu .dropdown-header .icon { - vertical-align: middle; - background-color: #a6a7ae; - border-radius: 3px; + vertical-align: middle; + background-color: #a6a7ae; + border-radius: 3px; } /*=== Content of feed articles */ .content, .content.thin { - padding: 20px 10px; - font-size: 1.125rem; - line-height: 1.8rem; + padding: 20px 10px; + font-size: 1.125rem; + line-height: 1.8rem; } .content h1.title a, .content h1 a, .content.thin h1.title a, .content.thin h1 a { - color: #303136; - font-family: "spectral", serif; - font-size: 2rem; + color: #303136; + font-family: "spectral", serif; + font-size: 2rem; } .content h1.title a:hover, .content h1 a:hover, .content.thin h1.title a:hover, .content.thin h1 a:hover { - color: #36c; - text-decoration: none; + color: #36c; + text-decoration: none; } .content .author, .content.thin .author { - color: #5b6871; - font-size: 1.125rem; + color: #5b6871; + font-size: 1.125rem; } .content p, .content ul, .content.thin p, .content.thin ul { - font-size: 1.125rem; - line-height: 1.8rem; + font-size: 1.125rem; + line-height: 1.8rem; } .content .content hr, .content.thin .content hr { - margin: 30px 10px; - background: #d5d8db; - height: 1px; - border: 0; - box-shadow: 0 2px 5px #ccc; + margin: 30px 10px; + background: #d5d8db; + height: 1px; + border: 0; + box-shadow: 0 2px 5px #ccc; } .content pre, .content.thin pre { - margin: 10px auto; - padding: 10px 20px; - overflow: auto; - background: #1d1e22; - color: #fff; - font-size: 0.9rem; - border-radius: 3px; + margin: 10px auto; + padding: 10px 20px; + overflow: auto; + background: #1d1e22; + color: #fff; + font-size: 0.9rem; + border-radius: 3px; } .content pre code, .content.thin pre code { - background: transparent; - color: #fff; - border: none; + background: transparent; + color: #fff; + border: none; } .content code, .content.thin code { - padding: 2px 5px; - background: #f9fafb; - border: 1px solid #eff0f2; - border-radius: 3px; + padding: 2px 5px; + background: #f9fafb; + border: 1px solid #eff0f2; + border-radius: 3px; } .content blockquote, .content.thin blockquote { - margin: 0; - padding: 5px 20px; - background: #f9fafb; - display: block; - color: #303136; - border-top: 1px solid #d5d8db; - border-bottom: 1px solid #d5d8db; + margin: 0; + padding: 5px 20px; + background: #f9fafb; + display: block; + color: #303136; + border-top: 1px solid #d5d8db; + border-bottom: 1px solid #d5d8db; } .content blockquote p, .content.thin blockquote p { - margin: 0; + margin: 0; } /*=== Notification and actualize notification */ .notification { - padding: 1rem 0; - background: #d5d8db; - width: 100%; - height: 3rem; - color: #5b6871; - font-size: 1em; - border: none; - position: fixed; - top: auto; - bottom: 0; - left: 0; - right: 0; - text-align: center; - line-height: 3em; - z-index: 10; - vertical-align: middle; + padding: 1rem 0; + background: #d5d8db; + width: 100%; + height: 3rem; + color: #5b6871; + font-size: 1em; + border: none; + position: fixed; + top: auto; + bottom: 0; + left: 0; + right: 0; + text-align: center; + line-height: 3em; + z-index: 10; + vertical-align: middle; } .notification .msg { - display: inline-block; - font-size: 1rem; + display: inline-block; + font-size: 1rem; } .notification.good { - background: #10f587; - color: #fff; + background: #10f587; + color: #fff; } .notification.bad { - background: #f5633e; - color: #fff; + background: #f5633e; + color: #fff; } .notification a.close { - padding: 0 15px; - border-radius: 0 3px 3px 0; - line-height: 3em; + padding: 0 15px; + border-radius: 0 3px 3px 0; + line-height: 3em; } .notification.good a.close:hover { - background: #0c7540; + background: #0c7540; } .notification.bad a.close:hover { - background: #73341f; + background: #73341f; } .notification#actualizeProgress { - line-height: 2em; + line-height: 2em; } .notification#actualizeProgress br { - display: none; + display: none; } /*=== Navigation menu (for articles) */ #nav_entries { - margin: 0; - text-align: center; - line-height: 3em; - table-layout: fixed; - background: #303136; + margin: 0; + text-align: center; + line-height: 3em; + table-layout: fixed; + background: #303136; } /*=== Feed articles */ .flux { - background: #fff; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - -ms-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + background: #fff; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + -ms-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .flux:hover { - background: #f9fafb; + background: #f9fafb; } .flux:hover:not(.current):hover .item.title { - background: #f9fafb; + background: #f9fafb; } .flux.current { - background: #f9fafb; - border-left-color: #36c; + background: #f9fafb; + border-left-color: #36c; } .flux.not_read:not(.current) { - background: #f2f6f8; + background: #f2f6f8; } .flux.not_read:not(.current):hover .item.title { - background: #f2f6f8; + background: #f2f6f8; } .flux.not_read .item.title a { - color: #36c; + color: #36c; } .flux.not_read .item.website a { - color: #36c; + color: #36c; } .flux.not_read .item.date { - color: rgba(51, 102, 204, 0.5); + color: rgba(51, 102, 204, 0.5); } .flux.favorite { - border-left-color: #ffc300; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - -ms-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + border-left-color: #ffc300; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + -ms-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .flux.favorite:not(.current) { - background: #fff6da; + background: #fff6da; } .flux.favorite:not(.current):hover .item.title { - background: #fff6da; + background: #fff6da; } .flux .website a { - color: #303136; - opacity: 0.75; + color: #303136; + opacity: 0.75; } .flux .website .favicon { - padding: 5px; + padding: 5px; } .flux .item.date { - color: rgba(48, 49, 54, 0.5); - font-size: 0.85rem; + color: rgba(48, 49, 54, 0.5); + font-size: 0.85rem; } .flux .bottom { - font-size: 1rem; - text-align: center; + font-size: 1rem; + text-align: center; } .flux_header { - font-size: 1rem; - cursor: pointer; - border-top: 1px solid #eff0f2; + font-size: 1rem; + cursor: pointer; + border-top: 1px solid #eff0f2; } .flux_header .title { - font-size: 1rem; + font-size: 1rem; } /*=== GLOBAL VIEW */ /*================*/ #stream .box.category:not([data-unread="0"]) .box-title .title { - font-weight: bold; + font-weight: bold; } #stream .box.category .box-title { - padding: 1.5rem; - background: none; + padding: 1.5rem; + background: none; } #stream .box.category .box-title a.title { - color: #5b6871; - font-size: 1rem; - font-weight: normal; - text-decoration: none; - text-align: left; - text-transform: uppercase; - letter-spacing: 1px; + color: #5b6871; + font-size: 1rem; + font-weight: normal; + text-decoration: none; + text-align: left; + text-transform: uppercase; + letter-spacing: 1px; } #stream .box.category .box-title a.title:not([data-unread="0"])::after { - margin: -0.5rem 1rem 0 0; - padding: 0 0.75rem; - background: #eff0f2; - border-radius: 12px; - position: absolute; - top: 1.75rem; - right: 0; - line-height: 1.5rem; - text-align: center; + margin: -0.5rem 1rem 0 0; + padding: 0 0.75rem; + background: #eff0f2; + border-radius: 12px; + position: absolute; + top: 1.75rem; + right: 0; + line-height: 1.5rem; + text-align: center; } #stream .box.category .box-title a.title:hover { - color: #36c; + color: #36c; } #stream .box.category .box-content { - padding-bottom: 0.5rem; + padding-bottom: 0.5rem; } #stream .box.category .box-content .item.feed { - padding: 0.5rem 1.5rem; - font-size: 1rem; + padding: 0.5rem 1.5rem; + font-size: 1rem; } #stream .box.category .box-content .item.feed a { - color: #303136; - font-weight: 400; + color: #303136; + font-weight: 400; } #stream .box.category .box-content .item.feed a:hover { - color: #36c; - text-decoration: none; + color: #36c; + text-decoration: none; } #overlay { - background: rgba(0, 0, 0, 0.65); + background: rgba(0, 0, 0, 0.65); } #panel { - top: 3rem; - right: 3rem; - bottom: 3rem; - left: 3rem; - border-radius: 3px; + top: 3rem; + right: 3rem; + bottom: 3rem; + left: 3rem; + border-radius: 3px; } /*=== READER VIEW */ /*================*/ #stream.reader .flux { - padding: 0 0 50px; - background: #eff0f2; - color: #303136; - border: none; + padding: 0 0 50px; + background: #eff0f2; + color: #303136; + border: none; } #stream.reader .flux .author { - margin: 0 0 10px; - color: #a6a7ae; - font-size: 90%; + margin: 0 0 10px; + color: #a6a7ae; + font-size: 90%; } /*=== Configuration pages */ .post { - padding: 1rem 2rem; - font-size: 1rem; + padding: 1rem 2rem; + font-size: 1rem; } .post form { - margin: 1rem 0; + margin: 1rem 0; } .post form .horizontal-list { - margin-bottom: 0.5rem; + margin-bottom: 0.5rem; } .post.content { - max-width: 550px; + max-width: 550px; } .post h1, .post h2 { - color: #303136; - font-size: 3rem; - margin-top: 1.75rem; - font-weight: 300; - line-height: 1.2em; + color: #303136; + font-size: 3rem; + margin-top: 1.75rem; + font-weight: 300; + line-height: 1.2em; } .post a[href="./"] { - margin: 0; - padding: 0.75rem 1.5rem; - background: #f9fafb; - display: inline-block; - color: #5b6871; - font-size: 1rem; - border: 1px solid #d5d8db; - border-radius: 5px; - min-width: 15px; - line-height: 25px; - vertical-align: middle; - cursor: pointer; - overflow: hidden; + margin: 0; + padding: 0.75rem 1.5rem; + background: #f9fafb; + display: inline-block; + color: #5b6871; + font-size: 1rem; + border: 1px solid #d5d8db; + border-radius: 5px; + min-width: 15px; + line-height: 25px; + vertical-align: middle; + cursor: pointer; + overflow: hidden; } .post a[href="./"]:hover { - background: #36c; - color: white; - border: 1px solid #36c; - text-decoration: none; + background: #36c; + color: white; + border: 1px solid #36c; + text-decoration: none; } #slider { - border-left: none; - box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); + border-left: none; + box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); } .slide-container .properties { - padding: 1rem; - background: rgba(0, 0, 0, 0.75); - color: white; - border: 0; + padding: 1rem; + background: rgba(0, 0, 0, 0.75); + color: white; + border: 0; } .slide-container .properties .page-number { - right: 1rem; - top: 1rem; + right: 1rem; + top: 1rem; } /*=== LOGS */ /*=========*/ .loglist { - overflow: hidden; - border: 1px solid #a6a7ae; + overflow: hidden; + border: 1px solid #a6a7ae; } .log { - margin: 10px 0; - padding: 5px 2%; - background: #f9fafb; - color: #5b6871; - font-size: 0.8rem; - overflow: auto; + margin: 10px 0; + padding: 5px 2%; + background: #f9fafb; + color: #5b6871; + font-size: 0.8rem; + overflow: auto; } .log > .date { - margin: 0 10px 0 0; - padding: 5px 10px; - border-radius: 20px; + margin: 0 10px 0 0; + padding: 5px 10px; + border-radius: 20px; } .log.error > .date { - background: #f5633e; - color: #fff; + background: #f5633e; + color: #fff; } .log.warning > .date { - background: #f4f762; + background: #f4f762; } .log.notice > .date { - background: #eff0f2; + background: #eff0f2; } .log.debug > .date { - background: #1d1e22; - color: #fff; + background: #1d1e22; + color: #fff; } /*=== STATISTICS */ /*===============*/ .stat { - margin: 10px 0 20px; + margin: 10px 0 20px; } .stat th, .stat td, .stat tr { - border: none; + border: none; } .stat > table td, .stat > table th { - border-bottom: 1px solid #d5d8db; + border-bottom: 1px solid #d5d8db; } .stat > .horizontal-list { - margin: 0 0 5px; + margin: 0 0 5px; } .stat > .horizontal-list .item { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .stat > .horizontal-list .item:first-child { - width: 270px; + width: 270px; } /*=== MOBILE */ /*===========*/ @media (max-width: 840px) { - ul.nav .item { - width: 100%; - } - ul.nav .item img { - display: none; - } - ul.nav .item a { - box-sizing: border-box; - padding: 1rem 1rem 1rem 2.5rem; - background: url("../../themes/icons/logout.svg") no-repeat #17181a 3% center; - display: inline-block; - width: 100%; - color: #fff; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - } - ul.nav .item a:hover, ul.nav .item a:active { - background: url("../../themes/icons/logout.svg") no-repeat #f5633e 3% center; - text-decoration: none; - } - - .form-group .group-name { - text-align: left; - } - - .box .box-title .configure, + ul.nav .item { + width: 100%; + } + ul.nav .item img { + display: none; + } + ul.nav .item a { + box-sizing: border-box; + padding: 1rem 1rem 1rem 2.5rem; + background: url("../../themes/icons/logout.svg") no-repeat #17181a 3% center; + display: inline-block; + width: 100%; + color: #fff; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + } + ul.nav .item a:hover, ul.nav .item a:active { + background: url("../../themes/icons/logout.svg") no-repeat #f5633e 3% center; + text-decoration: none; + } + + .form-group .group-name { + text-align: left; + } + + .box .box-title .configure, .box .box-content .item .configure { - visibility: visible; - } - - .aside { - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - } - .aside.aside_feed { - padding: 0; - } - .aside .tree .tree-folder .tree-folder-items .item a { - padding: 0.5rem 1rem; - } - - .aside .toggle_aside, + visibility: visible; + } + + .aside { + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + } + .aside.aside_feed { + padding: 0; + } + .aside .tree .tree-folder .tree-folder-items .item a { + padding: 0.5rem 1rem; + } + + .aside .toggle_aside, #panel .close, #close-slider.active { - background: #25c; - display: block; - width: 100%; - height: 50px; - line-height: 50px; - text-align: center; - } - - .header { - padding: 0.5rem; - } - .header .item.title { - display: none; - } - .header .item.search { - display: block; - } - .header .item.search .stick { - display: flex; - } - .header .item.search input { - width: 90%; - height: 3.5rem; - } - .header .item.search input:focus { - width: 100%; - } - .header .item.search .btn { - min-height: 49px; - padding: 0.5rem 2rem; - } - .header .item.configure { - display: none; - } - - .post { - padding-left: 1rem; - padding-right: 1rem; - } - - .nav_menu .btn { - margin: 0; - padding: 0.85rem 1.25rem; - } - .nav_menu .stick { - margin: 0.5rem 0.5rem; - } - .nav_menu .stick .btn { - margin: 0; - padding: 0.85rem 1.25rem; - } - .nav_menu .stick .btn.read_all { - padding: 0.85rem 1.25rem; - } - .nav_menu .search { - display: none; - max-width: 97%; - } - .nav_menu .search .input { - max-width: 97%; - width: 90px; - } - .nav_menu .search .input:focus { - width: 400px; - } - - #stream .flux .flux_header { - padding: 0.5rem 0; - } - - .day { - text-align: center; - padding: 1rem 0; - } - .day .name { - padding: 0; - display: block; - width: 100%; - line-height: 1.5rem; - margin-bottom: 1rem; - } - - .pagination { - margin: 0 0 3.5em; - } - - #nav_entries { - line-height: 4.5rem; - } - - .notification { - border-radius: 0; - } - .notification a.close { - background: transparent; - display: block; - left: 0; - } - .notification a.close:hover { - opacity: 0.5; - } - .notification a.close .icon { - display: none; - } + background: #25c; + display: block; + width: 100%; + height: 50px; + line-height: 50px; + text-align: center; + } + + .header { + padding: 0.5rem; + } + .header .item.title { + display: none; + } + .header .item.search { + display: block; + } + .header .item.search .stick { + display: flex; + } + .header .item.search input { + width: 90%; + height: 3.5rem; + } + .header .item.search input:focus { + width: 100%; + } + .header .item.search .btn { + min-height: 49px; + padding: 0.5rem 2rem; + } + .header .item.configure { + display: none; + } + + .post { + padding-left: 1rem; + padding-right: 1rem; + } + + .nav_menu .btn { + margin: 0; + padding: 0.85rem 1.25rem; + } + .nav_menu .stick { + margin: 0.5rem 0.5rem; + } + .nav_menu .stick .btn { + margin: 0; + padding: 0.85rem 1.25rem; + } + .nav_menu .stick .btn.read_all { + padding: 0.85rem 1.25rem; + } + .nav_menu .search { + display: none; + max-width: 97%; + } + .nav_menu .search .input { + max-width: 97%; + width: 90px; + } + .nav_menu .search .input:focus { + width: 400px; + } + + #stream .flux .flux_header { + padding: 0.5rem 0; + } + + .day { + text-align: center; + padding: 1rem 0; + } + .day .name { + padding: 0; + display: block; + width: 100%; + line-height: 1.5rem; + margin-bottom: 1rem; + } + + .pagination { + margin: 0 0 3.5em; + } + + #nav_entries { + line-height: 4.5rem; + } + + .notification { + border-radius: 0; + } + .notification a.close { + background: transparent; + display: block; + left: 0; + } + .notification a.close:hover { + opacity: 0.5; + } + .notification a.close .icon { + display: none; + } } /*=== GENERAL */ /*============*/ html, body { - background: #eff0f2; - height: 100%; - font-family: "lato", "Helvetica", "Arial", sans-serif; - font-size: 0.875rem; + background: #eff0f2; + height: 100%; + font-family: "lato", "Helvetica", "Arial", sans-serif; + font-size: 0.875rem; } /*=== Links */ a, button.as-link { - outline: none; - color: #36c; + outline: none; + color: #36c; } /*# sourceMappingURL=mapco.css.map */ diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index e59728f55..44e793ee9 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -1,217 +1,217 @@ @font-face { - font-family: "lato"; - font-style: normal; - font-stretch: normal; - font-weight: 400; - src: local("Lato"), url("../fonts/LatoLatin-Regular.woff") format("woff"); + font-family: "lato"; + font-style: normal; + font-stretch: normal; + font-weight: 400; + src: local("Lato"), url("../fonts/LatoLatin-Regular.woff") format("woff"); } @font-face { - font-family: "lato"; - font-style: italic; - font-stretch: normal; - font-weight: 400; - src: local("Lato"), url("../fonts/LatoLatin-Italic.woff") format("woff"); + font-family: "lato"; + font-style: italic; + font-stretch: normal; + font-weight: 400; + src: local("Lato"), url("../fonts/LatoLatin-Italic.woff") format("woff"); } @font-face { - font-family: "lato"; - font-style: normal; - font-stretch: normal; - font-weight: 700; - src: local("Lato"), url("../fonts/LatoLatin-Bold.woff") format("woff"); + font-family: "lato"; + font-style: normal; + font-stretch: normal; + font-weight: 700; + src: local("Lato"), url("../fonts/LatoLatin-Bold.woff") format("woff"); } @font-face { - font-family: "lato"; - font-style: italic; - font-stretch: normal; - font-weight: 700; - src: local("Lato"), url("../fonts/LatoLatin-BoldItalic.woff") format("woff"); + font-family: "lato"; + font-style: italic; + font-stretch: normal; + font-weight: 700; + src: local("Lato"), url("../fonts/LatoLatin-BoldItalic.woff") format("woff"); } @font-face { - font-family: "spectral"; - font-style: normal; - font-stretch: normal; - font-weight: 400; - src: local("Spectral"), url("../fonts/Spectral-Regular.woff") format("woff"); + font-family: "spectral"; + font-style: normal; + font-stretch: normal; + font-weight: 400; + src: local("Spectral"), url("../fonts/Spectral-Regular.woff") format("woff"); } @font-face { - font-family: "spectral"; - font-style: italic; - font-stretch: normal; - font-weight: 400; - src: local("Spectral"), url("../fonts/Spectral-Italic.woff") format("woff"); + font-family: "spectral"; + font-style: italic; + font-stretch: normal; + font-weight: 400; + src: local("Spectral"), url("../fonts/Spectral-Italic.woff") format("woff"); } @font-face { - font-family: "spectral"; - font-style: normal; - font-stretch: normal; - font-weight: 700; - src: local("Spectral"), url("../fonts/Spectral-Bold.woff") format("woff"); + font-family: "spectral"; + font-style: normal; + font-stretch: normal; + font-weight: 700; + src: local("Spectral"), url("../fonts/Spectral-Bold.woff") format("woff"); } @font-face { - font-family: "spectral"; - font-style: italic; - font-stretch: normal; - font-weight: 700; - src: local("Spectral"), url("../fonts/Spectral-BoldItalic.woff") format("woff"); + font-family: "spectral"; + font-style: italic; + font-stretch: normal; + font-weight: 700; + src: local("Spectral"), url("../fonts/Spectral-BoldItalic.woff") format("woff"); } /* stylelint-disable property-no-vendor-prefix */ /* FUNCTIONS */ /* btns */ .btn { - margin: 0; - padding: 0.5rem 1.5rem; - background: #f9fafb; - display: inline-block; - color: #5b6871; - font-size: 1rem; - border: none; - border-radius: 5px; - min-height: 38px; - min-width: 15px; - line-height: 25px; - vertical-align: middle; - cursor: pointer; - overflow: hidden; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - -ms-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + margin: 0; + padding: 0.5rem 1.5rem; + background: #f9fafb; + display: inline-block; + color: #5b6871; + font-size: 1rem; + border: none; + border-radius: 5px; + min-height: 38px; + min-width: 15px; + line-height: 25px; + vertical-align: middle; + cursor: pointer; + overflow: hidden; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + -ms-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .btn.btn-important { - background: #36c; - color: #fff; + background: #36c; + color: #fff; } .btn.btn-important:hover, .btn.btn-important:active { - background: #25c; + background: #25c; } .btn.btn-attention { - background: #f5633e; - color: #fff; + background: #f5633e; + color: #fff; } .btn.btn-attention:hover, .btn.btn-attention:active { - background: #73341f; + background: #73341f; } .btn:hover { - text-decoration: none; + text-decoration: none; } a.btn { - min-height: 25px; - line-height: 25px; + min-height: 25px; + line-height: 25px; } /*=== Forms */ legend { - margin: 2rem 0 1rem 0; - padding: 0; - display: inline-block; - width: auto; - font-size: 1rem; - clear: both; - text-transform: uppercase; - letter-spacing: 1px; - font-weight: 700; + margin: 2rem 0 1rem 0; + padding: 0; + display: inline-block; + width: auto; + font-size: 1rem; + clear: both; + text-transform: uppercase; + letter-spacing: 1px; + font-weight: 700; } label { - min-height: 25px; - padding: 5px 0; - cursor: pointer; - color: #5b6871; + min-height: 25px; + padding: 5px 0; + cursor: pointer; + color: #5b6871; } textarea { - width: 360px; - max-width: 100%; - height: 100px; + width: 360px; + max-width: 100%; + height: 100px; } input, select, textarea, button { - padding: 5px 10px; - background: #fff; - color: #5b6871; - font-family: "lato", "Helvetica", "Arial", sans-serif; - font-size: 1rem; - border: 1px solid #eff0f2; - border-radius: 2px; - min-height: 25px; - line-height: 25px; - vertical-align: middle; + padding: 5px 10px; + background: #fff; + color: #5b6871; + font-family: "lato", "Helvetica", "Arial", sans-serif; + font-size: 1rem; + border: 1px solid #eff0f2; + border-radius: 2px; + min-height: 25px; + line-height: 25px; + vertical-align: middle; } option { - padding: 0 0.5em; + padding: 0 0.5em; } input:focus, select:focus, textarea:focus { - color: #303136; - border-color: #36c; + color: #303136; + border-color: #36c; } input:invalid, select:invalid { - color: #f5633e; - border-color: #f5633e; - box-shadow: none; + color: #f5633e; + border-color: #f5633e; + box-shadow: none; } input:disabled, select:disabled { - background: #eff0f2; + background: #eff0f2; } input.extend { - transition: width 200ms linear; + transition: width 200ms linear; } .form-group { - padding: 5px; - border-radius: 3px; + padding: 5px; + border-radius: 3px; } .form-group::after { - content: ""; - display: block; - clear: both; + content: ""; + display: block; + clear: both; } .form-group .group-name { - padding: 10px 0; - text-align: left; + padding: 10px 0; + text-align: left; } .form-group .group-controls { - min-height: 25px; - padding: 5px 0; + min-height: 25px; + padding: 5px 0; } .form-group .group-controls .control { - line-height: 2em; + line-height: 2em; } .form-group table { - margin: 10px 220px 0 0; + margin: 10px 220px 0 0; } .form-group.form-actions { - margin: 15px 0 25px; - padding: 5px 0; + margin: 15px 0 25px; + padding: 5px 0; } .form-group.form-actions .btn { - margin: 0 0 0 0.5rem; + margin: 0 0 0 0.5rem; } /*=== Tables */ table { - border-collapse: collapse; + border-collapse: collapse; } tr, th, td { - padding: 0.5em; - border: 1px solid #d5d8db; + padding: 0.5em; + border: 1px solid #d5d8db; } th { - background: #f9fafb; + background: #f9fafb; } form td, form th { - font-weight: normal; - text-align: center; + font-weight: normal; + text-align: center; } /*=== COMPONENTS */ @@ -219,424 +219,424 @@ form th { /*=== Forms */ /*=== Horizontal-list */ .horizontal-list { - margin: 0; - padding: 0.1rem 0; + margin: 0; + padding: 0.1rem 0; } .horizontal-list .item { - vertical-align: middle; + vertical-align: middle; } .horizontal-list .item:first-child { - padding-right: 0.5rem; + padding-right: 0.5rem; } /*=== Dropdown */ .dropdown-menu { - margin: 0; - padding: 0.5rem 0 1rem 0; - background: #f9fafb; - font-size: 1rem; - border: none; - border-radius: 3px; - box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); - text-align: right; + margin: 0; + padding: 0.5rem 0 1rem 0; + background: #f9fafb; + font-size: 1rem; + border: none; + border-radius: 3px; + box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); + text-align: right; } .dropdown-menu::after { - background: white; - width: 10px; - height: 10px; - content: ""; - position: absolute; - top: -4px; - left: 13px; - z-index: -10; - transform: rotate(-45deg); + background: white; + width: 10px; + height: 10px; + content: ""; + position: absolute; + top: -4px; + left: 13px; + z-index: -10; + transform: rotate(-45deg); } .dropdown-menu .dropdown-header { - margin: 1.75rem 2rem 0.5rem 0; - font-weight: bold; - text-align: right; - color: #5b6871; - text-transform: uppercase; - letter-spacing: 1px; + margin: 1.75rem 2rem 0.5rem 0; + font-weight: bold; + text-align: right; + color: #5b6871; + text-transform: uppercase; + letter-spacing: 1px; } .dropdown-menu .item { - -webkit-transition: all 0.075s ease-in-out; - -moz-transition: all 0.075s ease-in-out; - -o-transition: all 0.075s ease-in-out; - -ms-transition: all 0.075s ease-in-out; - transition: all 0.075s ease-in-out; + -webkit-transition: all 0.075s ease-in-out; + -moz-transition: all 0.075s ease-in-out; + -o-transition: all 0.075s ease-in-out; + -ms-transition: all 0.075s ease-in-out; + transition: all 0.075s ease-in-out; } .dropdown-menu .item a, .dropdown-menu .item span, .dropdown-menu .item .as-link { - padding: 0 2rem; - color: #303136; - font-size: 1rem; - line-height: 2.5em; + padding: 0 2rem; + color: #303136; + font-size: 1rem; + line-height: 2.5em; } .dropdown-menu .item:hover { - background: #36c; - color: #fff; + background: #36c; + color: #fff; } .dropdown-menu .item:hover a, .dropdown-menu .item:hover button { - text-decoration: none; - color: #fff; + text-decoration: none; + color: #fff; } .dropdown-menu .item[aria-checked=true] a::before { - margin: 0 -14px 0 0; - font-weight: bold; + margin: 0 -14px 0 0; + font-weight: bold; } .dropdown-menu .input select, .dropdown-menu .input input { - margin: 0 auto 5px; - padding: 2px 5px; - border-radius: 3px; + margin: 0 auto 5px; + padding: 2px 5px; + border-radius: 3px; } .dropdown-menu .separator { - margin: 0.75rem 0; - border-bottom: 1px solid #eff0f2; + margin: 0.75rem 0; + border-bottom: 1px solid #eff0f2; } .tree .tree-folder .tree-folder-items .dropdown-menu .item { - padding: 0; + padding: 0; } .tree .tree-folder .tree-folder-items .dropdown-menu .item a, .tree .tree-folder .tree-folder-items .dropdown-menu .item button { - color: #303136; + color: #303136; } .tree .tree-folder .tree-folder-items .dropdown-menu .item a:hover, .tree .tree-folder .tree-folder-items .dropdown-menu .item button:hover { - color: #fff; + color: #fff; } .tree .tree-folder .tree-folder-items .dropdown-menu .item:hover { - background: #36c; + background: #36c; } /*=== Alerts */ .alert { - margin: 1rem 0; - padding: 1rem; - background: #f9fafb; - color: #5b6871; - font-size: 1rem; - border: 1px solid #c5ced3; - border-radius: 3px; - text-shadow: 0 0 1px #eff0f2; + margin: 1rem 0; + padding: 1rem; + background: #f9fafb; + color: #5b6871; + font-size: 1rem; + border: 1px solid #c5ced3; + border-radius: 3px; + text-shadow: 0 0 1px #eff0f2; } .alert-head { - font-size: 1.15em; + font-size: 1.15em; } .alert > a { - text-decoration: underline; - color: inherit; + text-decoration: underline; + color: inherit; } .alert-warn { - background: #fdfde0; - color: #73762f; - border: 1px solid #73762f33; + background: #fdfde0; + color: #73762f; + border: 1px solid #73762f33; } .alert-success { - background: #cffde7; - color: #0c7540; - border: 1px solid #0c754033; + background: #cffde7; + color: #0c7540; + border: 1px solid #0c754033; } .alert-error { - background: #fde0d8; - color: #73341f; - border: 1px solid #73341f33; + background: #fde0d8; + color: #73341f; + border: 1px solid #73341f33; } /*=== Pagination */ .pagination { - background: #eff0f2; - color: #303136; - font-size: 0.8em; - text-align: center; + background: #eff0f2; + color: #303136; + font-size: 0.8em; + text-align: center; } .pagination .item.pager-current { - background: #303136; - color: #eff0f2; - font-size: 1.5em; - font-weight: bold; + background: #303136; + color: #eff0f2; + font-size: 1.5em; + font-weight: bold; } .pagination .item a { - display: block; - color: #303136; - font-style: italic; - line-height: 3em; - text-decoration: none; + display: block; + color: #303136; + font-style: italic; + line-height: 3em; + text-decoration: none; } .pagination .item a:hover { - background: #303136; - color: #eff0f2; + background: #303136; + color: #eff0f2; } .pagination .loading, .pagination a:hover.loading { - background: url("loader.gif") center center no-repeat #34495e; - font-size: 0; + background: url("loader.gif") center center no-repeat #34495e; + font-size: 0; } .content .pagination { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } /*=== Boxes */ .box { - background: #fff; - border: none; - border-radius: 3px; - box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); + background: #fff; + border: none; + border-radius: 3px; + box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.25); } .box .box-title { - margin: 0; - padding: 5px 10px; - background: #eff0f2; - color: #303136; - border-radius: 2px 2px 0 0; + margin: 0; + padding: 5px 10px; + background: #eff0f2; + color: #303136; + border-radius: 2px 2px 0 0; } .box .box-title img { - margin-left: 0.75rem; + margin-left: 0.75rem; } .box .box-title:hover .configure { - background: url("icons/cog.svg") no-repeat 4px 4px; - display: block; - float: right; - width: 1.75rem; - height: 1.75rem; - border-radius: 2px; - visibility: visible; - margin-left: 0.5rem; + background: url("icons/cog.svg") no-repeat 4px 4px; + display: block; + float: right; + width: 1.75rem; + height: 1.75rem; + border-radius: 2px; + visibility: visible; + margin-left: 0.5rem; } .box .box-title:hover .configure .icon { - display: none; - border-radius: 3px; - vertical-align: middle; + display: none; + border-radius: 3px; + vertical-align: middle; } .box .box-title:hover .configure:hover { - background: url("icons/cog-white.svg") no-repeat 4px 4px #36c; + background: url("icons/cog-white.svg") no-repeat 4px 4px #36c; } .box .box-title .configure { - visibility: hidden; + visibility: hidden; } .box .box-title form input { - width: 85%; + width: 85%; } .box .box-title form .dropdown { - float: left; + float: left; } .box .box-title form .dropdown a.dropdown-toggle { - padding: 0; - border-radius: 0; - background-image: url(icons/more.svg); - background-repeat: no-repeat; - background-position: left 8px; + padding: 0; + border-radius: 0; + background-image: url(icons/more.svg); + background-repeat: no-repeat; + background-position: left 8px; } .box .box-title form .dropdown a.dropdown-toggle img { - display: none; + display: none; } .box .box-content .item { - padding: 0.5rem 0.75rem; - color: #303136; - font-size: 1rem; - border-bottom: 1px solid #eff0f2; - line-height: 1.7em; + padding: 0.5rem 0.75rem; + color: #303136; + font-size: 1rem; + border-bottom: 1px solid #eff0f2; + line-height: 1.7em; } .box .box-content .item img { - margin-left: 0.75rem; + margin-left: 0.75rem; } .box .box-content .item .configure { - background: url("icons/cog.svg") no-repeat 4px 4px; - display: block; - float: right; - width: 1.75rem; - height: 1.75rem; - border-radius: 2px; - visibility: hidden; - margin-left: 0.5rem; + background: url("icons/cog.svg") no-repeat 4px 4px; + display: block; + float: right; + width: 1.75rem; + height: 1.75rem; + border-radius: 2px; + visibility: hidden; + margin-left: 0.5rem; } .box .box-content .item .configure .icon { - display: none; - border-radius: 3px; - vertical-align: middle; + display: none; + border-radius: 3px; + vertical-align: middle; } .box .box-content .item .configure:hover { - background: url("icons/cog-white.svg") no-repeat 4px 4px #36c; + background: url("icons/cog-white.svg") no-repeat 4px 4px #36c; } .box .box-content .item:hover .configure { - visibility: visible; + visibility: visible; } .box .box-content .item:last-child { - border-bottom: none; + border-bottom: none; } /*=== "Load more" part */ #bigMarkAsRead { - text-align: center; - text-decoration: none; - background: #effcfd; - color: #36c; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - -ms-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + text-align: center; + text-decoration: none; + background: #effcfd; + color: #36c; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + -ms-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } #bigMarkAsRead:hover { - background: #36c; - color: #fff; + background: #36c; + color: #fff; } #bigMarkAsRead:hover .bigTick { - background: url(icons/tick-white.svg) center no-repeat; + background: url(icons/tick-white.svg) center no-repeat; } #bigMarkAsRead .bigTick { - margin: 0.5rem 0; - background: url(icons/tick-color.svg) center no-repeat; - display: inline-block; - width: 64px; - height: 64px; - text-indent: -9999px; - white-space: nowrap; + margin: 0.5rem 0; + background: url(icons/tick-color.svg) center no-repeat; + display: inline-block; + width: 64px; + height: 64px; + text-indent: -9999px; + white-space: nowrap; } .formLogin { - background: #303136; + background: #303136; } .formLogin .header .configure { - padding-left: 1rem; + padding-left: 1rem; } .formLogin .header .configure img { - margin-left: 0.5rem; + margin-left: 0.5rem; } .formLogin .header .configure a.signin { - color: #fff; + color: #fff; } .formLogin h1 { - color: #fff; + color: #fff; } .formLogin form#crypto-form div { - margin-bottom: 1rem; + margin-bottom: 1rem; } .formLogin form#crypto-form div label { - color: #c5ced3; - font-size: 1rem; + color: #c5ced3; + font-size: 1rem; } .formLogin form#crypto-form div input { - background: #1d1e22; + background: #1d1e22; } .formLogin form#crypto-form div input:focus { - background: #f9fafb; - color: #303136; + background: #f9fafb; + color: #303136; } /*=== DIVERS */ /*===========*/ .aside.aside_feed .nav-form input, .aside.aside_feed .nav-form select { - width: 140px; + width: 140px; } .aside.aside_feed .nav-form .dropdown .dropdown-menu { - left: -20px; + left: -20px; } .aside.aside_feed .nav-form .dropdown .dropdown-menu::after { - left: 33px; + left: 33px; } /*=== Tree */ .tree { - margin: 10px 0; + margin: 10px 0; } .tree#sidebar { - scrollbar-color: rgba(255, 255, 0, 0.1) rgba(0, 0, 0, 0.05); - scrollbar-color: #fff33 #fff22; + scrollbar-color: rgba(255, 255, 0, 0.1) rgba(0, 0, 0, 0.05); + scrollbar-color: #fff33 #fff22; } .tree .tree-folder { - border-bottom: 1px solid #3f3f3f; + border-bottom: 1px solid #3f3f3f; } .tree .tree-folder .tree-folder-title { - padding: 12px 16px; - background: #303136; - position: relative; - font-size: 0.85rem; - letter-spacing: 1px; - font-weight: 700; - text-transform: uppercase; + padding: 12px 16px; + background: #303136; + position: relative; + font-size: 0.85rem; + letter-spacing: 1px; + font-weight: 700; + text-transform: uppercase; } .tree .tree-folder .tree-folder-title .title { - background: inherit; - color: #fff; + background: inherit; + color: #fff; } .tree .tree-folder .tree-folder-title .title:hover { - text-decoration: none; + text-decoration: none; } .tree .tree-folder.active .tree-folder-title { - background: #303136; - font-weight: bold; + background: #303136; + font-weight: bold; } .tree .tree-folder .tree-folder-items { - background: #26272a; + background: #26272a; } .tree .tree-folder .tree-folder-items .item { - padding: 0 1rem; - line-height: 2.5rem; - font-size: 1rem; - font-weight: 400; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - -ms-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + padding: 0 1rem; + line-height: 2.5rem; + font-size: 1rem; + font-weight: 400; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + -ms-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .tree .tree-folder .tree-folder-items .item.active { - background: #36c; + background: #36c; } .tree .tree-folder .tree-folder-items .item.active .dropdown li a { - color: #303136; + color: #303136; } .tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover { - color: #fff; + color: #fff; } .tree .tree-folder .tree-folder-items .item.active a { - color: #fff; + color: #fff; } .tree .tree-folder .tree-folder-items .item:hover { - background: #17181a; + background: #17181a; } .tree .tree-folder .tree-folder-items .item a { - text-decoration: none; - color: #fff; + text-decoration: none; + color: #fff; } .tree .tree-folder .tree-folder-items .feed .item-title:not([data-unread="0"])::before { - margin: 11px 4px 0 6px; - padding: 3px 4px; - background: rgba(0, 0, 0, 0.25); - display: block; - float: right; - font-size: 0.75rem; - border-radius: 12px; - content: attr(data-unread); - text-align: center; - line-height: 0.75rem; + margin: 11px 4px 0 6px; + padding: 3px 4px; + background: rgba(0, 0, 0, 0.25); + display: block; + float: right; + font-size: 0.75rem; + border-radius: 12px; + content: attr(data-unread); + text-align: center; + line-height: 0.75rem; } /*=== Buttons */ .stick { - vertical-align: middle; - font-size: 0; + vertical-align: middle; + font-size: 0; } .stick input, .stick .btn { - border-radius: 0; + border-radius: 0; } .stick .btn:first-child, .stick input:first-child { - border-radius: 0 5px 5px 0; + border-radius: 0 5px 5px 0; } .stick .btn:last-child, .stick input:last-child, .stick .btn + .dropdown > .btn { - border-radius: 5px 0 0 5px; + border-radius: 5px 0 0 5px; } .stick .btn + .btn, .stick .btn + input, @@ -647,986 +647,986 @@ form th { .stick .dropdown + .btn, .stick .dropdown + input, .stick .dropdown + .dropdown > .btn { - border-right: 1px solid #d5d8db; + border-right: 1px solid #d5d8db; } .aside { - background: #303136; + background: #303136; } .aside.aside_feed { - padding: 10px 0; - text-align: center; - background: #303136; + padding: 10px 0; + text-align: center; + background: #303136; } .aside.aside_feed .tree { - margin: 10px 0 50px; + margin: 10px 0 50px; } /* Sidebar des pages de configuration */ /*=== Navigation */ .nav-list .nav-header, .nav-list .item { - height: 2.5em; - line-height: 2.5em; - font-size: 1rem; + height: 2.5em; + line-height: 2.5em; + font-size: 1rem; } .nav-list .item { - background: #303136; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - -ms-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + background: #303136; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + -ms-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .nav-list .item a { - padding: 0 1rem; - color: #fff; + padding: 0 1rem; + color: #fff; } .nav-list .item .error a { - color: #f5633e; + color: #f5633e; } .nav-list .item:hover { - background: #17181a; - color: #fff; + background: #17181a; + color: #fff; } .nav-list .item:hover .error a { - background: #36c; - color: #fff; + background: #36c; + color: #fff; } .nav-list .item:hover .empty a { - background: #f4f762; - color: #fff; + background: #f4f762; + color: #fff; } .nav-list .item:hover a { - color: #fff; - text-decoration: none; + color: #fff; + text-decoration: none; } .nav-list .item.active { - background: #36c; - color: #fff; + background: #36c; + color: #fff; } .nav-list .item.active .error a { - background: #36c; - color: #fff; + background: #36c; + color: #fff; } .nav-list .item.active .empty a { - background: #f4f762; - color: #fff; + background: #f4f762; + color: #fff; } .nav-list .item.active a { - color: #fff; - text-decoration: none; + color: #fff; + text-decoration: none; } .nav-list.empty a { - color: #f4f762; + color: #f4f762; } .nav-list .disable { - text-align: center; - background: #f9fafb; - color: #a6a7ae; + text-align: center; + background: #f9fafb; + color: #a6a7ae; } .nav-list .nav-header { - padding: 0 10px; - font-weight: bold; - color: #5b6871; - text-transform: uppercase; - letter-spacing: 1px; - margin-top: 1rem; + padding: 0 10px; + font-weight: bold; + color: #5b6871; + text-transform: uppercase; + letter-spacing: 1px; + margin-top: 1rem; } .nav-list .nav-form { - padding: 3px; - text-align: center; + padding: 3px; + text-align: center; } .nav-list .nav-head { - margin: 0; - text-align: left; - color: #fff; + margin: 0; + text-align: left; + color: #fff; } .nav-list .nav-head a { - color: #fff; + color: #fff; } .nav-list .nav-head .item { - padding: 5px 10px; - font-size: 0.9rem; - line-height: 1.5rem; + padding: 5px 10px; + font-size: 0.9rem; + line-height: 1.5rem; } /*=== Aside main page (categories) */ .aside_feed .tree-folder-title > .title:not([data-unread="0"])::after { - margin: -0.5rem 0 0 1rem; - padding: 0 0.75rem; - background: rgba(0, 0, 0, 0.25); - border-radius: 12px; - position: absolute; - left: 0; - line-height: 1.5rem; - text-align: center; + margin: -0.5rem 0 0 1rem; + padding: 0 0.75rem; + background: rgba(0, 0, 0, 0.25); + border-radius: 12px; + position: absolute; + left: 0; + line-height: 1.5rem; + text-align: center; } .feed.item.empty.active { - background: #5b6871; + background: #5b6871; } .feed.item.error.active { - background: #5b6871; + background: #5b6871; } .feed.item.empty, .feed.item.empty > a { - color: #5b6871; + color: #5b6871; } .feed.item.error, .feed.item.error > a { - color: #5b6871; + color: #5b6871; } .feed.item.empty.active, .feed.item.error.active, .feed.item.empty.active > a, .feed.item.error.active > a { - color: #fff; + color: #fff; } .aside_feed .tree-folder-items .dropdown-menu::after { - right: 2px; + right: 2px; } .aside_feed .tree-folder-items .item .dropdown-target:target ~ .dropdown-toggle > .icon, .aside_feed .tree-folder-items .item:hover .dropdown-toggle > .icon, .aside_feed .tree-folder-items .item.active .dropdown-toggle > .icon { - border-radius: 3px; + border-radius: 3px; } .aside_feed .stick #btn-add { - border-right-color: #303136; + border-right-color: #303136; } /*=== STRUCTURE */ /*===============*/ /*=== Header */ .header { - padding: 0.5rem 1.35rem; - background: #303136; - display: block; - width: auto; - table-layout: none; + padding: 0.5rem 1.35rem; + background: #303136; + display: block; + width: auto; + table-layout: none; } .header .item { - vertical-align: middle; + vertical-align: middle; } .header .item.title { - width: 280px; - font-weight: 400; + width: 280px; + font-weight: 400; } .header .item.title h1 a { - text-decoration: none; - color: #fff; - font-size: 1rem; - text-transform: uppercase; - letter-spacing: 1px; + text-decoration: none; + color: #fff; + font-size: 1rem; + text-transform: uppercase; + letter-spacing: 1px; } .header .item.title h1 a img { - margin-left: 0.5rem; + margin-left: 0.5rem; } .header .item.search input { - width: 230px; - color: #fff; - border: none; - border-radius: 0 2px 2px 0; - background-color: #26272a; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - -ms-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + width: 230px; + color: #fff; + border: none; + border-radius: 0 2px 2px 0; + background-color: #26272a; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + -ms-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .header .item.search input:hover { - background-color: #17181a; + background-color: #17181a; } .header .item.search input:focus { - width: 350px; - color: #5b6871; - background-color: #fff; + width: 350px; + color: #5b6871; + background-color: #fff; } .header .item.search .btn { - width: 3rem; - border-radius: 2px 0 0 2px; - background-color: #36c; - background-position: center; - background-repeat: no-repeat; - background-image: url(icons/magnifier.svg); - border-right-width: 0; - min-height: 35px; + width: 3rem; + border-radius: 2px 0 0 2px; + background-color: #36c; + background-position: center; + background-repeat: no-repeat; + background-image: url(icons/magnifier.svg); + border-right-width: 0; + min-height: 35px; } .header .item.search .btn img { - display: none; + display: none; } .header .item.search .btn:hover { - background-color: #25c; + background-color: #25c; } .header .item.configure { - width: 2rem; - position: absolute; - left: 1rem; - top: 1.25rem; - text-align: center; + width: 2rem; + position: absolute; + left: 1rem; + top: 1.25rem; + text-align: center; } .header .item.configure .btn { - padding: 0 0.5rem; - background-color: transparent; - background-position: center; - background-repeat: no-repeat; - background-image: url(icons/cog-white.svg); + padding: 0 0.5rem; + background-color: transparent; + background-position: center; + background-repeat: no-repeat; + background-image: url(icons/cog-white.svg); } .header .item.configure .btn img { - display: none; + display: none; } /*=== Body */ #global { - height: calc(100% - 85px); + height: calc(100% - 85px); } /*=== Prompt (centered) */ .prompt { - text-align: center; + text-align: center; } .prompt label { - text-align: right; + text-align: right; } .prompt form { - margin: 10px auto 20px auto; - width: 200px; + margin: 10px auto 20px auto; + width: 200px; } .prompt input { - margin: 5px auto; - width: 100%; + margin: 5px auto; + width: 100%; } .prompt p { - margin: 20px 0; + margin: 20px 0; } /*=== New article notification */ #new-article { - background: #36c; - font-size: 1rem; - text-align: center; + background: #36c; + font-size: 1rem; + text-align: center; } #new-article:hover { - background: #25c; + background: #25c; } #new-article > a { - line-height: 3em; - font-weight: bold; - color: #fff; + line-height: 3em; + font-weight: bold; + color: #fff; } #new-article > a:hover { - text-decoration: none; + text-decoration: none; } /*=== Day indication */ .day { - padding: 1rem 1.25rem 0 0; - color: #5b6871; - font-size: 0.875rem; - font-weight: 700; - line-height: 3em; - letter-spacing: 1px; - text-transform: uppercase; + padding: 1rem 1.25rem 0 0; + color: #5b6871; + font-size: 0.875rem; + font-weight: 700; + line-height: 3em; + letter-spacing: 1px; + text-transform: uppercase; } .day .name { - padding: 0 1rem 0 1rem; - color: #303136; - font-size: 0.875rem; - position: relative; - right: 0; - text-transform: uppercase; + padding: 0 1rem 0 1rem; + color: #303136; + font-size: 0.875rem; + position: relative; + right: 0; + text-transform: uppercase; } /*=== Index menu */ .nav_menu { - text-align: center; - padding: 5px 0; + text-align: center; + padding: 5px 0; } .nav_menu .btn { - border-right-width: 0; - padding: 0.5rem 1rem; - background-color: #f9fafb; - background-position: center; - background-repeat: no-repeat; + border-right-width: 0; + padding: 0.5rem 1rem; + background-color: #f9fafb; + background-position: center; + background-repeat: no-repeat; } .nav_menu .btn:hover { - background-color: #eff0f2; + background-color: #eff0f2; } .nav_menu .stick { - background: #f9fafb; + background: #f9fafb; } .nav_menu .stick .btn { - border-right-width: 0; - padding: 0.5rem 1rem; - background-color: #f9fafb; - background-position: center; - background-repeat: no-repeat; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - -ms-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + border-right-width: 0; + padding: 0.5rem 1rem; + background-color: #f9fafb; + background-position: center; + background-repeat: no-repeat; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + -ms-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .nav_menu .stick .btn:hover { - background-color: #d5d8db; + background-color: #d5d8db; } .nav_menu .stick .btn.active { - background-color: #36c; + background-color: #36c; } .nav_menu .stick .btn img.icon { - display: none; + display: none; } .nav_menu .stick .btn#toggle-read { - background-image: url(icons/read.svg); + background-image: url(icons/read.svg); } .nav_menu .stick .btn#toggle-read.active { - background-image: url(icons/read-white.svg); + background-image: url(icons/read-white.svg); } .nav_menu .stick .btn#toggle-unread { - background-image: url(icons/unread.svg); + background-image: url(icons/unread.svg); } .nav_menu .stick .btn#toggle-unread.active { - background-image: url(icons/unread-white.svg); + background-image: url(icons/unread-white.svg); } .nav_menu .stick .btn#toggle-starred { - background-image: url(icons/starred.svg); + background-image: url(icons/starred.svg); } .nav_menu .stick .btn#toggle-starred.active { - background-image: url(icons/starred-white.svg); + background-image: url(icons/starred-white.svg); } .nav_menu .stick .btn#toggle-non-starred { - background-image: url(icons/non-starred.svg); + background-image: url(icons/non-starred.svg); } .nav_menu .stick .btn#toggle-non-starred.active { - background-image: url(icons/non-starred-white.svg); + background-image: url(icons/non-starred-white.svg); } .nav_menu .stick .btn.read_all { - padding: 5px 16px; - color: #303136; - background-color: #f9fafb; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - -ms-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + padding: 5px 16px; + color: #303136; + background-color: #f9fafb; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + -ms-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .nav_menu .stick .btn.read_all:hover { - background-color: #d5d8db; + background-color: #d5d8db; } .nav_menu .stick .btn.view-normal { - background-image: url(icons/view-list.svg); + background-image: url(icons/view-list.svg); } .nav_menu .stick .btn.view-normal.active { - background-image: url(icons/view-list-white.svg); + background-image: url(icons/view-list-white.svg); } .nav_menu .stick .btn.view-global { - background-image: url(icons/view-global.svg); + background-image: url(icons/view-global.svg); } .nav_menu .stick .btn.view-global.active { - background-image: url(icons/view-global-white.svg); + background-image: url(icons/view-global-white.svg); } .nav_menu .stick .btn.view-reader { - background-image: url(icons/view-reader.svg); + background-image: url(icons/view-reader.svg); } .nav_menu .stick .btn.view-reader.active { - background-image: url(icons/view-reader-white.svg); + background-image: url(icons/view-reader-white.svg); } .nav_menu .stick .btn.view-rss { - background-image: url(icons/rss.svg); + background-image: url(icons/rss.svg); } .nav_menu .stick .dropdown a.dropdown-toggle { - border-right-width: 0; - background-image: url(icons/more.svg); + border-right-width: 0; + background-image: url(icons/more.svg); } #dropdown-query ~ .dropdown-menu .dropdown-header .icon { - vertical-align: middle; - background-color: #a6a7ae; - border-radius: 3px; + vertical-align: middle; + background-color: #a6a7ae; + border-radius: 3px; } /*=== Content of feed articles */ .content, .content.thin { - padding: 20px 10px; - font-size: 1.125rem; - line-height: 1.8rem; + padding: 20px 10px; + font-size: 1.125rem; + line-height: 1.8rem; } .content h1.title a, .content h1 a, .content.thin h1.title a, .content.thin h1 a { - color: #303136; - font-family: "spectral", serif; - font-size: 2rem; + color: #303136; + font-family: "spectral", serif; + font-size: 2rem; } .content h1.title a:hover, .content h1 a:hover, .content.thin h1.title a:hover, .content.thin h1 a:hover { - color: #36c; - text-decoration: none; + color: #36c; + text-decoration: none; } .content .author, .content.thin .author { - color: #5b6871; - font-size: 1.125rem; + color: #5b6871; + font-size: 1.125rem; } .content p, .content ul, .content.thin p, .content.thin ul { - font-size: 1.125rem; - line-height: 1.8rem; + font-size: 1.125rem; + line-height: 1.8rem; } .content .content hr, .content.thin .content hr { - margin: 30px 10px; - background: #d5d8db; - height: 1px; - border: 0; - box-shadow: 0 2px 5px #ccc; + margin: 30px 10px; + background: #d5d8db; + height: 1px; + border: 0; + box-shadow: 0 2px 5px #ccc; } .content pre, .content.thin pre { - margin: 10px auto; - padding: 10px 20px; - overflow: auto; - background: #1d1e22; - color: #fff; - font-size: 0.9rem; - border-radius: 3px; + margin: 10px auto; + padding: 10px 20px; + overflow: auto; + background: #1d1e22; + color: #fff; + font-size: 0.9rem; + border-radius: 3px; } .content pre code, .content.thin pre code { - background: transparent; - color: #fff; - border: none; + background: transparent; + color: #fff; + border: none; } .content code, .content.thin code { - padding: 2px 5px; - background: #f9fafb; - color: #eff0f2; - border: 1px solid #eff0f2; - border-radius: 3px; + padding: 2px 5px; + background: #f9fafb; + color: #eff0f2; + border: 1px solid #eff0f2; + border-radius: 3px; } .content blockquote, .content.thin blockquote { - margin: 0; - padding: 5px 20px; - background: #f9fafb; - display: block; - color: #303136; - border-top: 1px solid #d5d8db; - border-bottom: 1px solid #d5d8db; + margin: 0; + padding: 5px 20px; + background: #f9fafb; + display: block; + color: #303136; + border-top: 1px solid #d5d8db; + border-bottom: 1px solid #d5d8db; } .content blockquote p, .content.thin blockquote p { - margin: 0; + margin: 0; } /*=== Notification and actualize notification */ .notification { - padding: 1rem 0; - background: #d5d8db; - width: 100%; - height: 3rem; - color: #5b6871; - font-size: 1em; - border: none; - position: fixed; - top: auto; - bottom: 0; - right: 0; - left: 0; - text-align: center; - line-height: 3em; - z-index: 10; - vertical-align: middle; + padding: 1rem 0; + background: #d5d8db; + width: 100%; + height: 3rem; + color: #5b6871; + font-size: 1em; + border: none; + position: fixed; + top: auto; + bottom: 0; + right: 0; + left: 0; + text-align: center; + line-height: 3em; + z-index: 10; + vertical-align: middle; } .notification .msg { - display: inline-block; - font-size: 1rem; + display: inline-block; + font-size: 1rem; } .notification.good { - background: #10f587; - color: #fff; + background: #10f587; + color: #fff; } .notification.bad { - background: #f5633e; - color: #fff; + background: #f5633e; + color: #fff; } .notification a.close { - padding: 0 15px; - border-radius: 3px 0 0 3px; - line-height: 3em; + padding: 0 15px; + border-radius: 3px 0 0 3px; + line-height: 3em; } .notification.good a.close:hover { - background: #0c7540; + background: #0c7540; } .notification.bad a.close:hover { - background: #73341f; + background: #73341f; } .notification#actualizeProgress { - line-height: 2em; + line-height: 2em; } .notification#actualizeProgress br { - display: none; + display: none; } /*=== Navigation menu (for articles) */ #nav_entries { - margin: 0; - text-align: center; - line-height: 3em; - table-layout: fixed; - background: #303136; + margin: 0; + text-align: center; + line-height: 3em; + table-layout: fixed; + background: #303136; } /*=== Feed articles */ .flux { - background: #fff; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - -ms-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + background: #fff; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + -ms-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .flux:hover { - background: #f9fafb; + background: #f9fafb; } .flux:hover:not(.current):hover .item.title { - background: #f9fafb; + background: #f9fafb; } .flux.current { - background: #f9fafb; - border-right-color: #36c; + background: #f9fafb; + border-right-color: #36c; } .flux.not_read:not(.current) { - background: #f2f6f8; + background: #f2f6f8; } .flux.not_read:not(.current):hover .item.title { - background: #f2f6f8; + background: #f2f6f8; } .flux.not_read .item.title a { - color: #36c; + color: #36c; } .flux.not_read .item.website a { - color: #36c; + color: #36c; } .flux.not_read .item.date { - color: rgba(51, 102, 204, 0.5); + color: rgba(51, 102, 204, 0.5); } .flux.favorite { - border-right-color: #ffc300; - -webkit-transition: all 0.15s ease-in-out; - -moz-transition: all 0.15s ease-in-out; - -o-transition: all 0.15s ease-in-out; - -ms-transition: all 0.15s ease-in-out; - transition: all 0.15s ease-in-out; + border-right-color: #ffc300; + -webkit-transition: all 0.15s ease-in-out; + -moz-transition: all 0.15s ease-in-out; + -o-transition: all 0.15s ease-in-out; + -ms-transition: all 0.15s ease-in-out; + transition: all 0.15s ease-in-out; } .flux.favorite:not(.current) { - background: #fff6da; + background: #fff6da; } .flux.favorite:not(.current):hover .item.title { - background: #fff6da; + background: #fff6da; } .flux .website a { - color: #303136; - opacity: 0.75; + color: #303136; + opacity: 0.75; } .flux .website .favicon { - padding: 5px; + padding: 5px; } .flux .item.date { - color: rgba(48, 49, 54, 0.5); - font-size: 0.85rem; + color: rgba(48, 49, 54, 0.5); + font-size: 0.85rem; } .flux .bottom { - font-size: 1rem; - text-align: center; + font-size: 1rem; + text-align: center; } .flux_header { - font-size: 1rem; - cursor: pointer; - border-top: 1px solid #eff0f2; + font-size: 1rem; + cursor: pointer; + border-top: 1px solid #eff0f2; } .flux_header .title { - font-size: 1rem; + font-size: 1rem; } /*=== GLOBAL VIEW */ /*================*/ #stream .box.category:not([data-unread="0"]) .box-title .title { - font-weight: bold; + font-weight: bold; } #stream .box.category .box-title { - padding: 1.5rem; - background: none; + padding: 1.5rem; + background: none; } #stream .box.category .box-title a.title { - color: #5b6871; - font-size: 1rem; - font-weight: normal; - text-decoration: none; - text-align: right; - text-transform: uppercase; - letter-spacing: 1px; + color: #5b6871; + font-size: 1rem; + font-weight: normal; + text-decoration: none; + text-align: right; + text-transform: uppercase; + letter-spacing: 1px; } #stream .box.category .box-title a.title:not([data-unread="0"])::after { - margin: -0.5rem 0 0 1rem; - padding: 0 0.75rem; - background: #eff0f2; - border-radius: 12px; - position: absolute; - top: 1.75rem; - left: 0; - line-height: 1.5rem; - text-align: center; + margin: -0.5rem 0 0 1rem; + padding: 0 0.75rem; + background: #eff0f2; + border-radius: 12px; + position: absolute; + top: 1.75rem; + left: 0; + line-height: 1.5rem; + text-align: center; } #stream .box.category .box-title a.title:hover { - color: #36c; + color: #36c; } #stream .box.category .box-content { - padding-bottom: 0.5rem; + padding-bottom: 0.5rem; } #stream .box.category .box-content .item.feed { - padding: 0.5rem 1.5rem; - font-size: 1rem; + padding: 0.5rem 1.5rem; + font-size: 1rem; } #stream .box.category .box-content .item.feed a { - color: #303136; - font-weight: 400; + color: #303136; + font-weight: 400; } #stream .box.category .box-content .item.feed a:hover { - color: #36c; - text-decoration: none; + color: #36c; + text-decoration: none; } #overlay { - background: rgba(0, 0, 0, 0.65); + background: rgba(0, 0, 0, 0.65); } #panel { - top: 3rem; - left: 3rem; - bottom: 3rem; - right: 3rem; - border-radius: 3px; + top: 3rem; + left: 3rem; + bottom: 3rem; + right: 3rem; + border-radius: 3px; } /*=== READER VIEW */ /*================*/ #stream.reader .flux { - padding: 0 0 50px; - background: #eff0f2; - color: #303136; - border: none; + padding: 0 0 50px; + background: #eff0f2; + color: #303136; + border: none; } #stream.reader .flux .author { - margin: 0 0 10px; - color: #a6a7ae; - font-size: 90%; + margin: 0 0 10px; + color: #a6a7ae; + font-size: 90%; } /*=== Configuration pages */ .post { - padding: 1rem 2rem; - font-size: 1rem; + padding: 1rem 2rem; + font-size: 1rem; } .post form { - margin: 1rem 0; + margin: 1rem 0; } .post form .horizontal-list { - margin-bottom: 0.5rem; + margin-bottom: 0.5rem; } .post.content { - max-width: 550px; + max-width: 550px; } .post h1, .post h2 { - color: #303136; - font-size: 3rem; - margin-top: 1.75rem; - font-weight: 300; - line-height: 1.2em; + color: #303136; + font-size: 3rem; + margin-top: 1.75rem; + font-weight: 300; + line-height: 1.2em; } .post a[href="./"] { - margin: 0; - padding: 0.75rem 1.5rem; - background: #f9fafb; - display: inline-block; - color: #5b6871; - font-size: 1rem; - border: 1px solid #d5d8db; - border-radius: 5px; - min-width: 15px; - line-height: 25px; - vertical-align: middle; - cursor: pointer; - overflow: hidden; + margin: 0; + padding: 0.75rem 1.5rem; + background: #f9fafb; + display: inline-block; + color: #5b6871; + font-size: 1rem; + border: 1px solid #d5d8db; + border-radius: 5px; + min-width: 15px; + line-height: 25px; + vertical-align: middle; + cursor: pointer; + overflow: hidden; } .post a[href="./"]:hover { - background: #36c; - color: white; - border: 1px solid #36c; - text-decoration: none; + background: #36c; + color: white; + border: 1px solid #36c; + text-decoration: none; } #slider { - border-right: none; - box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); + border-right: none; + box-shadow: 0px 6px 8px 0px rgba(0, 0, 0, 0.35); } .slide-container .properties { - padding: 1rem; - background: rgba(0, 0, 0, 0.75); - color: white; - border: 0; + padding: 1rem; + background: rgba(0, 0, 0, 0.75); + color: white; + border: 0; } .slide-container .properties .page-number { - left: 1rem; - top: 1rem; + left: 1rem; + top: 1rem; } /*=== LOGS */ /*=========*/ .loglist { - overflow: hidden; - border: 1px solid #a6a7ae; + overflow: hidden; + border: 1px solid #a6a7ae; } .log { - margin: 10px 0; - padding: 5px 2%; - background: #f9fafb; - color: #5b6871; - font-size: 0.8rem; - overflow: auto; + margin: 10px 0; + padding: 5px 2%; + background: #f9fafb; + color: #5b6871; + font-size: 0.8rem; + overflow: auto; } .log > .date { - margin: 0 0 0 10px; - padding: 5px 10px; - border-radius: 20px; + margin: 0 0 0 10px; + padding: 5px 10px; + border-radius: 20px; } .log.error > .date { - background: #f5633e; - color: #fff; + background: #f5633e; + color: #fff; } .log.warning > .date { - background: #f4f762; + background: #f4f762; } .log.notice > .date { - background: #eff0f2; + background: #eff0f2; } .log.debug > .date { - background: #1d1e22; - color: #fff; + background: #1d1e22; + color: #fff; } /*=== STATISTICS */ /*===============*/ .stat { - margin: 10px 0 20px; + margin: 10px 0 20px; } .stat th, .stat td, .stat tr { - border: none; + border: none; } .stat > table td, .stat > table th { - border-bottom: 1px solid #d5d8db; + border-bottom: 1px solid #d5d8db; } .stat > .horizontal-list { - margin: 0 0 5px; + margin: 0 0 5px; } .stat > .horizontal-list .item { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .stat > .horizontal-list .item:first-child { - width: 270px; + width: 270px; } /*=== MOBILE */ /*===========*/ @media (max-width: 840px) { - ul.nav .item { - width: 100%; - } - ul.nav .item img { - display: none; - } - ul.nav .item a { - box-sizing: border-box; - padding: 1rem 2.5rem 1rem 1rem; - background: url("../../themes/icons/logout.svg") no-repeat #17181a 97% center; - display: inline-block; - width: 100%; - color: #fff; - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - } - ul.nav .item a:hover, ul.nav .item a:active { - background: url("../../themes/icons/logout.svg") no-repeat #f5633e 97% center; - text-decoration: none; - } - - .form-group .group-name { - text-align: right; - } - - .box .box-title .configure, + ul.nav .item { + width: 100%; + } + ul.nav .item img { + display: none; + } + ul.nav .item a { + box-sizing: border-box; + padding: 1rem 2.5rem 1rem 1rem; + background: url("../../themes/icons/logout.svg") no-repeat #17181a 97% center; + display: inline-block; + width: 100%; + color: #fff; + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + } + ul.nav .item a:hover, ul.nav .item a:active { + background: url("../../themes/icons/logout.svg") no-repeat #f5633e 97% center; + text-decoration: none; + } + + .form-group .group-name { + text-align: right; + } + + .box .box-title .configure, .box .box-content .item .configure { - visibility: visible; - } - - .aside { - -webkit-transition: all 0.2s ease-in-out; - -moz-transition: all 0.2s ease-in-out; - -o-transition: all 0.2s ease-in-out; - -ms-transition: all 0.2s ease-in-out; - transition: all 0.2s ease-in-out; - } - .aside.aside_feed { - padding: 0; - } - .aside .tree .tree-folder .tree-folder-items .item a { - padding: 0.5rem 1rem; - } - - .aside .toggle_aside, + visibility: visible; + } + + .aside { + -webkit-transition: all 0.2s ease-in-out; + -moz-transition: all 0.2s ease-in-out; + -o-transition: all 0.2s ease-in-out; + -ms-transition: all 0.2s ease-in-out; + transition: all 0.2s ease-in-out; + } + .aside.aside_feed { + padding: 0; + } + .aside .tree .tree-folder .tree-folder-items .item a { + padding: 0.5rem 1rem; + } + + .aside .toggle_aside, #panel .close, #close-slider.active { - background: #25c; - display: block; - width: 100%; - height: 50px; - line-height: 50px; - text-align: center; - } - - .header { - padding: 0.5rem; - } - .header .item.title { - display: none; - } - .header .item.search { - display: block; - } - .header .item.search .stick { - display: flex; - } - .header .item.search input { - width: 90%; - height: 3.5rem; - } - .header .item.search input:focus { - width: 100%; - } - .header .item.search .btn { - min-height: 49px; - padding: 0.5rem 2rem; - } - .header .item.configure { - display: none; - } - - .post { - padding-right: 1rem; - padding-left: 1rem; - } - - .nav_menu .btn { - margin: 0; - padding: 0.85rem 1.25rem; - } - .nav_menu .stick { - margin: 0.5rem 0.5rem; - } - .nav_menu .stick .btn { - margin: 0; - padding: 0.85rem 1.25rem; - } - .nav_menu .stick .btn.read_all { - padding: 0.85rem 1.25rem; - } - .nav_menu .search { - display: none; - max-width: 97%; - } - .nav_menu .search .input { - max-width: 97%; - width: 90px; - } - .nav_menu .search .input:focus { - width: 400px; - } - - #stream .flux .flux_header { - padding: 0.5rem 0; - } - - .day { - text-align: center; - padding: 1rem 0; - } - .day .name { - padding: 0; - display: block; - width: 100%; - line-height: 1.5rem; - margin-bottom: 1rem; - } - - .pagination { - margin: 0 0 3.5em; - } - - #nav_entries { - line-height: 4.5rem; - } - - .notification { - border-radius: 0; - } - .notification a.close { - background: transparent; - display: block; - right: 0; - } - .notification a.close:hover { - opacity: 0.5; - } - .notification a.close .icon { - display: none; - } + background: #25c; + display: block; + width: 100%; + height: 50px; + line-height: 50px; + text-align: center; + } + + .header { + padding: 0.5rem; + } + .header .item.title { + display: none; + } + .header .item.search { + display: block; + } + .header .item.search .stick { + display: flex; + } + .header .item.search input { + width: 90%; + height: 3.5rem; + } + .header .item.search input:focus { + width: 100%; + } + .header .item.search .btn { + min-height: 49px; + padding: 0.5rem 2rem; + } + .header .item.configure { + display: none; + } + + .post { + padding-right: 1rem; + padding-left: 1rem; + } + + .nav_menu .btn { + margin: 0; + padding: 0.85rem 1.25rem; + } + .nav_menu .stick { + margin: 0.5rem 0.5rem; + } + .nav_menu .stick .btn { + margin: 0; + padding: 0.85rem 1.25rem; + } + .nav_menu .stick .btn.read_all { + padding: 0.85rem 1.25rem; + } + .nav_menu .search { + display: none; + max-width: 97%; + } + .nav_menu .search .input { + max-width: 97%; + width: 90px; + } + .nav_menu .search .input:focus { + width: 400px; + } + + #stream .flux .flux_header { + padding: 0.5rem 0; + } + + .day { + text-align: center; + padding: 1rem 0; + } + .day .name { + padding: 0; + display: block; + width: 100%; + line-height: 1.5rem; + margin-bottom: 1rem; + } + + .pagination { + margin: 0 0 3.5em; + } + + #nav_entries { + line-height: 4.5rem; + } + + .notification { + border-radius: 0; + } + .notification a.close { + background: transparent; + display: block; + right: 0; + } + .notification a.close:hover { + opacity: 0.5; + } + .notification a.close .icon { + display: none; + } } /*=== GENERAL */ /*============*/ html, body { - background: #eff0f2; - height: 100%; - font-family: "lato", "Helvetica", "Arial", sans-serif; - font-size: 0.875rem; + background: #eff0f2; + height: 100%; + font-family: "lato", "Helvetica", "Arial", sans-serif; + font-size: 0.875rem; } /*=== Links */ a, button.as-link { - outline: none; - color: #36c; + outline: none; + color: #36c; } diff --git a/p/themes/Origine-compact/origine-compact.rtl.css b/p/themes/Origine-compact/origine-compact.rtl.css index 89ddbc4a3..372e85910 100644 --- a/p/themes/Origine-compact/origine-compact.rtl.css +++ b/p/themes/Origine-compact/origine-compact.rtl.css @@ -767,7 +767,7 @@ a.btn, .prompt .stick, .prompt input { width: 100%; - box-sizing: border-box; + box-sizing: border-box; } .prompt .btn.btn-important { diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index ca343f657..7c53c3ab3 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -725,7 +725,7 @@ a.btn { .prompt .stick, .prompt input { width: 100%; - box-sizing: border-box; + box-sizing: border-box; } .prompt .btn.btn-important { diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index 4610f075e..8ed890e4d 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -732,7 +732,7 @@ a.btn { .prompt .stick, .prompt input { width: 100%; - box-sizing: border-box; + box-sizing: border-box; } .prompt .btn.btn-important { diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css index b00670039..00c2a42d7 100644 --- a/p/themes/Screwdriver/screwdriver.rtl.css +++ b/p/themes/Screwdriver/screwdriver.rtl.css @@ -793,7 +793,7 @@ a.btn { .prompt input { width: 100%; box-sizing: border-box; - + } .prompt input#username,.prompt input#passwordPlain { diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index 505806109..fd554649e 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -1,1183 +1,1183 @@ input, select, textarea { - min-height: 25px; - margin-top: 4px; - line-height: 25px; - vertical-align: middle; - background: #fcfcfc; - border: none; - padding-left: 5px; + min-height: 25px; + margin-top: 4px; + line-height: 25px; + vertical-align: middle; + background: #fcfcfc; + border: none; + padding-left: 5px; } input:invalid, select:invalid { - color: #b0425b; - border-color: #b0425b; - box-shadow: none; + color: #b0425b; + border-color: #b0425b; + box-shadow: none; } .nav-list .item, .nav-list .nav-header { - height: 2.5em; - line-height: 2.5em; - font-size: 0.9rem; + height: 2.5em; + line-height: 2.5em; + font-size: 0.9rem; } .dropdown-menu > .item > a, .dropdown-menu > .item > span, .dropdown-menu > .item > .as-link, .dropdown-menu > .item button, .dropdown-menu > .item { - padding: 0 22px; - color: #fcfcfc; - font-size: 0.8rem; - line-height: 2.5em; + padding: 0 22px; + color: #fcfcfc; + font-size: 0.8rem; + line-height: 2.5em; } .flux::after, .form-group::after { - content: ""; - display: block; - clear: both; + content: ""; + display: block; + clear: both; } #nav_entries, .notification, #new-article, .aside, .header > .item.title, .stick.configure-feeds { - width: 231px; + width: 231px; } html, body { - height: 100%; - font-family: Helvetica, Arial, sans-serif; + height: 100%; + font-family: Helvetica, Arial, sans-serif; } a { - color: #00488b; - outline: none; + color: #00488b; + outline: none; } a.btn { - min-height: 25px; - line-height: 25px; - text-decoration: none; + min-height: 25px; + line-height: 25px; + text-decoration: none; } a.btn:hover { - background: #00488b; + background: #00488b; } a#btn-subscription { - width: 76%; + width: 76%; } a#btn-add { - width: 5%; + width: 5%; } img.icon:hover { - background: none; + background: none; } div#stream { - margin-top: 35px; + margin-top: 35px; } sup { - top: -0.3em; + top: -0.3em; } legend { - margin: 20px 0 5px; - padding: 5px 20px; - background: #e3e3e3; - display: inline-block; - width: auto; - font-size: 1.4em; - clear: both; + margin: 20px 0 5px; + padding: 5px 20px; + background: #e3e3e3; + display: inline-block; + width: auto; + font-size: 1.4em; + clear: both; } label { - min-height: 25px; + min-height: 25px; } textarea { - background: #e3e3e3; - width: 360px; - height: 100px; + background: #e3e3e3; + width: 360px; + height: 100px; } textarea:focus { - border-color: #00488b; + border-color: #00488b; } input:focus, select:focus { - border-color: #00488b; + border-color: #00488b; } input:disabled, select:disabled { - background: #fcfcfc; + background: #fcfcfc; } select { - background: #e3e3e3; + background: #e3e3e3; } input.extend { - transition: width 200ms linear; + transition: width 200ms linear; } option { - padding: 0 0.5em; + padding: 0 0.5em; } table { - border-collapse: collapse; + border-collapse: collapse; } tr, td, th { - padding: 0.5em; - border: 1px solid #e3e3e3; + padding: 0.5em; + border: 1px solid #e3e3e3; } th { - background: #fcfcfc; + background: #fcfcfc; } form td, form th { - font-weight: normal; - text-align: center; + font-weight: normal; + text-align: center; } .category .title.error::before { - display: inline-block; - padding-right: 7px; - width: 16px; - content: url(../Swage/icons/error.svg); + display: inline-block; + padding-right: 7px; + width: 16px; + content: url(../Swage/icons/error.svg); } .form-group { - padding: 5px; - border: 1px solid transparent; + padding: 5px; + border: 1px solid transparent; } .form-group:hover { - background: #fcfcfc; - border: 1px solid #fcfcfc; + background: #fcfcfc; + border: 1px solid #fcfcfc; } .form-group.form-actions { - margin: 15px 0 25px; - padding: 5px 0; - background: #e3e3e3; - border-top: 3px solid #e3e3e3; + margin: 15px 0 25px; + padding: 5px 0; + background: #e3e3e3; + border-top: 3px solid #e3e3e3; } .form-group.form-actions .btn { - margin: 0 10px; + margin: 0 10px; } .form-group .group-name { - padding: 10px 0; - text-align: right; + padding: 10px 0; + text-align: right; } .form-group .group-controls { - min-height: 25px; - padding: 5px 0; + min-height: 25px; + padding: 5px 0; } .form-group .group-controls .control { - line-height: 2em; + line-height: 2em; } .form-group table { - margin: 10px 0 0 220px; + margin: 10px 0 0 220px; } .stick { - vertical-align: middle; - font-size: 0; + vertical-align: middle; + font-size: 0; } .btn { - margin: 0; - padding: 5px 10px; - background: #0062be; - display: inline-block; - color: #fcfcfc; - font-size: 0.9rem; - border: none; - min-height: 35px; - min-width: 15px; - vertical-align: middle; - cursor: pointer; - overflow: hidden; + margin: 0; + padding: 5px 10px; + background: #0062be; + display: inline-block; + color: #fcfcfc; + font-size: 0.9rem; + border: none; + min-height: 35px; + min-width: 15px; + vertical-align: middle; + cursor: pointer; + overflow: hidden; } .btn.active, .btn :active, .btn :hover { - background: #00488b; - text-decoration: none; + background: #00488b; + text-decoration: none; } .btn-important, .btn-attention { - font-weight: normal; - background: #fa8052; - color: #fcfcfc; + font-weight: normal; + background: #fa8052; + color: #fcfcfc; } .btn-important:hover, .btn-important :active, .btn-attention:hover, .btn-attention :active { - background: #f95c20 !important; + background: #f95c20 !important; } .nav-list .nav-header { - padding: 0 10px; - font-weight: bold; - background: #22303d; - color: #fcfcfc; - cursor: default; + padding: 0 10px; + font-weight: bold; + background: #22303d; + color: #fcfcfc; + cursor: default; } .nav-list .item:hover, .nav-list .item.active { - background: #00488b; - color: #fcfcfc; + background: #00488b; + color: #fcfcfc; } .nav-list .item:hover a, .nav-list .item.active a { - color: #fcfcfc; + color: #fcfcfc; } .nav-list .item:hover.empty a, .nav-list .item:hover .error a, .nav-list .item.active.empty a, .nav-list .item.active .error a { - color: #fcfcfc; + color: #fcfcfc; } .nav-list .item:hover.empty a, .nav-list .item.active.empty a { - background: #fa8052; + background: #fa8052; } .nav-list .item:hover.error a, .nav-list .item.active.error a { - background: #c46178; + background: #c46178; } .nav-list .item > a { - padding: 0 10px; + padding: 0 10px; } .nav-list .item.empty a { - color: #fa8052; + color: #fa8052; } .nav-list .item.error a { - color: #c46178; + color: #c46178; } .nav-list .disable { - text-align: center; - background: #fcfcfc; - color: #969696; + text-align: center; + background: #fcfcfc; + color: #969696; } .nav-list .nav-form { - padding: 3px; - text-align: center; + padding: 3px; + text-align: center; } .nav-list a:hover { - text-decoration: none; + text-decoration: none; } .nav-head { - margin: 0; - text-align: right; - background: #22303d; - color: #fcfcfc; + margin: 0; + text-align: right; + background: #22303d; + color: #fcfcfc; } .nav-head a { - color: #fcfcfc; + color: #fcfcfc; } .nav-head .item { - padding: 5px 10px; - font-size: 0.9rem; - line-height: 1.5rem; + padding: 5px 10px; + font-size: 0.9rem; + line-height: 1.5rem; } .horizontal-list { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .horizontal-list .item { - vertical-align: middle; + vertical-align: middle; } .dropdown-menu { - padding: 5px 0; - font-size: 0.8rem; - text-align: left; - border: none; - background-color: #00488b; + padding: 5px 0; + font-size: 0.8rem; + text-align: left; + border: none; + background-color: #00488b; } .dropdown-menu .dropdown-header { - cursor: default; + cursor: default; } .dropdown-menu > .item { - padding: 0; - margin-left: 10px; + padding: 0; + margin-left: 10px; } .dropdown-menu > .item > a { - min-width: initial; - white-space: nowrap; + min-width: initial; + white-space: nowrap; } .dropdown-menu > .item:hover { - background: #0062be; - color: #fcfcfc; + background: #0062be; + color: #fcfcfc; } .dropdown-menu > .item:hover > a { - text-decoration: none; - color: #fcfcfc; + text-decoration: none; + color: #fcfcfc; } .dropdown-menu > .item[aria-checked=true] > a::before { - font-weight: bold; - margin: 0 0 0 -14px; + font-weight: bold; + margin: 0 0 0 -14px; } .dropdown-menu .input select, .dropdown-menu .input input { - margin: 0 auto 5px; - padding: 2px 5px; + margin: 0 auto 5px; + padding: 2px 5px; } .dropdown-header { - padding: 0 5px 5px; - font-weight: bold; - text-align: left; - color: #fcfcfc; + padding: 0 5px 5px; + font-weight: bold; + text-align: left; + color: #fcfcfc; } .separator { - margin: 5px 0; - border-bottom: 1px solid #e3e3e3; - cursor: default; + margin: 5px 0; + border-bottom: 1px solid #e3e3e3; + cursor: default; } .alert { - margin: 5px auto; - padding: 10px 15px; - background: #fcfcfc; - color: #969696; - font-size: 0.9em; - border: none; - text-shadow: 0 0 1px #fcfcfc; + margin: 5px auto; + padding: 10px 15px; + background: #fcfcfc; + color: #969696; + font-size: 0.9em; + border: none; + text-shadow: 0 0 1px #fcfcfc; } .alert > a { - color: inherit; - text-decoration: underline; + color: inherit; + text-decoration: underline; } .alert-head { - font-size: 1.15em; + font-size: 1.15em; } .alert-warn, .alert-success, .alert-error { - border: none; + border: none; } .alert-warn { - background: #fcfcfc; - color: #fa8052; + background: #fcfcfc; + color: #fa8052; } .alert-success { - background: #fcfcfc; - color: #5eaabf; + background: #fcfcfc; + color: #5eaabf; } .alert-error { - background: #fcfcfc; - color: #b0425b; + background: #fcfcfc; + color: #b0425b; } .pagination { - background: #e3e3e3; - color: #181621; - font-size: 0.8em; - text-align: center; + background: #e3e3e3; + color: #181621; + font-size: 0.8em; + text-align: center; } .pagination .item.pager-current { - background: #22303d; - color: #e3e3e3; - font-size: 1.5em; - font-weight: bold; + background: #22303d; + color: #e3e3e3; + font-size: 1.5em; + font-weight: bold; } .pagination .item a { - display: block; - color: #181621; - font-style: italic; - line-height: 3em; - text-decoration: none; + display: block; + color: #181621; + font-style: italic; + line-height: 3em; + text-decoration: none; } .pagination .item a:hover { - background: #22303d; - color: #e3e3e3; + background: #22303d; + color: #e3e3e3; } .pagination .loading, .pagination a:hover.loading { - background: url(loader.gif) center center no-repeat #22303d; - font-size: 0; + background: url(loader.gif) center center no-repeat #22303d; + font-size: 0; } .content { - padding: 20px 10px; + padding: 20px 10px; } .content .pagination { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .content hr { - margin: 30px 10px; - background: #e3e3e3; - height: 1px; - border: 0; - box-shadow: 0 2px 5px #e3e3e3; + margin: 30px 10px; + background: #e3e3e3; + height: 1px; + border: 0; + box-shadow: 0 2px 5px #e3e3e3; } .content pre { - margin: 10px auto; - padding: 10px 20px; - overflow: auto; - background: #181621; - color: #fcfcfc; - font-size: 0.9rem; + margin: 10px auto; + padding: 10px 20px; + overflow: auto; + background: #181621; + color: #fcfcfc; + font-size: 0.9rem; } .content pre code { - background: transparent; - color: #fcfcfc; - border: none; + background: transparent; + color: #fcfcfc; + border: none; } .content code { - padding: 2px 5px; - background: #fcfcfc; - color: #b0425b; - border: 1px solid #fcfcfc; + padding: 2px 5px; + background: #fcfcfc; + color: #b0425b; + border: 1px solid #fcfcfc; } .content blockquote { - margin: 0; - padding: 5px 20px; - background: #fcfcfc; - display: block; - color: #969696; - border-top: 1px solid #e3e3e3; - border-bottom: 1px solid #e3e3e3; + margin: 0; + padding: 5px 20px; + background: #fcfcfc; + display: block; + color: #969696; + border-top: 1px solid #e3e3e3; + border-bottom: 1px solid #e3e3e3; } .content blockquote p { - margin: 0; + margin: 0; } .content > h1.title > a { - color: #181621; + color: #181621; } .box { - border: 1px solid #e3e3e3; + border: 1px solid #e3e3e3; } .box .box-title { - margin: 0; - padding: 5px 10px; - background: #e3e3e3; - color: #969696; - border-bottom: 1px solid #e3e3e3; + margin: 0; + padding: 5px 10px; + background: #e3e3e3; + color: #969696; + border-bottom: 1px solid #e3e3e3; } .box .box-content { - max-height: 260px; + max-height: 260px; } .box .box-content .item { - padding: 0 10px; - font-size: 0.9rem; - line-height: 2.5em; + padding: 0 10px; + font-size: 0.9rem; + line-height: 2.5em; } .box .box-content .item .configure { - visibility: hidden; + visibility: hidden; } .box .box-content .item .configure .icon { - vertical-align: middle; - background-color: #e3e3e3; + vertical-align: middle; + background-color: #e3e3e3; } .box .box-content .item:hover .configure { - visibility: visible; + visibility: visible; } .box.category .box-title .title { - font-weight: normal; - text-decoration: none; - text-align: left; + font-weight: normal; + text-decoration: none; + text-align: left; } .box.category:not([data-unread="0"]) .box-title { - background: #0062be; + background: #0062be; } .box.category:not([data-unread="0"]) .box-title:active { - background: #00488b; + background: #00488b; } .box.category:not([data-unread="0"]) .box-title .title { - font-weight: bold; - color: #fcfcfc; + font-weight: bold; + color: #fcfcfc; } .box.category .title:not([data-unread="0"])::after { - background: none; - border: 0; - box-shadow: none; - position: absolute; - top: 5px; - right: 10px; - font-weight: bold; - text-shadow: none; + background: none; + border: 0; + box-shadow: none; + position: absolute; + top: 5px; + right: 10px; + font-weight: bold; + text-shadow: none; } .box.category .item.feed { - padding: 2px 10px; - font-size: 0.8rem; + padding: 2px 10px; + font-size: 0.8rem; } .tree { - margin: 10px 0; + margin: 10px 0; } .tree-folder-title { - padding: 0 10px; - background: #22303d; - height: 35px; - font-size: 1rem; - position: relative; - line-height: 2.3rem; + padding: 0 10px; + background: #22303d; + height: 35px; + font-size: 1rem; + position: relative; + line-height: 2.3rem; } .tree-folder-title .title { - background: inherit; - color: #fcfcfc; + background: inherit; + color: #fcfcfc; } .tree-folder-title .title:hover { - text-decoration: none; + text-decoration: none; } .tree-folder-items { - background: #22303d; + background: #22303d; } .tree-folder-items > .item { - padding: 0 10px; - line-height: 2.5rem; - font-size: 0.8rem; + padding: 0 10px; + line-height: 2.5rem; + font-size: 0.8rem; } .tree-folder-items > .item.active { - background: #00488b; + background: #00488b; } .tree-folder-items > .item > a { - text-decoration: none; - color: #fcfcfc; + text-decoration: none; + color: #fcfcfc; } @supports (scrollbar-width: thin) { - #sidebar { - scrollbar-color: rgba(255, 255, 255, 0.05) rgba(0, 0, 0, 0); - } + #sidebar { + scrollbar-color: rgba(255, 255, 255, 0.05) rgba(0, 0, 0, 0); + } - #sidebar:hover { - scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0); - } + #sidebar:hover { + scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0); + } } @supports not (scrollbar-width: thin) { - #sidebar::-webkit-scrollbar-thumb { - background: rgba(255, 255, 255, 0.1); - } + #sidebar::-webkit-scrollbar-thumb { + background: rgba(255, 255, 255, 0.1); + } - #sidebar:hover::-webkit-scrollbar-thumb { - background: rgba(255, 255, 255, 0.3); - } + #sidebar:hover::-webkit-scrollbar-thumb { + background: rgba(255, 255, 255, 0.3); + } } .header > .item { - vertical-align: middle; + vertical-align: middle; } .header > .item.title { - position: absolute; + position: absolute; } .header > .item.title h1 { - margin: 0; - display: block; + margin: 0; + display: block; } .header > .item.title h1 a { - text-decoration: none; - color: #fcfcfc; + text-decoration: none; + color: #fcfcfc; } .header > .item.title .logo { - display: inline-block; - height: 26px; - vertical-align: top; - position: relative; - top: 5px; + display: inline-block; + height: 26px; + vertical-align: top; + position: relative; + top: 5px; } .header > .item.search input { - width: 230px; + width: 230px; } .header .item.search input:focus { - width: 350px; + width: 350px; } .header .item.search { - display: none; + display: none; } .header .item.configure { - position: fixed; - right: 0px; - z-index: 1000; - width: 35px; + position: fixed; + right: 0px; + z-index: 1000; + width: 35px; } .header h1 { - text-align: center; - font-size: 1.5em; + text-align: center; + font-size: 1.5em; } .aside { - padding: 35px 0; - background: #22303d; + padding: 35px 0; + background: #22303d; } .aside.aside_feed .tree { - margin: 0 0 50px; + margin: 0 0 50px; } .aside.aside_feed .nav-form input, .aside.aside_feed .nav-form select { - width: 140px; + width: 140px; } .aside.aside_feed .nav-form .dropdown .dropdown-menu { - right: -20px; + right: -20px; } .aside.aside_feed .nav-form .dropdown .dropdown-menu::after { - right: 33px; + right: 33px; } .aside_feed .tree-folder-title > .title:not([data-unread="0"])::after { - margin: 6px 0; - padding: 0 10px; - background: inherit; - font-size: 0.9rem; - position: absolute; - right: 0; - line-height: 1.5rem; + margin: 6px 0; + padding: 0 10px; + background: inherit; + font-size: 0.9rem; + position: absolute; + right: 0; + line-height: 1.5rem; } .aside_feed .tree-folder-items .dropdown-menu::after { - left: 2px; + left: 2px; } .post { - padding: 10px 50px; - font-size: 0.9em; + padding: 10px 50px; + font-size: 0.9em; } .post input { - background: #e3e3e3; + background: #e3e3e3; } .post input.long { - height: 33px; - margin-top: 0px; + height: 33px; + margin-top: 0px; } .post form { - margin: 10px 0; + margin: 10px 0; } .post.content { - max-width: 550px; + max-width: 550px; } .prompt { - text-align: center; + text-align: center; } .prompt label { - text-align: left; + text-align: left; } .prompt form { - margin: 10px auto 20px auto; - width: 200px; + margin: 10px auto 20px auto; + width: 200px; } .prompt input { - margin: 5px auto; - width: 100%; + margin: 5px auto; + width: 100%; } .prompt p { - margin: 20px 0; + margin: 20px 0; } #new-article { - background: #0062be; - font-size: 1em; - text-align: center; - position: fixed; - bottom: 48px; - z-index: 900; - left: 0; - line-height: 1.5em; + background: #0062be; + font-size: 1em; + text-align: center; + position: fixed; + bottom: 48px; + z-index: 900; + left: 0; + line-height: 1.5em; } #new-article:hover { - background: #00488b; + background: #00488b; } #new-article > a { - line-height: 1.5em; - font-weight: bold; - color: #fcfcfc; + line-height: 1.5em; + font-weight: bold; + color: #fcfcfc; } #new-article > a:hover { - text-decoration: none; + text-decoration: none; } .day { - padding: 0 10px; - font-weight: bold; - line-height: 3em; - text-align: center; + padding: 0 10px; + font-weight: bold; + line-height: 3em; + text-align: center; } .day .name { - display: none; + display: none; } .nav a { - color: #fcfcfc; + color: #fcfcfc; } .nav_menu { - width: 100%; - font-size: 0; - background-color: #0062be; - position: fixed; - z-index: 900; + width: 100%; + font-size: 0; + background-color: #0062be; + position: fixed; + z-index: 900; } .nav_menu .item.search { - display: inline-block; - position: fixed; - right: 40px; + display: inline-block; + position: fixed; + right: 40px; } .flux { - padding-right: 10px; - background: #fcfcfc; + padding-right: 10px; + background: #fcfcfc; } .flux::after { - margin: 0 auto; - width: 90%; - border-top: 1px solid #e3e3e3; + margin: 0 auto; + width: 90%; + border-top: 1px solid #e3e3e3; } .flux:hover, .flux .current { - background: #fff; + background: #fff; } .flux:hover:not(.current):hover .item.title, .flux .current:not(.current):hover .item.title { - background: #fff; + background: #fff; } .flux.favorite:not(.current) { - background: #fff6da; + background: #fff6da; } .flux.favorite:not(.current):hover .item.title { - background: #fff6da; + background: #fff6da; } .flux.not_read:not(.current) { - background: #fff3ed; + background: #fff3ed; } .flux.not_read:not(.current):hover .item.title { - background: #fff3ed; + background: #fff3ed; } .flux .item.date { - color: #969696; - font-size: 0.7rem; + color: #969696; + font-size: 0.7rem; } .flux .bottom { - font-size: 0.8rem; - text-align: center; + font-size: 0.8rem; + text-align: center; } .flux .website .favicon { - padding: 5px; + padding: 5px; } .flux label { - color: #fcfcfc; - cursor: pointer; + color: #fcfcfc; + cursor: pointer; } .flux_header { - font-size: 0.8rem; - cursor: pointer; + font-size: 0.8rem; + cursor: pointer; } .flux_header .title { - font-size: 0.9rem; + font-size: 0.9rem; } .notification { - padding: 10px 0; - background: #e3e3e3; - height: auto; - color: #969696; - font-size: 1em; - border: none; - text-align: center; - font-weight: bold; - z-index: 10; - vertical-align: middle; - position: fixed; - bottom: 48px; - left: 0; - top: auto; + padding: 10px 0; + background: #e3e3e3; + height: auto; + color: #969696; + font-size: 1em; + border: none; + text-align: center; + font-weight: bold; + z-index: 10; + vertical-align: middle; + position: fixed; + bottom: 48px; + left: 0; + top: auto; } .notification.good, .notification .bad { - color: #fcfcfc; + color: #fcfcfc; } .notification.good { - background: #5eaabf; + background: #5eaabf; } .notification.good a.close:hover { - background: #5eaabf; + background: #5eaabf; } .notification.bad { - background: #c46178; + background: #c46178; } .notification.bad a.close:hover { - background: #c46178; + background: #c46178; } .notification#actualizeProgress { - line-height: 2em; + line-height: 2em; } .notification a.close { - display: none; + display: none; } #bigMarkAsRead { - text-align: center; - text-decoration: none; - background: #e3e3e3; + text-align: center; + text-decoration: none; + background: #e3e3e3; } #bigMarkAsRead:hover { - background: #22303d; - color: #fcfcfc; + background: #22303d; + color: #fcfcfc; } #nav_entries { - margin: 0; - text-align: center; - line-height: 3em; - table-layout: fixed; - background: #22303d; + margin: 0; + text-align: center; + line-height: 3em; + table-layout: fixed; + background: #22303d; } .stat { - margin: 10px 0 20px; + margin: 10px 0 20px; } .stat th, .stat td, .stat tr { - border: none; + border: none; } .stat > table td, .stat > table th { - border-bottom: 1px solid #e3e3e3; + border-bottom: 1px solid #e3e3e3; } .stat > .horizontal-list { - margin: 0 0 5px; + margin: 0 0 5px; } .stat > .horizontal-list .item { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .stat > .horizontal-list .item:first-child { - width: 270px; + width: 270px; } .formLogin #global { - height: 0; + height: 0; } .formLogin .header { - background: #22303d; - height: 55px; + background: #22303d; + height: 55px; } .formLogin .header > .item.configure { - width: 200px; - position: unset; + width: 200px; + position: unset; } .formLogin .header > .item.title h1 { - display: unset; + display: unset; } .formLogin a.signin { - color: #fcfcfc; - padding-left: 5px; + color: #fcfcfc; + padding-left: 5px; } .formLogin input { - border-top: 1px #e3e3e3; - border-right: 1px #e3e3e3; - border-bottom: 1px #e3e3e3; - border-left: 5px solid; + border-top: 1px #e3e3e3; + border-right: 1px #e3e3e3; + border-bottom: 1px #e3e3e3; + border-left: 5px solid; } .loglist { - overflow: hidden; - border: 1px solid #969696; + overflow: hidden; + border: 1px solid #969696; } .log { - padding: 5px 2%; - background: #fcfcfc; - font-size: 0.8rem; - overflow: auto; + padding: 5px 2%; + background: #fcfcfc; + font-size: 0.8rem; + overflow: auto; } .log > .date { - margin: 0 10px 0 0; - padding: 5px 10px; + margin: 0 10px 0 0; + padding: 5px 10px; } .log.error > .date { - background: #c46178; - color: #fcfcfc; + background: #c46178; + color: #fcfcfc; } .log.warning > .date { - background: #fa8052; - color: #fcfcfc; + background: #fa8052; + color: #fcfcfc; } .log.notice > .date { - background: #e3e3e3; - color: #fcfcfc; + background: #e3e3e3; + color: #fcfcfc; } .log.debug > .date { - background: #181621; - color: #fcfcfc; + background: #181621; + color: #fcfcfc; } @media (max-width: 840px) { - .formLogin .header { - display: none; - } + .formLogin .header { + display: none; + } - .form-group .group-name { - padding-bottom: 0; - text-align: left; - } + .form-group .group-name { + padding-bottom: 0; + text-align: left; + } - .box .box-title .configure, + .box .box-title .configure, .box .box-content .item .configure { - visibility: visible; - } - - .dropdown-header, .dropdown-menu > .item { - padding: 12px; - } - - #new-article { - width: 100%; - position: sticky; - top: 0; - } - - .header { - display: table; - } - .header .item.title .logo { - display: none; - } - - .header > .item.title h1 a { - display: block; - position: absolute; - top: -35px; - left: 10px; - font-size: 0.6em; - } - - .header .item.configure, + visibility: visible; + } + + .dropdown-header, .dropdown-menu > .item { + padding: 12px; + } + + #new-article { + width: 100%; + position: sticky; + top: 0; + } + + .header { + display: table; + } + .header .item.title .logo { + display: none; + } + + .header > .item.title h1 a { + display: block; + position: absolute; + top: -35px; + left: 10px; + font-size: 0.6em; + } + + .header .item.configure, button.read_all.btn { - display: none; - } + display: none; + } - .flux .item.manage, + .flux .item.manage, .flux_header .item.website { - width: 35px; - text-align: center; - } - - .aside { - width: 0; - transition: width 200ms linear; - } - .aside .toggle_aside { - background: #22303d; - display: block; - height: 50px; - line-height: 50px; - text-align: right; - padding-right: 10px; - } - .aside.aside_feed { - padding: 0; - } - .aside.aside_feed .configure-feeds { - display: flex; - margin-top: 0; - margin-left: auto; - margin-right: auto; - } - .aside:target { - width: 78%; - z-index: 1000; - } - - .nav_menu { - position: initial; - height: 71px; - } - .nav_menu .btn { - margin: 5px 10px; - } - .nav_menu .stick { - margin: 0 10px; - } - .nav_menu .stick .btn { - margin: 5px 0; - } - .nav_menu .search { - position: absolute !important; - top: 35px; - left: 55px; - } - .nav_menu .search input { - width: 85%; - } - - .pagination { - margin: 0 0 3.5em; - } - - #panel .close { - background: #22303d; - display: block; - height: 50px; - line-height: 50px; - text-align: right; - padding-right: 10px; - } - - .day .name { - font-size: 1.1rem; - } - - .notification { - width: 100%; - } - .notification a.close { - background: transparent; - display: block; - left: 0; - } - .notification a.close:hover { - opacity: 0.5; - } - .notification a.close .icon { - display: none; - } - - #nav_entries { - width: 100% !important; - } - - .post { - padding-left: 15px; - padding-right: 15px; - } - - div#stream { - margin-top: 0px; - } - - a.btn.toggle_aside { - position: absolute; - top: 29px; - } - - form#mark-read-menu, + width: 35px; + text-align: center; + } + + .aside { + width: 0; + transition: width 200ms linear; + } + .aside .toggle_aside { + background: #22303d; + display: block; + height: 50px; + line-height: 50px; + text-align: right; + padding-right: 10px; + } + .aside.aside_feed { + padding: 0; + } + .aside.aside_feed .configure-feeds { + display: flex; + margin-top: 0; + margin-left: auto; + margin-right: auto; + } + .aside:target { + width: 78%; + z-index: 1000; + } + + .nav_menu { + position: initial; + height: 71px; + } + .nav_menu .btn { + margin: 5px 10px; + } + .nav_menu .stick { + margin: 0 10px; + } + .nav_menu .stick .btn { + margin: 5px 0; + } + .nav_menu .search { + position: absolute !important; + top: 35px; + left: 55px; + } + .nav_menu .search input { + width: 85%; + } + + .pagination { + margin: 0 0 3.5em; + } + + #panel .close { + background: #22303d; + display: block; + height: 50px; + line-height: 50px; + text-align: right; + padding-right: 10px; + } + + .day .name { + font-size: 1.1rem; + } + + .notification { + width: 100%; + } + .notification a.close { + background: transparent; + display: block; + left: 0; + } + .notification a.close:hover { + opacity: 0.5; + } + .notification a.close .icon { + display: none; + } + + #nav_entries { + width: 100% !important; + } + + .post { + padding-left: 15px; + padding-right: 15px; + } + + div#stream { + margin-top: 0px; + } + + a.btn.toggle_aside { + position: absolute; + top: 29px; + } + + form#mark-read-menu, a#actualize, a#toggle-order, div#nav_menu_actions, div#nav_menu_views { - position: absolute; - } + position: absolute; + } - form#mark-read-menu { - right: 46px; - top: 30px; - z-index: 1100; - } + form#mark-read-menu { + right: 46px; + top: 30px; + z-index: 1100; + } - a#actualize, + a#actualize, a#toggle-order { - right: 0px; - } + right: 0px; + } - a#actualize { - top: 29px; - } + a#actualize { + top: 29px; + } - a#toggle-order, + a#toggle-order, div#nav_menu_actions, div#nav_menu_views { - top: 65px; - } + top: 65px; + } - div#nav_menu_actions { - left: 0px; - } + div#nav_menu_actions { + left: 0px; + } - div#nav_menu_views { - right: 50px; - } + div#nav_menu_views { + right: 50px; + } } @media (max-width: 410px) { - .nav_menu .stick { - margin: 0; - } + .nav_menu .stick { + margin: 0; + } } @media (max-width: 374px) { - #nav_menu_views { - display: none; - } + #nav_menu_views { + display: none; + } } button.as-link { - color: #fcfcfc; - outline: none; + color: #fcfcfc; + outline: none; } .dropdown-target:target ~ .btn.dropdown-toggle { - background: #00488b; + background: #00488b; } .tree-folder.active .tree-folder-title { - background: #00488b; - font-weight: bold; + background: #00488b; + font-weight: bold; } .feed.item.empty { - color: #fa8052; + color: #fa8052; } .feed.item.empty.active { - background: #fa8052; - color: #fcfcfc; + background: #fa8052; + color: #fcfcfc; } .feed.item.empty.active > a { - color: #fcfcfc; + color: #fcfcfc; } .feed.item.empty > a { - color: #fa8052; + color: #fa8052; } .feed.item.error { - color: #c46178; + color: #c46178; } .feed.item.error.active { - background: #c46178; - color: #fcfcfc; + background: #c46178; + color: #fcfcfc; } .feed.item.error.active > a { - color: #fcfcfc; + color: #fcfcfc; } .feed.item.error > a { - color: #c46178; + color: #c46178; } #dropdown-query ~ .dropdown-menu .dropdown-header .icon { - vertical-align: middle; - float: right; + vertical-align: middle; + float: right; } #stream.reader .flux { - padding: 0 0 50px; - background: #fcfcfc; - color: #22303d; - border: none; + padding: 0 0 50px; + background: #fcfcfc; + color: #22303d; + border: none; } #stream.reader .flux .author { - margin: 0 0 10px; - color: #969696; - font-size: 90%; + margin: 0 0 10px; + color: #969696; + font-size: 90%; } #nav_menu_actions ul.dropdown-menu, #nav_menu_read_all ul.dropdown-menu { - left: 0px; + left: 0px; } #slider label { - min-height: initial; + min-height: initial; } #slider .form-group:hover { - background: inital; + background: inital; } /*# sourceMappingURL=swage.css.map */ diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index a21e32e45..90eff2af5 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -1,1181 +1,1181 @@ input, select, textarea { - min-height: 25px; - margin-top: 4px; - line-height: 25px; - vertical-align: middle; - background: #fcfcfc; - border: none; - padding-right: 5px; + min-height: 25px; + margin-top: 4px; + line-height: 25px; + vertical-align: middle; + background: #fcfcfc; + border: none; + padding-right: 5px; } input:invalid, select:invalid { - color: #b0425b; - border-color: #b0425b; - box-shadow: none; + color: #b0425b; + border-color: #b0425b; + box-shadow: none; } .nav-list .item, .nav-list .nav-header { - height: 2.5em; - line-height: 2.5em; - font-size: 0.9rem; + height: 2.5em; + line-height: 2.5em; + font-size: 0.9rem; } .dropdown-menu > .item > a, .dropdown-menu > .item > span, .dropdown-menu > .item > .as-link, .dropdown-menu > .item button, .dropdown-menu > .item { - padding: 0 22px; - color: #fcfcfc; - font-size: 0.8rem; - line-height: 2.5em; + padding: 0 22px; + color: #fcfcfc; + font-size: 0.8rem; + line-height: 2.5em; } .flux::after, .form-group::after { - content: ""; - display: block; - clear: both; + content: ""; + display: block; + clear: both; } #nav_entries, .notification, #new-article, .aside, .header > .item.title, .stick.configure-feeds { - width: 231px; + width: 231px; } html, body { - height: 100%; - font-family: Helvetica, Arial, sans-serif; + height: 100%; + font-family: Helvetica, Arial, sans-serif; } a { - color: #00488b; - outline: none; + color: #00488b; + outline: none; } a.btn { - min-height: 25px; - line-height: 25px; - text-decoration: none; + min-height: 25px; + line-height: 25px; + text-decoration: none; } a.btn:hover { - background: #00488b; + background: #00488b; } a#btn-subscription { - width: 76%; + width: 76%; } a#btn-add { - width: 5%; + width: 5%; } img.icon:hover { - background: none; + background: none; } div#stream { - margin-top: 35px; + margin-top: 35px; } sup { - top: -0.3em; + top: -0.3em; } legend { - margin: 20px 0 5px; - padding: 5px 20px; - background: #e3e3e3; - display: inline-block; - width: auto; - font-size: 1.4em; - clear: both; + margin: 20px 0 5px; + padding: 5px 20px; + background: #e3e3e3; + display: inline-block; + width: auto; + font-size: 1.4em; + clear: both; } label { - min-height: 25px; + min-height: 25px; } textarea { - background: #e3e3e3; - width: 360px; - height: 100px; + background: #e3e3e3; + width: 360px; + height: 100px; } textarea:focus { - border-color: #00488b; + border-color: #00488b; } input:focus, select:focus { - border-color: #00488b; + border-color: #00488b; } input:disabled, select:disabled { - background: #fcfcfc; + background: #fcfcfc; } select { - background: #e3e3e3; + background: #e3e3e3; } input.extend { - transition: width 200ms linear; + transition: width 200ms linear; } option { - padding: 0 0.5em; + padding: 0 0.5em; } table { - border-collapse: collapse; + border-collapse: collapse; } tr, td, th { - padding: 0.5em; - border: 1px solid #e3e3e3; + padding: 0.5em; + border: 1px solid #e3e3e3; } th { - background: #fcfcfc; + background: #fcfcfc; } form td, form th { - font-weight: normal; - text-align: center; + font-weight: normal; + text-align: center; } .category .title.error::before { - display: inline-block; - padding-left: 7px; - width: 16px; - content: url(../Swage/icons/error.svg); + display: inline-block; + padding-left: 7px; + width: 16px; + content: url(../Swage/icons/error.svg); } .form-group { - padding: 5px; - border: 1px solid transparent; + padding: 5px; + border: 1px solid transparent; } .form-group:hover { - background: #fcfcfc; - border: 1px solid #fcfcfc; + background: #fcfcfc; + border: 1px solid #fcfcfc; } .form-group.form-actions { - margin: 15px 0 25px; - padding: 5px 0; - background: #e3e3e3; - border-top: 3px solid #e3e3e3; + margin: 15px 0 25px; + padding: 5px 0; + background: #e3e3e3; + border-top: 3px solid #e3e3e3; } .form-group.form-actions .btn { - margin: 0 10px; + margin: 0 10px; } .form-group .group-name { - padding: 10px 0; - text-align: left; + padding: 10px 0; + text-align: left; } .form-group .group-controls { - min-height: 25px; - padding: 5px 0; + min-height: 25px; + padding: 5px 0; } .form-group .group-controls .control { - line-height: 2em; + line-height: 2em; } .form-group table { - margin: 10px 220px 0 0; + margin: 10px 220px 0 0; } .stick { - vertical-align: middle; - font-size: 0; + vertical-align: middle; + font-size: 0; } .btn { - margin: 0; - padding: 5px 10px; - background: #0062be; - display: inline-block; - color: #fcfcfc; - font-size: 0.9rem; - border: none; - min-height: 35px; - min-width: 15px; - vertical-align: middle; - cursor: pointer; - overflow: hidden; + margin: 0; + padding: 5px 10px; + background: #0062be; + display: inline-block; + color: #fcfcfc; + font-size: 0.9rem; + border: none; + min-height: 35px; + min-width: 15px; + vertical-align: middle; + cursor: pointer; + overflow: hidden; } .btn.active, .btn :active, .btn :hover { - background: #00488b; - text-decoration: none; + background: #00488b; + text-decoration: none; } .btn-important, .btn-attention { - font-weight: normal; - background: #fa8052; - color: #fcfcfc; + font-weight: normal; + background: #fa8052; + color: #fcfcfc; } .btn-important:hover, .btn-important :active, .btn-attention:hover, .btn-attention :active { - background: #f95c20 !important; + background: #f95c20 !important; } .nav-list .nav-header { - padding: 0 10px; - font-weight: bold; - background: #22303d; - color: #fcfcfc; - cursor: default; + padding: 0 10px; + font-weight: bold; + background: #22303d; + color: #fcfcfc; + cursor: default; } .nav-list .item:hover, .nav-list .item.active { - background: #00488b; - color: #fcfcfc; + background: #00488b; + color: #fcfcfc; } .nav-list .item:hover a, .nav-list .item.active a { - color: #fcfcfc; + color: #fcfcfc; } .nav-list .item:hover.empty a, .nav-list .item:hover .error a, .nav-list .item.active.empty a, .nav-list .item.active .error a { - color: #fcfcfc; + color: #fcfcfc; } .nav-list .item:hover.empty a, .nav-list .item.active.empty a { - background: #fa8052; + background: #fa8052; } .nav-list .item:hover.error a, .nav-list .item.active.error a { - background: #c46178; + background: #c46178; } .nav-list .item > a { - padding: 0 10px; + padding: 0 10px; } .nav-list .item.empty a { - color: #fa8052; + color: #fa8052; } .nav-list .item.error a { - color: #c46178; + color: #c46178; } .nav-list .disable { - text-align: center; - background: #fcfcfc; - color: #969696; + text-align: center; + background: #fcfcfc; + color: #969696; } .nav-list .nav-form { - padding: 3px; - text-align: center; + padding: 3px; + text-align: center; } .nav-list a:hover { - text-decoration: none; + text-decoration: none; } .nav-head { - margin: 0; - text-align: left; - background: #22303d; - color: #fcfcfc; + margin: 0; + text-align: left; + background: #22303d; + color: #fcfcfc; } .nav-head a { - color: #fcfcfc; + color: #fcfcfc; } .nav-head .item { - padding: 5px 10px; - font-size: 0.9rem; - line-height: 1.5rem; + padding: 5px 10px; + font-size: 0.9rem; + line-height: 1.5rem; } .horizontal-list { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .horizontal-list .item { - vertical-align: middle; + vertical-align: middle; } .dropdown-menu { - padding: 5px 0; - font-size: 0.8rem; - text-align: right; - border: none; - background-color: #00488b; + padding: 5px 0; + font-size: 0.8rem; + text-align: right; + border: none; + background-color: #00488b; } .dropdown-menu .dropdown-header { - cursor: default; + cursor: default; } .dropdown-menu > .item { - padding: 0; - margin-right: 10px; + padding: 0; + margin-right: 10px; } .dropdown-menu > .item > a { - min-width: initial; - white-space: nowrap; + min-width: initial; + white-space: nowrap; } .dropdown-menu > .item:hover { - background: #0062be; - color: #fcfcfc; + background: #0062be; + color: #fcfcfc; } .dropdown-menu > .item:hover > a { - text-decoration: none; - color: #fcfcfc; + text-decoration: none; + color: #fcfcfc; } .dropdown-menu > .item[aria-checked=true] > a::before { - font-weight: bold; - margin: 0 -14px 0 0; + font-weight: bold; + margin: 0 -14px 0 0; } .dropdown-menu .input select, .dropdown-menu .input input { - margin: 0 auto 5px; - padding: 2px 5px; + margin: 0 auto 5px; + padding: 2px 5px; } .dropdown-header { - padding: 0 5px 5px; - font-weight: bold; - text-align: right; - color: #fcfcfc; + padding: 0 5px 5px; + font-weight: bold; + text-align: right; + color: #fcfcfc; } .separator { - margin: 5px 0; - border-bottom: 1px solid #e3e3e3; - cursor: default; + margin: 5px 0; + border-bottom: 1px solid #e3e3e3; + cursor: default; } .alert { - margin: 5px auto; - padding: 10px 15px; - background: #fcfcfc; - color: #969696; - font-size: 0.9em; - border: none; - text-shadow: 0 0 1px #fcfcfc; + margin: 5px auto; + padding: 10px 15px; + background: #fcfcfc; + color: #969696; + font-size: 0.9em; + border: none; + text-shadow: 0 0 1px #fcfcfc; } .alert > a { - color: inherit; - text-decoration: underline; + color: inherit; + text-decoration: underline; } .alert-head { - font-size: 1.15em; + font-size: 1.15em; } .alert-warn, .alert-success, .alert-error { - border: none; + border: none; } .alert-warn { - background: #fcfcfc; - color: #fa8052; + background: #fcfcfc; + color: #fa8052; } .alert-success { - background: #fcfcfc; - color: #5eaabf; + background: #fcfcfc; + color: #5eaabf; } .alert-error { - background: #fcfcfc; - color: #b0425b; + background: #fcfcfc; + color: #b0425b; } .pagination { - background: #e3e3e3; - color: #181621; - font-size: 0.8em; - text-align: center; + background: #e3e3e3; + color: #181621; + font-size: 0.8em; + text-align: center; } .pagination .item.pager-current { - background: #22303d; - color: #e3e3e3; - font-size: 1.5em; - font-weight: bold; + background: #22303d; + color: #e3e3e3; + font-size: 1.5em; + font-weight: bold; } .pagination .item a { - display: block; - color: #181621; - font-style: italic; - line-height: 3em; - text-decoration: none; + display: block; + color: #181621; + font-style: italic; + line-height: 3em; + text-decoration: none; } .pagination .item a:hover { - background: #22303d; - color: #e3e3e3; + background: #22303d; + color: #e3e3e3; } .pagination .loading, .pagination a:hover.loading { - background: url(loader.gif) center center no-repeat #22303d; - font-size: 0; + background: url(loader.gif) center center no-repeat #22303d; + font-size: 0; } .content { - padding: 20px 10px; + padding: 20px 10px; } .content .pagination { - margin: 0; - padding: 0; + margin: 0; + padding: 0; } .content hr { - margin: 30px 10px; - background: #e3e3e3; - height: 1px; - border: 0; - box-shadow: 0 2px 5px #e3e3e3; + margin: 30px 10px; + background: #e3e3e3; + height: 1px; + border: 0; + box-shadow: 0 2px 5px #e3e3e3; } .content pre { - margin: 10px auto; - padding: 10px 20px; - overflow: auto; - background: #181621; - color: #fcfcfc; - font-size: 0.9rem; + margin: 10px auto; + padding: 10px 20px; + overflow: auto; + background: #181621; + color: #fcfcfc; + font-size: 0.9rem; } .content pre code { - background: transparent; - color: #fcfcfc; - border: none; + background: transparent; + color: #fcfcfc; + border: none; } .content code { - padding: 2px 5px; - background: #fcfcfc; - color: #b0425b; - border: 1px solid #fcfcfc; + padding: 2px 5px; + background: #fcfcfc; + color: #b0425b; + border: 1px solid #fcfcfc; } .content blockquote { - margin: 0; - padding: 5px 20px; - background: #fcfcfc; - display: block; - color: #969696; - border-top: 1px solid #e3e3e3; - border-bottom: 1px solid #e3e3e3; + margin: 0; + padding: 5px 20px; + background: #fcfcfc; + display: block; + color: #969696; + border-top: 1px solid #e3e3e3; + border-bottom: 1px solid #e3e3e3; } .content blockquote p { - margin: 0; + margin: 0; } .content > h1.title > a { - color: #181621; + color: #181621; } .box { - border: 1px solid #e3e3e3; + border: 1px solid #e3e3e3; } .box .box-title { - margin: 0; - padding: 5px 10px; - background: #e3e3e3; - color: #969696; - border-bottom: 1px solid #e3e3e3; + margin: 0; + padding: 5px 10px; + background: #e3e3e3; + color: #969696; + border-bottom: 1px solid #e3e3e3; } .box .box-content { - max-height: 260px; + max-height: 260px; } .box .box-content .item { - padding: 0 10px; - font-size: 0.9rem; - line-height: 2.5em; + padding: 0 10px; + font-size: 0.9rem; + line-height: 2.5em; } .box .box-content .item .configure { - visibility: hidden; + visibility: hidden; } .box .box-content .item .configure .icon { - vertical-align: middle; - background-color: #e3e3e3; + vertical-align: middle; + background-color: #e3e3e3; } .box .box-content .item:hover .configure { - visibility: visible; + visibility: visible; } .box.category .box-title .title { - font-weight: normal; - text-decoration: none; - text-align: right; + font-weight: normal; + text-decoration: none; + text-align: right; } .box.category:not([data-unread="0"]) .box-title { - background: #0062be; + background: #0062be; } .box.category:not([data-unread="0"]) .box-title:active { - background: #00488b; + background: #00488b; } .box.category:not([data-unread="0"]) .box-title .title { - font-weight: bold; - color: #fcfcfc; + font-weight: bold; + color: #fcfcfc; } .box.category .title:not([data-unread="0"])::after { - background: none; - border: 0; - box-shadow: none; - position: absolute; - top: 5px; - left: 10px; - font-weight: bold; - text-shadow: none; + background: none; + border: 0; + box-shadow: none; + position: absolute; + top: 5px; + left: 10px; + font-weight: bold; + text-shadow: none; } .box.category .item.feed { - padding: 2px 10px; - font-size: 0.8rem; + padding: 2px 10px; + font-size: 0.8rem; } .tree { - margin: 10px 0; + margin: 10px 0; } .tree-folder-title { - padding: 0 10px; - background: #22303d; - height: 35px; - font-size: 1rem; - position: relative; - line-height: 2.3rem; + padding: 0 10px; + background: #22303d; + height: 35px; + font-size: 1rem; + position: relative; + line-height: 2.3rem; } .tree-folder-title .title { - background: inherit; - color: #fcfcfc; + background: inherit; + color: #fcfcfc; } .tree-folder-title .title:hover { - text-decoration: none; + text-decoration: none; } .tree-folder-items { - background: #22303d; + background: #22303d; } .tree-folder-items > .item { - padding: 0 10px; - line-height: 2.5rem; - font-size: 0.8rem; + padding: 0 10px; + line-height: 2.5rem; + font-size: 0.8rem; } .tree-folder-items > .item.active { - background: #00488b; + background: #00488b; } .tree-folder-items > .item > a { - text-decoration: none; - color: #fcfcfc; + text-decoration: none; + color: #fcfcfc; } @supports (scrollbar-width: thin) { - #sidebar { - scrollbar-color: rgba(255, 255, 255, 0.05) rgba(0, 0, 0, 0); - } + #sidebar { + scrollbar-color: rgba(255, 255, 255, 0.05) rgba(0, 0, 0, 0); + } - #sidebar:hover { - scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0); - } + #sidebar:hover { + scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0); + } } @supports not (scrollbar-width: thin) { - #sidebar::-webkit-scrollbar-thumb { - background: rgba(255, 255, 255, 0.1); - } + #sidebar::-webkit-scrollbar-thumb { + background: rgba(255, 255, 255, 0.1); + } - #sidebar:hover::-webkit-scrollbar-thumb { - background: rgba(255, 255, 255, 0.3); - } + #sidebar:hover::-webkit-scrollbar-thumb { + background: rgba(255, 255, 255, 0.3); + } } .header > .item { - vertical-align: middle; + vertical-align: middle; } .header > .item.title { - position: absolute; + position: absolute; } .header > .item.title h1 { - margin: 0; - display: block; + margin: 0; + display: block; } .header > .item.title h1 a { - text-decoration: none; - color: #fcfcfc; + text-decoration: none; + color: #fcfcfc; } .header > .item.title .logo { - display: inline-block; - height: 26px; - vertical-align: top; - position: relative; - top: 5px; + display: inline-block; + height: 26px; + vertical-align: top; + position: relative; + top: 5px; } .header > .item.search input { - width: 230px; + width: 230px; } .header .item.search input:focus { - width: 350px; + width: 350px; } .header .item.search { - display: none; + display: none; } .header .item.configure { - position: fixed; - left: 0px; - z-index: 1000; - width: 35px; + position: fixed; + left: 0px; + z-index: 1000; + width: 35px; } .header h1 { - text-align: center; - font-size: 1.5em; + text-align: center; + font-size: 1.5em; } .aside { - padding: 35px 0; - background: #22303d; + padding: 35px 0; + background: #22303d; } .aside.aside_feed .tree { - margin: 0 0 50px; + margin: 0 0 50px; } .aside.aside_feed .nav-form input, .aside.aside_feed .nav-form select { - width: 140px; + width: 140px; } .aside.aside_feed .nav-form .dropdown .dropdown-menu { - left: -20px; + left: -20px; } .aside.aside_feed .nav-form .dropdown .dropdown-menu::after { - left: 33px; + left: 33px; } .aside_feed .tree-folder-title > .title:not([data-unread="0"])::after { - margin: 6px 0; - padding: 0 10px; - background: inherit; - font-size: 0.9rem; - position: absolute; - left: 0; - line-height: 1.5rem; + margin: 6px 0; + padding: 0 10px; + background: inherit; + font-size: 0.9rem; + position: absolute; + left: 0; + line-height: 1.5rem; } .aside_feed .tree-folder-items .dropdown-menu::after { - right: 2px; + right: 2px; } .post { - padding: 10px 50px; - font-size: 0.9em; + padding: 10px 50px; + font-size: 0.9em; } .post input { - background: #e3e3e3; + background: #e3e3e3; } .post input.long { - height: 33px; - margin-top: 0px; + height: 33px; + margin-top: 0px; } .post form { - margin: 10px 0; + margin: 10px 0; } .post.content { - max-width: 550px; + max-width: 550px; } .prompt { - text-align: center; + text-align: center; } .prompt label { - text-align: right; + text-align: right; } .prompt form { - margin: 10px auto 20px auto; - width: 200px; + margin: 10px auto 20px auto; + width: 200px; } .prompt input { - margin: 5px auto; - width: 100%; + margin: 5px auto; + width: 100%; } .prompt p { - margin: 20px 0; + margin: 20px 0; } #new-article { - background: #0062be; - font-size: 1em; - text-align: center; - position: fixed; - bottom: 48px; - z-index: 900; - right: 0; - line-height: 1.5em; + background: #0062be; + font-size: 1em; + text-align: center; + position: fixed; + bottom: 48px; + z-index: 900; + right: 0; + line-height: 1.5em; } #new-article:hover { - background: #00488b; + background: #00488b; } #new-article > a { - line-height: 1.5em; - font-weight: bold; - color: #fcfcfc; + line-height: 1.5em; + font-weight: bold; + color: #fcfcfc; } #new-article > a:hover { - text-decoration: none; + text-decoration: none; } .day { - padding: 0 10px; - font-weight: bold; - line-height: 3em; - text-align: center; + padding: 0 10px; + font-weight: bold; + line-height: 3em; + text-align: center; } .day .name { - display: none; + display: none; } .nav a { - color: #fcfcfc; + color: #fcfcfc; } .nav_menu { - width: 100%; - font-size: 0; - background-color: #0062be; - position: fixed; - z-index: 900; + width: 100%; + font-size: 0; + background-color: #0062be; + position: fixed; + z-index: 900; } .nav_menu .item.search { - display: inline-block; - position: fixed; - left: 40px; + display: inline-block; + position: fixed; + left: 40px; } .flux { - padding-left: 10px; - background: #fcfcfc; + padding-left: 10px; + background: #fcfcfc; } .flux::after { - margin: 0 auto; - width: 90%; - border-top: 1px solid #e3e3e3; + margin: 0 auto; + width: 90%; + border-top: 1px solid #e3e3e3; } .flux:hover, .flux .current { - background: #fff; + background: #fff; } .flux:hover:not(.current):hover .item.title, .flux .current:not(.current):hover .item.title { - background: #fff; + background: #fff; } .flux.favorite:not(.current) { - background: #fff6da; + background: #fff6da; } .flux.favorite:not(.current):hover .item.title { - background: #fff6da; + background: #fff6da; } .flux.not_read:not(.current) { - background: #fff3ed; + background: #fff3ed; } .flux.not_read:not(.current):hover .item.title { - background: #fff3ed; + background: #fff3ed; } .flux .item.date { - color: #969696; - font-size: 0.7rem; + color: #969696; + font-size: 0.7rem; } .flux .bottom { - font-size: 0.8rem; - text-align: center; + font-size: 0.8rem; + text-align: center; } .flux .website .favicon { - padding: 5px; + padding: 5px; } .flux label { - color: #fcfcfc; - cursor: pointer; + color: #fcfcfc; + cursor: pointer; } .flux_header { - font-size: 0.8rem; - cursor: pointer; + font-size: 0.8rem; + cursor: pointer; } .flux_header .title { - font-size: 0.9rem; + font-size: 0.9rem; } .notification { - padding: 10px 0; - background: #e3e3e3; - height: auto; - color: #969696; - font-size: 1em; - border: none; - text-align: center; - font-weight: bold; - z-index: 10; - vertical-align: middle; - position: fixed; - bottom: 48px; - right: 0; - top: auto; + padding: 10px 0; + background: #e3e3e3; + height: auto; + color: #969696; + font-size: 1em; + border: none; + text-align: center; + font-weight: bold; + z-index: 10; + vertical-align: middle; + position: fixed; + bottom: 48px; + right: 0; + top: auto; } .notification.good, .notification .bad { - color: #fcfcfc; + color: #fcfcfc; } .notification.good { - background: #5eaabf; + background: #5eaabf; } .notification.good a.close:hover { - background: #5eaabf; + background: #5eaabf; } .notification.bad { - background: #c46178; + background: #c46178; } .notification.bad a.close:hover { - background: #c46178; + background: #c46178; } .notification#actualizeProgress { - line-height: 2em; + line-height: 2em; } .notification a.close { - display: none; + display: none; } #bigMarkAsRead { - text-align: center; - text-decoration: none; - background: #e3e3e3; + text-align: center; + text-decoration: none; + background: #e3e3e3; } #bigMarkAsRead:hover { - background: #22303d; - color: #fcfcfc; + background: #22303d; + color: #fcfcfc; } #nav_entries { - margin: 0; - text-align: center; - line-height: 3em; - table-layout: fixed; - background: #22303d; + margin: 0; + text-align: center; + line-height: 3em; + table-layout: fixed; + background: #22303d; } .stat { - margin: 10px 0 20px; + margin: 10px 0 20px; } .stat th, .stat td, .stat tr { - border: none; + border: none; } .stat > table td, .stat > table th { - border-bottom: 1px solid #e3e3e3; + border-bottom: 1px solid #e3e3e3; } .stat > .horizontal-list { - margin: 0 0 5px; + margin: 0 0 5px; } .stat > .horizontal-list .item { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; } .stat > .horizontal-list .item:first-child { - width: 270px; + width: 270px; } .formLogin #global { - height: 0; + height: 0; } .formLogin .header { - background: #22303d; - height: 55px; + background: #22303d; + height: 55px; } .formLogin .header > .item.configure { - width: 200px; - position: unset; + width: 200px; + position: unset; } .formLogin .header > .item.title h1 { - display: unset; + display: unset; } .formLogin a.signin { - color: #fcfcfc; - padding-right: 5px; + color: #fcfcfc; + padding-right: 5px; } .formLogin input { - border-top: 1px #e3e3e3; - border-left: 1px #e3e3e3; - border-bottom: 1px #e3e3e3; - border-right: 5px solid; + border-top: 1px #e3e3e3; + border-left: 1px #e3e3e3; + border-bottom: 1px #e3e3e3; + border-right: 5px solid; } .loglist { - overflow: hidden; - border: 1px solid #969696; + overflow: hidden; + border: 1px solid #969696; } .log { - padding: 5px 2%; - background: #fcfcfc; - font-size: 0.8rem; - overflow: auto; + padding: 5px 2%; + background: #fcfcfc; + font-size: 0.8rem; + overflow: auto; } .log > .date { - margin: 0 0 0 10px; - padding: 5px 10px; + margin: 0 0 0 10px; + padding: 5px 10px; } .log.error > .date { - background: #c46178; - color: #fcfcfc; + background: #c46178; + color: #fcfcfc; } .log.warning > .date { - background: #fa8052; - color: #fcfcfc; + background: #fa8052; + color: #fcfcfc; } .log.notice > .date { - background: #e3e3e3; - color: #fcfcfc; + background: #e3e3e3; + color: #fcfcfc; } .log.debug > .date { - background: #181621; - color: #fcfcfc; + background: #181621; + color: #fcfcfc; } @media (max-width: 840px) { - .formLogin .header { - display: none; - } + .formLogin .header { + display: none; + } - .form-group .group-name { - padding-bottom: 0; - text-align: right; - } + .form-group .group-name { + padding-bottom: 0; + text-align: right; + } - .box .box-title .configure, + .box .box-title .configure, .box .box-content .item .configure { - visibility: visible; - } - - .dropdown-header, .dropdown-menu > .item { - padding: 12px; - } - - #new-article { - width: 100%; - position: sticky; - top: 0; - } - - .header { - display: table; - } - .header .item.title .logo { - display: none; - } - - .header > .item.title h1 a { - display: block; - position: absolute; - top: -35px; - right: 10px; - font-size: 0.6em; - } - - .header .item.configure, + visibility: visible; + } + + .dropdown-header, .dropdown-menu > .item { + padding: 12px; + } + + #new-article { + width: 100%; + position: sticky; + top: 0; + } + + .header { + display: table; + } + .header .item.title .logo { + display: none; + } + + .header > .item.title h1 a { + display: block; + position: absolute; + top: -35px; + right: 10px; + font-size: 0.6em; + } + + .header .item.configure, button.read_all.btn { - display: none; - } + display: none; + } - .flux .item.manage, + .flux .item.manage, .flux_header .item.website { - width: 35px; - text-align: center; - } - - .aside { - width: 0; - transition: width 200ms linear; - } - .aside .toggle_aside { - background: #22303d; - display: block; - height: 50px; - line-height: 50px; - text-align: left; - padding-left: 10px; - } - .aside.aside_feed { - padding: 0; - } - .aside.aside_feed .configure-feeds { - display: flex; - margin-top: 0; - margin-right: auto; - margin-left: auto; - } - .aside:target { - width: 78%; - z-index: 1000; - } - - .nav_menu { - position: initial; - height: 71px; - } - .nav_menu .btn { - margin: 5px 10px; - } - .nav_menu .stick { - margin: 0 10px; - } - .nav_menu .stick .btn { - margin: 5px 0; - } - .nav_menu .search { - position: absolute !important; - top: 35px; - right: 55px; - } - .nav_menu .search input { - width: 85%; - } - - .pagination { - margin: 0 0 3.5em; - } - - #panel .close { - background: #22303d; - display: block; - height: 50px; - line-height: 50px; - text-align: left; - padding-left: 10px; - } - - .day .name { - font-size: 1.1rem; - } - - .notification { - width: 100%; - } - .notification a.close { - background: transparent; - display: block; - right: 0; - } - .notification a.close:hover { - opacity: 0.5; - } - .notification a.close .icon { - display: none; - } - - #nav_entries { - width: 100% !important; - } - - .post { - padding-right: 15px; - padding-left: 15px; - } - - div#stream { - margin-top: 0px; - } - - a.btn.toggle_aside { - position: absolute; - top: 29px; - } - - form#mark-read-menu, + width: 35px; + text-align: center; + } + + .aside { + width: 0; + transition: width 200ms linear; + } + .aside .toggle_aside { + background: #22303d; + display: block; + height: 50px; + line-height: 50px; + text-align: left; + padding-left: 10px; + } + .aside.aside_feed { + padding: 0; + } + .aside.aside_feed .configure-feeds { + display: flex; + margin-top: 0; + margin-right: auto; + margin-left: auto; + } + .aside:target { + width: 78%; + z-index: 1000; + } + + .nav_menu { + position: initial; + height: 71px; + } + .nav_menu .btn { + margin: 5px 10px; + } + .nav_menu .stick { + margin: 0 10px; + } + .nav_menu .stick .btn { + margin: 5px 0; + } + .nav_menu .search { + position: absolute !important; + top: 35px; + right: 55px; + } + .nav_menu .search input { + width: 85%; + } + + .pagination { + margin: 0 0 3.5em; + } + + #panel .close { + background: #22303d; + display: block; + height: 50px; + line-height: 50px; + text-align: left; + padding-left: 10px; + } + + .day .name { + font-size: 1.1rem; + } + + .notification { + width: 100%; + } + .notification a.close { + background: transparent; + display: block; + right: 0; + } + .notification a.close:hover { + opacity: 0.5; + } + .notification a.close .icon { + display: none; + } + + #nav_entries { + width: 100% !important; + } + + .post { + padding-right: 15px; + padding-left: 15px; + } + + div#stream { + margin-top: 0px; + } + + a.btn.toggle_aside { + position: absolute; + top: 29px; + } + + form#mark-read-menu, a#actualize, a#toggle-order, div#nav_menu_actions, div#nav_menu_views { - position: absolute; - } + position: absolute; + } - form#mark-read-menu { - left: 46px; - top: 30px; - z-index: 1100; - } + form#mark-read-menu { + left: 46px; + top: 30px; + z-index: 1100; + } - a#actualize, + a#actualize, a#toggle-order { - left: 0px; - } + left: 0px; + } - a#actualize { - top: 29px; - } + a#actualize { + top: 29px; + } - a#toggle-order, + a#toggle-order, div#nav_menu_actions, div#nav_menu_views { - top: 65px; - } + top: 65px; + } - div#nav_menu_actions { - right: 0px; - } + div#nav_menu_actions { + right: 0px; + } - div#nav_menu_views { - left: 50px; - } + div#nav_menu_views { + left: 50px; + } } @media (max-width: 410px) { - .nav_menu .stick { - margin: 0; - } + .nav_menu .stick { + margin: 0; + } } @media (max-width: 374px) { - #nav_menu_views { - display: none; - } + #nav_menu_views { + display: none; + } } button.as-link { - color: #fcfcfc; - outline: none; + color: #fcfcfc; + outline: none; } .dropdown-target:target ~ .btn.dropdown-toggle { - background: #00488b; + background: #00488b; } .tree-folder.active .tree-folder-title { - background: #00488b; - font-weight: bold; + background: #00488b; + font-weight: bold; } .feed.item.empty { - color: #fa8052; + color: #fa8052; } .feed.item.empty.active { - background: #fa8052; - color: #fcfcfc; + background: #fa8052; + color: #fcfcfc; } .feed.item.empty.active > a { - color: #fcfcfc; + color: #fcfcfc; } .feed.item.empty > a { - color: #fa8052; + color: #fa8052; } .feed.item.error { - color: #c46178; + color: #c46178; } .feed.item.error.active { - background: #c46178; - color: #fcfcfc; + background: #c46178; + color: #fcfcfc; } .feed.item.error.active > a { - color: #fcfcfc; + color: #fcfcfc; } .feed.item.error > a { - color: #c46178; + color: #c46178; } #dropdown-query ~ .dropdown-menu .dropdown-header .icon { - vertical-align: middle; - float: left; + vertical-align: middle; + float: left; } #stream.reader .flux { - padding: 0 0 50px; - background: #fcfcfc; - color: #22303d; - border: none; + padding: 0 0 50px; + background: #fcfcfc; + color: #22303d; + border: none; } #stream.reader .flux .author { - margin: 0 0 10px; - color: #969696; - font-size: 90%; + margin: 0 0 10px; + color: #969696; + font-size: 90%; } #nav_menu_actions ul.dropdown-menu, #nav_menu_read_all ul.dropdown-menu { - right: 0px; + right: 0px; } #slider label { - min-height: initial; + min-height: initial; } #slider .form-group:hover { - background: inital; + background: inital; } |
