aboutsummaryrefslogtreecommitdiff
path: root/p
diff options
context:
space:
mode:
authorGravatar Alexandre Alapetite <alexandre@alapetite.fr> 2021-02-28 12:26:24 +0100
committerGravatar GitHub <noreply@github.com> 2021-02-28 12:26:24 +0100
commit947e918f05d70d5dce4efa4ef403e593581c3fa9 (patch)
treee66ef1ffe8a6cc0ffbea1bff1791588f72879637 /p
parentbf2718cada964fba66d8497592abcb73cb9520ba (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.php4
-rw-r--r--p/api/greader.php14
-rw-r--r--p/ext.php3
-rw-r--r--p/scripts/install.js4
-rw-r--r--p/scripts/integration.js62
-rw-r--r--p/scripts/main.js11
-rw-r--r--p/scripts/stats.js12
-rw-r--r--p/themes/Alternative-Dark/adark.rtl.css2
-rw-r--r--p/themes/Ansum/ansum.css1794
-rw-r--r--p/themes/Ansum/ansum.rtl.css1796
-rw-r--r--p/themes/BlueLagoon/BlueLagoon.rtl.css2
-rw-r--r--p/themes/Mapco/mapco.css1812
-rw-r--r--p/themes/Mapco/mapco.rtl.css1814
-rw-r--r--p/themes/Origine-compact/origine-compact.rtl.css2
-rw-r--r--p/themes/Origine/origine.rtl.css2
-rw-r--r--p/themes/Pafat/pafat.rtl.css2
-rw-r--r--p/themes/Screwdriver/screwdriver.rtl.css2
-rw-r--r--p/themes/Swage/swage.css1274
-rw-r--r--p/themes/Swage/swage.rtl.css1274
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') {
diff --git a/p/ext.php b/p/ext.php
index daa4848d6..c464f05ab 100644
--- a/p/ext.php
+++ b/p/ext.php
@@ -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;
}