diff options
| author |  Marien Fressinaud <dev@marienfressinaud.fr>
| 2020-05-06 19:55:45 +0200 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2020-05-06 19:55:45 +0200 |
| commit | cc7a784cbe8822d306a2937f08b7665ea82ffb54 (patch) | |
| tree | 06733ea4b5205ae6f65230d3411e8fac3697768e | |
| parent | 5e18ca840891cac3087abde47de8481352863602 (diff) | |
Add/mobile feed configuration (#2938)
* Show subscription management button on mobile
* Show aside box-shadow on Origine only when opened
* Reduce padding of Origine posts on mobile
* Shrink stick component with long input
* Show Origine configure icons on mobile
* Show the slider full width on mobile
* Improve the look of forms on mobile
* Fix Ansum theme
* Fix BlueLagoon theme
* Fix Dark theme
* Fix Flat theme
* Fix Mapco theme
* Fix Origine-compact theme
* Fix Pafat theme
* Fix Screwdriver theme
* Fix Swage theme
* Fix Alternative-Dark theme
* Apply RTL script on themes
Co-authored-by: triatic <42704418+triatic@users.noreply.github.com>
36 files changed, 6693 insertions, 4306 deletions
diff --git a/app/layout/aside_feed.phtml b/app/layout/aside_feed.phtml index 52531b252..499844a2b 100644 --- a/app/layout/aside_feed.phtml +++ b/app/layout/aside_feed.phtml @@ -12,7 +12,7 @@ <a class="toggle_aside" href="#close"><?= _i('close') ?></a> <?php if (FreshRSS_Auth::hasAccess()) { ?> - <div class="stick configure-feeds no-mobile"> + <div class="stick configure-feeds"> <a id="btn-subscription" class="btn btn-important" href="<?= _url('subscription', 'index') ?>"><?= _t('index.menu.subscription') ?></a> <a id="btn-importExport" class="btn btn-important" href="<?= _url('importExport', 'index') ?>"><?= _i('import') ?></a> </div> diff --git a/app/views/subscription/index.phtml b/app/views/subscription/index.phtml index 736a582d2..9e0aaa8c6 100644 --- a/app/views/subscription/index.phtml +++ b/app/views/subscription/index.phtml @@ -120,7 +120,9 @@ </div> <?php $class = $this->displaySlider ? ' class="active"' : ''; ?> -<a href="#" id="close-slider"<?= $class ?>></a> +<a href="#" id="close-slider"<?= $class ?>> + <?= _i('close') ?> +</a> <div id="slider"<?= $class ?>> <?php if (isset($this->feed)) { diff --git a/p/themes/Alternative-Dark/adark.css b/p/themes/Alternative-Dark/adark.css index 24a721588..8e3c63448 100644 --- a/p/themes/Alternative-Dark/adark.css +++ b/p/themes/Alternative-Dark/adark.css @@ -1053,6 +1053,16 @@ a.btn { /*===========*/ @media (max-width: 840px) { + .form-group .group-name { + padding-bottom: 0; + text-align: left; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .aside { box-shadow: 3px 0 3px #aaa; transition: width 200ms linear; @@ -1123,4 +1133,9 @@ a.btn { .notification a.close .icon { display: none; } + + .post { + padding-left: 15px; + padding-right: 15px; + } } diff --git a/p/themes/Alternative-Dark/adark.rtl.css b/p/themes/Alternative-Dark/adark.rtl.css index 133db4265..5e9086a67 100644 --- a/p/themes/Alternative-Dark/adark.rtl.css +++ b/p/themes/Alternative-Dark/adark.rtl.css @@ -1053,6 +1053,16 @@ a.btn { /*===========*/ @media (max-width: 840px) { + .form-group .group-name { + padding-bottom: 0; + text-align: right; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .aside { box-shadow: -3px 0 3px #aaa; transition: width 200ms linear; @@ -1123,4 +1133,9 @@ a.btn { .notification a.close .icon { display: none; } + + .post { + padding-right: 15px; + padding-left: 15px; + } } diff --git a/p/themes/Alternative-Dark/template.css b/p/themes/Alternative-Dark/template.css index 21a6e5b42..46e289372 100644 --- a/p/themes/Alternative-Dark/template.css +++ b/p/themes/Alternative-Dark/template.css @@ -215,10 +215,19 @@ td.numeric { /*=== Buttons */ .stick { - display: inline-block; + display: inline-flex; + max-width: 100%; white-space: nowrap; } +.stick > input.long { + flex-shrink: 1; +} + +.stick > .btn { + flex-shrink: 0; +} + .btn, a.btn { display: inline-block; @@ -1023,6 +1032,10 @@ br { left: 0; } +#close-slider img { + display: none; +} + /*=== SLIDESHOW */ /*==============*/ .slides { @@ -1191,7 +1204,6 @@ pre.enclosure-description { @media (max-width: 840px) { .header, - .aside .btn-important, .flux_header .item.website span, .item.date, .day .date, .dropdown-menu > .no-mobile, @@ -1199,6 +1211,18 @@ pre.enclosure-description { display: none; } + .form-group { + margin-bottom: 10px; + } + + .form-group .group-name { + float: none; + } + + .form-group .group-controls { + margin-left: 0; + } + .dropdown .dropdown-menu { width: 100%; border-radius: 0; @@ -1234,6 +1258,10 @@ pre.enclosure-description { width: 90%; } + .aside_feed .configure-feeds { + margin-top: 10px; + } + .flux_header .item.website { width: 40px; } @@ -1267,6 +1295,26 @@ pre.enclosure-description { width: 30px; height: 30px; } + + #slider.active { + left: 0; + top: 50px; + } + + #close-slider img { + display: initial; + } + + #close-slider.active { + background: #f6f6f6; + display: block; + width: 100%; + height: 50px; + z-index: 10; + text-align: center; + line-height: 50px; + border-bottom: 1px solid #ddd; + } } /*=== PRINTER */ diff --git a/p/themes/Alternative-Dark/template.rtl.css b/p/themes/Alternative-Dark/template.rtl.css index 82b216f64..371934324 100644 --- a/p/themes/Alternative-Dark/template.rtl.css +++ b/p/themes/Alternative-Dark/template.rtl.css @@ -215,10 +215,19 @@ td.numeric { /*=== Buttons */ .stick { - display: inline-block; + display: inline-flex; + max-width: 100%; white-space: nowrap; } +.stick > input.long { + flex-shrink: 1; +} + +.stick > .btn { + flex-shrink: 0; +} + .btn, a.btn { display: inline-block; @@ -1023,6 +1032,10 @@ br { right: 0; } +#close-slider img { + display: none; +} + /*=== SLIDESHOW */ /*==============*/ .slides { @@ -1191,7 +1204,6 @@ pre.enclosure-description { @media (max-width: 840px) { .header, - .aside .btn-important, .flux_header .item.website span, .item.date, .day .date, .dropdown-menu > .no-mobile, @@ -1199,6 +1211,18 @@ pre.enclosure-description { display: none; } + .form-group { + margin-bottom: 10px; + } + + .form-group .group-name { + float: none; + } + + .form-group .group-controls { + margin-right: 0; + } + .dropdown .dropdown-menu { width: 100%; border-radius: 0; @@ -1234,6 +1258,10 @@ pre.enclosure-description { width: 90%; } + .aside_feed .configure-feeds { + margin-top: 10px; + } + .flux_header .item.website { width: 40px; } @@ -1267,6 +1295,26 @@ pre.enclosure-description { width: 30px; height: 30px; } + + #slider.active { + right: 0; + top: 50px; + } + + #close-slider img { + display: initial; + } + + #close-slider.active { + background: #f6f6f6; + display: block; + width: 100%; + height: 50px; + z-index: 10; + text-align: center; + line-height: 50px; + border-bottom: 1px solid #ddd; + } } /*=== PRINTER */ diff --git a/p/themes/Ansum/_forms.scss b/p/themes/Ansum/_forms.scss index ff1691894..340d2219f 100644 --- a/p/themes/Ansum/_forms.scss +++ b/p/themes/Ansum/_forms.scss @@ -70,6 +70,7 @@ label { } textarea { + max-width: 100%; width: 360px; height: 100px; } diff --git a/p/themes/Ansum/_mobile.scss b/p/themes/Ansum/_mobile.scss index 8922ea370..9a315e051 100644 --- a/p/themes/Ansum/_mobile.scss +++ b/p/themes/Ansum/_mobile.scss @@ -15,6 +15,7 @@ } a { + box-sizing: border-box; padding: 1rem 1rem 1rem 2.5rem; background: url("../../themes/icons/logout.svg") no-repeat $sid-bg-dark 3% center; @@ -36,6 +37,15 @@ } + .form-group .group-name { + text-align: left; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .aside { @include transition(all, 0.2s, ease-in-out); @@ -50,7 +60,8 @@ } .aside .toggle_aside, - #panel .close { + #panel .close, + #close-slider.active { background: $main-first-alt; display: block; width: 100%; @@ -68,6 +79,12 @@ } &.search { + display: block; + + .stick { + display: flex; + } + input { width: 90%; height: 3.5rem; @@ -85,18 +102,16 @@ } &.configure { - width: 2.75rem; - top: 3.125rem; - - .dropdown { - .btn { - padding: 1.125rem; - } - } + display: none; } } } + .post { + padding-left: 1rem; + padding-right: 1rem; + } + .nav_menu { .btn { margin: 0; diff --git a/p/themes/Ansum/ansum.css b/p/themes/Ansum/ansum.css index da350b983..b375ee530 100644 --- a/p/themes/Ansum/ansum.css +++ b/p/themes/Ansum/ansum.css @@ -3,49 +3,57 @@ font-style: normal; font-stretch: normal; font-weight: 400; - src: local("Lato"), url("../fonts/LatoLatin-Regular.woff") format("woff"); } + 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"); } + 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"); } + 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"); } + 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"); } + 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"); } + 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"); } + 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"); } + src: local("Spectral"), url("../fonts/Spectral-BoldItalic.woff") format("woff"); +} /* stylelint-disable property-no-vendor-prefix */ /* FUNCTIONS */ /* btns */ @@ -67,23 +75,30 @@ -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; } - .btn.btn-important:hover, .btn.btn-important:active { - background: #b7641d; } - .btn.btn-attention { - background: #f5633e; - color: #fff; } - .btn.btn-attention:hover, .btn.btn-attention:active { - background: #73341f; } - .btn:hover { - text-decoration: none; } + transition: all 0.15s ease-in-out; +} +.btn.btn-important { + background: #ca7227; + color: #fff; +} +.btn.btn-important:hover, .btn.btn-important:active { + background: #b7641d; +} +.btn.btn-attention { + background: #f5633e; + color: #fff; +} +.btn.btn-attention:hover, .btn.btn-attention:active { + background: #73341f; +} +.btn:hover { + text-decoration: none; +} a.btn { min-height: 25px; - line-height: 25px; } + line-height: 25px; +} /*=== Forms */ legend { @@ -95,17 +110,21 @@ legend { clear: both; text-transform: uppercase; letter-spacing: 1px; - font-weight: 700; } + font-weight: 700; +} label { min-height: 25px; padding: 5px 0; cursor: pointer; - color: #766556; } + color: #766556; +} textarea { width: 360px; - height: 100px; } + max-width: 100%; + height: 100px; +} input, select, textarea, button { padding: 5px 10px; @@ -117,64 +136,82 @@ input, select, textarea, button { border-radius: 2px; min-height: 25px; line-height: 25px; - vertical-align: middle; } + vertical-align: middle; +} option { - padding: 0 .5em; } + padding: 0 0.5em; +} input:focus, select:focus, textarea:focus { color: #363330; - border-color: #ca7227; } + border-color: #ca7227; +} input:invalid, select:invalid { color: #f5633e; border-color: #f5633e; - box-shadow: none; } + 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; } - .form-group::after { - content: ""; - display: block; - clear: both; } - .form-group .group-name { - padding: 10px 0; - text-align: right; } - .form-group .group-controls { - min-height: 25px; - padding: 5px 0; } - .form-group .group-controls .control { - line-height: 2.0em; } - .form-group table { - margin: 10px 0 0 220px; } - .form-group.form-actions { - margin: 15px 0 25px; - padding: 5px 0; } - .form-group.form-actions .btn { - margin: 0 0.5rem 0 0; } + border-radius: 3px; +} +.form-group::after { + content: ""; + display: block; + clear: both; +} +.form-group .group-name { + padding: 10px 0; + text-align: right; +} +.form-group .group-controls { + min-height: 25px; + padding: 5px 0; +} +.form-group .group-controls .control { + line-height: 2em; +} +.form-group table { + margin: 10px 0 0 220px; +} +.form-group.form-actions { + margin: 15px 0 25px; + padding: 5px 0; +} +.form-group.form-actions .btn { + margin: 0 0.5rem 0 0; +} /*=== Tables */ table { - border-collapse: collapse; } + border-collapse: collapse; +} tr, th, td { padding: 0.5em; - border: 1px solid #e4d8cc; } + border: 1px solid #e4d8cc; +} th { - background: #fcfaf8; } + background: #fcfaf8; +} form td, form th { font-weight: normal; - text-align: center; } + text-align: center; +} /*=== COMPONENTS */ /*===============*/ @@ -182,11 +219,14 @@ form th { /*=== Horizontal-list */ .horizontal-list { margin: 0; - padding: 0.1rem 0; } - .horizontal-list .item { - vertical-align: middle; } - .horizontal-list .item:first-child { - padding-left: 0.5rem; } + padding: 0.1rem 0; +} +.horizontal-list .item { + vertical-align: middle; +} +.horizontal-list .item:first-child { + padding-left: 0.5rem; +} /*=== Dropdown */ .dropdown-menu { @@ -197,61 +237,75 @@ form th { 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); } - .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; } - .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; } - .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; } - .dropdown-menu .item:hover { - background: #ca7227; - color: #fff; } - .dropdown-menu .item:hover a, .dropdown-menu .item:hover button { - text-decoration: none; - color: #fff; } - .dropdown-menu .item[aria-checked="true"] a::before { - 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; } - .dropdown-menu .separator { - margin: 0.75rem 0; - border-bottom: 1px solid #f5f0ec; } + 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); +} +.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; +} +.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; +} +.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; +} +.dropdown-menu .item:hover { + background: #ca7227; + color: #fff; +} +.dropdown-menu .item:hover a, .dropdown-menu .item:hover button { + text-decoration: none; + color: #fff; +} +.dropdown-menu .item[aria-checked=true] a::before { + 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; +} +.dropdown-menu .separator { + margin: 0.75rem 0; + border-bottom: 1px solid #f5f0ec; +} .tree .tree-folder .tree-folder-items .dropdown-menu .item { - padding: 0; } - .tree .tree-folder .tree-folder-items .dropdown-menu .item a, - .tree .tree-folder .tree-folder-items .dropdown-menu .item button { - 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; } - .tree .tree-folder .tree-folder-items .dropdown-menu .item:hover { - background: #ca7227; } + padding: 0; +} +.tree .tree-folder .tree-folder-items .dropdown-menu .item a, +.tree .tree-folder .tree-folder-items .dropdown-menu .item button { + 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; +} +.tree .tree-folder .tree-folder-items .dropdown-menu .item:hover { + background: #ca7227; +} /*=== Alerts */ .alert { @@ -262,129 +316,159 @@ form th { font-size: 1rem; border: 1px solid #d9ccbf; border-radius: 3px; - text-shadow: 0 0 1px #f5f0ec; } + text-shadow: 0 0 1px #f5f0ec; +} .alert-head { - font-size: 1.15em; } + font-size: 1.15em; +} .alert > a { text-decoration: underline; - color: inherit; } + color: inherit; +} .alert-warn { background: #fdfde0; color: #73762f; - border: 1px solid #73762f33; } + border: 1px solid #73762f33; +} .alert-success { background: #cffdef; color: #0c7556; - border: 1px solid #0c755633; } + border: 1px solid #0c755633; +} .alert-error { background: #fde0d8; color: #73341f; - border: 1px solid #73341f33; } + border: 1px solid #73341f33; +} /*=== Pagination */ .pagination { 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; } - .pagination .item a { - display: block; - color: #363330; - font-style: italic; - line-height: 3em; - text-decoration: none; } - .pagination .item a:hover { - background: #363330; - color: #f5f0ec; } - .pagination .loading, - .pagination a:hover.loading { - background: url("loader.gif") center center no-repeat #34495e; - font-size: 0; } + text-align: center; +} +.pagination .item.pager-current { + 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; +} +.pagination .item a:hover { + background: #363330; + color: #f5f0ec; +} +.pagination .loading, +.pagination a:hover.loading { + background: url("loader.gif") center center no-repeat #34495e; + font-size: 0; +} .content .pagination { margin: 0; - padding: 0; } + padding: 0; +} /*=== Boxes */ .box { 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; } - .box .box-title img { - 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; } - .box .box-title:hover .configure .icon { - 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; } - .box .box-title .configure { - visibility: hidden; } - .box .box-title form input { - width: 85%; } - .box .box-title form .dropdown { - 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; } - .box .box-title form .dropdown a.dropdown-toggle img { - 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; } - .box .box-content .item img { - 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; } - .box .box-content .item .configure .icon { - 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; } - .box .box-content .item:hover .configure { - visibility: visible; } - .box .box-content .item:last-child { - border-bottom: none; } + 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; +} +.box .box-title img { + 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; +} +.box .box-title:hover .configure .icon { + 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; +} +.box .box-title .configure { + visibility: hidden; +} +.box .box-title form input { + width: 85%; +} +.box .box-title form .dropdown { + 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; +} +.box .box-title form .dropdown a.dropdown-toggle img { + 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; +} +.box .box-content .item img { + 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; +} +.box .box-content .item .configure .icon { + 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; +} +.box .box-content .item:hover .configure { + visibility: visible; +} +.box .box-content .item:last-child { + border-bottom: none; +} /*=== "Load more" part */ #bigMarkAsRead { @@ -395,146 +479,186 @@ form th { -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; } - #bigMarkAsRead:hover .bigTick { - 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; } + transition: all 0.15s ease-in-out; +} +#bigMarkAsRead:hover { + background: #ca7227; + color: #fff; +} +#bigMarkAsRead:hover .bigTick { + 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; +} .formLogin { - background: #fbf9f6; } - .formLogin .header .configure { - padding-right: 1rem; } - .formLogin .header .configure img { - margin-right: 0.5rem; } - .formLogin .header .configure a.signin { - color: #fff; } - .formLogin h1 { - color: #fff; } - .formLogin form#crypto-form div { - margin-bottom: 1rem; } - .formLogin form#crypto-form div label { - color: #d9ccbf; - font-size: 1rem; } - .formLogin form#crypto-form div input { - background: #221f1d; } - .formLogin form#crypto-form div input:focus { - background: #fcfaf8; - color: #363330; } + background: #fbf9f6; +} +.formLogin .header .configure { + padding-right: 1rem; +} +.formLogin .header .configure img { + margin-right: 0.5rem; +} +.formLogin .header .configure a.signin { + color: #fff; +} +.formLogin h1 { + color: #fff; +} +.formLogin form#crypto-form div { + margin-bottom: 1rem; +} +.formLogin form#crypto-form div label { + color: #d9ccbf; + font-size: 1rem; +} +.formLogin form#crypto-form div input { + background: #221f1d; +} +.formLogin form#crypto-form div input:focus { + 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; } - .tree#sidebar { - 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; } - .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; } - .tree .tree-folder .tree-folder-title .title { - background: inherit; - color: #363330; } - .tree .tree-folder .tree-folder-title .title:hover { - text-decoration: none; } - .tree .tree-folder.active .tree-folder-title { - background: #fbf9f6; - font-weight: bold; } - .tree .tree-folder .tree-folder-items { - 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; } - .tree .tree-folder .tree-folder-items .item.active { - background: #ca7227; } - .tree .tree-folder .tree-folder-items .item.active .dropdown li a { - color: #363330; } - .tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover { - color: #363330; } - .tree .tree-folder .tree-folder-items .item.active a { - color: #fff; } - .tree .tree-folder .tree-folder-items .item:hover { - background: #efe3d3; } - .tree .tree-folder .tree-folder-items .item a { - 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: 10px 0; +} +.tree#sidebar { + 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; +} +.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; +} +.tree .tree-folder .tree-folder-title .title { + background: inherit; + color: #363330; +} +.tree .tree-folder .tree-folder-title .title:hover { + text-decoration: none; +} +.tree .tree-folder.active .tree-folder-title { + background: #fbf9f6; + font-weight: bold; +} +.tree .tree-folder .tree-folder-items { + 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; +} +.tree .tree-folder .tree-folder-items .item.active { + background: #ca7227; +} +.tree .tree-folder .tree-folder-items .item.active .dropdown li a { + color: #363330; +} +.tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover { + color: #363330; +} +.tree .tree-folder .tree-folder-items .item.active a { + color: #fff; +} +.tree .tree-folder .tree-folder-items .item:hover { + background: #efe3d3; +} +.tree .tree-folder .tree-folder-items .item a { + 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; +} /*=== Buttons */ .stick { vertical-align: middle; - font-size: 0; } - .stick input, .stick .btn { - border-radius: 0; } - .stick .btn:first-child, - .stick input:first-child { - border-radius: 5px 0 0 5px; } - .stick .btn:last-child, .stick input:last-child, .stick .btn + .dropdown > .btn { - border-radius: 0 5px 5px 0; } - .stick .btn + .btn, - .stick .btn + input, - .stick .btn + .dropdown > .btn, - .stick input + .btn, - .stick input + input, - .stick input + .dropdown > .btn, - .stick .dropdown + .btn, - .stick .dropdown + input, - .stick .dropdown + .dropdown > .btn { - border-left: 1px solid #e4d8cc; } + font-size: 0; +} +.stick input, .stick .btn { + border-radius: 0; +} +.stick .btn:first-child, +.stick input:first-child { + border-radius: 5px 0 0 5px; +} +.stick .btn:last-child, .stick input:last-child, .stick .btn + .dropdown > .btn { + border-radius: 0 5px 5px 0; +} +.stick .btn + .btn, +.stick .btn + input, +.stick .btn + .dropdown > .btn, +.stick input + .btn, +.stick input + input, +.stick input + .dropdown > .btn, +.stick .dropdown + .btn, +.stick .dropdown + input, +.stick .dropdown + .dropdown > .btn { + border-left: 1px solid #e4d8cc; +} .aside { - background: #fbf9f6; } - .aside.aside_feed { - padding: 10px 0; - text-align: center; - background: #fbf9f6; - border-right: 1px solid #f0e7da; } - .aside.aside_feed .tree { - margin: 10px 0 50px; } + background: #fbf9f6; +} +.aside.aside_feed { + padding: 10px 0; + text-align: center; + background: #fbf9f6; + border-right: 1px solid #f0e7da; +} +.aside.aside_feed .tree { + margin: 10px 0 50px; +} /* Sidebar des pages de configuration */ /*=== Navigation */ @@ -542,68 +666,87 @@ form th { .nav-list .item { height: 2.5em; line-height: 2.5em; - font-size: 1rem; } + 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; } - .nav-list .item a { - padding: 0 1rem; - color: #363330; } - .nav-list .item .error a { - color: #f5633e; } - .nav-list .item:hover { - background: #efe3d3; - color: #363330; } - .nav-list .item:hover .error a { - background: #ca7227; - color: #363330; } - .nav-list .item:hover .empty a { - background: #f4f762; - color: #363330; } - .nav-list .item:hover a { - color: #363330; - text-decoration: none; } - .nav-list .item.active { - background: #ca7227; - color: #fff; } - .nav-list .item.active .error a { - background: #ca7227; - color: #fff; } - .nav-list .item.active .empty a { - background: #f4f762; - color: #fff; } - .nav-list .item.active a { - color: #fff; - text-decoration: none; } + transition: all 0.15s ease-in-out; +} +.nav-list .item a { + padding: 0 1rem; + color: #363330; +} +.nav-list .item .error a { + color: #f5633e; +} +.nav-list .item:hover { + background: #efe3d3; + color: #363330; +} +.nav-list .item:hover .error a { + background: #ca7227; + color: #363330; +} +.nav-list .item:hover .empty a { + background: #f4f762; + color: #363330; +} +.nav-list .item:hover a { + color: #363330; + text-decoration: none; +} +.nav-list .item.active { + background: #ca7227; + color: #fff; +} +.nav-list .item.active .error a { + background: #ca7227; + color: #fff; +} +.nav-list .item.active .empty a { + background: #f4f762; + color: #fff; +} +.nav-list .item.active a { + color: #fff; + text-decoration: none; +} .nav-list.empty a { - color: #f4f762; } + color: #f4f762; +} .nav-list .disable { text-align: center; background: #fcfaf8; - color: #ba9; } + color: #ba9; +} .nav-list .nav-header { padding: 0 10px; font-weight: bold; color: #766556; text-transform: uppercase; letter-spacing: 1px; - margin-top: 1rem; } + margin-top: 1rem; +} .nav-list .nav-form { padding: 3px; - text-align: center; } + text-align: center; +} .nav-list .nav-head { margin: 0; text-align: right; - color: #fff; } - .nav-list .nav-head a { - color: #fff; } - .nav-list .nav-head .item { - padding: 5px 10px; - font-size: 0.9rem; - line-height: 1.5rem; } + color: #fff; +} +.nav-list .nav-head a { + color: #fff; +} +.nav-list .nav-head .item { + 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 { @@ -614,38 +757,47 @@ form th { position: absolute; right: 0; line-height: 1.5rem; - text-align: center; } + 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-importExport { - border-left-color: #fbf9f6; } + border-left-color: #fbf9f6; +} /*=== STRUCTURE */ /*===============*/ @@ -655,102 +807,125 @@ form th { background: #fbf9f6; display: block; width: auto; - table-layout: none; } - .header .item { - vertical-align: middle; } - .header .item.title { - width: 280px; - font-weight: 400; } - .header .item.title h1 a { - text-decoration: none; - color: #363330; - font-size: 1rem; - text-transform: uppercase; - letter-spacing: 1px; } - .header .item.title h1 a img { - 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; } - .header .item.search input:hover { - background-color: #efe3d3; } - .header .item.search input:focus { - 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; } - .header .item.search .btn img { - display: none; } - .header .item.search .btn:hover { - background-color: #b7641d; } - .header .item.configure { - 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); } - .header .item.configure .btn img { - display: none; } - + table-layout: none; +} +.header .item { + vertical-align: middle; +} +.header .item.title { + width: 280px; + font-weight: 400; +} +.header .item.title h1 a { + text-decoration: none; + color: #363330; + font-size: 1rem; + text-transform: uppercase; + letter-spacing: 1px; +} +.header .item.title h1 a img { + 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; +} +.header .item.search input:hover { + background-color: #efe3d3; +} +.header .item.search input:focus { + 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; +} +.header .item.search .btn img { + display: none; +} +.header .item.search .btn:hover { + background-color: #b7641d; +} +.header .item.configure { + 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); +} +.header .item.configure .btn img { + 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; } + width: 200px; +} .prompt input { margin: 5px auto; - width: 100%; } + width: 100%; +} .prompt p { - margin: 20px 0; } + margin: 20px 0; +} /*=== New article notification */ #new-article { background: #ca7227; font-size: 1rem; - text-align: center; } + text-align: center; +} #new-article:hover { - background: #b7641d; } + background: #b7641d; +} #new-article > a { line-height: 3em; font-weight: bold; - color: #fff; } + color: #fff; +} #new-article > a:hover { - text-decoration: none; } + text-decoration: none; +} /*=== Day indication */ .day { @@ -760,146 +935,186 @@ form th { 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; } + text-transform: uppercase; +} +.day .name { + 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; } - .nav_menu .btn { - 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; } - .nav_menu .stick { - 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; } - .nav_menu .stick .btn:hover { - background-color: #e4d8cc; } - .nav_menu .stick .btn.active { - background-color: #ca7227; } - .nav_menu .stick .btn img.icon { - display: none; } - .nav_menu .stick .btn#toggle-read { - background-image: url(icons/read.svg); } - .nav_menu .stick .btn#toggle-read.active { - background-image: url(icons/read-white.svg); } - .nav_menu .stick .btn#toggle-unread { - background-image: url(icons/unread.svg); } - .nav_menu .stick .btn#toggle-unread.active { - background-image: url(icons/unread-white.svg); } - .nav_menu .stick .btn#toggle-starred { - background-image: url(icons/starred.svg); } - .nav_menu .stick .btn#toggle-starred.active { - background-image: url(icons/starred-white.svg); } - .nav_menu .stick .btn#toggle-non-starred { - background-image: url(icons/non-starred.svg); } - .nav_menu .stick .btn#toggle-non-starred.active { - 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; } - .nav_menu .stick .btn.read_all:hover { - background-color: #e4d8cc; } - .nav_menu .stick .btn.view-normal { - background-image: url(icons/view-list.svg); } - .nav_menu .stick .btn.view-normal.active { - background-image: url(icons/view-list-white.svg); } - .nav_menu .stick .btn.view-global { - background-image: url(icons/view-global.svg); } - .nav_menu .stick .btn.view-global.active { - background-image: url(icons/view-global-white.svg); } - .nav_menu .stick .btn.view-reader { - background-image: url(icons/view-reader.svg); } - .nav_menu .stick .btn.view-reader.active { - background-image: url(icons/view-reader-white.svg); } - .nav_menu .stick .btn.view-rss { - background-image: url(icons/rss.svg); } - .nav_menu .stick .dropdown a.dropdown-toggle { - border-left-width: 0; - background-image: url(icons/more.svg); } + padding: 5px 0; +} +.nav_menu .btn { + 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; +} +.nav_menu .stick { + 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; +} +.nav_menu .stick .btn:hover { + background-color: #e4d8cc; +} +.nav_menu .stick .btn.active { + background-color: #ca7227; +} +.nav_menu .stick .btn img.icon { + display: none; +} +.nav_menu .stick .btn#toggle-read { + background-image: url(icons/read.svg); +} +.nav_menu .stick .btn#toggle-read.active { + background-image: url(icons/read-white.svg); +} +.nav_menu .stick .btn#toggle-unread { + background-image: url(icons/unread.svg); +} +.nav_menu .stick .btn#toggle-unread.active { + background-image: url(icons/unread-white.svg); +} +.nav_menu .stick .btn#toggle-starred { + background-image: url(icons/starred.svg); +} +.nav_menu .stick .btn#toggle-starred.active { + background-image: url(icons/starred-white.svg); +} +.nav_menu .stick .btn#toggle-non-starred { + background-image: url(icons/non-starred.svg); +} +.nav_menu .stick .btn#toggle-non-starred.active { + 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; +} +.nav_menu .stick .btn.read_all:hover { + background-color: #e4d8cc; +} +.nav_menu .stick .btn.view-normal { + background-image: url(icons/view-list.svg); +} +.nav_menu .stick .btn.view-normal.active { + background-image: url(icons/view-list-white.svg); +} +.nav_menu .stick .btn.view-global { + background-image: url(icons/view-global.svg); +} +.nav_menu .stick .btn.view-global.active { + background-image: url(icons/view-global-white.svg); +} +.nav_menu .stick .btn.view-reader { + background-image: url(icons/view-reader.svg); +} +.nav_menu .stick .btn.view-reader.active { + background-image: url(icons/view-reader-white.svg); +} +.nav_menu .stick .btn.view-rss { + background-image: url(icons/rss.svg); +} +.nav_menu .stick .dropdown a.dropdown-toggle { + 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; } + border-radius: 3px; +} /*=== Content of feed articles */ .content, .content.thin { 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; } - .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; } - .content .author, .content.thin .author { - color: #6d655f; - font-size: 1.125rem; } - .content p, .content ul, .content.thin p, .content.thin ul { - 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; } - .content pre, .content.thin pre { - 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; } - .content code, .content.thin code { - 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; } - .content blockquote p, .content.thin blockquote p { - margin: 0; } + 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; +} +.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; +} +.content .author, .content.thin .author { + color: #6d655f; + font-size: 1.125rem; +} +.content p, .content ul, .content.thin p, .content.thin ul { + 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; +} +.content pre, .content.thin pre { + 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; +} +.content code, .content.thin code { + 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; +} +.content blockquote p, .content.thin blockquote p { + margin: 0; +} /*=== Notification and actualize notification */ .notification { @@ -918,28 +1133,37 @@ form th { text-align: center; line-height: 3em; z-index: 10; - vertical-align: middle; } - .notification .msg { - display: inline-block; - font-size: 1rem; } - .notification.good { - background: #10f5b2; - color: #fff; } - .notification.bad { - background: #f5633e; - color: #fff; } - .notification a.close { - padding: 0 15px; - border-radius: 0 3px 3px 0; - line-height: 3em; } - .notification.good a.close:hover { - background: #0c7556; } - .notification.bad a.close:hover { - background: #73341f; } - .notification#actualizeProgress { - line-height: 2em; } - .notification#actualizeProgress br { - display: none; } + vertical-align: middle; +} +.notification .msg { + display: inline-block; + font-size: 1rem; +} +.notification.good { + background: #10f5b2; + color: #fff; +} +.notification.bad { + background: #f5633e; + color: #fff; +} +.notification a.close { + padding: 0 15px; + border-radius: 0 3px 3px 0; + line-height: 3em; +} +.notification.good a.close:hover { + background: #0c7556; +} +.notification.bad a.close:hover { + background: #73341f; +} +.notification#actualizeProgress { + line-height: 2em; +} +.notification#actualizeProgress br { + display: none; +} /*=== Navigation menu (for articles) */ #nav_entries { @@ -947,7 +1171,8 @@ form th { text-align: center; line-height: 3em; table-layout: fixed; - background: #fbf9f6; } + background: #fbf9f6; +} /*=== Feed articles */ .flux { @@ -955,101 +1180,130 @@ form th { -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; } - .flux:hover:not(.current):hover .item.title { - background: #fcfaf8; } - .flux.current { - background: #fff; - border-left-color: #ca7227; } - .flux.not_read:not(.current) { - background: #f2f6f8; } - .flux.not_read:not(.current):hover .item.title { - background: #f2f6f8; } - .flux.not_read .item.title a { - color: #161a38; } - .flux.not_read .item.website a { - color: #161a38; } - .flux.not_read .item.date { - 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; } - .flux.favorite:not(.current) { - background: #fff6da; } - .flux.favorite:not(.current):hover .item.title { - background: #fff6da; } - .flux .website a { - color: #363330; - opacity: 0.75; } - .flux .website .favicon { - padding: 5px; } - .flux .date { - color: rgba(54, 51, 48, 0.5); - font-size: 0.85rem; } - .flux .bottom { - font-size: 1rem; - text-align: center; } + transition: all 0.15s ease-in-out; +} +.flux:hover { + background: #fcfaf8; +} +.flux:hover:not(.current):hover .item.title { + background: #fcfaf8; +} +.flux.current { + background: #fff; + border-left-color: #ca7227; +} +.flux.not_read:not(.current) { + background: #f2f6f8; +} +.flux.not_read:not(.current):hover .item.title { + background: #f2f6f8; +} +.flux.not_read .item.title a { + color: #161a38; +} +.flux.not_read .item.website a { + color: #161a38; +} +.flux.not_read .item.date { + 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; +} +.flux.favorite:not(.current) { + background: #fff6da; +} +.flux.favorite:not(.current):hover .item.title { + background: #fff6da; +} +.flux .website a { + color: #363330; + opacity: 0.75; +} +.flux .website .favicon { + padding: 5px; +} +.flux .date { + color: rgba(54, 51, 48, 0.5); + font-size: 0.85rem; +} +.flux .bottom { + font-size: 1rem; + text-align: center; +} .flux_header { font-size: 1rem; cursor: pointer; - border-top: 1px solid #f5f0ec; } - .flux_header .title { - font-size: 1rem; } + border-top: 1px solid #f5f0ec; +} +.flux_header .title { + 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; } - #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; } - #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; } - #stream .box.category .box-title a.title:hover { - color: #ca7227; } + 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; +} +#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; +} +#stream .box.category .box-title a.title:hover { + color: #ca7227; +} #stream .box.category .box-content { - padding-bottom: 0.5rem; } - #stream .box.category .box-content .item.feed { - padding: 0.5rem 1.5rem; - font-size: 1rem; } - #stream .box.category .box-content .item.feed a { - color: #363330; - font-weight: 400; } - #stream .box.category .box-content .item.feed a:hover { - color: #ca7227; - text-decoration: none; } + padding-bottom: 0.5rem; +} +#stream .box.category .box-content .item.feed { + padding: 0.5rem 1.5rem; + font-size: 1rem; +} +#stream .box.category .box-content .item.feed a { + color: #363330; + font-weight: 400; +} +#stream .box.category .box-content .item.feed a:hover { + 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; } + border-radius: 3px; +} /*=== READER VIEW */ /*================*/ @@ -1057,67 +1311,80 @@ form th { padding: 0 0 50px; background: #f5f0ec; color: #363330; - border: none; } + border: none; +} #stream.reader .flux .author { margin: 0 0 10px; color: #ba9; - font-size: 90%; } + font-size: 90%; +} /*=== Configuration pages */ .post { padding: 1rem 2rem; - font-size: 1rem; } - .post form { - margin: 1rem 0; } - .post form .horizontal-list { - margin-bottom: 0.5rem; } - .post.content { - max-width: 550px; } - .post h1, .post h2 { - 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; } - .post a[href="./"]:hover { - background: #ca7227; - color: white; - border: 1px solid #ca7227; - text-decoration: none; } + font-size: 1rem; +} +.post form { + margin: 1rem 0; +} +.post form .horizontal-list { + margin-bottom: 0.5rem; +} +.post.content { + max-width: 550px; +} +.post h1, .post h2 { + 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; +} +.post a[href="./"]:hover { + 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); } + 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; } - .slide-container .properties .page-number { - right: 1rem; - top: 1rem; } + border: 0; +} +.slide-container .properties .page-number { + right: 1rem; + top: 1rem; +} /*=== LOGS */ /*=========*/ .loglist { overflow: hidden; - border: 1px solid #ba9; } + border: 1px solid #ba9; +} .log { margin: 10px 0; @@ -1125,170 +1392,234 @@ form th { background: #fcfaf8; color: #766556; font-size: 0.8rem; - overflow: auto; } + overflow: auto; +} .log > .date { margin: 0 10px 0 0; padding: 5px 10px; - border-radius: 20px; } + border-radius: 20px; +} .log.error > .date { background: #f5633e; - color: #fff; } + color: #fff; +} .log.warning > .date { - background: #f4f762; } + background: #f4f762; +} .log.notice > .date { - background: #f5f0ec; } + background: #f5f0ec; +} .log.debug > .date { background: #221f1d; - color: #fff; } + 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; } + 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 { - 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; } + 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; } + 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 { +#panel .close, +#close-slider.active { background: #b7641d; display: block; width: 100%; height: 50px; line-height: 50px; - text-align: center; } + text-align: center; + } .header { - padding: 0.5rem; } - .header .item.title { - display: none; } - .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 { - width: 2.75rem; - top: 3.125rem; } - .header .item.configure .dropdown .btn { - padding: 1.125rem; } + 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; } + 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; } + 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; } + 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; } + 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; } + padding: 1rem 0; + } + .day .name { + padding: 0; + display: block; + width: 100%; + line-height: 1.5rem; + margin-bottom: 1rem; + } .pagination { - margin: 0 0 3.5em; } + margin: 0 0 3.5em; + } #nav_entries { - line-height: 4.5rem; } + 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; } } + 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; } + font-size: 0.875rem; +} /*=== Links */ a, button.as-link { outline: none; - color: #ca7227; } + color: #ca7227; +} /*# sourceMappingURL=ansum.css.map */ diff --git a/p/themes/Ansum/ansum.css.map b/p/themes/Ansum/ansum.css.map new file mode 100644 index 000000000..c6f83daa5 --- /dev/null +++ b/p/themes/Ansum/ansum.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["_fonts.scss","_mixins.scss","_forms.scss","_variables.scss","_tables.scss","_components.scss","_divers.scss","_sidebar.scss","_layout.scss","_list-view.scss","_global-view.scss","_reader-view.scss","_configuration.scss","_logs.scss","_stats.scss","_mobile.scss","ansum.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AC7DD;AAEA;ACFA;AACA;EACC;EACA;EACA,YCiBc;EDhBd;EACA,OCUW;EDTX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDRA;EACA;EACA;EACA;;ACSA;EACC,YCnBW;EDoBX,OCVM;;ADaN;EAEC,YCxBc;;AD6BhB;EACC,YCJS;EDKT;;AAEA;EAEC,YCPU;;ADWZ;EACC;;;AAIF;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA,OCpDW;;;ADuDZ;EACC;EACA;EACA;;;AAGD;EACC;EACA,YCpEO;EDqEP,OChEW;EDiEX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC,OCtFiB;EDuFjB,cC/FY;;;ADkGb;EACC,OCxEU;EDyEV,cCzEU;ED0EV;;;AAGD;EACC,YCtFY;;;ADyFb;EACC;;;AAID;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAUD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAID;EACC;;;AE5JF;AACA;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC,YDUc;;;ACPf;AAAA;EAEC;EACA;;;ACjBD;AACA;AACA;AAGA;AACA;EACC;EACA;;AAEA;EACC;;AAEA;EACC;;;AAMH;AACA;EACC;EACA;EACA,YFHc;EEId;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKD;EAEC;EACA;EACA;EACA,OFlCU;EEmCV;EACA;;AAKD;EJlDA;EACA;EACA;EACA;;AImDC;EACC;EACA,OFtDe;EEuDf;EACA;;AAGD;EACC,YFpEU;EEqEV,OF3DK;;AE6DL;EACC;EACA,OF/DI;;AEoEL;EACC;EACA;;AAMF;EACC;EACA;EACA;;AAIF;EACC;EACA;;;AAQD;EACC;;AAEA;AAAA;EAEC,OFpGe;;AEsGf;AAAA;EACC,OFrGI;;AEyGN;EACC,YFpHU;;;AE4Hb;AACA;EACC;EAEA;EACA,YF7Gc;EE8Gd,OFnHW;EEoHX;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC,YFnHe;EEoHf,OFnHc;EEoHd;;;AAGD;EACC,YFrHe;EEsHf,OFrHc;EEsHd;;;AAGD;EACC,YFnIa;EEoIb,OFnIY;EEoIZ;;;AAGD;AACA;EACC,YFnJY;EEoJZ,OF/JiB;EEgKjB;EACA;;AAGC;EACC,YFhIM;EEiIN,OF3JU;EE4JV;EACA;;AAGD;EACC;EACA,OF7Ke;EE8Kf;EACA;EACA;;AAEA;EACC,YFnLc;EEoLd,OFzKS;;AE8KZ;AAAA;EAEC;EACA;;;AAIF;EACC;EACA;;;AAID;AACA;EACC,YFtMO;EEwMP;EACA;EACA;;AAEA;EACC;EACA;EACA,YFtMW;EEuMX,OFlNgB;EEoNhB;;AAEA;EACC;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;;AAKH;EACC;;AAIA;EACC;;AAGD;EACC;;AAEA;EACC;EAEA;EACA;EACA;EACA;;AAEA;EACC;;AASJ;EACC;EACA,OFjRe;EEkRf;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EAEC;;AAIF;EACC;;AAIF;EACC;;;AAKH;AACA;EACC;EACA;EACA,YFrUkB;EEsUlB,OFxUY;EFMZ;EACA;EACA;EACA;;AImUA;EACC,YF7UW;EE8UX;;AAEA;EACC;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACC,YFrTQ;;AEwTP;EACC;;AAEA;EACC;;AAGD;EACC,OFnWI;;AEwWP;EACC,OFzWM;;AE6WN;EACC;;AAEA;EACC,OF1WU;EE2WV;;AAKD;EACC,YF7XgB;;AE+XhB;EACC,YFjXU;EEkXV,OF9Xa;;;AGTlB;AACA;AACA;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;;;ACZD;AACA;EACC;;AAEA;EACC;EACA;;AAGD;EACC;EACA;;AAEA;EACC;EACA,YJ+BM;EI9BN;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA,OJqBa;;AInBb;EACC;;AAMF;EACC,YJYK;EIXL;;AAIF;EACC,YJOU;;AILV;EACC;EACA;EACA;EACA;ENvCH;EACA;EACA;EACA;;AMwCG;EACC,YJlDQ;;AIoDR;EACC,OJ7CY;;AI+CZ;EACC,OJZU;;AIgBZ;EACC,OJXY;;AIed;EACC,YJnBS;;AIsBV;EACC;EACA,OJ3BY;;AI+Bd;EACC;EACA;EACA,YJ3BQ;EI4BR;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMJ;AACA;EACC;EACA;;AAEA;EACC;;AAGD;AAAA;EAEC;;AAGD;EACC;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASC;;;AAKF;EACC,YJ/EQ;;AIkFR;EACC;EACA;EACA,YJrFO;EIsFP;;AAGD;EACC;;;AAMF;AAIA;AAEC;AAAA;EAEC;EACA;EACA;;AAGD;EACC,YJ9GO;EFvCR;EACA;EACA;EACA;;AMsJC;EACC;EACA,OJrHc;;AIyHd;EACC,OJ3IO;;AI+IT;EACC,YJ5HW;EI6HX,OJhIc;;AImIb;EACC,YJhLQ;EIiLR,OJrIY;;AI0Ib;EACC,YJxJQ;EIyJR,OJ5IY;;AIgJd;EACC,OJjJa;EIkJb;;AAIF;EACC,YJnMU;EIoMV,OJ1LK;;AI6LJ;EACC,YJxMQ;EIyMR,OJ/LG;;AIoMJ;EACC,YJhLQ;EIiLR,OJtMG;;AI0ML;EACC,OJ3MI;EI4MJ;;AAOF;EACC,OJ/LU;;AImMZ;EACC;EACA,YJhNa;EIiNb,OJrNiB;;AIwNlB;EACC;EACA;EACA,OJ5NU;EI6NV;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EAEA,OJhPM;;AIkPN;EACC,OJnPK;;AIsPN;EACC;EACA;EACA;;;AAKH;AACA;EACC;EACA;EACA,YJzNW;EI0NX;EACA;EACA;EACA;EACA;;;AAGD;EACC,YJtQW;;;AIyQZ;EACC,YJ1QW;;;AI6QZ;AAAA;EAEC,OJ/QW;;;AIkRZ;AAAA;EAEC,OJpRW;;;AIuRZ;AAAA;AAAA;AAAA;EAIC,OJhSO;;;AImSR;EACC;;;AAGD;AAAA;AAAA;EAGC;;;AAGD;EACC,mBJ3QQ;;;AK9CT;AACA;AACA;AACA;EACC;EACA,YLyCQ;EKxCR;EACA;EACA;;AAEA;EACC;;AAKA;EACC;EAEA;;AAGC;EACC;EACA,OLqBY;EKpBZ;EACA;EACA;;AAEA;EACC;;AAUH;EACC;EACA,OLGa;EKFb;EACA;EACA,kBLES;EFxCZ;EACA;EACA;EACA;;AOuCG;EACC,kBLFS;;AKKV;EACC;EACA,OLvCO;EKyCP,kBL9CG;;AKkDL;EAGC;EACA;EAEA,kBLlES;EKmET;EACA;EACA;EAEA;EACA;;AAXA;EAAK;;AAaL;EACC,kBL1EY;;AK+Ef;EACC;EACA;EACA;EACA;EACA;;AAEA;EAGC;EAGA;EACA;EACA;EACA;;AARA;EAAK;;AAuBT;AACA;EACC;;;AAMD;AACA;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAGD;AACA;EACC,YLhJY;EKiJZ;EACA;;;AAGD;EACC,YLrJgB;;;AKwJjB;EACC;EACA;EACA,OLlJO;;;AKqJR;EACC;;;AAGD;AACA;EACC;EACA,OL7JkB;EK8JlB;EACA;EACA;EACA;EACA;;AAEA;EACC;EAEA,OLxKgB;EKyKhB;EACA;EACA;EAGA;;;AAIF;AACA;EACC;EACA;;AAEA;EACC;EACA;EACA,kBL9Ka;EK+Kb;EACA;;AAEA;EACC,kBLpLU;;AKwLZ;EACC,YLxLa;;AK0Lb;EACC;EACA;EACA,kBL7LY;EK8LZ;EACA;EP7MF;EACA;EACA;EACA;;AO8ME;EACC,kBLtMgB;;AKyMjB;EACC,kBL5NS;;AK+NV;EAAU;;AAIV;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAID;EACC;EAEA,OL/Pc;EKgQd,kBLpPW;EFdd;EACA;EACA;EACA;;AOmQG;EACC,kBL3Pe;;AKgQjB;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAMD;EACC;EACA;;;AAOJ;EACC;EACA,kBL5SkB;EK6SlB;;;AAID;AACA;EACC;EAEA;EACA;;AAGC;EACC,OLlUe;EKmUf;EACA;;AAEA;EACC,OL/US;EKgVT;;AAKH;EACC,OL7UiB;EK8UjB;;AAGD;EACC;EACA;;AAGD;EACC;EACA,YL/UkB;EKgVlB;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA,YLtWkB;EKuWlB,OLlWM;EKmWN;EACA;;AAEA;EACC;EACA,OLxWK;EKyWL;;AAIF;EACC;EACA,YLrWa;EKsWb,OLvWW;EKwWX;EACA;;AAID;EACC;EACA;EACA,YL/Wa;EKgXb;EACA,OL7XgB;EK8XhB;EACA;;AAEA;EACC;;;AAOH;AACA;EAEC;EACA,YLnYmB;EKoYnB;EACA;EACA,OLzYW;EK2YX;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC,YL1YW;EK2YX,OLpaM;;AKuaP;EACC,YLvZS;EKwZT,OLzaM;;AK4aP;EACC;EACA;EACA;;AAGD;EACC,YLxZa;;AK2Zd;EACC,YLpaW;;AKuaZ;EACC;;AAEA;EACC;;;AAMH;AACA;EACC;EACA;EACA;EACA;EACA,YLvaQ;;;AM9CT;AACA;EAEC,YNQO;EFJP;EACA;EACA;EACA;;AQHA;EACC,YNaa;;AMXb;EACC,YNUY;;AMJd;EACC,YNPM;EMQN,mBNlBW;;AMqBZ;EACC,YNCU;;AMCV;EACC,YNFS;;AMQT;EACC,ONVgB;;AMejB;EACC,ONhBgB;;AMoBlB;EACC;;AAIF;EACC,mBNRO;EFlCR;EACA;EACA;EACA;;AQ4CA;EACC,YNbU;;AMeV;EACC,YNhBS;;AMqBV;EACC,ONvDe;EMwDf;;AAGD;EACC;;AAIF;EACC;EACA;;AAGD;EACC;EACA;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;;AC1FF;AACA;AAWE;EACC;;AAID;EACC;EACA;;AAEA;EACC,OPNQ;EOOR;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA,YPbQ;EOcR;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC,OP1CQ;;AO+CX;EACC;;AAEA;EACC;EAEA;;AAEA;EACC,OPhDa;EOiDb;;AAEA;EACC,OP5DO;EO6DP;;;AAUN;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;ACjFD;AACA;AACA;EACC;EACA,YRgBY;EQfZ,ORIiB;EQHjB;;;AAGD;EACC;EACA,ORMkB;EQLlB;;;ACZD;AACA;EACC;EACA;;AAEA;EACC;;AAGA;EACC;;AAmBF;EACC;;AAGD;EAEC,OT1BgB;ES2BhB;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA,YTxBa;ESyBb;EAEA,OThCU;ESiCV;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACC,YT3DU;ES4DV;EACA;EACA;;;AAQH;EACC;EACA;;;AAIA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;;ACrFH;AACA;AACA;EACC;EACA;;;AAGD;EACC;EACA;EACA,YVWc;EUVd,OVKW;EUJX;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC,YVKU;EUJV;;;AAGD;EACC,YVIY;;;AUDb;EACC,YVZY;;;AUeb;EACC,YV9BmB;EU+BnB,OV1BO;;;AWXR;AACA;AACA;EACC;;;AAGD;AAAA;AAAA;EAGC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AC5BD;AACA;AAEA;EAME;IACC;;EAEA;IACC;;EAGD;IACC;IACA;IAEA;IACA;IACA;IACA,OZsBa;IFtChB;IACA;IACA;IACA;;EciBG;IAEC;IACA;IACA,OZpBG;;;EY4BP;IACC;;;EAGD;AAAA;IAEC;;;EAGD;IdzCA;IACA;IACA;IACA;;Ec0CC;IACC;;EAGD;IACC;;;EAIF;AAAA;AAAA;IAGC,YZ9De;IY+Df;IACA;IACA;IACA;IACA;;;EAGD;IACC;;EAGC;IACC;;EAGD;IACC;;EAEA;IACC;;EAGD;IACC;IACA;;EAEA;IACC;;EAKF;IACC;IACA;;EAIF;IACC;;;EAKH;IACC;IACA;;;EAIA;IACC;IACA;;EAGD;IACC;;EAEA;IACC;IACA;;EAEA;IACC;;EAKH;IACC;IACA;;EAEA;IAEC;IACA;;EAEA;IACC;;;EAQF;IACC;;;EAOH;IACC;IACA;;EAEA;IACC;IAEA;IACA;IACA;IACA;;;EAKF;IACC;;;EAGD;IACC;;;EAGD;IACC;;EAEA;IACC;IACA;IACA;;EAGD;IACC;;EAGD;IACC;;;AClKH;AACA;AACA;EACC,YbjBY;EakBZ;EACA;EACA;;;AAGD;AACA;EACC;EACA,Ob7CY","file":"ansum.css"}
\ No newline at end of file diff --git a/p/themes/Ansum/ansum.rtl.css b/p/themes/Ansum/ansum.rtl.css index d17988101..1654b5ae6 100644 --- a/p/themes/Ansum/ansum.rtl.css +++ b/p/themes/Ansum/ansum.rtl.css @@ -3,49 +3,57 @@ font-style: normal; font-stretch: normal; font-weight: 400; - src: local("Lato"), url("../fonts/LatoLatin-Regular.woff") format("woff"); } + 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"); } + 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"); } + 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"); } + 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"); } + 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"); } + 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"); } + 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"); } + src: local("Spectral"), url("../fonts/Spectral-BoldItalic.woff") format("woff"); +} /* stylelint-disable property-no-vendor-prefix */ /* FUNCTIONS */ /* btns */ @@ -67,23 +75,30 @@ -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; } - .btn.btn-important:hover, .btn.btn-important:active { - background: #b7641d; } - .btn.btn-attention { - background: #f5633e; - color: #fff; } - .btn.btn-attention:hover, .btn.btn-attention:active { - background: #73341f; } - .btn:hover { - text-decoration: none; } + transition: all 0.15s ease-in-out; +} +.btn.btn-important { + background: #ca7227; + color: #fff; +} +.btn.btn-important:hover, .btn.btn-important:active { + background: #b7641d; +} +.btn.btn-attention { + background: #f5633e; + color: #fff; +} +.btn.btn-attention:hover, .btn.btn-attention:active { + background: #73341f; +} +.btn:hover { + text-decoration: none; +} a.btn { min-height: 25px; - line-height: 25px; } + line-height: 25px; +} /*=== Forms */ legend { @@ -95,17 +110,21 @@ legend { clear: both; text-transform: uppercase; letter-spacing: 1px; - font-weight: 700; } + font-weight: 700; +} label { min-height: 25px; padding: 5px 0; cursor: pointer; - color: #766556; } + color: #766556; +} textarea { width: 360px; - height: 100px; } + max-width: 100%; + height: 100px; +} input, select, textarea, button { padding: 5px 10px; @@ -117,64 +136,82 @@ input, select, textarea, button { border-radius: 2px; min-height: 25px; line-height: 25px; - vertical-align: middle; } + vertical-align: middle; +} option { - padding: 0 .5em; } + padding: 0 0.5em; +} input:focus, select:focus, textarea:focus { color: #363330; - border-color: #ca7227; } + border-color: #ca7227; +} input:invalid, select:invalid { color: #f5633e; border-color: #f5633e; - box-shadow: none; } + 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; } - .form-group::after { - content: ""; - display: block; - clear: both; } - .form-group .group-name { - padding: 10px 0; - text-align: left; } - .form-group .group-controls { - min-height: 25px; - padding: 5px 0; } - .form-group .group-controls .control { - line-height: 2.0em; } - .form-group table { - margin: 10px 220px 0 0; } - .form-group.form-actions { - margin: 15px 0 25px; - padding: 5px 0; } - .form-group.form-actions .btn { - margin: 0 0 0 0.5rem; } + border-radius: 3px; +} +.form-group::after { + content: ""; + display: block; + clear: both; +} +.form-group .group-name { + padding: 10px 0; + text-align: left; +} +.form-group .group-controls { + min-height: 25px; + padding: 5px 0; +} +.form-group .group-controls .control { + line-height: 2em; +} +.form-group table { + margin: 10px 220px 0 0; +} +.form-group.form-actions { + margin: 15px 0 25px; + padding: 5px 0; +} +.form-group.form-actions .btn { + margin: 0 0 0 0.5rem; +} /*=== Tables */ table { - border-collapse: collapse; } + border-collapse: collapse; +} tr, th, td { padding: 0.5em; - border: 1px solid #e4d8cc; } + border: 1px solid #e4d8cc; +} th { - background: #fcfaf8; } + background: #fcfaf8; +} form td, form th { font-weight: normal; - text-align: center; } + text-align: center; +} /*=== COMPONENTS */ /*===============*/ @@ -182,11 +219,14 @@ form th { /*=== Horizontal-list */ .horizontal-list { margin: 0; - padding: 0.1rem 0; } - .horizontal-list .item { - vertical-align: middle; } - .horizontal-list .item:first-child { - padding-right: 0.5rem; } + padding: 0.1rem 0; +} +.horizontal-list .item { + vertical-align: middle; +} +.horizontal-list .item:first-child { + padding-right: 0.5rem; +} /*=== Dropdown */ .dropdown-menu { @@ -197,61 +237,75 @@ form th { 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); } - .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; } - .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; } - .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; } - .dropdown-menu .item:hover { - background: #ca7227; - color: #fff; } - .dropdown-menu .item:hover a, .dropdown-menu .item:hover button { - text-decoration: none; - color: #fff; } - .dropdown-menu .item[aria-checked="true"] a::before { - 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; } - .dropdown-menu .separator { - margin: 0.75rem 0; - border-bottom: 1px solid #f5f0ec; } + 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); +} +.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; +} +.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; +} +.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; +} +.dropdown-menu .item:hover { + background: #ca7227; + color: #fff; +} +.dropdown-menu .item:hover a, .dropdown-menu .item:hover button { + text-decoration: none; + color: #fff; +} +.dropdown-menu .item[aria-checked=true] a::before { + 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; +} +.dropdown-menu .separator { + margin: 0.75rem 0; + border-bottom: 1px solid #f5f0ec; +} .tree .tree-folder .tree-folder-items .dropdown-menu .item { - padding: 0; } - .tree .tree-folder .tree-folder-items .dropdown-menu .item a, - .tree .tree-folder .tree-folder-items .dropdown-menu .item button { - 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; } - .tree .tree-folder .tree-folder-items .dropdown-menu .item:hover { - background: #ca7227; } + padding: 0; +} +.tree .tree-folder .tree-folder-items .dropdown-menu .item a, +.tree .tree-folder .tree-folder-items .dropdown-menu .item button { + 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; +} +.tree .tree-folder .tree-folder-items .dropdown-menu .item:hover { + background: #ca7227; +} /*=== Alerts */ .alert { @@ -262,129 +316,159 @@ form th { font-size: 1rem; border: 1px solid #d9ccbf; border-radius: 3px; - text-shadow: 0 0 1px #f5f0ec; } + text-shadow: 0 0 1px #f5f0ec; +} .alert-head { - font-size: 1.15em; } + font-size: 1.15em; +} .alert > a { text-decoration: underline; - color: inherit; } + color: inherit; +} .alert-warn { background: #fdfde0; color: #73762f; - border: 1px solid #73762f33; } + border: 1px solid #73762f33; +} .alert-success { background: #cffdef; color: #0c7556; - border: 1px solid #0c755633; } + border: 1px solid #0c755633; +} .alert-error { background: #fde0d8; color: #73341f; - border: 1px solid #73341f33; } + border: 1px solid #73341f33; +} /*=== Pagination */ .pagination { 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; } - .pagination .item a { - display: block; - color: #363330; - font-style: italic; - line-height: 3em; - text-decoration: none; } - .pagination .item a:hover { - background: #363330; - color: #f5f0ec; } - .pagination .loading, - .pagination a:hover.loading { - background: url("loader.gif") center center no-repeat #34495e; - font-size: 0; } + text-align: center; +} +.pagination .item.pager-current { + 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; +} +.pagination .item a:hover { + background: #363330; + color: #f5f0ec; +} +.pagination .loading, +.pagination a:hover.loading { + background: url("loader.gif") center center no-repeat #34495e; + font-size: 0; +} .content .pagination { margin: 0; - padding: 0; } + padding: 0; +} /*=== Boxes */ .box { 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; } - .box .box-title img { - 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; } - .box .box-title:hover .configure .icon { - 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; } - .box .box-title .configure { - visibility: hidden; } - .box .box-title form input { - width: 85%; } - .box .box-title form .dropdown { - 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; } - .box .box-title form .dropdown a.dropdown-toggle img { - 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; } - .box .box-content .item img { - 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; } - .box .box-content .item .configure .icon { - 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; } - .box .box-content .item:hover .configure { - visibility: visible; } - .box .box-content .item:last-child { - border-bottom: none; } + 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; +} +.box .box-title img { + 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; +} +.box .box-title:hover .configure .icon { + 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; +} +.box .box-title .configure { + visibility: hidden; +} +.box .box-title form input { + width: 85%; +} +.box .box-title form .dropdown { + 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; +} +.box .box-title form .dropdown a.dropdown-toggle img { + 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; +} +.box .box-content .item img { + 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; +} +.box .box-content .item .configure .icon { + 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; +} +.box .box-content .item:hover .configure { + visibility: visible; +} +.box .box-content .item:last-child { + border-bottom: none; +} /*=== "Load more" part */ #bigMarkAsRead { @@ -395,146 +479,186 @@ form th { -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; } - #bigMarkAsRead:hover .bigTick { - 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; } + transition: all 0.15s ease-in-out; +} +#bigMarkAsRead:hover { + background: #ca7227; + color: #fff; +} +#bigMarkAsRead:hover .bigTick { + 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; +} .formLogin { - background: #fbf9f6; } - .formLogin .header .configure { - padding-left: 1rem; } - .formLogin .header .configure img { - margin-left: 0.5rem; } - .formLogin .header .configure a.signin { - color: #fff; } - .formLogin h1 { - color: #fff; } - .formLogin form#crypto-form div { - margin-bottom: 1rem; } - .formLogin form#crypto-form div label { - color: #d9ccbf; - font-size: 1rem; } - .formLogin form#crypto-form div input { - background: #221f1d; } - .formLogin form#crypto-form div input:focus { - background: #fcfaf8; - color: #363330; } + background: #fbf9f6; +} +.formLogin .header .configure { + padding-left: 1rem; +} +.formLogin .header .configure img { + margin-left: 0.5rem; +} +.formLogin .header .configure a.signin { + color: #fff; +} +.formLogin h1 { + color: #fff; +} +.formLogin form#crypto-form div { + margin-bottom: 1rem; +} +.formLogin form#crypto-form div label { + color: #d9ccbf; + font-size: 1rem; +} +.formLogin form#crypto-form div input { + background: #221f1d; +} +.formLogin form#crypto-form div input:focus { + 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; } - .tree#sidebar { - 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; } - .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; } - .tree .tree-folder .tree-folder-title .title { - background: inherit; - color: #363330; } - .tree .tree-folder .tree-folder-title .title:hover { - text-decoration: none; } - .tree .tree-folder.active .tree-folder-title { - background: #fbf9f6; - font-weight: bold; } - .tree .tree-folder .tree-folder-items { - 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; } - .tree .tree-folder .tree-folder-items .item.active { - background: #ca7227; } - .tree .tree-folder .tree-folder-items .item.active .dropdown li a { - color: #363330; } - .tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover { - color: #363330; } - .tree .tree-folder .tree-folder-items .item.active a { - color: #fff; } - .tree .tree-folder .tree-folder-items .item:hover { - background: #efe3d3; } - .tree .tree-folder .tree-folder-items .item a { - 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: 10px 0; +} +.tree#sidebar { + 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; +} +.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; +} +.tree .tree-folder .tree-folder-title .title { + background: inherit; + color: #363330; +} +.tree .tree-folder .tree-folder-title .title:hover { + text-decoration: none; +} +.tree .tree-folder.active .tree-folder-title { + background: #fbf9f6; + font-weight: bold; +} +.tree .tree-folder .tree-folder-items { + 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; +} +.tree .tree-folder .tree-folder-items .item.active { + background: #ca7227; +} +.tree .tree-folder .tree-folder-items .item.active .dropdown li a { + color: #363330; +} +.tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover { + color: #363330; +} +.tree .tree-folder .tree-folder-items .item.active a { + color: #fff; +} +.tree .tree-folder .tree-folder-items .item:hover { + background: #efe3d3; +} +.tree .tree-folder .tree-folder-items .item a { + 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; +} /*=== Buttons */ .stick { vertical-align: middle; - font-size: 0; } - .stick input, .stick .btn { - border-radius: 0; } - .stick .btn:first-child, - .stick input:first-child { - border-radius: 0 5px 5px 0; } - .stick .btn:last-child, .stick input:last-child, .stick .btn + .dropdown > .btn { - border-radius: 5px 0 0 5px; } - .stick .btn + .btn, - .stick .btn + input, - .stick .btn + .dropdown > .btn, - .stick input + .btn, - .stick input + input, - .stick input + .dropdown > .btn, - .stick .dropdown + .btn, - .stick .dropdown + input, - .stick .dropdown + .dropdown > .btn { - border-right: 1px solid #e4d8cc; } + font-size: 0; +} +.stick input, .stick .btn { + border-radius: 0; +} +.stick .btn:first-child, +.stick input:first-child { + border-radius: 0 5px 5px 0; +} +.stick .btn:last-child, .stick input:last-child, .stick .btn + .dropdown > .btn { + border-radius: 5px 0 0 5px; +} +.stick .btn + .btn, +.stick .btn + input, +.stick .btn + .dropdown > .btn, +.stick input + .btn, +.stick input + input, +.stick input + .dropdown > .btn, +.stick .dropdown + .btn, +.stick .dropdown + input, +.stick .dropdown + .dropdown > .btn { + border-right: 1px solid #e4d8cc; +} .aside { - background: #fbf9f6; } - .aside.aside_feed { - padding: 10px 0; - text-align: center; - background: #fbf9f6; - border-left: 1px solid #f0e7da; } - .aside.aside_feed .tree { - margin: 10px 0 50px; } + background: #fbf9f6; +} +.aside.aside_feed { + padding: 10px 0; + text-align: center; + background: #fbf9f6; + border-left: 1px solid #f0e7da; +} +.aside.aside_feed .tree { + margin: 10px 0 50px; +} /* Sidebar des pages de configuration */ /*=== Navigation */ @@ -542,68 +666,87 @@ form th { .nav-list .item { height: 2.5em; line-height: 2.5em; - font-size: 1rem; } + 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; } - .nav-list .item a { - padding: 0 1rem; - color: #363330; } - .nav-list .item .error a { - color: #f5633e; } - .nav-list .item:hover { - background: #efe3d3; - color: #363330; } - .nav-list .item:hover .error a { - background: #ca7227; - color: #363330; } - .nav-list .item:hover .empty a { - background: #f4f762; - color: #363330; } - .nav-list .item:hover a { - color: #363330; - text-decoration: none; } - .nav-list .item.active { - background: #ca7227; - color: #fff; } - .nav-list .item.active .error a { - background: #ca7227; - color: #fff; } - .nav-list .item.active .empty a { - background: #f4f762; - color: #fff; } - .nav-list .item.active a { - color: #fff; - text-decoration: none; } + transition: all 0.15s ease-in-out; +} +.nav-list .item a { + padding: 0 1rem; + color: #363330; +} +.nav-list .item .error a { + color: #f5633e; +} +.nav-list .item:hover { + background: #efe3d3; + color: #363330; +} +.nav-list .item:hover .error a { + background: #ca7227; + color: #363330; +} +.nav-list .item:hover .empty a { + background: #f4f762; + color: #363330; +} +.nav-list .item:hover a { + color: #363330; + text-decoration: none; +} +.nav-list .item.active { + background: #ca7227; + color: #fff; +} +.nav-list .item.active .error a { + background: #ca7227; + color: #fff; +} +.nav-list .item.active .empty a { + background: #f4f762; + color: #fff; +} +.nav-list .item.active a { + color: #fff; + text-decoration: none; +} .nav-list.empty a { - color: #f4f762; } + color: #f4f762; +} .nav-list .disable { text-align: center; background: #fcfaf8; - color: #ba9; } + color: #ba9; +} .nav-list .nav-header { padding: 0 10px; font-weight: bold; color: #766556; text-transform: uppercase; letter-spacing: 1px; - margin-top: 1rem; } + margin-top: 1rem; +} .nav-list .nav-form { padding: 3px; - text-align: center; } + text-align: center; +} .nav-list .nav-head { margin: 0; text-align: left; - color: #fff; } - .nav-list .nav-head a { - color: #fff; } - .nav-list .nav-head .item { - padding: 5px 10px; - font-size: 0.9rem; - line-height: 1.5rem; } + color: #fff; +} +.nav-list .nav-head a { + color: #fff; +} +.nav-list .nav-head .item { + 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 { @@ -614,38 +757,47 @@ form th { position: absolute; left: 0; line-height: 1.5rem; - text-align: center; } + 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-importExport { - border-right-color: #fbf9f6; } + border-right-color: #fbf9f6; +} /*=== STRUCTURE */ /*===============*/ @@ -655,102 +807,125 @@ form th { background: #fbf9f6; display: block; width: auto; - table-layout: none; } - .header .item { - vertical-align: middle; } - .header .item.title { - width: 280px; - font-weight: 400; } - .header .item.title h1 a { - text-decoration: none; - color: #363330; - font-size: 1rem; - text-transform: uppercase; - letter-spacing: 1px; } - .header .item.title h1 a img { - 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; } - .header .item.search input:hover { - background-color: #efe3d3; } - .header .item.search input:focus { - 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; } - .header .item.search .btn img { - display: none; } - .header .item.search .btn:hover { - background-color: #b7641d; } - .header .item.configure { - 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); } - .header .item.configure .btn img { - display: none; } - + table-layout: none; +} +.header .item { + vertical-align: middle; +} +.header .item.title { + width: 280px; + font-weight: 400; +} +.header .item.title h1 a { + text-decoration: none; + color: #363330; + font-size: 1rem; + text-transform: uppercase; + letter-spacing: 1px; +} +.header .item.title h1 a img { + 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; +} +.header .item.search input:hover { + background-color: #efe3d3; +} +.header .item.search input:focus { + 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; +} +.header .item.search .btn img { + display: none; +} +.header .item.search .btn:hover { + background-color: #b7641d; +} +.header .item.configure { + 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); +} +.header .item.configure .btn img { + 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; } + width: 200px; +} .prompt input { margin: 5px auto; - width: 100%; } + width: 100%; +} .prompt p { - margin: 20px 0; } + margin: 20px 0; +} /*=== New article notification */ #new-article { background: #ca7227; font-size: 1rem; - text-align: center; } + text-align: center; +} #new-article:hover { - background: #b7641d; } + background: #b7641d; +} #new-article > a { line-height: 3em; font-weight: bold; - color: #fff; } + color: #fff; +} #new-article > a:hover { - text-decoration: none; } + text-decoration: none; +} /*=== Day indication */ .day { @@ -760,146 +935,186 @@ form th { 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; } + text-transform: uppercase; +} +.day .name { + 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; } - .nav_menu .btn { - 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; } - .nav_menu .stick { - 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; } - .nav_menu .stick .btn:hover { - background-color: #e4d8cc; } - .nav_menu .stick .btn.active { - background-color: #ca7227; } - .nav_menu .stick .btn img.icon { - display: none; } - .nav_menu .stick .btn#toggle-read { - background-image: url(icons/read.svg); } - .nav_menu .stick .btn#toggle-read.active { - background-image: url(icons/read-white.svg); } - .nav_menu .stick .btn#toggle-unread { - background-image: url(icons/unread.svg); } - .nav_menu .stick .btn#toggle-unread.active { - background-image: url(icons/unread-white.svg); } - .nav_menu .stick .btn#toggle-starred { - background-image: url(icons/starred.svg); } - .nav_menu .stick .btn#toggle-starred.active { - background-image: url(icons/starred-white.svg); } - .nav_menu .stick .btn#toggle-non-starred { - background-image: url(icons/non-starred.svg); } - .nav_menu .stick .btn#toggle-non-starred.active { - 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; } - .nav_menu .stick .btn.read_all:hover { - background-color: #e4d8cc; } - .nav_menu .stick .btn.view-normal { - background-image: url(icons/view-list.svg); } - .nav_menu .stick .btn.view-normal.active { - background-image: url(icons/view-list-white.svg); } - .nav_menu .stick .btn.view-global { - background-image: url(icons/view-global.svg); } - .nav_menu .stick .btn.view-global.active { - background-image: url(icons/view-global-white.svg); } - .nav_menu .stick .btn.view-reader { - background-image: url(icons/view-reader.svg); } - .nav_menu .stick .btn.view-reader.active { - background-image: url(icons/view-reader-white.svg); } - .nav_menu .stick .btn.view-rss { - background-image: url(icons/rss.svg); } - .nav_menu .stick .dropdown a.dropdown-toggle { - border-right-width: 0; - background-image: url(icons/more.svg); } + padding: 5px 0; +} +.nav_menu .btn { + 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; +} +.nav_menu .stick { + 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; +} +.nav_menu .stick .btn:hover { + background-color: #e4d8cc; +} +.nav_menu .stick .btn.active { + background-color: #ca7227; +} +.nav_menu .stick .btn img.icon { + display: none; +} +.nav_menu .stick .btn#toggle-read { + background-image: url(icons/read.svg); +} +.nav_menu .stick .btn#toggle-read.active { + background-image: url(icons/read-white.svg); +} +.nav_menu .stick .btn#toggle-unread { + background-image: url(icons/unread.svg); +} +.nav_menu .stick .btn#toggle-unread.active { + background-image: url(icons/unread-white.svg); +} +.nav_menu .stick .btn#toggle-starred { + background-image: url(icons/starred.svg); +} +.nav_menu .stick .btn#toggle-starred.active { + background-image: url(icons/starred-white.svg); +} +.nav_menu .stick .btn#toggle-non-starred { + background-image: url(icons/non-starred.svg); +} +.nav_menu .stick .btn#toggle-non-starred.active { + 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; +} +.nav_menu .stick .btn.read_all:hover { + background-color: #e4d8cc; +} +.nav_menu .stick .btn.view-normal { + background-image: url(icons/view-list.svg); +} +.nav_menu .stick .btn.view-normal.active { + background-image: url(icons/view-list-white.svg); +} +.nav_menu .stick .btn.view-global { + background-image: url(icons/view-global.svg); +} +.nav_menu .stick .btn.view-global.active { + background-image: url(icons/view-global-white.svg); +} +.nav_menu .stick .btn.view-reader { + background-image: url(icons/view-reader.svg); +} +.nav_menu .stick .btn.view-reader.active { + background-image: url(icons/view-reader-white.svg); +} +.nav_menu .stick .btn.view-rss { + background-image: url(icons/rss.svg); +} +.nav_menu .stick .dropdown a.dropdown-toggle { + 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; } + border-radius: 3px; +} /*=== Content of feed articles */ .content, .content.thin { 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; } - .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; } - .content .author, .content.thin .author { - color: #6d655f; - font-size: 1.125rem; } - .content p, .content ul, .content.thin p, .content.thin ul { - 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; } - .content pre, .content.thin pre { - 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; } - .content code, .content.thin code { - 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; } - .content blockquote p, .content.thin blockquote p { - margin: 0; } + 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; +} +.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; +} +.content .author, .content.thin .author { + color: #6d655f; + font-size: 1.125rem; +} +.content p, .content ul, .content.thin p, .content.thin ul { + 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; +} +.content pre, .content.thin pre { + 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; +} +.content code, .content.thin code { + 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; +} +.content blockquote p, .content.thin blockquote p { + margin: 0; +} /*=== Notification and actualize notification */ .notification { @@ -918,28 +1133,37 @@ form th { text-align: center; line-height: 3em; z-index: 10; - vertical-align: middle; } - .notification .msg { - display: inline-block; - font-size: 1rem; } - .notification.good { - background: #10f5b2; - color: #fff; } - .notification.bad { - background: #f5633e; - color: #fff; } - .notification a.close { - padding: 0 15px; - border-radius: 3px 0 0 3px; - line-height: 3em; } - .notification.good a.close:hover { - background: #0c7556; } - .notification.bad a.close:hover { - background: #73341f; } - .notification#actualizeProgress { - line-height: 2em; } - .notification#actualizeProgress br { - display: none; } + vertical-align: middle; +} +.notification .msg { + display: inline-block; + font-size: 1rem; +} +.notification.good { + background: #10f5b2; + color: #fff; +} +.notification.bad { + background: #f5633e; + color: #fff; +} +.notification a.close { + padding: 0 15px; + border-radius: 3px 0 0 3px; + line-height: 3em; +} +.notification.good a.close:hover { + background: #0c7556; +} +.notification.bad a.close:hover { + background: #73341f; +} +.notification#actualizeProgress { + line-height: 2em; +} +.notification#actualizeProgress br { + display: none; +} /*=== Navigation menu (for articles) */ #nav_entries { @@ -947,7 +1171,8 @@ form th { text-align: center; line-height: 3em; table-layout: fixed; - background: #fbf9f6; } + background: #fbf9f6; +} /*=== Feed articles */ .flux { @@ -955,101 +1180,130 @@ form th { -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; } - .flux:hover:not(.current):hover .item.title { - background: #fcfaf8; } - .flux.current { - background: #fff; - border-right-color: #ca7227; } - .flux.not_read:not(.current) { - background: #f2f6f8; } - .flux.not_read:not(.current):hover .item.title { - background: #f2f6f8; } - .flux.not_read .item.title a { - color: #161a38; } - .flux.not_read .item.website a { - color: #161a38; } - .flux.not_read .item.date { - 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; } - .flux.favorite:not(.current) { - background: #fff6da; } - .flux.favorite:not(.current):hover .item.title { - background: #fff6da; } - .flux .website a { - color: #363330; - opacity: 0.75; } - .flux .website .favicon { - padding: 5px; } - .flux .date { - color: rgba(54, 51, 48, 0.5); - font-size: 0.85rem; } - .flux .bottom { - font-size: 1rem; - text-align: center; } + transition: all 0.15s ease-in-out; +} +.flux:hover { + background: #fcfaf8; +} +.flux:hover:not(.current):hover .item.title { + background: #fcfaf8; +} +.flux.current { + background: #fff; + border-right-color: #ca7227; +} +.flux.not_read:not(.current) { + background: #f2f6f8; +} +.flux.not_read:not(.current):hover .item.title { + background: #f2f6f8; +} +.flux.not_read .item.title a { + color: #161a38; +} +.flux.not_read .item.website a { + color: #161a38; +} +.flux.not_read .item.date { + 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; +} +.flux.favorite:not(.current) { + background: #fff6da; +} +.flux.favorite:not(.current):hover .item.title { + background: #fff6da; +} +.flux .website a { + color: #363330; + opacity: 0.75; +} +.flux .website .favicon { + padding: 5px; +} +.flux .date { + color: rgba(54, 51, 48, 0.5); + font-size: 0.85rem; +} +.flux .bottom { + font-size: 1rem; + text-align: center; +} .flux_header { font-size: 1rem; cursor: pointer; - border-top: 1px solid #f5f0ec; } - .flux_header .title { - font-size: 1rem; } + border-top: 1px solid #f5f0ec; +} +.flux_header .title { + 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; } - #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; } - #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; } - #stream .box.category .box-title a.title:hover { - color: #ca7227; } + 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; +} +#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; +} +#stream .box.category .box-title a.title:hover { + color: #ca7227; +} #stream .box.category .box-content { - padding-bottom: 0.5rem; } - #stream .box.category .box-content .item.feed { - padding: 0.5rem 1.5rem; - font-size: 1rem; } - #stream .box.category .box-content .item.feed a { - color: #363330; - font-weight: 400; } - #stream .box.category .box-content .item.feed a:hover { - color: #ca7227; - text-decoration: none; } + padding-bottom: 0.5rem; +} +#stream .box.category .box-content .item.feed { + padding: 0.5rem 1.5rem; + font-size: 1rem; +} +#stream .box.category .box-content .item.feed a { + color: #363330; + font-weight: 400; +} +#stream .box.category .box-content .item.feed a:hover { + 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; } + border-radius: 3px; +} /*=== READER VIEW */ /*================*/ @@ -1057,67 +1311,80 @@ form th { padding: 0 0 50px; background: #f5f0ec; color: #363330; - border: none; } + border: none; +} #stream.reader .flux .author { margin: 0 0 10px; color: #ba9; - font-size: 90%; } + font-size: 90%; +} /*=== Configuration pages */ .post { padding: 1rem 2rem; - font-size: 1rem; } - .post form { - margin: 1rem 0; } - .post form .horizontal-list { - margin-bottom: 0.5rem; } - .post.content { - max-width: 550px; } - .post h1, .post h2 { - 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; } - .post a[href="./"]:hover { - background: #ca7227; - color: white; - border: 1px solid #ca7227; - text-decoration: none; } + font-size: 1rem; +} +.post form { + margin: 1rem 0; +} +.post form .horizontal-list { + margin-bottom: 0.5rem; +} +.post.content { + max-width: 550px; +} +.post h1, .post h2 { + 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; +} +.post a[href="./"]:hover { + 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); } + 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; } - .slide-container .properties .page-number { - left: 1rem; - top: 1rem; } + border: 0; +} +.slide-container .properties .page-number { + left: 1rem; + top: 1rem; +} /*=== LOGS */ /*=========*/ .loglist { overflow: hidden; - border: 1px solid #ba9; } + border: 1px solid #ba9; +} .log { margin: 10px 0; @@ -1125,168 +1392,232 @@ form th { background: #fcfaf8; color: #766556; font-size: 0.8rem; - overflow: auto; } + overflow: auto; +} .log > .date { margin: 0 0 0 10px; padding: 5px 10px; - border-radius: 20px; } + border-radius: 20px; +} .log.error > .date { background: #f5633e; - color: #fff; } + color: #fff; +} .log.warning > .date { - background: #f4f762; } + background: #f4f762; +} .log.notice > .date { - background: #f5f0ec; } + background: #f5f0ec; +} .log.debug > .date { background: #221f1d; - color: #fff; } + 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; } + 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 { - 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; } + 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; } + 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 { +#panel .close, +#close-slider.active { background: #b7641d; display: block; width: 100%; height: 50px; line-height: 50px; - text-align: center; } + text-align: center; + } .header { - padding: 0.5rem; } - .header .item.title { - display: none; } - .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 { - width: 2.75rem; - top: 3.125rem; } - .header .item.configure .dropdown .btn { - padding: 1.125rem; } + 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; } + 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; } + 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; } + 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; } + 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; } + padding: 1rem 0; + } + .day .name { + padding: 0; + display: block; + width: 100%; + line-height: 1.5rem; + margin-bottom: 1rem; + } .pagination { - margin: 0 0 3.5em; } + margin: 0 0 3.5em; + } #nav_entries { - line-height: 4.5rem; } + 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; } } + 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; } + font-size: 0.875rem; +} /*=== Links */ a, button.as-link { outline: none; - color: #ca7227; } + color: #ca7227; +} diff --git a/p/themes/BlueLagoon/BlueLagoon.css b/p/themes/BlueLagoon/BlueLagoon.css index 1384e06b5..f21ae5c17 100644 --- a/p/themes/BlueLagoon/BlueLagoon.css +++ b/p/themes/BlueLagoon/BlueLagoon.css @@ -1244,6 +1244,16 @@ a.btn { /*===========*/ @media screen and (max-width: 840px) { + .form-group .group-name { + padding-bottom: 0; + text-align: left; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .header { display: table; } @@ -1274,11 +1284,6 @@ a.btn { box-shadow: 0 1px rgba(255,255,255,0.08); } - .aside .btn-important { - margin: 20px 0 0; - display: inline-block; - } - .aside.aside_feed { padding: 0; } @@ -1333,6 +1338,16 @@ a.btn { #nav_entries { width: 100%; } + + .post { + padding-left: 15px; + padding-right: 15px; + } + + #close-slider.active { + background: #171717; + box-shadow: 0 1px rgba(255,255,255,0.08) + } } @media (max-width: 700px) { @@ -1348,8 +1363,4 @@ a.btn { .nav_menu .search { display: inline-block; } - - .aside .btn-important { - display: none; - } } diff --git a/p/themes/BlueLagoon/BlueLagoon.rtl.css b/p/themes/BlueLagoon/BlueLagoon.rtl.css index 9c22f8b19..c1f68d94d 100644 --- a/p/themes/BlueLagoon/BlueLagoon.rtl.css +++ b/p/themes/BlueLagoon/BlueLagoon.rtl.css @@ -1244,6 +1244,16 @@ a.btn { /*===========*/ @media screen and (max-width: 840px) { + .form-group .group-name { + padding-bottom: 0; + text-align: right; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .header { display: table; } @@ -1274,11 +1284,6 @@ a.btn { box-shadow: 0 1px rgba(255,255,255,0.08); } - .aside .btn-important { - margin: 20px 0 0; - display: inline-block; - } - .aside.aside_feed { padding: 0; } @@ -1333,6 +1338,16 @@ a.btn { #nav_entries { width: 100%; } + + .post { + padding-right: 15px; + padding-left: 15px; + } + + #close-slider.active { + background: #171717; + box-shadow: 0 1px rgba(255,255,255,0.08) + } } @media (max-width: 700px) { @@ -1348,8 +1363,4 @@ a.btn { .nav_menu .search { display: inline-block; } - - .aside .btn-important { - display: none; - } } diff --git a/p/themes/Dark/dark.css b/p/themes/Dark/dark.css index 96cfb877b..aec5c411c 100644 --- a/p/themes/Dark/dark.css +++ b/p/themes/Dark/dark.css @@ -1105,6 +1105,16 @@ a.btn { /*===========*/ @media (max-width: 840px) { + .form-group .group-name { + padding-bottom: 0; + text-align: left; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .aside { transition: width 200ms linear; } @@ -1177,4 +1187,14 @@ a.btn { .notification a.close .icon { display: none; } + + .post { + padding-left: 15px; + padding-right: 15px; + } + + #close-slider.active { + background: #111; + border-bottom: 1px solid #333; + } } diff --git a/p/themes/Dark/dark.rtl.css b/p/themes/Dark/dark.rtl.css index e2a0b4cae..2550df8cc 100644 --- a/p/themes/Dark/dark.rtl.css +++ b/p/themes/Dark/dark.rtl.css @@ -1105,6 +1105,16 @@ a.btn { /*===========*/ @media (max-width: 840px) { + .form-group .group-name { + padding-bottom: 0; + text-align: right; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .aside { transition: width 200ms linear; } @@ -1177,4 +1187,14 @@ a.btn { .notification a.close .icon { display: none; } + + .post { + padding-right: 15px; + padding-left: 15px; + } + + #close-slider.active { + background: #111; + border-bottom: 1px solid #333; + } } diff --git a/p/themes/Flat/flat.css b/p/themes/Flat/flat.css index 0989321bf..79f41b3ba 100644 --- a/p/themes/Flat/flat.css +++ b/p/themes/Flat/flat.css @@ -509,6 +509,7 @@ a.btn { visibility: hidden; } +.box .box-title .configure .icon, .box .box-content .item .configure .icon { vertical-align: middle; background-color: #95a5a6; @@ -1098,6 +1099,16 @@ a.btn { /*===========*/ @media (max-width: 840px) { + .form-group .group-name { + padding-bottom: 0; + text-align: left; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .aside { transition: width 200ms linear; } @@ -1167,4 +1178,13 @@ a.btn { .notification a.close .icon { display: none; } + + .post { + padding-left: 15px; + padding-right: 15px; + } + + #close-slider.active { + background: #2c3e50; + } } diff --git a/p/themes/Flat/flat.rtl.css b/p/themes/Flat/flat.rtl.css index 8fe568d99..3dc4ccd04 100644 --- a/p/themes/Flat/flat.rtl.css +++ b/p/themes/Flat/flat.rtl.css @@ -509,6 +509,7 @@ a.btn { visibility: hidden; } +.box .box-title .configure .icon, .box .box-content .item .configure .icon { vertical-align: middle; background-color: #95a5a6; @@ -1098,6 +1099,16 @@ a.btn { /*===========*/ @media (max-width: 840px) { + .form-group .group-name { + padding-bottom: 0; + text-align: right; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .aside { transition: width 200ms linear; } @@ -1167,4 +1178,13 @@ a.btn { .notification a.close .icon { display: none; } + + .post { + padding-right: 15px; + padding-left: 15px; + } + + #close-slider.active { + background: #2c3e50; + } } diff --git a/p/themes/Mapco/_forms.scss b/p/themes/Mapco/_forms.scss index ff1691894..340d2219f 100644 --- a/p/themes/Mapco/_forms.scss +++ b/p/themes/Mapco/_forms.scss @@ -70,6 +70,7 @@ label { } textarea { + max-width: 100%; width: 360px; height: 100px; } diff --git a/p/themes/Mapco/_mobile.scss b/p/themes/Mapco/_mobile.scss index d646f3469..053e3ff60 100644 --- a/p/themes/Mapco/_mobile.scss +++ b/p/themes/Mapco/_mobile.scss @@ -15,6 +15,7 @@ } a { + box-sizing: border-box; padding: 1rem 1rem 1rem 2.5rem; background: url("../../themes/icons/logout.svg") no-repeat $sid-bg-dark 3% center; @@ -35,6 +36,15 @@ } + .form-group .group-name { + text-align: left; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .aside { @include transition(all, 0.2s, ease-in-out); @@ -49,7 +59,8 @@ } .aside .toggle_aside, - #panel .close { + #panel .close, + #close-slider.active { background: $main-first-alt; display: block; width: 100%; @@ -67,6 +78,12 @@ } &.search { + display: block; + + .stick { + display: flex; + } + input { width: 90%; height: 3.5rem; @@ -84,18 +101,16 @@ } &.configure { - width: 2.75rem; - top: 3.125rem; - - .dropdown { - .btn { - padding: 1.125rem; - } - } + display: none; } } } + .post { + padding-left: 1rem; + padding-right: 1rem; + } + .nav_menu { .btn { margin: 0; diff --git a/p/themes/Mapco/mapco.css b/p/themes/Mapco/mapco.css index c9fc880a6..a4abd055f 100644 --- a/p/themes/Mapco/mapco.css +++ b/p/themes/Mapco/mapco.css @@ -3,49 +3,57 @@ font-style: normal; font-stretch: normal; font-weight: 400; - src: local("Lato"), url("../fonts/LatoLatin-Regular.woff") format("woff"); } + 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"); } + 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"); } + 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"); } + 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"); } + 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"); } + 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"); } + 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"); } + src: local("Spectral"), url("../fonts/Spectral-BoldItalic.woff") format("woff"); +} /* stylelint-disable property-no-vendor-prefix */ /* FUNCTIONS */ /* btns */ @@ -68,23 +76,30 @@ -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; } - .btn.btn-important:hover, .btn.btn-important:active { - background: #25c; } - .btn.btn-attention { - background: #f5633e; - color: #fff; } - .btn.btn-attention:hover, .btn.btn-attention:active { - background: #73341f; } - .btn:hover { - text-decoration: none; } + transition: all 0.15s ease-in-out; +} +.btn.btn-important { + background: #36c; + color: #fff; +} +.btn.btn-important:hover, .btn.btn-important:active { + background: #25c; +} +.btn.btn-attention { + background: #f5633e; + color: #fff; +} +.btn.btn-attention:hover, .btn.btn-attention:active { + background: #73341f; +} +.btn:hover { + text-decoration: none; +} a.btn { min-height: 25px; - line-height: 25px; } + line-height: 25px; +} /*=== Forms */ legend { @@ -96,17 +111,21 @@ legend { clear: both; text-transform: uppercase; letter-spacing: 1px; - font-weight: 700; } + font-weight: 700; +} label { min-height: 25px; padding: 5px 0; cursor: pointer; - color: #5b6871; } + color: #5b6871; +} textarea { width: 360px; - height: 100px; } + max-width: 100%; + height: 100px; +} input, select, textarea, button { padding: 5px 10px; @@ -118,64 +137,82 @@ input, select, textarea, button { border-radius: 2px; min-height: 25px; line-height: 25px; - vertical-align: middle; } + vertical-align: middle; +} option { - padding: 0 .5em; } + padding: 0 0.5em; +} input:focus, select:focus, textarea:focus { color: #303136; - border-color: #36c; } + border-color: #36c; +} input:invalid, select:invalid { color: #f5633e; border-color: #f5633e; - box-shadow: none; } + 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; } - .form-group::after { - content: ""; - display: block; - clear: both; } - .form-group .group-name { - padding: 10px 0; - text-align: right; } - .form-group .group-controls { - min-height: 25px; - padding: 5px 0; } - .form-group .group-controls .control { - line-height: 2.0em; } - .form-group table { - margin: 10px 0 0 220px; } - .form-group.form-actions { - margin: 15px 0 25px; - padding: 5px 0; } - .form-group.form-actions .btn { - margin: 0 0.5rem 0 0; } + border-radius: 3px; +} +.form-group::after { + content: ""; + display: block; + clear: both; +} +.form-group .group-name { + padding: 10px 0; + text-align: right; +} +.form-group .group-controls { + min-height: 25px; + padding: 5px 0; +} +.form-group .group-controls .control { + line-height: 2em; +} +.form-group table { + margin: 10px 0 0 220px; +} +.form-group.form-actions { + margin: 15px 0 25px; + padding: 5px 0; +} +.form-group.form-actions .btn { + margin: 0 0.5rem 0 0; +} /*=== Tables */ table { - border-collapse: collapse; } + border-collapse: collapse; +} tr, th, td { padding: 0.5em; - border: 1px solid #d5d8db; } + border: 1px solid #d5d8db; +} th { - background: #f9fafb; } + background: #f9fafb; +} form td, form th { font-weight: normal; - text-align: center; } + text-align: center; +} /*=== COMPONENTS */ /*===============*/ @@ -183,11 +220,14 @@ form th { /*=== Horizontal-list */ .horizontal-list { margin: 0; - padding: 0.1rem 0; } - .horizontal-list .item { - vertical-align: middle; } - .horizontal-list .item:first-child { - padding-left: 0.5rem; } + padding: 0.1rem 0; +} +.horizontal-list .item { + vertical-align: middle; +} +.horizontal-list .item:first-child { + padding-left: 0.5rem; +} /*=== Dropdown */ .dropdown-menu { @@ -198,62 +238,76 @@ form th { 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); } - .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; } - .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; } - .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; } - .dropdown-menu .item:hover { - background: #36c; - color: #fff; } - .dropdown-menu .item:hover a, .dropdown-menu .item:hover button { - text-decoration: none; - color: #fff; } - .dropdown-menu .item[aria-checked="true"] a::before { - 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; } - .dropdown-menu .separator { - margin: 0.75rem 0; - border-bottom: 1px solid #eff0f2; } + 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); +} +.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; +} +.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; +} +.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; +} +.dropdown-menu .item:hover { + background: #36c; + color: #fff; +} +.dropdown-menu .item:hover a, .dropdown-menu .item:hover button { + text-decoration: none; + color: #fff; +} +.dropdown-menu .item[aria-checked=true] a::before { + 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; +} +.dropdown-menu .separator { + margin: 0.75rem 0; + border-bottom: 1px solid #eff0f2; +} .tree .tree-folder .tree-folder-items .dropdown-menu .item { - padding: 0; } - .tree .tree-folder .tree-folder-items .dropdown-menu .item a, - .tree .tree-folder .tree-folder-items .dropdown-menu .item button { - 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; } - .tree .tree-folder .tree-folder-items .dropdown-menu .item:hover { - background: #36c; } + padding: 0; +} +.tree .tree-folder .tree-folder-items .dropdown-menu .item a, +.tree .tree-folder .tree-folder-items .dropdown-menu .item button { + 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; +} +.tree .tree-folder .tree-folder-items .dropdown-menu .item:hover { + background: #36c; +} /*=== Alerts */ .alert { @@ -264,129 +318,159 @@ form th { font-size: 1rem; border: 1px solid #c5ced3; border-radius: 3px; - text-shadow: 0 0 1px #eff0f2; } + text-shadow: 0 0 1px #eff0f2; +} .alert-head { - font-size: 1.15em; } + font-size: 1.15em; +} .alert > a { text-decoration: underline; - color: inherit; } + color: inherit; +} .alert-warn { background: #fdfde0; color: #73762f; - border: 1px solid #73762f33; } + border: 1px solid #73762f33; +} .alert-success { background: #cffde7; color: #0c7540; - border: 1px solid #0c754033; } + border: 1px solid #0c754033; +} .alert-error { background: #fde0d8; color: #73341f; - border: 1px solid #73341f33; } + border: 1px solid #73341f33; +} /*=== Pagination */ .pagination { 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; } - .pagination .item a { - display: block; - color: #303136; - font-style: italic; - line-height: 3em; - text-decoration: none; } - .pagination .item a:hover { - background: #303136; - color: #eff0f2; } - .pagination .loading, - .pagination a:hover.loading { - background: url("loader.gif") center center no-repeat #34495e; - font-size: 0; } + text-align: center; +} +.pagination .item.pager-current { + 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; +} +.pagination .item a:hover { + background: #303136; + color: #eff0f2; +} +.pagination .loading, +.pagination a:hover.loading { + background: url("loader.gif") center center no-repeat #34495e; + font-size: 0; +} .content .pagination { margin: 0; - padding: 0; } + padding: 0; +} /*=== Boxes */ .box { 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; } - .box .box-title img { - 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; } - .box .box-title:hover .configure .icon { - 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; } - .box .box-title .configure { - visibility: hidden; } - .box .box-title form input { - width: 85%; } - .box .box-title form .dropdown { - 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; } - .box .box-title form .dropdown a.dropdown-toggle img { - 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; } - .box .box-content .item img { - 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; } - .box .box-content .item .configure .icon { - 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; } - .box .box-content .item:hover .configure { - visibility: visible; } - .box .box-content .item:last-child { - border-bottom: none; } + 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; +} +.box .box-title img { + 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; +} +.box .box-title:hover .configure .icon { + 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; +} +.box .box-title .configure { + visibility: hidden; +} +.box .box-title form input { + width: 85%; +} +.box .box-title form .dropdown { + 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; +} +.box .box-title form .dropdown a.dropdown-toggle img { + 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; +} +.box .box-content .item img { + 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; +} +.box .box-content .item .configure .icon { + 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; +} +.box .box-content .item:hover .configure { + visibility: visible; +} +.box .box-content .item:last-child { + border-bottom: none; +} /*=== "Load more" part */ #bigMarkAsRead { @@ -398,145 +482,185 @@ form th { -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; } - #bigMarkAsRead:hover .bigTick { - 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; } + transition: all 0.15s ease-in-out; +} +#bigMarkAsRead:hover { + background: #36c; + color: #fff; +} +#bigMarkAsRead:hover .bigTick { + 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; +} .formLogin { - background: #303136; } - .formLogin .header .configure { - padding-right: 1rem; } - .formLogin .header .configure img { - margin-right: 0.5rem; } - .formLogin .header .configure a.signin { - color: #fff; } - .formLogin h1 { - color: #fff; } - .formLogin form#crypto-form div { - margin-bottom: 1rem; } - .formLogin form#crypto-form div label { - color: #c5ced3; - font-size: 1rem; } - .formLogin form#crypto-form div input { - background: #1d1e22; } - .formLogin form#crypto-form div input:focus { - background: #f9fafb; - color: #303136; } + background: #303136; +} +.formLogin .header .configure { + padding-right: 1rem; +} +.formLogin .header .configure img { + margin-right: 0.5rem; +} +.formLogin .header .configure a.signin { + color: #fff; +} +.formLogin h1 { + color: #fff; +} +.formLogin form#crypto-form div { + margin-bottom: 1rem; +} +.formLogin form#crypto-form div label { + color: #c5ced3; + font-size: 1rem; +} +.formLogin form#crypto-form div input { + background: #1d1e22; +} +.formLogin form#crypto-form div input:focus { + 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; } - .tree#sidebar { - 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; } - .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; } - .tree .tree-folder .tree-folder-title .title { - background: inherit; - color: #fff; } - .tree .tree-folder .tree-folder-title .title:hover { - text-decoration: none; } - .tree .tree-folder.active .tree-folder-title { - background: #303136; - font-weight: bold; } - .tree .tree-folder .tree-folder-items { - 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; } - .tree .tree-folder .tree-folder-items .item.active { - background: #36c; } - .tree .tree-folder .tree-folder-items .item.active .dropdown li a { - color: #303136; } - .tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover { - color: #fff; } - .tree .tree-folder .tree-folder-items .item.active a { - color: #fff; } - .tree .tree-folder .tree-folder-items .item:hover { - background: #17181a; } - .tree .tree-folder .tree-folder-items .item a { - 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: 10px 0; +} +.tree#sidebar { + 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; +} +.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; +} +.tree .tree-folder .tree-folder-title .title { + background: inherit; + color: #fff; +} +.tree .tree-folder .tree-folder-title .title:hover { + text-decoration: none; +} +.tree .tree-folder.active .tree-folder-title { + background: #303136; + font-weight: bold; +} +.tree .tree-folder .tree-folder-items { + 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; +} +.tree .tree-folder .tree-folder-items .item.active { + background: #36c; +} +.tree .tree-folder .tree-folder-items .item.active .dropdown li a { + color: #303136; +} +.tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover { + color: #fff; +} +.tree .tree-folder .tree-folder-items .item.active a { + color: #fff; +} +.tree .tree-folder .tree-folder-items .item:hover { + background: #17181a; +} +.tree .tree-folder .tree-folder-items .item a { + 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; +} /*=== Buttons */ .stick { vertical-align: middle; - font-size: 0; } - .stick input, .stick .btn { - border-radius: 0; } - .stick .btn:first-child, - .stick input:first-child { - border-radius: 5px 0 0 5px; } - .stick .btn:last-child, .stick input:last-child, .stick .btn + .dropdown > .btn { - border-radius: 0 5px 5px 0; } - .stick .btn + .btn, - .stick .btn + input, - .stick .btn + .dropdown > .btn, - .stick input + .btn, - .stick input + input, - .stick input + .dropdown > .btn, - .stick .dropdown + .btn, - .stick .dropdown + input, - .stick .dropdown + .dropdown > .btn { - border-left: 1px solid #d5d8db; } + font-size: 0; +} +.stick input, .stick .btn { + border-radius: 0; +} +.stick .btn:first-child, +.stick input:first-child { + border-radius: 5px 0 0 5px; +} +.stick .btn:last-child, .stick input:last-child, .stick .btn + .dropdown > .btn { + border-radius: 0 5px 5px 0; +} +.stick .btn + .btn, +.stick .btn + input, +.stick .btn + .dropdown > .btn, +.stick input + .btn, +.stick input + input, +.stick input + .dropdown > .btn, +.stick .dropdown + .btn, +.stick .dropdown + input, +.stick .dropdown + .dropdown > .btn { + border-left: 1px solid #d5d8db; +} .aside { - background: #303136; } - .aside.aside_feed { - padding: 10px 0; - text-align: center; - background: #303136; } - .aside.aside_feed .tree { - margin: 10px 0 50px; } + background: #303136; +} +.aside.aside_feed { + padding: 10px 0; + text-align: center; + background: #303136; +} +.aside.aside_feed .tree { + margin: 10px 0 50px; +} /* Sidebar des pages de configuration */ /*=== Navigation */ @@ -544,69 +668,88 @@ form th { .nav-list .item { height: 2.5em; line-height: 2.5em; - font-size: 1rem; } + 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; } - .nav-list .item a { - padding: 0 1rem; - color: #fff; } - .nav-list .item .error a { - color: #f5633e; } - .nav-list .item:hover { - background: #17181a; - color: #fff; } - .nav-list .item:hover .error a { - background: #36c; - color: #fff; } - .nav-list .item:hover .empty a { - background: #f4f762; - color: #fff; } - .nav-list .item:hover a { - color: #fff; - text-decoration: none; } - .nav-list .item.active { - background: #36c; - color: #fff; } - .nav-list .item.active .error a { - background: #36c; - color: #fff; } - .nav-list .item.active .empty a { - background: #f4f762; - color: #fff; } - .nav-list .item.active a { - color: #fff; - text-decoration: none; } + transition: all 0.15s ease-in-out; +} +.nav-list .item a { + padding: 0 1rem; + color: #fff; +} +.nav-list .item .error a { + color: #f5633e; +} +.nav-list .item:hover { + background: #17181a; + color: #fff; +} +.nav-list .item:hover .error a { + background: #36c; + color: #fff; +} +.nav-list .item:hover .empty a { + background: #f4f762; + color: #fff; +} +.nav-list .item:hover a { + color: #fff; + text-decoration: none; +} +.nav-list .item.active { + background: #36c; + color: #fff; +} +.nav-list .item.active .error a { + background: #36c; + color: #fff; +} +.nav-list .item.active .empty a { + background: #f4f762; + color: #fff; +} +.nav-list .item.active a { + color: #fff; + text-decoration: none; +} .nav-list.empty a { - color: #f4f762; } + color: #f4f762; +} .nav-list .disable { text-align: center; background: #f9fafb; - color: #a6a7ae; } + color: #a6a7ae; +} .nav-list .nav-header { padding: 0 10px; font-weight: bold; color: #5b6871; text-transform: uppercase; letter-spacing: 1px; - margin-top: 1rem; } + margin-top: 1rem; +} .nav-list .nav-form { padding: 3px; - text-align: center; } + text-align: center; +} .nav-list .nav-head { margin: 0; text-align: right; - color: #fff; } - .nav-list .nav-head a { - color: #fff; } - .nav-list .nav-head .item { - padding: 5px 10px; - font-size: 0.9rem; - line-height: 1.5rem; } + color: #fff; +} +.nav-list .nav-head a { + color: #fff; +} +.nav-list .nav-head .item { + 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 { @@ -617,38 +760,47 @@ form th { position: absolute; right: 0; line-height: 1.5rem; - text-align: center; } + 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-importExport { - border-left-color: #303136; } + border-left-color: #303136; +} /*=== STRUCTURE */ /*===============*/ @@ -658,103 +810,126 @@ form th { background: #303136; display: block; width: auto; - table-layout: none; } - .header .item { - vertical-align: middle; } - .header .item.title { - width: 280px; - font-weight: 400; } - .header .item.title h1 a { - text-decoration: none; - color: #fff; - font-size: 1rem; - text-transform: uppercase; - letter-spacing: 1px; } - .header .item.title h1 a img { - 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; } - .header .item.search input:hover { - background-color: #17181a; } - .header .item.search input:focus { - 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; } - .header .item.search .btn img { - display: none; } - .header .item.search .btn:hover { - background-color: #25c; } - .header .item.configure { - 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); } - .header .item.configure .btn img { - display: none; } - + table-layout: none; +} +.header .item { + vertical-align: middle; +} +.header .item.title { + width: 280px; + font-weight: 400; +} +.header .item.title h1 a { + text-decoration: none; + color: #fff; + font-size: 1rem; + text-transform: uppercase; + letter-spacing: 1px; +} +.header .item.title h1 a img { + 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; +} +.header .item.search input:hover { + background-color: #17181a; +} +.header .item.search input:focus { + 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; +} +.header .item.search .btn img { + display: none; +} +.header .item.search .btn:hover { + background-color: #25c; +} +.header .item.configure { + 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); +} +.header .item.configure .btn img { + 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; } + width: 200px; +} .prompt input { margin: 5px auto; - width: 100%; } + width: 100%; +} .prompt p { - margin: 20px 0; } + margin: 20px 0; +} /*=== New article notification */ #new-article { background: #36c; font-size: 1rem; - text-align: center; } + text-align: center; +} #new-article:hover { - background: #25c; } + background: #25c; +} #new-article > a { line-height: 3em; font-weight: bold; - color: #fff; } + color: #fff; +} #new-article > a:hover { - text-decoration: none; } + text-decoration: none; +} /*=== Day indication */ .day { @@ -764,148 +939,188 @@ form th { 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; } + text-transform: uppercase; +} +.day .name { + 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; } - .nav_menu .btn { - 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; } - .nav_menu .stick { - 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; } - .nav_menu .stick .btn:hover { - background-color: #d5d8db; } - .nav_menu .stick .btn.active { - background-color: #36c; } - .nav_menu .stick .btn img.icon { - display: none; } - .nav_menu .stick .btn#toggle-read { - background-image: url(icons/read.svg); } - .nav_menu .stick .btn#toggle-read.active { - background-image: url(icons/read-white.svg); } - .nav_menu .stick .btn#toggle-unread { - background-image: url(icons/unread.svg); } - .nav_menu .stick .btn#toggle-unread.active { - background-image: url(icons/unread-white.svg); } - .nav_menu .stick .btn#toggle-starred { - background-image: url(icons/starred.svg); } - .nav_menu .stick .btn#toggle-starred.active { - background-image: url(icons/starred-white.svg); } - .nav_menu .stick .btn#toggle-non-starred { - background-image: url(icons/non-starred.svg); } - .nav_menu .stick .btn#toggle-non-starred.active { - 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; } - .nav_menu .stick .btn.read_all:hover { - background-color: #d5d8db; } - .nav_menu .stick .btn.view-normal { - background-image: url(icons/view-list.svg); } - .nav_menu .stick .btn.view-normal.active { - background-image: url(icons/view-list-white.svg); } - .nav_menu .stick .btn.view-global { - background-image: url(icons/view-global.svg); } - .nav_menu .stick .btn.view-global.active { - background-image: url(icons/view-global-white.svg); } - .nav_menu .stick .btn.view-reader { - background-image: url(icons/view-reader.svg); } - .nav_menu .stick .btn.view-reader.active { - background-image: url(icons/view-reader-white.svg); } - .nav_menu .stick .btn.view-rss { - background-image: url(icons/rss.svg); } - .nav_menu .stick .dropdown a.dropdown-toggle { - border-left-width: 0; - background-image: url(icons/more.svg); } + padding: 5px 0; +} +.nav_menu .btn { + 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; +} +.nav_menu .stick { + 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; +} +.nav_menu .stick .btn:hover { + background-color: #d5d8db; +} +.nav_menu .stick .btn.active { + background-color: #36c; +} +.nav_menu .stick .btn img.icon { + display: none; +} +.nav_menu .stick .btn#toggle-read { + background-image: url(icons/read.svg); +} +.nav_menu .stick .btn#toggle-read.active { + background-image: url(icons/read-white.svg); +} +.nav_menu .stick .btn#toggle-unread { + background-image: url(icons/unread.svg); +} +.nav_menu .stick .btn#toggle-unread.active { + background-image: url(icons/unread-white.svg); +} +.nav_menu .stick .btn#toggle-starred { + background-image: url(icons/starred.svg); +} +.nav_menu .stick .btn#toggle-starred.active { + background-image: url(icons/starred-white.svg); +} +.nav_menu .stick .btn#toggle-non-starred { + background-image: url(icons/non-starred.svg); +} +.nav_menu .stick .btn#toggle-non-starred.active { + 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; +} +.nav_menu .stick .btn.read_all:hover { + background-color: #d5d8db; +} +.nav_menu .stick .btn.view-normal { + background-image: url(icons/view-list.svg); +} +.nav_menu .stick .btn.view-normal.active { + background-image: url(icons/view-list-white.svg); +} +.nav_menu .stick .btn.view-global { + background-image: url(icons/view-global.svg); +} +.nav_menu .stick .btn.view-global.active { + background-image: url(icons/view-global-white.svg); +} +.nav_menu .stick .btn.view-reader { + background-image: url(icons/view-reader.svg); +} +.nav_menu .stick .btn.view-reader.active { + background-image: url(icons/view-reader-white.svg); +} +.nav_menu .stick .btn.view-rss { + background-image: url(icons/rss.svg); +} +.nav_menu .stick .dropdown a.dropdown-toggle { + 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; } + border-radius: 3px; +} /*=== Content of feed articles */ .content, .content.thin { 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; } - .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; } - .content .author, .content.thin .author { - color: #5b6871; - font-size: 1.125rem; } - .content p, .content ul, .content.thin p, .content.thin ul { - 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; } - .content pre, .content.thin pre { - 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; } - .content code, .content.thin code { - 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; } - .content blockquote p, .content.thin blockquote p { - margin: 0; } + 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; +} +.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; +} +.content .author, .content.thin .author { + color: #5b6871; + font-size: 1.125rem; +} +.content p, .content ul, .content.thin p, .content.thin ul { + 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; +} +.content pre, .content.thin pre { + 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; +} +.content code, .content.thin code { + 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; +} +.content blockquote p, .content.thin blockquote p { + margin: 0; +} /*=== Notification and actualize notification */ .notification { @@ -924,28 +1139,37 @@ form th { text-align: center; line-height: 3em; z-index: 10; - vertical-align: middle; } - .notification .msg { - display: inline-block; - font-size: 1rem; } - .notification.good { - background: #10f587; - color: #fff; } - .notification.bad { - background: #f5633e; - color: #fff; } - .notification a.close { - padding: 0 15px; - border-radius: 0 3px 3px 0; - line-height: 3em; } - .notification.good a.close:hover { - background: #0c7540; } - .notification.bad a.close:hover { - background: #73341f; } - .notification#actualizeProgress { - line-height: 2em; } - .notification#actualizeProgress br { - display: none; } + vertical-align: middle; +} +.notification .msg { + display: inline-block; + font-size: 1rem; +} +.notification.good { + background: #10f587; + color: #fff; +} +.notification.bad { + background: #f5633e; + color: #fff; +} +.notification a.close { + padding: 0 15px; + border-radius: 0 3px 3px 0; + line-height: 3em; +} +.notification.good a.close:hover { + background: #0c7540; +} +.notification.bad a.close:hover { + background: #73341f; +} +.notification#actualizeProgress { + line-height: 2em; +} +.notification#actualizeProgress br { + display: none; +} /*=== Navigation menu (for articles) */ #nav_entries { @@ -953,7 +1177,8 @@ form th { text-align: center; line-height: 3em; table-layout: fixed; - background: #303136; } + background: #303136; +} /*=== Feed articles */ .flux { @@ -962,102 +1187,131 @@ form th { -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; } - .flux:hover:not(.current):hover .item.title { - background: #f9fafb; } - .flux.current { - background: #f9fafb; - border-left-color: #36c; } - .flux.not_read:not(.current) { - background: #f2f6f8; } - .flux.not_read:not(.current):hover .item.title { - background: #f2f6f8; } - .flux.not_read .item.title a { - color: #36c; } - .flux.not_read .item.website a { - color: #36c; } - .flux.not_read .item.date { - 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; } - .flux.favorite:not(.current) { - background: #fff6da; } - .flux.favorite:not(.current):hover .item.title { - background: #fff6da; } - .flux .website a { - color: #303136; - opacity: 0.75; } - .flux .website .favicon { - padding: 5px; } - .flux .date { - color: rgba(48, 49, 54, 0.5); - font-size: 0.85rem; } - .flux .bottom { - font-size: 1rem; - text-align: center; } + transition: all 0.15s ease-in-out; +} +.flux:hover { + background: #f9fafb; +} +.flux:hover:not(.current):hover .item.title { + background: #f9fafb; +} +.flux.current { + background: #f9fafb; + border-left-color: #36c; +} +.flux.not_read:not(.current) { + background: #f2f6f8; +} +.flux.not_read:not(.current):hover .item.title { + background: #f2f6f8; +} +.flux.not_read .item.title a { + color: #36c; +} +.flux.not_read .item.website a { + color: #36c; +} +.flux.not_read .item.date { + 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; +} +.flux.favorite:not(.current) { + background: #fff6da; +} +.flux.favorite:not(.current):hover .item.title { + background: #fff6da; +} +.flux .website a { + color: #303136; + opacity: 0.75; +} +.flux .website .favicon { + padding: 5px; +} +.flux .date { + color: rgba(48, 49, 54, 0.5); + font-size: 0.85rem; +} +.flux .bottom { + font-size: 1rem; + text-align: center; +} .flux_header { font-size: 1rem; cursor: pointer; - border-top: 1px solid #eff0f2; } - .flux_header .title { - font-size: 1rem; } + border-top: 1px solid #eff0f2; +} +.flux_header .title { + 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; } - #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; } - #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; } - #stream .box.category .box-title a.title:hover { - color: #36c; } + 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; +} +#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; +} +#stream .box.category .box-title a.title:hover { + color: #36c; +} #stream .box.category .box-content { - padding-bottom: 0.5rem; } - #stream .box.category .box-content .item.feed { - padding: 0.5rem 1.5rem; - font-size: 1rem; } - #stream .box.category .box-content .item.feed a { - color: #303136; - font-weight: 400; } - #stream .box.category .box-content .item.feed a:hover { - color: #36c; - text-decoration: none; } + padding-bottom: 0.5rem; +} +#stream .box.category .box-content .item.feed { + padding: 0.5rem 1.5rem; + font-size: 1rem; +} +#stream .box.category .box-content .item.feed a { + color: #303136; + font-weight: 400; +} +#stream .box.category .box-content .item.feed a:hover { + 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; } + border-radius: 3px; +} /*=== READER VIEW */ /*================*/ @@ -1065,67 +1319,80 @@ form th { padding: 0 0 50px; background: #eff0f2; color: #303136; - border: none; } + border: none; +} #stream.reader .flux .author { margin: 0 0 10px; color: #a6a7ae; - font-size: 90%; } + font-size: 90%; +} /*=== Configuration pages */ .post { padding: 1rem 2rem; - font-size: 1rem; } - .post form { - margin: 1rem 0; } - .post form .horizontal-list { - margin-bottom: 0.5rem; } - .post.content { - max-width: 550px; } - .post h1, .post h2 { - 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; } - .post a[href="./"]:hover { - background: #36c; - color: white; - border: 1px solid #36c; - text-decoration: none; } + font-size: 1rem; +} +.post form { + margin: 1rem 0; +} +.post form .horizontal-list { + margin-bottom: 0.5rem; +} +.post.content { + max-width: 550px; +} +.post h1, .post h2 { + 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; +} +.post a[href="./"]:hover { + 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); } + 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; } - .slide-container .properties .page-number { - right: 1rem; - top: 1rem; } + border: 0; +} +.slide-container .properties .page-number { + right: 1rem; + top: 1rem; +} /*=== LOGS */ /*=========*/ .loglist { overflow: hidden; - border: 1px solid #a6a7ae; } + border: 1px solid #a6a7ae; +} .log { margin: 10px 0; @@ -1133,171 +1400,235 @@ form th { background: #f9fafb; color: #5b6871; font-size: 0.8rem; - overflow: auto; } + overflow: auto; +} .log > .date { margin: 0 10px 0 0; padding: 5px 10px; - border-radius: 20px; } + border-radius: 20px; +} .log.error > .date { background: #f5633e; - color: #fff; } + color: #fff; +} .log.warning > .date { - background: #f4f762; } + background: #f4f762; +} .log.notice > .date { - background: #eff0f2; } + background: #eff0f2; +} .log.debug > .date { background: #1d1e22; - color: #fff; } + 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; } + 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 { - 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; } + 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; } + 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 { +#panel .close, +#close-slider.active { background: #25c; display: block; width: 100%; height: 50px; line-height: 50px; - text-align: center; } + text-align: center; + } .header { - padding: 0.5rem; } - .header .item.title { - display: none; } - .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 { - width: 2.75rem; - top: 3.125rem; } - .header .item.configure .dropdown .btn { - padding: 1.125rem; } + 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; } + 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; } + 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; } + 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; } + 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; } + padding: 1rem 0; + } + .day .name { + padding: 0; + display: block; + width: 100%; + line-height: 1.5rem; + margin-bottom: 1rem; + } .pagination { - margin: 0 0 3.5em; } + margin: 0 0 3.5em; + } #nav_entries { - line-height: 4.5rem; } + 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; } } + 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; } + font-size: 0.875rem; +} /*=== Links */ a, button.as-link { outline: none; - color: #36c; } + color: #36c; +} /*# sourceMappingURL=mapco.css.map */ diff --git a/p/themes/Mapco/mapco.css.map b/p/themes/Mapco/mapco.css.map new file mode 100644 index 000000000..1151acdaf --- /dev/null +++ b/p/themes/Mapco/mapco.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["_fonts.scss","_mixins.scss","_forms.scss","_variables.scss","_tables.scss","_components.scss","_divers.scss","_sidebar.scss","_layout.scss","_list-view.scss","_global-view.scss","_reader-view.scss","_configuration.scss","_logs.scss","_stats.scss","_mobile.scss","mapco.scss"],"names":[],"mappings":"AAAA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AC7DD;AAEA;ACFA;AACA;EACC;EACA;EACA,YCiBc;EDhBd;EACA,OCUW;EDTX;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EDRA;EACA;EACA;EACA;EACA;;ACQA;EACC,YCnBW;EDoBX,OCVM;;ADaN;EAEC,YCxBc;;AD6BhB;EACC,YCJS;EDKT;;AAEA;EAEC,YCPU;;ADWZ;EACC;;;AAIF;EACC;EACA;;;AAGD;AACA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;EACA;EACA;EACA,OCpDW;;;ADuDZ;EACC;EACA;EACA;;;AAGD;EACC;EACA,YCpEO;EDqEP,OChEW;EDiEX;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC,OCtFiB;EDuFjB,cC/FY;;;ADkGb;EACC,OCxEU;EDyEV,cCzEU;ED0EV;;;AAGD;EACC,YCtFY;;;ADyFb;EACC;;;AAID;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAUD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;EACA;;AAID;EACC;;;AE5JF;AACA;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC,YDUc;;;ACPf;AAAA;EAEC;EACA;;;ACjBD;AACA;AACA;AAGA;AACA;EACC;EACA;;AAEA;EACC;;AAEA;EACC;;;AAMH;AACA;EACC;EACA;EACA,YFHc;EEId;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAKD;EAEC;EACA;EACA;EACA,OFlCU;EEmCV;EACA;;AAID;EJjDA;EACA;EACA;EACA;EACA;;AIiDC;EACC;EACA,OFrDe;EEsDf;EACA;;AAGD;EACC,YFnEU;EEoEV,OF1DK;;AE4DL;EACC;EACA,OF9DI;;AEmEL;EACC;EACA;;AAMF;EACC;EACA;EACA;;AAIF;EACC;EACA;;;AAQD;EACC;;AAEA;AAAA;EAEC,OFnGe;;AEqGf;AAAA;EACC,OFpGI;;AEwGN;EACC,YFnHU;;;AE2Hb;AACA;EACC;EAEA;EACA,YF5Gc;EE6Gd,OFlHW;EEmHX;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC,YFlHe;EEmHf,OFlHc;EEmHd;;;AAGD;EACC,YFpHe;EEqHf,OFpHc;EEqHd;;;AAGD;EACC,YFlIa;EEmIb,OFlIY;EEmIZ;;;AAGD;AACA;EACC,YFlJY;EEmJZ,OF9JiB;EE+JjB;EACA;;AAGC;EACC,YF/HM;EEgIN,OF1JU;EE2JV;EACA;;AAGD;EACC;EACA,OF5Ke;EE6Kf;EACA;EACA;;AAEA;EACC,YFlLc;EEmLd,OFxKS;;AE6KZ;AAAA;EAEC;EACA;;;AAIF;EACC;EACA;;;AAID;AACA;EACC,YFrMO;EEuMP;EACA;EAEA;;AAEA;EACC;EACA;EACA,YFtMW;EEuMX,OFlNgB;EEoNhB;;AAEA;EACC;;AAIA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EACC;;AAKH;EACC;;AAIA;EACC;;AAGD;EACC;;AAEA;EACC;EAEA;EACA;EACA;EACA;;AAEA;EACC;;AASJ;EACC;EACA,OFjRe;EEkRf;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA;;AAGD;EAEC;;AAIF;EACC;;AAIF;EACC;;;AAKH;AACA;EACC;EACA;EACA,YFrUkB;EEsUlB,OFxUY;EFMZ;EACA;EACA;EACA;EACA;;AIkUA;EACC,YF7UW;EE8UX;;AAEA;EACC;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAKF;EACC,YFrTQ;;AEwTP;EACC;;AAEA;EACC;;AAGD;EACC,OFnWI;;AEwWP;EACC,OFzWM;;AE6WN;EACC;;AAEA;EACC,OF1WU;EE2WV;;AAKD;EACC,YF7XgB;;AE+XhB;EACC,YFjXU;EEkXV,OF9Xa;;;AGTlB;AACA;AACA;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;;;ACZD;AACA;EACC;;AAEA;EACC;EACA;;AAID;EACC;;AAEA;EACC;EACA,YJ+BM;EI9BN;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA,OJqBa;;AInBb;EACC;;AAMF;EACC,YJYK;EIXL;;AAIF;EACC,YJOU;;AILV;EACC;EACA;EACA;EACA;ENvCH;EACA;EACA;EACA;EACA;;AMuCG;EACC,YJlDQ;;AIoDR;EACC,OJ7CY;;AI+CZ;EACC,OJZU;;AIgBZ;EACC,OJXY;;AIed;EACC,YJnBS;;AIsBV;EACC;EACA,OJ3BY;;AI+Bd;EACC;EACA;EACA,YJ3BQ;EI4BR;EACA;EACA;EACA;EACA;EACA;EACA;;;AAMJ;AACA;EACC;EACA;;AAEA;EACC;;AAGD;AAAA;EAEC;;AAGD;EACC;;AAGD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASC;;;AAKF;EACC,YJ/EQ;;AIiFR;EACC;EACA;EACA,YJpFO;;AIuFR;EACC;;;AAMF;AAIA;AAEC;AAAA;EAEC;EACA;EACA;;AAGD;EACC,YJ5GO;EFvCR;EACA;EACA;EACA;EACA;;AMmJC;EACC;EACA,OJnHc;;AIuHd;EACC,OJzIO;;AI6IT;EACC,YJ1HW;EI2HX,OJ9Hc;;AIiIb;EACC,YJ9KQ;EI+KR,OJnIY;;AIwIb;EACC,YJtJQ;EIuJR,OJ1IY;;AI8Id;EACC,OJ/Ia;EIgJb;;AAIF;EACC,YJjMU;EIkMV,OJxLK;;AI2LJ;EACC,YJtMQ;EIuMR,OJ7LG;;AIkMJ;EACC,YJ9KQ;EI+KR,OJpMG;;AIwML;EACC,OJzMI;EI0MJ;;AAOF;EACC,OJ7LU;;AIiMZ;EACC;EACA,YJ9Ma;EI+Mb,OJnNiB;;AIsNlB;EACC;EACA;EACA,OJ1NU;EI2NV;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;EACA;EAEA,OJ9OM;;AIgPN;EACC,OJjPK;;AIoPN;EACC;EACA;EACA;;;AAKH;AACA;EACC;EACA;EACA,YJvNW;EIwNX;EACA;EACA;EACA;EACA;;;AAGD;EACC,YJpQW;;;AIuQZ;EACC,YJxQW;;;AI2QZ;AAAA;EAEC,OJ7QW;;;AIgRZ;AAAA;EAEC,OJlRW;;;AIqRZ;AAAA;AAAA;AAAA;EAIC,OJ9RO;;;AIiSR;EACC;;;AAGD;AAAA;AAAA;EAGC;;;AAGD;EACC,mBJzQQ;;;AK9CT;AACA;AACA;AACA;EACC;EACA,YLyCQ;EKxCR;EACA;EACA;;AAEA;EACC;;AAKA;EACC;EAEA;;AAGC;EACC;EACA,OLqBY;EKpBZ;EACA;EACA;;AAEA;EACC;;AAUH;EACC;EACA,OLGa;EKFb;EACA;EACA,kBLES;EFxCZ;EACA;EACA;EACA;EACA;;AOsCG;EACC,kBLFS;;AKKV;EACC;EACA,OLvCO;EKyCP,kBL9CG;;AKkDL;EAGC;EACA;EAEA,kBLlES;EKmET;EACA;EACA;EAEA;EACA;;AAXA;EAAK;;AAaL;EACC,kBL1EY;;AK+Ef;EACC;EACA;EACA;EACA;EACA;;AAEA;EAGC;EAGA;EACA;EACA;EACA;;AARA;EAAK;;AAuBT;AACA;EACC;;;AAMD;AACA;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAGD;EACC;EACA;;;AAGD;EACC;;;AAGD;AACA;EACC,YLhJY;EKiJZ;EACA;;;AAGD;EACC,YLrJgB;;;AKwJjB;EACC;EACA;EACA,OLlJO;;;AKqJR;EACC;;;AAGD;AACA;EACC;EACA,OL7JkB;EK8JlB;EACA;EACA;EACA;EACA;;AAEA;EACC;EAEA,OLxKgB;EKyKhB;EACA;EACA;EAGA;;;AAIF;AACA;EACC;EACA;;AAEA;EACC;EACA;EACA,kBL9Ka;EK+Kb;EACA;;AAEA;EACC,kBLpLU;;AKwLZ;EACC,YLxLa;;AK0Lb;EACC;EACA;EACA,kBL7LY;EK8LZ;EACA;EP7MF;EACA;EACA;EACA;EACA;;AO6ME;EACC,kBLtMgB;;AKyMjB;EACC,kBL5NS;;AK+NV;EAAU;;AAIV;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAID;EACC;EAEA,OL/Pc;EKgQd,kBLpPW;EFdd;EACA;EACA;EACA;EACA;;AOkQG;EACC,kBL3Pe;;AKgQjB;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAGD;EACC;;AAMD;EACC;EACA;;;AAOJ;EACC;EACA,kBL5SkB;EK6SlB;;;AAID;AACA;EACC;EAEA;EACA;;AAGC;EACC,OLlUe;EKmUf;EACA;;AAEA;EACC,OL/US;EKgVT;;AAKH;EACC,OL7UiB;EK8UjB;;AAGD;EACC;EACA;;AAGD;EACC;EACA,YL/UkB;EKgVlB;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA,YLtWkB;EKuWlB,OLlWM;EKmWN;EACA;;AAEA;EACC;EACA,OLxWK;EKyWL;;AAIF;EACC;EACA,YLrWa;EKsWb,OLvWW;EKwWX;EACA;;AAID;EACC;EACA;EACA,YL/Wa;EKgXb;EACA,OL7XgB;EK8XhB;EACA;;AAEA;EACC;;;AAOH;AACA;EAEC;EACA,YLnYmB;EKoYnB;EACA;EACA,OLzYW;EK2YX;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;;AAGD;EACC,YL1YW;EK2YX,OLpaM;;AKuaP;EACC,YLvZS;EKwZT,OLzaM;;AK4aP;EACC;EACA;EACA;;AAGD;EACC,YLxZa;;AK2Zd;EACC,YLpaW;;AKuaZ;EACC;;AAEA;EACC;;;AAMH;AACA;EACC;EACA;EACA;EACA;EACA,YLvaQ;;;AM9CT;AACA;EAEC,YNQO;EFJP;EACA;EACA;EACA;EACA;;AQJA;EACC,YNaa;;AMXb;EACC,YNUY;;AMJd;EACC,YNGa;EMFb,mBNlBW;;AMqBZ;EACC,YNCU;;AMCV;EACC,YNFS;;AMQT;EACC,ONhCS;;AMsCV;EACC,ONvCS;;AM2CX;EACC;;AAIF;EACC,mBNTO;EFlCR;EACA;EACA;EACA;EACA;;AQ4CA;EACC,YNdU;;AMgBV;EACC,YNjBS;;AMsBV;EACC,ONxDe;EMyDf;;AAGD;EACC;;AAIF;EACC;EACA;;AAGD;EACC;EACA;;;AAIF;EACC;EACA;EACA;;AAEA;EACC;;;AC3FF;AACA;AAWE;EACC;;AAID;EACC;EACA;;AAEA;EACC,OPNQ;EOOR;EACA;EACA;EACA;EACA;EACA;;AAEA;EACC;EACA;EACA,YPbQ;EOcR;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC,OP1CQ;;AO+CX;EACC;;AAEA;EACC;EAEA;;AAEA;EACC,OPhDa;EOiDb;;AAEA;EACC,OP5DO;EO6DP;;;AAUN;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;;;ACjFD;AACA;AACA;EACC;EACA,YRgBY;EQfZ,ORIiB;EQHjB;;;AAGD;EACC;EACA,ORMkB;EQLlB;;;ACZD;AACA;EACC;EACA;;AAEA;EACC;;AAGA;EACC;;AAmBF;EACC;;AAGD;EAEC,OT1BgB;ES2BhB;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA,YTxBa;ESyBb;EAEA,OThCU;ESiCV;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;;AAEA;EACC,YT3DU;ES4DV;EACA;EACA;;;AAQH;EACC;EACA;;;AAIA;EACC;EACA;EACA;EACA;;AAEA;EACC;EACA;;;ACrFH;AACA;AACA;EACC;EACA;;;AAGD;EACC;EACA;EACA,YVWc;EUVd,OVKW;EUJX;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC,YVKU;EUJV;;;AAGD;EACC,YVIY;;;AUDb;EACC,YVZY;;;AUeb;EACC,YV9BmB;EU+BnB,OV1BO;;;AWXR;AACA;AACA;EACC;;;AAGD;AAAA;AAAA;EAGC;;;AAGD;AAAA;EAEC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AC5BD;AACA;AAEA;EAME;IACC;;EAEA;IACC;;EAGD;IACC;IACA;IAEA;IACA;IACA;IACA,OZsBa;IFtChB;IACA;IACA;IACA;IACA;;EcgBG;IAEC;IACA;;;EAQJ;IACC;;;EAGD;AAAA;IAEC;;;EAGD;IdxCA;IACA;IACA;IACA;IACA;;EcwCC;IACC;;EAGD;IACC;;;EAIF;AAAA;AAAA;IAGC,YZ7De;IY8Df;IACA;IACA;IACA;IACA;;;EAGD;IACC;;EAGC;IACC;;EAGD;IACC;;EAEA;IACC;;EAGD;IACC;IACA;;EAEA;IACC;;EAKF;IACC;IACA;;EAIF;IACC;;;EAKH;IACC;IACA;;;EAIA;IACC;IACA;;EAGD;IACC;;EAEA;IACC;IACA;;EAEA;IACC;;EAKH;IACC;IACA;;EAEA;IAEC;IACA;;EAEA;IACC;;;EAQF;IACC;;;EAOH;IACC;IACA;;EAEA;IACC;IAEA;IACA;IACA;IACA;;;EAKF;IACC;;;EAGD;IACC;;;EAGD;IACC;;EAEA;IACC;IACA;IACA;;EAGD;IACC;;EAGD;IACC;;;ACjKH;AACA;AACA;EACC,YbjBY;EakBZ;EACA;EACA;;;AAGD;AACA;EACC;EACA,Ob7CY","file":"mapco.css"}
\ No newline at end of file diff --git a/p/themes/Mapco/mapco.rtl.css b/p/themes/Mapco/mapco.rtl.css index 19c2a5fdd..a5e4d4fc4 100644 --- a/p/themes/Mapco/mapco.rtl.css +++ b/p/themes/Mapco/mapco.rtl.css @@ -3,49 +3,57 @@ font-style: normal; font-stretch: normal; font-weight: 400; - src: local("Lato"), url("../fonts/LatoLatin-Regular.woff") format("woff"); } + 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"); } + 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"); } + 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"); } + 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"); } + 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"); } + 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"); } + 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"); } + src: local("Spectral"), url("../fonts/Spectral-BoldItalic.woff") format("woff"); +} /* stylelint-disable property-no-vendor-prefix */ /* FUNCTIONS */ /* btns */ @@ -68,23 +76,30 @@ -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; } - .btn.btn-important:hover, .btn.btn-important:active { - background: #25c; } - .btn.btn-attention { - background: #f5633e; - color: #fff; } - .btn.btn-attention:hover, .btn.btn-attention:active { - background: #73341f; } - .btn:hover { - text-decoration: none; } + transition: all 0.15s ease-in-out; +} +.btn.btn-important { + background: #36c; + color: #fff; +} +.btn.btn-important:hover, .btn.btn-important:active { + background: #25c; +} +.btn.btn-attention { + background: #f5633e; + color: #fff; +} +.btn.btn-attention:hover, .btn.btn-attention:active { + background: #73341f; +} +.btn:hover { + text-decoration: none; +} a.btn { min-height: 25px; - line-height: 25px; } + line-height: 25px; +} /*=== Forms */ legend { @@ -96,17 +111,21 @@ legend { clear: both; text-transform: uppercase; letter-spacing: 1px; - font-weight: 700; } + font-weight: 700; +} label { min-height: 25px; padding: 5px 0; cursor: pointer; - color: #5b6871; } + color: #5b6871; +} textarea { width: 360px; - height: 100px; } + max-width: 100%; + height: 100px; +} input, select, textarea, button { padding: 5px 10px; @@ -118,64 +137,82 @@ input, select, textarea, button { border-radius: 2px; min-height: 25px; line-height: 25px; - vertical-align: middle; } + vertical-align: middle; +} option { - padding: 0 .5em; } + padding: 0 0.5em; +} input:focus, select:focus, textarea:focus { color: #303136; - border-color: #36c; } + border-color: #36c; +} input:invalid, select:invalid { color: #f5633e; border-color: #f5633e; - box-shadow: none; } + 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; } - .form-group::after { - content: ""; - display: block; - clear: both; } - .form-group .group-name { - padding: 10px 0; - text-align: left; } - .form-group .group-controls { - min-height: 25px; - padding: 5px 0; } - .form-group .group-controls .control { - line-height: 2.0em; } - .form-group table { - margin: 10px 220px 0 0; } - .form-group.form-actions { - margin: 15px 0 25px; - padding: 5px 0; } - .form-group.form-actions .btn { - margin: 0 0 0 0.5rem; } + border-radius: 3px; +} +.form-group::after { + content: ""; + display: block; + clear: both; +} +.form-group .group-name { + padding: 10px 0; + text-align: left; +} +.form-group .group-controls { + min-height: 25px; + padding: 5px 0; +} +.form-group .group-controls .control { + line-height: 2em; +} +.form-group table { + margin: 10px 220px 0 0; +} +.form-group.form-actions { + margin: 15px 0 25px; + padding: 5px 0; +} +.form-group.form-actions .btn { + margin: 0 0 0 0.5rem; +} /*=== Tables */ table { - border-collapse: collapse; } + border-collapse: collapse; +} tr, th, td { padding: 0.5em; - border: 1px solid #d5d8db; } + border: 1px solid #d5d8db; +} th { - background: #f9fafb; } + background: #f9fafb; +} form td, form th { font-weight: normal; - text-align: center; } + text-align: center; +} /*=== COMPONENTS */ /*===============*/ @@ -183,11 +220,14 @@ form th { /*=== Horizontal-list */ .horizontal-list { margin: 0; - padding: 0.1rem 0; } - .horizontal-list .item { - vertical-align: middle; } - .horizontal-list .item:first-child { - padding-right: 0.5rem; } + padding: 0.1rem 0; +} +.horizontal-list .item { + vertical-align: middle; +} +.horizontal-list .item:first-child { + padding-right: 0.5rem; +} /*=== Dropdown */ .dropdown-menu { @@ -198,62 +238,76 @@ form th { 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); } - .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; } - .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; } - .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; } - .dropdown-menu .item:hover { - background: #36c; - color: #fff; } - .dropdown-menu .item:hover a, .dropdown-menu .item:hover button { - text-decoration: none; - color: #fff; } - .dropdown-menu .item[aria-checked="true"] a::before { - 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; } - .dropdown-menu .separator { - margin: 0.75rem 0; - border-bottom: 1px solid #eff0f2; } + 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); +} +.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; +} +.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; +} +.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; +} +.dropdown-menu .item:hover { + background: #36c; + color: #fff; +} +.dropdown-menu .item:hover a, .dropdown-menu .item:hover button { + text-decoration: none; + color: #fff; +} +.dropdown-menu .item[aria-checked=true] a::before { + 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; +} +.dropdown-menu .separator { + margin: 0.75rem 0; + border-bottom: 1px solid #eff0f2; +} .tree .tree-folder .tree-folder-items .dropdown-menu .item { - padding: 0; } - .tree .tree-folder .tree-folder-items .dropdown-menu .item a, - .tree .tree-folder .tree-folder-items .dropdown-menu .item button { - 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; } - .tree .tree-folder .tree-folder-items .dropdown-menu .item:hover { - background: #36c; } + padding: 0; +} +.tree .tree-folder .tree-folder-items .dropdown-menu .item a, +.tree .tree-folder .tree-folder-items .dropdown-menu .item button { + 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; +} +.tree .tree-folder .tree-folder-items .dropdown-menu .item:hover { + background: #36c; +} /*=== Alerts */ .alert { @@ -264,129 +318,159 @@ form th { font-size: 1rem; border: 1px solid #c5ced3; border-radius: 3px; - text-shadow: 0 0 1px #eff0f2; } + text-shadow: 0 0 1px #eff0f2; +} .alert-head { - font-size: 1.15em; } + font-size: 1.15em; +} .alert > a { text-decoration: underline; - color: inherit; } + color: inherit; +} .alert-warn { background: #fdfde0; color: #73762f; - border: 1px solid #73762f33; } + border: 1px solid #73762f33; +} .alert-success { background: #cffde7; color: #0c7540; - border: 1px solid #0c754033; } + border: 1px solid #0c754033; +} .alert-error { background: #fde0d8; color: #73341f; - border: 1px solid #73341f33; } + border: 1px solid #73341f33; +} /*=== Pagination */ .pagination { 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; } - .pagination .item a { - display: block; - color: #303136; - font-style: italic; - line-height: 3em; - text-decoration: none; } - .pagination .item a:hover { - background: #303136; - color: #eff0f2; } - .pagination .loading, - .pagination a:hover.loading { - background: url("loader.gif") center center no-repeat #34495e; - font-size: 0; } + text-align: center; +} +.pagination .item.pager-current { + 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; +} +.pagination .item a:hover { + background: #303136; + color: #eff0f2; +} +.pagination .loading, +.pagination a:hover.loading { + background: url("loader.gif") center center no-repeat #34495e; + font-size: 0; +} .content .pagination { margin: 0; - padding: 0; } + padding: 0; +} /*=== Boxes */ .box { 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; } - .box .box-title img { - 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; } - .box .box-title:hover .configure .icon { - 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; } - .box .box-title .configure { - visibility: hidden; } - .box .box-title form input { - width: 85%; } - .box .box-title form .dropdown { - 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; } - .box .box-title form .dropdown a.dropdown-toggle img { - 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; } - .box .box-content .item img { - 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; } - .box .box-content .item .configure .icon { - 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; } - .box .box-content .item:hover .configure { - visibility: visible; } - .box .box-content .item:last-child { - border-bottom: none; } + 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; +} +.box .box-title img { + 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; +} +.box .box-title:hover .configure .icon { + 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; +} +.box .box-title .configure { + visibility: hidden; +} +.box .box-title form input { + width: 85%; +} +.box .box-title form .dropdown { + 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; +} +.box .box-title form .dropdown a.dropdown-toggle img { + 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; +} +.box .box-content .item img { + 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; +} +.box .box-content .item .configure .icon { + 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; +} +.box .box-content .item:hover .configure { + visibility: visible; +} +.box .box-content .item:last-child { + border-bottom: none; +} /*=== "Load more" part */ #bigMarkAsRead { @@ -398,145 +482,185 @@ form th { -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; } - #bigMarkAsRead:hover .bigTick { - 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; } + transition: all 0.15s ease-in-out; +} +#bigMarkAsRead:hover { + background: #36c; + color: #fff; +} +#bigMarkAsRead:hover .bigTick { + 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; +} .formLogin { - background: #303136; } - .formLogin .header .configure { - padding-left: 1rem; } - .formLogin .header .configure img { - margin-left: 0.5rem; } - .formLogin .header .configure a.signin { - color: #fff; } - .formLogin h1 { - color: #fff; } - .formLogin form#crypto-form div { - margin-bottom: 1rem; } - .formLogin form#crypto-form div label { - color: #c5ced3; - font-size: 1rem; } - .formLogin form#crypto-form div input { - background: #1d1e22; } - .formLogin form#crypto-form div input:focus { - background: #f9fafb; - color: #303136; } + background: #303136; +} +.formLogin .header .configure { + padding-left: 1rem; +} +.formLogin .header .configure img { + margin-left: 0.5rem; +} +.formLogin .header .configure a.signin { + color: #fff; +} +.formLogin h1 { + color: #fff; +} +.formLogin form#crypto-form div { + margin-bottom: 1rem; +} +.formLogin form#crypto-form div label { + color: #c5ced3; + font-size: 1rem; +} +.formLogin form#crypto-form div input { + background: #1d1e22; +} +.formLogin form#crypto-form div input:focus { + 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; } - .tree#sidebar { - 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; } - .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; } - .tree .tree-folder .tree-folder-title .title { - background: inherit; - color: #fff; } - .tree .tree-folder .tree-folder-title .title:hover { - text-decoration: none; } - .tree .tree-folder.active .tree-folder-title { - background: #303136; - font-weight: bold; } - .tree .tree-folder .tree-folder-items { - 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; } - .tree .tree-folder .tree-folder-items .item.active { - background: #36c; } - .tree .tree-folder .tree-folder-items .item.active .dropdown li a { - color: #303136; } - .tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover { - color: #fff; } - .tree .tree-folder .tree-folder-items .item.active a { - color: #fff; } - .tree .tree-folder .tree-folder-items .item:hover { - background: #17181a; } - .tree .tree-folder .tree-folder-items .item a { - 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: 10px 0; +} +.tree#sidebar { + 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; +} +.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; +} +.tree .tree-folder .tree-folder-title .title { + background: inherit; + color: #fff; +} +.tree .tree-folder .tree-folder-title .title:hover { + text-decoration: none; +} +.tree .tree-folder.active .tree-folder-title { + background: #303136; + font-weight: bold; +} +.tree .tree-folder .tree-folder-items { + 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; +} +.tree .tree-folder .tree-folder-items .item.active { + background: #36c; +} +.tree .tree-folder .tree-folder-items .item.active .dropdown li a { + color: #303136; +} +.tree .tree-folder .tree-folder-items .item.active .dropdown li a:hover { + color: #fff; +} +.tree .tree-folder .tree-folder-items .item.active a { + color: #fff; +} +.tree .tree-folder .tree-folder-items .item:hover { + background: #17181a; +} +.tree .tree-folder .tree-folder-items .item a { + 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; +} /*=== Buttons */ .stick { vertical-align: middle; - font-size: 0; } - .stick input, .stick .btn { - border-radius: 0; } - .stick .btn:first-child, - .stick input:first-child { - border-radius: 0 5px 5px 0; } - .stick .btn:last-child, .stick input:last-child, .stick .btn + .dropdown > .btn { - border-radius: 5px 0 0 5px; } - .stick .btn + .btn, - .stick .btn + input, - .stick .btn + .dropdown > .btn, - .stick input + .btn, - .stick input + input, - .stick input + .dropdown > .btn, - .stick .dropdown + .btn, - .stick .dropdown + input, - .stick .dropdown + .dropdown > .btn { - border-right: 1px solid #d5d8db; } + font-size: 0; +} +.stick input, .stick .btn { + border-radius: 0; +} +.stick .btn:first-child, +.stick input:first-child { + border-radius: 0 5px 5px 0; +} +.stick .btn:last-child, .stick input:last-child, .stick .btn + .dropdown > .btn { + border-radius: 5px 0 0 5px; +} +.stick .btn + .btn, +.stick .btn + input, +.stick .btn + .dropdown > .btn, +.stick input + .btn, +.stick input + input, +.stick input + .dropdown > .btn, +.stick .dropdown + .btn, +.stick .dropdown + input, +.stick .dropdown + .dropdown > .btn { + border-right: 1px solid #d5d8db; +} .aside { - background: #303136; } - .aside.aside_feed { - padding: 10px 0; - text-align: center; - background: #303136; } - .aside.aside_feed .tree { - margin: 10px 0 50px; } + background: #303136; +} +.aside.aside_feed { + padding: 10px 0; + text-align: center; + background: #303136; +} +.aside.aside_feed .tree { + margin: 10px 0 50px; +} /* Sidebar des pages de configuration */ /*=== Navigation */ @@ -544,69 +668,88 @@ form th { .nav-list .item { height: 2.5em; line-height: 2.5em; - font-size: 1rem; } + 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; } - .nav-list .item a { - padding: 0 1rem; - color: #fff; } - .nav-list .item .error a { - color: #f5633e; } - .nav-list .item:hover { - background: #17181a; - color: #fff; } - .nav-list .item:hover .error a { - background: #36c; - color: #fff; } - .nav-list .item:hover .empty a { - background: #f4f762; - color: #fff; } - .nav-list .item:hover a { - color: #fff; - text-decoration: none; } - .nav-list .item.active { - background: #36c; - color: #fff; } - .nav-list .item.active .error a { - background: #36c; - color: #fff; } - .nav-list .item.active .empty a { - background: #f4f762; - color: #fff; } - .nav-list .item.active a { - color: #fff; - text-decoration: none; } + transition: all 0.15s ease-in-out; +} +.nav-list .item a { + padding: 0 1rem; + color: #fff; +} +.nav-list .item .error a { + color: #f5633e; +} +.nav-list .item:hover { + background: #17181a; + color: #fff; +} +.nav-list .item:hover .error a { + background: #36c; + color: #fff; +} +.nav-list .item:hover .empty a { + background: #f4f762; + color: #fff; +} +.nav-list .item:hover a { + color: #fff; + text-decoration: none; +} +.nav-list .item.active { + background: #36c; + color: #fff; +} +.nav-list .item.active .error a { + background: #36c; + color: #fff; +} +.nav-list .item.active .empty a { + background: #f4f762; + color: #fff; +} +.nav-list .item.active a { + color: #fff; + text-decoration: none; +} .nav-list.empty a { - color: #f4f762; } + color: #f4f762; +} .nav-list .disable { text-align: center; background: #f9fafb; - color: #a6a7ae; } + color: #a6a7ae; +} .nav-list .nav-header { padding: 0 10px; font-weight: bold; color: #5b6871; text-transform: uppercase; letter-spacing: 1px; - margin-top: 1rem; } + margin-top: 1rem; +} .nav-list .nav-form { padding: 3px; - text-align: center; } + text-align: center; +} .nav-list .nav-head { margin: 0; text-align: left; - color: #fff; } - .nav-list .nav-head a { - color: #fff; } - .nav-list .nav-head .item { - padding: 5px 10px; - font-size: 0.9rem; - line-height: 1.5rem; } + color: #fff; +} +.nav-list .nav-head a { + color: #fff; +} +.nav-list .nav-head .item { + 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 { @@ -617,38 +760,47 @@ form th { position: absolute; left: 0; line-height: 1.5rem; - text-align: center; } + 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-importExport { - border-right-color: #303136; } + border-right-color: #303136; +} /*=== STRUCTURE */ /*===============*/ @@ -658,103 +810,126 @@ form th { background: #303136; display: block; width: auto; - table-layout: none; } - .header .item { - vertical-align: middle; } - .header .item.title { - width: 280px; - font-weight: 400; } - .header .item.title h1 a { - text-decoration: none; - color: #fff; - font-size: 1rem; - text-transform: uppercase; - letter-spacing: 1px; } - .header .item.title h1 a img { - 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; } - .header .item.search input:hover { - background-color: #17181a; } - .header .item.search input:focus { - 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; } - .header .item.search .btn img { - display: none; } - .header .item.search .btn:hover { - background-color: #25c; } - .header .item.configure { - 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); } - .header .item.configure .btn img { - display: none; } - + table-layout: none; +} +.header .item { + vertical-align: middle; +} +.header .item.title { + width: 280px; + font-weight: 400; +} +.header .item.title h1 a { + text-decoration: none; + color: #fff; + font-size: 1rem; + text-transform: uppercase; + letter-spacing: 1px; +} +.header .item.title h1 a img { + 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; +} +.header .item.search input:hover { + background-color: #17181a; +} +.header .item.search input:focus { + 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; +} +.header .item.search .btn img { + display: none; +} +.header .item.search .btn:hover { + background-color: #25c; +} +.header .item.configure { + 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); +} +.header .item.configure .btn img { + 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; } + width: 200px; +} .prompt input { margin: 5px auto; - width: 100%; } + width: 100%; +} .prompt p { - margin: 20px 0; } + margin: 20px 0; +} /*=== New article notification */ #new-article { background: #36c; font-size: 1rem; - text-align: center; } + text-align: center; +} #new-article:hover { - background: #25c; } + background: #25c; +} #new-article > a { line-height: 3em; font-weight: bold; - color: #fff; } + color: #fff; +} #new-article > a:hover { - text-decoration: none; } + text-decoration: none; +} /*=== Day indication */ .day { @@ -764,148 +939,188 @@ form th { 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; } + text-transform: uppercase; +} +.day .name { + 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; } - .nav_menu .btn { - 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; } - .nav_menu .stick { - 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; } - .nav_menu .stick .btn:hover { - background-color: #d5d8db; } - .nav_menu .stick .btn.active { - background-color: #36c; } - .nav_menu .stick .btn img.icon { - display: none; } - .nav_menu .stick .btn#toggle-read { - background-image: url(icons/read.svg); } - .nav_menu .stick .btn#toggle-read.active { - background-image: url(icons/read-white.svg); } - .nav_menu .stick .btn#toggle-unread { - background-image: url(icons/unread.svg); } - .nav_menu .stick .btn#toggle-unread.active { - background-image: url(icons/unread-white.svg); } - .nav_menu .stick .btn#toggle-starred { - background-image: url(icons/starred.svg); } - .nav_menu .stick .btn#toggle-starred.active { - background-image: url(icons/starred-white.svg); } - .nav_menu .stick .btn#toggle-non-starred { - background-image: url(icons/non-starred.svg); } - .nav_menu .stick .btn#toggle-non-starred.active { - 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; } - .nav_menu .stick .btn.read_all:hover { - background-color: #d5d8db; } - .nav_menu .stick .btn.view-normal { - background-image: url(icons/view-list.svg); } - .nav_menu .stick .btn.view-normal.active { - background-image: url(icons/view-list-white.svg); } - .nav_menu .stick .btn.view-global { - background-image: url(icons/view-global.svg); } - .nav_menu .stick .btn.view-global.active { - background-image: url(icons/view-global-white.svg); } - .nav_menu .stick .btn.view-reader { - background-image: url(icons/view-reader.svg); } - .nav_menu .stick .btn.view-reader.active { - background-image: url(icons/view-reader-white.svg); } - .nav_menu .stick .btn.view-rss { - background-image: url(icons/rss.svg); } - .nav_menu .stick .dropdown a.dropdown-toggle { - border-right-width: 0; - background-image: url(icons/more.svg); } + padding: 5px 0; +} +.nav_menu .btn { + 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; +} +.nav_menu .stick { + 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; +} +.nav_menu .stick .btn:hover { + background-color: #d5d8db; +} +.nav_menu .stick .btn.active { + background-color: #36c; +} +.nav_menu .stick .btn img.icon { + display: none; +} +.nav_menu .stick .btn#toggle-read { + background-image: url(icons/read.svg); +} +.nav_menu .stick .btn#toggle-read.active { + background-image: url(icons/read-white.svg); +} +.nav_menu .stick .btn#toggle-unread { + background-image: url(icons/unread.svg); +} +.nav_menu .stick .btn#toggle-unread.active { + background-image: url(icons/unread-white.svg); +} +.nav_menu .stick .btn#toggle-starred { + background-image: url(icons/starred.svg); +} +.nav_menu .stick .btn#toggle-starred.active { + background-image: url(icons/starred-white.svg); +} +.nav_menu .stick .btn#toggle-non-starred { + background-image: url(icons/non-starred.svg); +} +.nav_menu .stick .btn#toggle-non-starred.active { + 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; +} +.nav_menu .stick .btn.read_all:hover { + background-color: #d5d8db; +} +.nav_menu .stick .btn.view-normal { + background-image: url(icons/view-list.svg); +} +.nav_menu .stick .btn.view-normal.active { + background-image: url(icons/view-list-white.svg); +} +.nav_menu .stick .btn.view-global { + background-image: url(icons/view-global.svg); +} +.nav_menu .stick .btn.view-global.active { + background-image: url(icons/view-global-white.svg); +} +.nav_menu .stick .btn.view-reader { + background-image: url(icons/view-reader.svg); +} +.nav_menu .stick .btn.view-reader.active { + background-image: url(icons/view-reader-white.svg); +} +.nav_menu .stick .btn.view-rss { + background-image: url(icons/rss.svg); +} +.nav_menu .stick .dropdown a.dropdown-toggle { + 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; } + border-radius: 3px; +} /*=== Content of feed articles */ .content, .content.thin { 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; } - .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; } - .content .author, .content.thin .author { - color: #5b6871; - font-size: 1.125rem; } - .content p, .content ul, .content.thin p, .content.thin ul { - 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; } - .content pre, .content.thin pre { - 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; } - .content code, .content.thin code { - 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; } - .content blockquote p, .content.thin blockquote p { - margin: 0; } + 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; +} +.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; +} +.content .author, .content.thin .author { + color: #5b6871; + font-size: 1.125rem; +} +.content p, .content ul, .content.thin p, .content.thin ul { + 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; +} +.content pre, .content.thin pre { + 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; +} +.content code, .content.thin code { + 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; +} +.content blockquote p, .content.thin blockquote p { + margin: 0; +} /*=== Notification and actualize notification */ .notification { @@ -924,28 +1139,37 @@ form th { text-align: center; line-height: 3em; z-index: 10; - vertical-align: middle; } - .notification .msg { - display: inline-block; - font-size: 1rem; } - .notification.good { - background: #10f587; - color: #fff; } - .notification.bad { - background: #f5633e; - color: #fff; } - .notification a.close { - padding: 0 15px; - border-radius: 3px 0 0 3px; - line-height: 3em; } - .notification.good a.close:hover { - background: #0c7540; } - .notification.bad a.close:hover { - background: #73341f; } - .notification#actualizeProgress { - line-height: 2em; } - .notification#actualizeProgress br { - display: none; } + vertical-align: middle; +} +.notification .msg { + display: inline-block; + font-size: 1rem; +} +.notification.good { + background: #10f587; + color: #fff; +} +.notification.bad { + background: #f5633e; + color: #fff; +} +.notification a.close { + padding: 0 15px; + border-radius: 3px 0 0 3px; + line-height: 3em; +} +.notification.good a.close:hover { + background: #0c7540; +} +.notification.bad a.close:hover { + background: #73341f; +} +.notification#actualizeProgress { + line-height: 2em; +} +.notification#actualizeProgress br { + display: none; +} /*=== Navigation menu (for articles) */ #nav_entries { @@ -953,7 +1177,8 @@ form th { text-align: center; line-height: 3em; table-layout: fixed; - background: #303136; } + background: #303136; +} /*=== Feed articles */ .flux { @@ -962,102 +1187,131 @@ form th { -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; } - .flux:hover:not(.current):hover .item.title { - background: #f9fafb; } - .flux.current { - background: #f9fafb; - border-right-color: #36c; } - .flux.not_read:not(.current) { - background: #f2f6f8; } - .flux.not_read:not(.current):hover .item.title { - background: #f2f6f8; } - .flux.not_read .item.title a { - color: #36c; } - .flux.not_read .item.website a { - color: #36c; } - .flux.not_read .item.date { - 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; } - .flux.favorite:not(.current) { - background: #fff6da; } - .flux.favorite:not(.current):hover .item.title { - background: #fff6da; } - .flux .website a { - color: #303136; - opacity: 0.75; } - .flux .website .favicon { - padding: 5px; } - .flux .date { - color: rgba(48, 49, 54, 0.5); - font-size: 0.85rem; } - .flux .bottom { - font-size: 1rem; - text-align: center; } + transition: all 0.15s ease-in-out; +} +.flux:hover { + background: #f9fafb; +} +.flux:hover:not(.current):hover .item.title { + background: #f9fafb; +} +.flux.current { + background: #f9fafb; + border-right-color: #36c; +} +.flux.not_read:not(.current) { + background: #f2f6f8; +} +.flux.not_read:not(.current):hover .item.title { + background: #f2f6f8; +} +.flux.not_read .item.title a { + color: #36c; +} +.flux.not_read .item.website a { + color: #36c; +} +.flux.not_read .item.date { + 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; +} +.flux.favorite:not(.current) { + background: #fff6da; +} +.flux.favorite:not(.current):hover .item.title { + background: #fff6da; +} +.flux .website a { + color: #303136; + opacity: 0.75; +} +.flux .website .favicon { + padding: 5px; +} +.flux .date { + color: rgba(48, 49, 54, 0.5); + font-size: 0.85rem; +} +.flux .bottom { + font-size: 1rem; + text-align: center; +} .flux_header { font-size: 1rem; cursor: pointer; - border-top: 1px solid #eff0f2; } - .flux_header .title { - font-size: 1rem; } + border-top: 1px solid #eff0f2; +} +.flux_header .title { + 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; } - #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; } - #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; } - #stream .box.category .box-title a.title:hover { - color: #36c; } + 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; +} +#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; +} +#stream .box.category .box-title a.title:hover { + color: #36c; +} #stream .box.category .box-content { - padding-bottom: 0.5rem; } - #stream .box.category .box-content .item.feed { - padding: 0.5rem 1.5rem; - font-size: 1rem; } - #stream .box.category .box-content .item.feed a { - color: #303136; - font-weight: 400; } - #stream .box.category .box-content .item.feed a:hover { - color: #36c; - text-decoration: none; } + padding-bottom: 0.5rem; +} +#stream .box.category .box-content .item.feed { + padding: 0.5rem 1.5rem; + font-size: 1rem; +} +#stream .box.category .box-content .item.feed a { + color: #303136; + font-weight: 400; +} +#stream .box.category .box-content .item.feed a:hover { + 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; } + border-radius: 3px; +} /*=== READER VIEW */ /*================*/ @@ -1065,67 +1319,80 @@ form th { padding: 0 0 50px; background: #eff0f2; color: #303136; - border: none; } + border: none; +} #stream.reader .flux .author { margin: 0 0 10px; color: #a6a7ae; - font-size: 90%; } + font-size: 90%; +} /*=== Configuration pages */ .post { padding: 1rem 2rem; - font-size: 1rem; } - .post form { - margin: 1rem 0; } - .post form .horizontal-list { - margin-bottom: 0.5rem; } - .post.content { - max-width: 550px; } - .post h1, .post h2 { - 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; } - .post a[href="./"]:hover { - background: #36c; - color: white; - border: 1px solid #36c; - text-decoration: none; } + font-size: 1rem; +} +.post form { + margin: 1rem 0; +} +.post form .horizontal-list { + margin-bottom: 0.5rem; +} +.post.content { + max-width: 550px; +} +.post h1, .post h2 { + 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; +} +.post a[href="./"]:hover { + 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); } + 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; } - .slide-container .properties .page-number { - left: 1rem; - top: 1rem; } + border: 0; +} +.slide-container .properties .page-number { + left: 1rem; + top: 1rem; +} /*=== LOGS */ /*=========*/ .loglist { overflow: hidden; - border: 1px solid #a6a7ae; } + border: 1px solid #a6a7ae; +} .log { margin: 10px 0; @@ -1133,169 +1400,233 @@ form th { background: #f9fafb; color: #5b6871; font-size: 0.8rem; - overflow: auto; } + overflow: auto; +} .log > .date { margin: 0 0 0 10px; padding: 5px 10px; - border-radius: 20px; } + border-radius: 20px; +} .log.error > .date { background: #f5633e; - color: #fff; } + color: #fff; +} .log.warning > .date { - background: #f4f762; } + background: #f4f762; +} .log.notice > .date { - background: #eff0f2; } + background: #eff0f2; +} .log.debug > .date { background: #1d1e22; - color: #fff; } + 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; } + 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 { - 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; } + 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; } + 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 { +#panel .close, +#close-slider.active { background: #25c; display: block; width: 100%; height: 50px; line-height: 50px; - text-align: center; } + text-align: center; + } .header { - padding: 0.5rem; } - .header .item.title { - display: none; } - .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 { - width: 2.75rem; - top: 3.125rem; } - .header .item.configure .dropdown .btn { - padding: 1.125rem; } + 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; } + 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; } + 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; } + 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; } + 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; } + padding: 1rem 0; + } + .day .name { + padding: 0; + display: block; + width: 100%; + line-height: 1.5rem; + margin-bottom: 1rem; + } .pagination { - margin: 0 0 3.5em; } + margin: 0 0 3.5em; + } #nav_entries { - line-height: 4.5rem; } + 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; } } + 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; } + font-size: 0.875rem; +} /*=== Links */ a, button.as-link { outline: none; - color: #36c; } + color: #36c; +} diff --git a/p/themes/Origine-compact/origine-compact.css b/p/themes/Origine-compact/origine-compact.css index 9ce0b5da0..da0148981 100644 --- a/p/themes/Origine-compact/origine-compact.css +++ b/p/themes/Origine-compact/origine-compact.css @@ -1153,11 +1153,24 @@ a.btn, /*===========*/ @media (max-width: 840px) { + .form-group .group-name { + padding-bottom: 0; + text-align: left; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .aside { - box-shadow: 3px 0 3px #aaa; transition: width 200ms linear; } + .aside:target { + box-shadow: 3px 0 3px #aaa; + } + .aside .toggle_aside, #panel .close { background: #f6f6f6; @@ -1221,4 +1234,9 @@ a.btn, .notification a.close .icon { display: none; } + + .post { + padding-left: 15px; + padding-right: 15px; + } } diff --git a/p/themes/Origine-compact/origine-compact.rtl.css b/p/themes/Origine-compact/origine-compact.rtl.css index 90ea7b41e..723be582d 100644 --- a/p/themes/Origine-compact/origine-compact.rtl.css +++ b/p/themes/Origine-compact/origine-compact.rtl.css @@ -1153,11 +1153,24 @@ a.btn, /*===========*/ @media (max-width: 840px) { + .form-group .group-name { + padding-bottom: 0; + text-align: right; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .aside { - box-shadow: -3px 0 3px #aaa; transition: width 200ms linear; } + .aside:target { + box-shadow: -3px 0 3px #aaa; + } + .aside .toggle_aside, #panel .close { background: #f6f6f6; @@ -1221,4 +1234,9 @@ a.btn, .notification a.close .icon { display: none; } + + .post { + padding-right: 15px; + padding-left: 15px; + } } diff --git a/p/themes/Origine/origine.css b/p/themes/Origine/origine.css index ee4a49085..caee8a90a 100644 --- a/p/themes/Origine/origine.css +++ b/p/themes/Origine/origine.css @@ -1130,11 +1130,25 @@ a.btn { /*===========*/ @media (max-width: 840px) { + .form-group .group-name { + padding-bottom: 0; + + text-align: left; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .aside { - box-shadow: 3px 0 3px #aaa; transition: width 200ms linear; } + .aside:target { + box-shadow: 3px 0 3px #aaa; + } + .aside .toggle_aside, #panel .close { background: #f6f6f6; @@ -1150,6 +1164,11 @@ a.btn { padding: 0; } + .post { + padding-left: 15px; + padding-right: 15px; + } + .nav_menu .btn { margin: 5px 10px; } diff --git a/p/themes/Origine/origine.rtl.css b/p/themes/Origine/origine.rtl.css index 91a7d2136..d216a2f45 100644 --- a/p/themes/Origine/origine.rtl.css +++ b/p/themes/Origine/origine.rtl.css @@ -1130,11 +1130,25 @@ a.btn { /*===========*/ @media (max-width: 840px) { + .form-group .group-name { + padding-bottom: 0; + + text-align: right; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .aside { - box-shadow: -3px 0 3px #aaa; transition: width 200ms linear; } + .aside:target { + box-shadow: -3px 0 3px #aaa; + } + .aside .toggle_aside, #panel .close { background: #f6f6f6; @@ -1150,6 +1164,11 @@ a.btn { padding: 0; } + .post { + padding-right: 15px; + padding-left: 15px; + } + .nav_menu .btn { margin: 5px 10px; } diff --git a/p/themes/Pafat/pafat.css b/p/themes/Pafat/pafat.css index 2cbc539dc..c798fc1cb 100644 --- a/p/themes/Pafat/pafat.css +++ b/p/themes/Pafat/pafat.css @@ -106,7 +106,7 @@ form th { } .form-group .group-controls { - margin: 10px 0 10px 220px; + margin-bottom: 10px; padding: 5px 0; min-height: 25px; @@ -1105,11 +1105,24 @@ a.btn { /*===========*/ @media (max-width: 840px) { + .form-group .group-name { + padding-bottom: 0; + text-align: left; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .aside { - box-shadow: 3px 0 3px #aaa; transition: width 200ms linear; } + .aside:target { + box-shadow: 3px 0 3px #aaa; + } + .aside .toggle_aside, #panel .close { background: #f6f6f6; @@ -1173,4 +1186,9 @@ a.btn { .notification a.close .icon { display: none; } + + .post { + padding-left: 15px; + padding-right: 15px; + } } diff --git a/p/themes/Pafat/pafat.rtl.css b/p/themes/Pafat/pafat.rtl.css index 07e72159c..a7f4bb3d8 100644 --- a/p/themes/Pafat/pafat.rtl.css +++ b/p/themes/Pafat/pafat.rtl.css @@ -106,7 +106,7 @@ form th { } .form-group .group-controls { - margin: 10px 220px 10px 0; + margin-bottom: 10px; padding: 5px 0; min-height: 25px; @@ -1105,11 +1105,24 @@ a.btn { /*===========*/ @media (max-width: 840px) { + .form-group .group-name { + padding-bottom: 0; + text-align: right; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .aside { - box-shadow: -3px 0 3px #aaa; transition: width 200ms linear; } + .aside:target { + box-shadow: -3px 0 3px #aaa; + } + .aside .toggle_aside, #panel .close { background: #f6f6f6; @@ -1173,4 +1186,9 @@ a.btn { .notification a.close .icon { display: none; } + + .post { + padding-right: 15px; + padding-left: 15px; + } } diff --git a/p/themes/Screwdriver/screwdriver.css b/p/themes/Screwdriver/screwdriver.css index 99fe48839..3d7f68a09 100644 --- a/p/themes/Screwdriver/screwdriver.css +++ b/p/themes/Screwdriver/screwdriver.css @@ -1237,6 +1237,16 @@ a.btn { /*===========*/ @media screen and (max-width: 840px) { + .form-group .group-name { + padding-bottom: 0; + text-align: left; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .header { display: table; } @@ -1268,11 +1278,6 @@ a.btn { text-align: center; } - .aside .btn-important { - margin: 20px 0 0; - display: inline-block; - } - .aside.aside_feed { padding: 0; } @@ -1327,6 +1332,16 @@ a.btn { #nav_entries { width: 100%; } + + .post { + padding-left: 15px; + padding-right: 15px; + } + + #close-slider.active { + background: #171717; + box-shadow: 0 1px rgba(255,255,255,0.08) + } } @media (max-width: 700px) { @@ -1342,8 +1357,4 @@ a.btn { .nav_menu .search { display: inline-block; } - - .aside .btn-important { - display: none; - } } diff --git a/p/themes/Screwdriver/screwdriver.rtl.css b/p/themes/Screwdriver/screwdriver.rtl.css index 39c870bce..47d67fccd 100644 --- a/p/themes/Screwdriver/screwdriver.rtl.css +++ b/p/themes/Screwdriver/screwdriver.rtl.css @@ -1237,6 +1237,16 @@ a.btn { /*===========*/ @media screen and (max-width: 840px) { + .form-group .group-name { + padding-bottom: 0; + text-align: right; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .header { display: table; } @@ -1268,11 +1278,6 @@ a.btn { text-align: center; } - .aside .btn-important { - margin: 20px 0 0; - display: inline-block; - } - .aside.aside_feed { padding: 0; } @@ -1327,6 +1332,16 @@ a.btn { #nav_entries { width: 100%; } + + .post { + padding-right: 15px; + padding-left: 15px; + } + + #close-slider.active { + background: #171717; + box-shadow: 0 1px rgba(255,255,255,0.08) + } } @media (max-width: 700px) { @@ -1342,8 +1357,4 @@ a.btn { .nav_menu .search { display: inline-block; } - - .aside .btn-important { - display: none; - } } diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css index 3bf510099..77faf29ec 100644 --- a/p/themes/Swage/swage.css +++ b/p/themes/Swage/swage.css @@ -1,68 +1,83 @@ -textarea, input, -select { +input, +select, textarea { min-height: 25px; margin-top: 4px; line-height: 25px; vertical-align: middle; background: #fcfcfc; border: none; - padding-left: 5px; } + padding-left: 5px; +} input:invalid, select:invalid { color: #b0425b; border-color: #b0425b; - box-shadow: none; } + box-shadow: none; +} -.nav-list .nav-header, .nav-list .item { +.nav-list .item, .nav-list .nav-header { height: 2.5em; line-height: 2.5em; - font-size: 0.9rem; } + font-size: 0.9rem; +} -.dropdown-menu > .item, .dropdown-menu > .item > a, +.dropdown-menu > .item > a, .dropdown-menu > .item > span, .dropdown-menu > .item > .as-link, -.dropdown-menu > .item button { +.dropdown-menu > .item button, .dropdown-menu > .item { padding: 0 22px; color: #fcfcfc; font-size: 0.8rem; - line-height: 2.5em; } + line-height: 2.5em; +} -.form-group::after, .flux::after { +.flux::after, .form-group::after { content: ""; display: block; - clear: both; } + clear: both; +} -.stick.configure-feeds, .header > .item.title, .aside, #new-article, .notification, #nav_entries { - width: 231px; } +#nav_entries, .notification, #new-article, .aside, .header > .item.title, .stick.configure-feeds { + width: 231px; +} html, body { height: 100%; - font-family: Helvetica, Arial, sans-serif; } + font-family: Helvetica, Arial, sans-serif; +} a { color: #00488b; - outline: none; } - a.btn { - min-height: 25px; - line-height: 25px; - text-decoration: none; } - a.btn:hover { - background: #00488b; } - a#btn-subscription { - width: 76%; } - a#btn-importExport { - width: 5%; } + outline: none; +} +a.btn { + min-height: 25px; + line-height: 25px; + text-decoration: none; +} +a.btn:hover { + background: #00488b; +} +a#btn-subscription { + width: 76%; +} +a#btn-importExport { + 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; @@ -71,85 +86,107 @@ legend { display: inline-block; width: auto; font-size: 1.4em; - clear: both; } + clear: both; +} label { - min-height: 25px; } + min-height: 25px; +} textarea { background: #e3e3e3; width: 360px; - height: 100px; } - textarea:focus { - border-color: #00488b; } + height: 100px; +} +textarea:focus { + 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 .5em; } + padding: 0 0.5em; +} table { - border-collapse: collapse; } + border-collapse: collapse; +} tr, td, th { padding: 0.5em; - border: 1px solid #e3e3e3; } + border: 1px solid #e3e3e3; +} th { - background: #fcfcfc; } + background: #fcfcfc; +} form td, form th { font-weight: normal; - text-align: center; } + text-align: center; +} .category .title.error::before { display: inline-block; padding-right: 7px; width: 16px; - content: url(../Swage/icons/error.svg); } + content: url(../Swage/icons/error.svg); +} .form-group { padding: 5px; - border: 1px solid transparent; } - .form-group:hover { - background: #fcfcfc; - border: 1px solid #fcfcfc; } - .form-group.form-actions { - margin: 15px 0 25px; - padding: 5px 0; - background: #e3e3e3; - border-top: 3px solid #e3e3e3; } - .form-group.form-actions .btn { - margin: 0 10px; } - .form-group .group-name { - padding: 10px 0; - text-align: right; } - .form-group .group-controls { - min-height: 25px; - padding: 5px 0; } - .form-group .group-controls .control { - line-height: 2.0em; } - .form-group table { - margin: 10px 0 0 220px; } + border: 1px solid transparent; +} +.form-group:hover { + background: #fcfcfc; + border: 1px solid #fcfcfc; +} +.form-group.form-actions { + margin: 15px 0 25px; + padding: 5px 0; + background: #e3e3e3; + border-top: 3px solid #e3e3e3; +} +.form-group.form-actions .btn { + margin: 0 10px; +} +.form-group .group-name { + padding: 10px 0; + text-align: right; +} +.form-group .group-controls { + min-height: 25px; + padding: 5px 0; +} +.form-group .group-controls .control { + line-height: 2em; +} +.form-group table { + margin: 10px 0 0 220px; +} .stick { vertical-align: middle; - font-size: 0; } - + font-size: 0; +} .btn { margin: 0; padding: 5px 10px; @@ -162,113 +199,144 @@ form th { min-width: 15px; vertical-align: middle; cursor: pointer; - overflow: hidden; } - .btn.active, - .btn :active, - .btn :hover { - background: #00488b; - text-decoration: none; } + overflow: hidden; +} +.btn.active, +.btn :active, +.btn :hover { + background: #00488b; + text-decoration: none; +} .btn-important, .btn-attention { font-weight: normal; background: #fa8052; - color: #fcfcfc; } - .btn-important:hover, - .btn-important :active, .btn-attention:hover, - .btn-attention :active { - background: #f95c20 !important; } + color: #fcfcfc; +} +.btn-important:hover, +.btn-important :active, .btn-attention:hover, +.btn-attention :active { + background: #f95c20 !important; +} .nav-list .nav-header { padding: 0 10px; font-weight: bold; background: #22303d; color: #fcfcfc; - cursor: default; } + cursor: default; +} .nav-list .item:hover, .nav-list .item.active { background: #00488b; - color: #fcfcfc; } - .nav-list .item:hover a, .nav-list .item.active a { - 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; } - .nav-list .item:hover.empty a, .nav-list .item.active.empty a { - background: #fa8052; } - .nav-list .item:hover.error a, .nav-list .item.active.error a { - background: #c46178; } + color: #fcfcfc; +} +.nav-list .item:hover a, .nav-list .item.active a { + 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; +} +.nav-list .item:hover.empty a, .nav-list .item.active.empty a { + background: #fa8052; +} +.nav-list .item:hover.error a, .nav-list .item.active.error a { + 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; } + color: #969696; +} .nav-list .nav-form { padding: 3px; - text-align: center; } + text-align: center; +} .nav-list a:hover { - text-decoration: none; } + text-decoration: none; +} .nav-head { margin: 0; text-align: right; background: #22303d; - color: #fcfcfc; } - .nav-head a { - color: #fcfcfc; } - .nav-head .item { - padding: 5px 10px; - font-size: 0.9rem; - line-height: 1.5rem; } + color: #fcfcfc; +} +.nav-head a { + color: #fcfcfc; +} +.nav-head .item { + padding: 5px 10px; + font-size: 0.9rem; + line-height: 1.5rem; +} .horizontal-list { margin: 0; - padding: 0; } - .horizontal-list .item { - vertical-align: middle; } + padding: 0; +} +.horizontal-list .item { + vertical-align: middle; +} .dropdown-menu { padding: 5px 0; font-size: 0.8rem; text-align: left; border: none; - background-color: #00488b; } - .dropdown-menu .dropdown-header { - cursor: default; } - .dropdown-menu > .item { - padding: 0; - margin-left: 10px; } - .dropdown-menu > .item > a { - min-width: initial; - white-space: nowrap; } - .dropdown-menu > .item:hover { - background: #0062be; - color: #fcfcfc; } - .dropdown-menu > .item:hover > a { - text-decoration: none; - color: #fcfcfc; } - .dropdown-menu > .item[aria-checked="true"] > a::before { - font-weight: bold; - margin: 0 0 0 -14px; } - .dropdown-menu .input select, - .dropdown-menu .input input { - margin: 0 auto 5px; - padding: 2px 5px; } + background-color: #00488b; +} +.dropdown-menu .dropdown-header { + cursor: default; +} +.dropdown-menu > .item { + padding: 0; + margin-left: 10px; +} +.dropdown-menu > .item > a { + min-width: initial; + white-space: nowrap; +} +.dropdown-menu > .item:hover { + background: #0062be; + color: #fcfcfc; +} +.dropdown-menu > .item:hover > a { + text-decoration: none; + color: #fcfcfc; +} +.dropdown-menu > .item[aria-checked=true] > a::before { + font-weight: bold; + margin: 0 0 0 -14px; +} +.dropdown-menu .input select, +.dropdown-menu .input input { + margin: 0 auto 5px; + padding: 2px 5px; +} .dropdown-header { padding: 0 5px 5px; font-weight: bold; text-align: left; - color: #fcfcfc; } + color: #fcfcfc; +} .separator { margin: 5px 0; border-bottom: 1px solid #e3e3e3; - cursor: default; } + cursor: default; +} .alert { margin: 5px auto; @@ -277,142 +345,177 @@ form th { color: #969696; font-size: 0.9em; border: none; - text-shadow: 0 0 1px #fcfcfc; } - .alert > a { - color: inherit; - text-decoration: underline; } + text-shadow: 0 0 1px #fcfcfc; +} +.alert > a { + 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; } + color: #fa8052; +} .alert-success { background: #fcfcfc; - color: #5eaabf; } + color: #5eaabf; +} .alert-error { background: #fcfcfc; - color: #b0425b; } + color: #b0425b; +} .pagination { 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; } - .pagination .item a { - display: block; - color: #181621; - font-style: italic; - line-height: 3em; - text-decoration: none; } - .pagination .item a:hover { - background: #22303d; - color: #e3e3e3; } - .pagination .loading, - .pagination a:hover.loading { - background: url(loader.gif) center center no-repeat #22303d; - font-size: 0; } + text-align: center; +} +.pagination .item.pager-current { + 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; +} +.pagination .item a:hover { + background: #22303d; + color: #e3e3e3; +} +.pagination .loading, +.pagination a:hover.loading { + background: url(loader.gif) center center no-repeat #22303d; + font-size: 0; +} .content { - padding: 20px 10px; } - .content .pagination { - margin: 0; - padding: 0; } - .content hr { - 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; } - .content pre code { - background: transparent; - color: #fcfcfc; - border: none; } - .content code { - 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; } - .content blockquote p { - margin: 0; } - .content > h1.title > a { - color: #181621; } + padding: 20px 10px; +} +.content .pagination { + margin: 0; + padding: 0; +} +.content hr { + 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; +} +.content pre code { + background: transparent; + color: #fcfcfc; + border: none; +} +.content code { + 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; +} +.content blockquote p { + margin: 0; +} +.content > h1.title > a { + color: #181621; +} .box { - border: 1px solid #e3e3e3; } - .box .box-title { - margin: 0; - padding: 5px 10px; - background: #e3e3e3; - color: #969696; - border-bottom: 1px solid #e3e3e3; } - .box .box-content { - max-height: 260px; } - .box .box-content .item { - padding: 0 10px; - font-size: 0.9rem; - line-height: 2.5em; } - .box .box-content .item .configure { - visibility: hidden; } - .box .box-content .item .configure .icon { - vertical-align: middle; - background-color: #e3e3e3; } - .box .box-content .item:hover .configure { - visibility: visible; } - .box.category .box-title .title { - font-weight: normal; - text-decoration: none; - text-align: left; } - .box.category:not([data-unread="0"]) .box-title { - background: #0062be; } - .box.category:not([data-unread="0"]) .box-title:active { - background: #00488b; } - .box.category:not([data-unread="0"]) .box-title .title { - 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; } - .box.category .item.feed { - padding: 2px 10px; - font-size: 0.8rem; } + border: 1px solid #e3e3e3; +} +.box .box-title { + margin: 0; + padding: 5px 10px; + background: #e3e3e3; + color: #969696; + border-bottom: 1px solid #e3e3e3; +} +.box .box-content { + max-height: 260px; +} +.box .box-content .item { + padding: 0 10px; + font-size: 0.9rem; + line-height: 2.5em; +} +.box .box-content .item .configure { + visibility: hidden; +} +.box .box-content .item .configure .icon { + vertical-align: middle; + background-color: #e3e3e3; +} +.box .box-content .item:hover .configure { + visibility: visible; +} +.box.category .box-title .title { + font-weight: normal; + text-decoration: none; + text-align: left; +} +.box.category:not([data-unread="0"]) .box-title { + background: #0062be; +} +.box.category:not([data-unread="0"]) .box-title:active { + background: #00488b; +} +.box.category:not([data-unread="0"]) .box-title .title { + 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; +} +.box.category .item.feed { + padding: 2px 10px; + font-size: 0.8rem; +} .tree { - margin: 10px 0; } + margin: 10px 0; +} .tree-folder-title { padding: 0 10px; @@ -420,80 +523,108 @@ form th { height: 35px; font-size: 1rem; position: relative; - line-height: 2.3rem; } - .tree-folder-title .title { - background: inherit; - color: #fcfcfc; } - .tree-folder-title .title:hover { - text-decoration: none; } + line-height: 2.3rem; +} +.tree-folder-title .title { + background: inherit; + color: #fcfcfc; +} +.tree-folder-title .title:hover { + text-decoration: none; +} .tree-folder-items { - background: #22303d; } - .tree-folder-items > .item { - padding: 0 10px; - line-height: 2.5rem; - font-size: 0.8rem; } - .tree-folder-items > .item.active { - background: #00488b; } - .tree-folder-items > .item > a { - text-decoration: none; - color: #fcfcfc; } + background: #22303d; +} +.tree-folder-items > .item { + padding: 0 10px; + line-height: 2.5rem; + font-size: 0.8rem; +} +.tree-folder-items > .item.active { + background: #00488b; +} +.tree-folder-items > .item > a { + text-decoration: none; + color: #fcfcfc; +} @supports (scrollbar-width: thin) { #sidebar { - scrollbar-color: rgba(255, 255, 255, 0.05) rgba(0, 0, 0, 0); } + 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); } } + 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); } + background: rgba(255, 255, 255, 0.1); + } #sidebar:hover::-webkit-scrollbar-thumb { - background: rgba(255, 255, 255, 0.3); } } + background: rgba(255, 255, 255, 0.3); + } +} .header > .item { - vertical-align: middle; } - .header > .item.title { - position: absolute; } - .header > .item.title h1 { - margin: 0; - display: block; } - .header > .item.title h1 a { - text-decoration: none; - color: #fcfcfc; } - .header > .item.title .logo { - display: inline-block; - height: 26px; - vertical-align: top; - position: relative; - top: 5px; } - .header > .item.search input { - width: 230px; } + vertical-align: middle; +} +.header > .item.title { + position: absolute; +} +.header > .item.title h1 { + margin: 0; + display: block; +} +.header > .item.title h1 a { + text-decoration: none; + color: #fcfcfc; +} +.header > .item.title .logo { + display: inline-block; + height: 26px; + vertical-align: top; + position: relative; + top: 5px; +} +.header > .item.search input { + 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; } + width: 35px; +} .header h1 { text-align: center; - font-size: 1.5em; } + font-size: 1.5em; +} .aside { padding: 35px 0; - background: #22303d; } - .aside.aside_feed .tree { - margin: 0 0 50px; } - .aside.aside_feed .nav-form input, - .aside.aside_feed .nav-form select { - width: 140px; } - .aside.aside_feed .nav-form .dropdown .dropdown-menu { - right: -20px; } - .aside.aside_feed .nav-form .dropdown .dropdown-menu::after { - right: 33px; } + background: #22303d; +} +.aside.aside_feed .tree { + margin: 0 0 50px; +} +.aside.aside_feed .nav-form input, +.aside.aside_feed .nav-form select { + width: 140px; +} +.aside.aside_feed .nav-form .dropdown .dropdown-menu { + right: -20px; +} +.aside.aside_feed .nav-form .dropdown .dropdown-menu::after { + right: 33px; +} .aside_feed .tree-folder-title > .title:not([data-unread="0"])::after { margin: 6px 0; @@ -502,35 +633,47 @@ form th { font-size: 0.9rem; position: absolute; right: 0; - line-height: 1.5rem; } + line-height: 1.5rem; +} .aside_feed .tree-folder-items .dropdown-menu::after { - left: 2px; } + left: 2px; +} .post { padding: 10px 50px; - font-size: 0.9em; } - .post input { - background: #e3e3e3; } - .post input.long { - height: 33px; - margin-top: 0px; } - .post form { - margin: 10px 0; } - .post.content { - max-width: 550px; } + font-size: 0.9em; +} +.post input { + background: #e3e3e3; +} +.post input.long { + height: 33px; + margin-top: 0px; +} +.post form { + margin: 10px 0; +} +.post.content { + max-width: 550px; +} .prompt { - text-align: center; } - .prompt label { - text-align: left; } - .prompt form { - margin: 10px auto 20px auto; - width: 200px; } - .prompt input { - margin: 5px auto; - width: 100%; } - .prompt p { - margin: 20px 0; } + text-align: center; +} +.prompt label { + text-align: left; +} +.prompt form { + margin: 10px auto 20px auto; + width: 200px; +} +.prompt input { + margin: 5px auto; + width: 100%; +} +.prompt p { + margin: 20px 0; +} #new-article { background: #0062be; @@ -540,76 +683,99 @@ form th { bottom: 48px; z-index: 900; left: 0; - line-height: 1.5em; } - #new-article:hover { - background: #00488b; } - #new-article > a { - line-height: 1.5em; - font-weight: bold; - color: #fcfcfc; } - #new-article > a:hover { - text-decoration: none; } + line-height: 1.5em; +} +#new-article:hover { + background: #00488b; +} +#new-article > a { + line-height: 1.5em; + font-weight: bold; + color: #fcfcfc; +} +#new-article > a:hover { + text-decoration: none; +} .day { padding: 0 10px; font-weight: bold; line-height: 3em; - text-align: center; } - .day .name { - display: none; } + text-align: center; +} +.day .name { + display: none; +} .nav a { - color: #fcfcfc; } + color: #fcfcfc; +} .nav_menu { width: 100%; font-size: 0; background-color: #0062be; position: fixed; - z-index: 900; } - .nav_menu .item.search { - display: inline-block; - position: fixed; - right: 40px; } + z-index: 900; +} +.nav_menu .item.search { + display: inline-block; + position: fixed; + right: 40px; +} .flux { padding-right: 10px; - background: #fcfcfc; } - .flux::after { - margin: 0 auto; - width: 90%; - border-top: 1px solid #e3e3e3; } - .flux:hover, - .flux .current { - background: #fff; } - .flux:hover:not(.current):hover .item.title, - .flux .current:not(.current):hover .item.title { - background: #fff; } - .flux.favorite:not(.current) { - background: #fff6da; } - .flux.favorite:not(.current):hover .item.title { - background: #fff6da; } - .flux.not_read:not(.current) { - background: #fff3ed; } - .flux.not_read:not(.current):hover .item.title { - background: #fff3ed; } - .flux .date { - color: #969696; - font-size: 0.7rem; } - .flux .bottom { - font-size: 0.8rem; - text-align: center; } - .flux .website .favicon { - padding: 5px; } - .flux label { - color: #fcfcfc; - cursor: pointer; } + background: #fcfcfc; +} +.flux::after { + margin: 0 auto; + width: 90%; + border-top: 1px solid #e3e3e3; +} +.flux:hover, +.flux .current { + background: #fff; +} +.flux:hover:not(.current):hover .item.title, +.flux .current:not(.current):hover .item.title { + background: #fff; +} +.flux.favorite:not(.current) { + background: #fff6da; +} +.flux.favorite:not(.current):hover .item.title { + background: #fff6da; +} +.flux.not_read:not(.current) { + background: #fff3ed; +} +.flux.not_read:not(.current):hover .item.title { + background: #fff3ed; +} +.flux .date { + color: #969696; + font-size: 0.7rem; +} +.flux .bottom { + font-size: 0.8rem; + text-align: center; +} +.flux .website .favicon { + padding: 5px; +} +.flux label { + color: #fcfcfc; + cursor: pointer; +} .flux_header { font-size: 0.8rem; - cursor: pointer; } - .flux_header .title { - font-size: 0.9rem; } + cursor: pointer; +} +.flux_header .title { + font-size: 0.9rem; +} .notification { padding: 10px 0; @@ -625,167 +791,232 @@ form th { position: fixed; bottom: 48px; left: 0; - top: auto; } - .notification.good, - .notification .bad { - color: #fcfcfc; } - .notification.good { - background: #5eaabf; } - .notification.good a.close:hover { - background: #5eaabf; } - .notification.bad { - background: #c46178; } - .notification.bad a.close:hover { - background: #c46178; } - .notification#actualizeProgress { - line-height: 2em; } - .notification a.close { - display: none; } + top: auto; +} +.notification.good, +.notification .bad { + color: #fcfcfc; +} +.notification.good { + background: #5eaabf; +} +.notification.good a.close:hover { + background: #5eaabf; +} +.notification.bad { + background: #c46178; +} +.notification.bad a.close:hover { + background: #c46178; +} +.notification#actualizeProgress { + line-height: 2em; +} +.notification a.close { + display: none; +} #bigMarkAsRead { text-align: center; text-decoration: none; - background: #e3e3e3; } - #bigMarkAsRead:hover { - background: #22303d; - color: #fcfcfc; } + background: #e3e3e3; +} +#bigMarkAsRead:hover { + background: #22303d; + color: #fcfcfc; +} #nav_entries { margin: 0; text-align: center; line-height: 3em; table-layout: fixed; - background: #22303d; } + background: #22303d; +} .stat { - margin: 10px 0 20px; } - .stat th, - .stat td, - .stat tr { - border: none; } - .stat > table td, - .stat > table th { - border-bottom: 1px solid #e3e3e3; } - .stat > .horizontal-list { - margin: 0 0 5px; } - .stat > .horizontal-list .item { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; } - .stat > .horizontal-list .item:first-child { - width: 270px; } + margin: 10px 0 20px; +} +.stat th, +.stat td, +.stat tr { + border: none; +} +.stat > table td, +.stat > table th { + border-bottom: 1px solid #e3e3e3; +} +.stat > .horizontal-list { + margin: 0 0 5px; +} +.stat > .horizontal-list .item { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.stat > .horizontal-list .item:first-child { + width: 270px; +} .formLogin #global { - height: 0; } + height: 0; +} .formLogin .header { background: #22303d; - height: 55px; } - .formLogin .header > .item.configure { - width: 200px; - position: unset; } - .formLogin .header > .item.title h1 { - display: unset; } + height: 55px; +} +.formLogin .header > .item.configure { + width: 200px; + position: unset; +} +.formLogin .header > .item.title h1 { + display: unset; +} .formLogin a.signin { color: #fcfcfc; - padding-left: 5px; } + padding-left: 5px; +} .formLogin input { border-top: 1px #e3e3e3; border-right: 1px #e3e3e3; border-bottom: 1px #e3e3e3; - border-left: 5px solid; } + border-left: 5px solid; +} .loglist { overflow: hidden; - border: 1px solid #969696; } + border: 1px solid #969696; +} .log { padding: 5px 2%; background: #fcfcfc; font-size: 0.8rem; - overflow: auto; } - .log > .date { - margin: 0 10px 0 0; - padding: 5px 10px; } - .log.error > .date { - background: #c46178; - color: #fcfcfc; } - .log.warning > .date { - background: #fa8052; - color: #fcfcfc; } - .log.notice > .date { - background: #e3e3e3; - color: #fcfcfc; } - .log.debug > .date { - background: #181621; - color: #fcfcfc; } + overflow: auto; +} +.log > .date { + margin: 0 10px 0 0; + padding: 5px 10px; +} +.log.error > .date { + background: #c46178; + color: #fcfcfc; +} +.log.warning > .date { + background: #fa8052; + color: #fcfcfc; +} +.log.notice > .date { + background: #e3e3e3; + color: #fcfcfc; +} +.log.debug > .date { + background: #181621; + color: #fcfcfc; +} @media (max-width: 840px) { .formLogin .header { - display: none; } + display: none; + } + + .form-group .group-name { + padding-bottom: 0; + text-align: left; + } + + .box .box-title .configure, +.box .box-content .item .configure { + visibility: visible; + } .dropdown-header, .dropdown-menu > .item { - padding: 12px; } + padding: 12px; + } #new-article { width: 100%; position: sticky; - top: 0; } + top: 0; + } .header { - display: table; } - .header .item.title .logo { - display: none; } + 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; } + font-size: 0.6em; + } .header .item.configure, - button.read_all.btn { - display: none; } +button.read_all.btn { + display: none; + } .flux .item.manage, - .flux_header .item.website { +.flux_header .item.website { width: 35px; - text-align: center; } + 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:target { - width: 78%; - z-index: 1000; } + 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%; } + 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; } + margin: 0 0 3.5em; + } #panel .close { background: #22303d; @@ -793,117 +1024,160 @@ form th { height: 50px; line-height: 50px; text-align: right; - padding-right: 10px; } + padding-right: 10px; + } .day .name { - font-size: 1.1rem; } + 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; } + 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; } + width: 100% !important; + } + + .post { + padding-left: 15px; + padding-right: 15px; + } div#stream { - margin-top: 0px; } + margin-top: 0px; + } a.btn.toggle_aside { position: absolute; - top: 29px; } + top: 29px; + } form#mark-read-menu, - a#actualize, - a#toggle-order, - div#nav_menu_actions, - div#nav_menu_views { - position: absolute; } +a#actualize, +a#toggle-order, +div#nav_menu_actions, +div#nav_menu_views { + position: absolute; + } form#mark-read-menu { right: 46px; top: 30px; - z-index: 1100; } + z-index: 1100; + } a#actualize, - a#toggle-order { - right: 0px; } +a#toggle-order { + right: 0px; + } a#actualize { - top: 29px; } + top: 29px; + } a#toggle-order, - div#nav_menu_actions, - div#nav_menu_views { - top: 65px; } +div#nav_menu_actions, +div#nav_menu_views { + top: 65px; + } div#nav_menu_actions { - left: 0px; } + left: 0px; + } div#nav_menu_views { - right: 50px; } } + right: 50px; + } +} @media (max-width: 410px) { .nav_menu .stick { - margin: 0; } } + margin: 0; + } +} @media (max-width: 374px) { #nav_menu_views { - display: none; } } + display: none; + } +} button.as-link { color: #fcfcfc; - outline: none; } + outline: none; +} .dropdown-target:target ~ .btn.dropdown-toggle { - background: #00488b; } + background: #00488b; +} .tree-folder.active .tree-folder-title { background: #00488b; - font-weight: bold; } + font-weight: bold; +} .feed.item.empty { - color: #fa8052; } - .feed.item.empty.active { - background: #fa8052; - color: #fcfcfc; } - .feed.item.empty.active > a { - color: #fcfcfc; } - .feed.item.empty > a { - color: #fa8052; } + color: #fa8052; +} +.feed.item.empty.active { + background: #fa8052; + color: #fcfcfc; +} +.feed.item.empty.active > a { + color: #fcfcfc; +} +.feed.item.empty > a { + color: #fa8052; +} .feed.item.error { - color: #c46178; } - .feed.item.error.active { - background: #c46178; - color: #fcfcfc; } - .feed.item.error.active > a { - color: #fcfcfc; } - .feed.item.error > a { - color: #c46178; } + color: #c46178; +} +.feed.item.error.active { + background: #c46178; + color: #fcfcfc; +} +.feed.item.error.active > a { + color: #fcfcfc; +} +.feed.item.error > a { + color: #c46178; +} #dropdown-query ~ .dropdown-menu .dropdown-header .icon { vertical-align: middle; - float: right; } + float: right; +} #stream.reader .flux { padding: 0 0 50px; background: #fcfcfc; color: #22303d; - border: none; } - #stream.reader .flux .author { - margin: 0 0 10px; - color: #969696; - font-size: 90%; } + border: none; +} +#stream.reader .flux .author { + 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.css.map b/p/themes/Swage/swage.css.map new file mode 100644 index 000000000..98e811f13 --- /dev/null +++ b/p/themes/Swage/swage.css.map @@ -0,0 +1 @@ +{"version":3,"sourceRoot":"","sources":["swage.scss"],"names":[],"mappings":"AAgBA;AAAA;EACC;EACA;EACA;EACA;EACA,YAjBa;EAkBb;EACA;;;AAGD;AAAA;EACC,OAlBY;EAmBZ,cAnBY;EAoBZ;;;AAGD;EACC;EACA;EACA;;;AAGD;AAAA;AAAA;AAAA;EACC;EACA,OApCa;EAqCb;EACA;;;AAGD;EACC;EACA;EACA;;;AAGD;EACC;;;AAID;AAAA;EAEC;EACA;;;AAGD;EACC;EACA;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAIF;EACC;;AAGD;EACC;;;AAKD;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGD;EACC;;;AAGD;EACC;EACA;EACA;;AAIA;EACC;;;AASD;AAAA;EACC;;AAQD;AAAA;EACC,YAxIY;;;AA4Id;EACC;;;AAIA;EACC;;;AAIF;EACC;;;AAGD;EACC;;;AAGD;AAAA;AAAA;EAGC;EACA;;;AAGD;EACC,YAtKa;;;AA0Kb;AAAA;EAEC;EACA;;;AAKD;EACC;EACA;EACA;EACA;;;AAKF;EACC;EACA;;AAEA;EACC,YAhMY;EAiMZ;;AAGD;EACC;EACA;EACA;EACA;;AAEA;EACC;;AAIF;EACC;EACA;;AAGD;EACC;EACA;;AAEA;EACC;;AAIF;EACC;;;AASF;EACC;EACA;;AAQD;EACC;EACA;EACA,YAnPY;EAoPZ;EACA,OAtPa;EAuPb;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;AAAA;AAAA;EAGC;EACA;;;AAIF;EACC;EACA,YAtQa;EAuQb,OA1Qa;;AA4Qb;AAAA;AAAA;EAEC;;;AAKD;EAGC;EACA;EACA,YAtRY;EAuRZ,OAzRY;EA0RZ;;AAOA;EAEC;EACA,OApSW;;AAsSX;EACC,OAvSU;;AA0SX;AAAA;AAAA;EAEC,OA5SU;;AA+SX;EACC,YA7SU;;AAgTX;EACC;;AAIF;EACC;;AAGD;EACC,OA1TW;;AA6TZ;EACC;;AAIF;EACC;EACA,YAvUY;EAwUZ;;AAGD;EACC;EACA;;AAGD;EACC;;;AAIF;EACC;EACA;EACA,YAtVa;EAuVb,OAzVa;;AA2Vb;EACC,OA5VY;;AA+Vb;EACC;EACA;EACA;;;AAIF;EACC;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;;AAEA;EACC;;AAIA;EAGC;EACA;;AAUA;EACC;EACA;;AAGD;EACC,YA9YS;EA+YT,OAhZU;;AAkZV;EACC;EACA,OApZS;;AAyZZ;EACC;EACA;;AAKD;AAAA;EAEC;EACA;;;AAKH;EACC;EACA;EACA;EACA,OA5aa;;;AA+ad;EACC;EACA;EACA;;;AAGD;EACC;EACA;EACA,YAxba;EAybb;EACA;EACA;EACA;;AAEA;EACC;EACA;;;AAIF;EACC;;;AAGD;AAAA;AAAA;EAGC;;;AAGD;EACC,YA/ca;EAgdb,OA7ca;;;AAgdd;EACC,YApda;EAqdb,OAjdY;;;AAodb;EACC,YAzda;EA0db,OArdY;;;AAwdb;EACC;EACA,OAheY;EAieZ;EACA;;AAGC;EACC,YAneW;EAoeX;EACA;EACA;;AAGD;EACC;EACA,OA9eU;EA+eV;EACA;EACA;;AAEA;EACC,YAjfU;EAkfV;;AAKH;AAAA;EAEC;EACA;;;AAIF;EACC;;AAEA;EACC;EACA;;AAGD;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;EACA;EACA,YArhBW;EAshBX,OArhBY;EAshBZ;;AAEA;EACC;EACA,OA1hBW;EA2hBX;;AAIF;EACC;EACA,YAjiBY;EAkiBZ,OA7hBW;EA8hBX;;AAGD;EACC;EACA;EACA,YAziBY;EA0iBZ;EACA;EACA;EACA;;AAEA;EACC;;AAIF;EACC,OAtjBW;;;AA0jBb;EACC;;AAEA;EACC;EACA;EACA;EACA;EACA;;AAGD;EACC;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;AAEA;EACC;EACA;;AAIF;EACC;;AAMF;EACC;EACA;EACA;;AAGD;EACC,YAlmBU;;AAomBV;EACC;;AAGD;EACC;EACA,OA3mBU;;AA+mBZ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;EACA;;;AAKH;EACC;;;AAGD;EACC;EACA,YAroBa;EAsoBb;EACA;EACA;EACA;;AAEA;EACC;EACA,OA/oBY;;AAipBZ;EACC;;;AAKH;EACC,YAtpBa;;AAwpBb;EACC;EACA;EACA;;AAEA;EACC;;AAGD;EACC;EACA,OArqBW;;;AA0qBd;EACC;IACC;;;EAGD;IACC;;;AAIF;EACC;IACC;;;EAGD;IACC;;;AAKD;EACC;;AAEA;EAGC;;AAEA;EACC;EACA;;AAEA;EACC;EACA,OA7sBS;;AAitBX;EACC;EACA;EACA;EACA;EACA;;AAIF;EACC;;AAIF;EACC;;AAGD;EACC;;AAGD;EACC;EACA;EACA;EACA;;AAGD;EACC;EACA;;;AAIF;EACC;EACA,YApvBa;;AAyvBZ;EACC;;AAIA;AAAA;EAEC;;AAIA;EACC;;AAGD;EACC;;;AAQJ;EACC;EACA;EACA;EACA;EACA;EACA;EACA;;AAGD;EACC;;;AAIF;EACC;EACA;;AAEA;EACC;;AAEA;EACC;EACA;;AAIF;EACC;;AAGD;EACC;;;AAIF;EACC;;AAEA;EACC;;AAGD;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;;AAIF;EACC,YA90BY;EA+0BZ;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;EACC;;AAGD;EACC;EACA;EACA,OAj2BY;;AAm2BZ;EACC;;;AAKH;EACC;EACA;EACA;EACA;;AAEA;EACC;;;AAKD;EACC,OAt3BY;;;AA23Bd;EACC;EACA;EACA,kBA73BY;EA83BZ;EACA;;AAEA;EACC;EACA;EACA;;;AAIF;EACC;EACA,YA34Ba;;AA64Bb;EAGC;EACA;EACA;;AAGD;AAAA;EAEC,YA/4BY;;AAi5BZ;AAAA;EACC,YAl5BW;;AAs5Bb;EACC,YAz5Ba;;AA25Bb;EACC,YA55BY;;AAg6Bd;EACC,YAh6Ba;;AAk6Bb;EACC,YAn6BY;;AAu6Bd;EACC;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC,OA77BY;EA87BZ;;;AAIF;EACC;EACA;;AAEA;EACC;;;AAIF;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIA;AAAA;EAEC,OA/9BY;;AAk+Bb;EACC,YA/9BW;;AAi+BX;EACC,YAl+BU;;AAs+BZ;EACC;;AAEA;EACC;;AAIF;EACC;;AAGD;EACC;;;AAIF;EACC;EACA;EACA;;AAEA;EACC,YA//BY;EAggCZ,OAlgCY;;;AAsgCd;EACC;EACA;EACA;EACA;EAGA,YA3gCa;;;AA8gCd;EACC;;AAEA;AAAA;AAAA;EAGC;;AAIA;AAAA;EAEC;;AAIF;EACC;;AAEA;EACC;EACA;EACA;;AAEA;EACC;;;AAOH;EACC;;AAGD;EACC,YAnjCY;EAojCZ;;AAGC;EACC;EACA;;AAGD;EACC;;AAKH;EACC,OArkCY;EAskCZ;;AAGD;EACC;EACA;EACA;EACA;;;AAIF;EACC;EACA;;;AAGD;EACC;EACA,YAxlCa;EAylCb;EACA;;AAEA;EACC;EACA;;AAGD;EACC;EACA,OAnmCY;;AAsmCb;EACC,YApmCY;EAqmCZ,OAxmCY;;AA2mCb;EACC;EACA,OA7mCY;;AAgnCb;EACC,YAlnCW;EAmnCX,OAlnCY;;;AAsnCd;EACC;IACC;;;EAGD;IACC;IACA;;;EAGD;AAAA;IAEC;;;EAGD;IACC;;;EAGD;IACC;IACA;IACA;;;EAGD;IACC;;EAEA;IACC;;;EAIF;IACC;IACA;IACA;IACA;IACA;;;EAGD;AAAA;IAEC;;;EAGD;AAAA;IAEC;IACA;;;EAGD;IACC;IACA;;EAEA;IACC,YA7qCW;IA8qCX;IACA;IACA;IACA;IACA;;EAGD;IACC;;EAGD;IACC;IACA;IACA;IACA;;EAGD;IACC;IACA;;;EAIF;IACC;IACA;;EAEA;IACC;;EAGD;IACC;;EAEA;IACC;;EAIF;IACC;IACA;IACA;;EAEA;IACC;;;EAKH;IACC;;;EAGD;IACC,YAtuCY;IAuuCZ;IACA;IACA;IACA;IACA;;;EAGD;IACC;;;EAGD;IACC;;EAEA;IACC;IACA;IACA;;EAEA;IACC;;EAGD;IACC;;;EAKH;IACC;;;EAGD;IACC;IACA;;;EAGD;IACC;;;EAGD;IACC;IACA;;;EAGD;AAAA;AAAA;AAAA;AAAA;IAKC;;;EAGD;IACC;IACA;IACA;;;EAGD;AAAA;IAEC;;;EAGD;IACC;;;EAGD;AAAA;AAAA;IAGC;;;EAGD;IACC;;;EAGD;IACC;;;AAIF;EACC;IACC;;;AAIF;EACC;IACC;;;AAIF;EACC,OA30Ca;EA40Cb;;;AAGD;EACC;;;AAGD;EACC;EACA;;;AAIA;EACC,OAv1CY;;AAy1CZ;EACC,YA11CW;EA21CX,OA91CW;;AAg2CX;EACC,OAj2CU;;AAq2CZ;EACC,OAn2CW;;AAu2Cb;EACC;;AAEA;EACC;EACA,OA/2CW;;AAi3CX;EACC,OAl3CU;;AAs3CZ;EACC;;;AAKH;EACC;EACA;;;AAGD;EACC;EACA,YAn4Ca;EAo4Cb,OAl4Ca;EAm4Cb;;AAEA;EACC;EACA;EACA;;;AAKD;EACC;;;AAKD;EACC;;AAIA;EACC","file":"swage.css"}
\ No newline at end of file diff --git a/p/themes/Swage/swage.rtl.css b/p/themes/Swage/swage.rtl.css index e04a45efb..735dd6d75 100644 --- a/p/themes/Swage/swage.rtl.css +++ b/p/themes/Swage/swage.rtl.css @@ -1,68 +1,83 @@ -textarea, input, -select { +input, +select, textarea { min-height: 25px; margin-top: 4px; line-height: 25px; vertical-align: middle; background: #fcfcfc; border: none; - padding-right: 5px; } + padding-right: 5px; +} input:invalid, select:invalid { color: #b0425b; border-color: #b0425b; - box-shadow: none; } + box-shadow: none; +} -.nav-list .nav-header, .nav-list .item { +.nav-list .item, .nav-list .nav-header { height: 2.5em; line-height: 2.5em; - font-size: 0.9rem; } + font-size: 0.9rem; +} -.dropdown-menu > .item, .dropdown-menu > .item > a, +.dropdown-menu > .item > a, .dropdown-menu > .item > span, .dropdown-menu > .item > .as-link, -.dropdown-menu > .item button { +.dropdown-menu > .item button, .dropdown-menu > .item { padding: 0 22px; color: #fcfcfc; font-size: 0.8rem; - line-height: 2.5em; } + line-height: 2.5em; +} -.form-group::after, .flux::after { +.flux::after, .form-group::after { content: ""; display: block; - clear: both; } + clear: both; +} -.stick.configure-feeds, .header > .item.title, .aside, #new-article, .notification, #nav_entries { - width: 231px; } +#nav_entries, .notification, #new-article, .aside, .header > .item.title, .stick.configure-feeds { + width: 231px; +} html, body { height: 100%; - font-family: Helvetica, Arial, sans-serif; } + font-family: Helvetica, Arial, sans-serif; +} a { color: #00488b; - outline: none; } - a.btn { - min-height: 25px; - line-height: 25px; - text-decoration: none; } - a.btn:hover { - background: #00488b; } - a#btn-subscription { - width: 76%; } - a#btn-importExport { - width: 5%; } + outline: none; +} +a.btn { + min-height: 25px; + line-height: 25px; + text-decoration: none; +} +a.btn:hover { + background: #00488b; +} +a#btn-subscription { + width: 76%; +} +a#btn-importExport { + 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; @@ -71,85 +86,107 @@ legend { display: inline-block; width: auto; font-size: 1.4em; - clear: both; } + clear: both; +} label { - min-height: 25px; } + min-height: 25px; +} textarea { background: #e3e3e3; width: 360px; - height: 100px; } - textarea:focus { - border-color: #00488b; } + height: 100px; +} +textarea:focus { + 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 .5em; } + padding: 0 0.5em; +} table { - border-collapse: collapse; } + border-collapse: collapse; +} tr, td, th { padding: 0.5em; - border: 1px solid #e3e3e3; } + border: 1px solid #e3e3e3; +} th { - background: #fcfcfc; } + background: #fcfcfc; +} form td, form th { font-weight: normal; - text-align: center; } + text-align: center; +} .category .title.error::before { display: inline-block; padding-left: 7px; width: 16px; - content: url(../Swage/icons/error.svg); } + content: url(../Swage/icons/error.svg); +} .form-group { padding: 5px; - border: 1px solid transparent; } - .form-group:hover { - background: #fcfcfc; - border: 1px solid #fcfcfc; } - .form-group.form-actions { - margin: 15px 0 25px; - padding: 5px 0; - background: #e3e3e3; - border-top: 3px solid #e3e3e3; } - .form-group.form-actions .btn { - margin: 0 10px; } - .form-group .group-name { - padding: 10px 0; - text-align: left; } - .form-group .group-controls { - min-height: 25px; - padding: 5px 0; } - .form-group .group-controls .control { - line-height: 2.0em; } - .form-group table { - margin: 10px 220px 0 0; } + border: 1px solid transparent; +} +.form-group:hover { + background: #fcfcfc; + border: 1px solid #fcfcfc; +} +.form-group.form-actions { + margin: 15px 0 25px; + padding: 5px 0; + background: #e3e3e3; + border-top: 3px solid #e3e3e3; +} +.form-group.form-actions .btn { + margin: 0 10px; +} +.form-group .group-name { + padding: 10px 0; + text-align: left; +} +.form-group .group-controls { + min-height: 25px; + padding: 5px 0; +} +.form-group .group-controls .control { + line-height: 2em; +} +.form-group table { + margin: 10px 220px 0 0; +} .stick { vertical-align: middle; - font-size: 0; } - + font-size: 0; +} .btn { margin: 0; padding: 5px 10px; @@ -162,113 +199,144 @@ form th { min-width: 15px; vertical-align: middle; cursor: pointer; - overflow: hidden; } - .btn.active, - .btn :active, - .btn :hover { - background: #00488b; - text-decoration: none; } + overflow: hidden; +} +.btn.active, +.btn :active, +.btn :hover { + background: #00488b; + text-decoration: none; +} .btn-important, .btn-attention { font-weight: normal; background: #fa8052; - color: #fcfcfc; } - .btn-important:hover, - .btn-important :active, .btn-attention:hover, - .btn-attention :active { - background: #f95c20 !important; } + color: #fcfcfc; +} +.btn-important:hover, +.btn-important :active, .btn-attention:hover, +.btn-attention :active { + background: #f95c20 !important; +} .nav-list .nav-header { padding: 0 10px; font-weight: bold; background: #22303d; color: #fcfcfc; - cursor: default; } + cursor: default; +} .nav-list .item:hover, .nav-list .item.active { background: #00488b; - color: #fcfcfc; } - .nav-list .item:hover a, .nav-list .item.active a { - 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; } - .nav-list .item:hover.empty a, .nav-list .item.active.empty a { - background: #fa8052; } - .nav-list .item:hover.error a, .nav-list .item.active.error a { - background: #c46178; } + color: #fcfcfc; +} +.nav-list .item:hover a, .nav-list .item.active a { + 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; +} +.nav-list .item:hover.empty a, .nav-list .item.active.empty a { + background: #fa8052; +} +.nav-list .item:hover.error a, .nav-list .item.active.error a { + 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; } + color: #969696; +} .nav-list .nav-form { padding: 3px; - text-align: center; } + text-align: center; +} .nav-list a:hover { - text-decoration: none; } + text-decoration: none; +} .nav-head { margin: 0; text-align: left; background: #22303d; - color: #fcfcfc; } - .nav-head a { - color: #fcfcfc; } - .nav-head .item { - padding: 5px 10px; - font-size: 0.9rem; - line-height: 1.5rem; } + color: #fcfcfc; +} +.nav-head a { + color: #fcfcfc; +} +.nav-head .item { + padding: 5px 10px; + font-size: 0.9rem; + line-height: 1.5rem; +} .horizontal-list { margin: 0; - padding: 0; } - .horizontal-list .item { - vertical-align: middle; } + padding: 0; +} +.horizontal-list .item { + vertical-align: middle; +} .dropdown-menu { padding: 5px 0; font-size: 0.8rem; text-align: right; border: none; - background-color: #00488b; } - .dropdown-menu .dropdown-header { - cursor: default; } - .dropdown-menu > .item { - padding: 0; - margin-right: 10px; } - .dropdown-menu > .item > a { - min-width: initial; - white-space: nowrap; } - .dropdown-menu > .item:hover { - background: #0062be; - color: #fcfcfc; } - .dropdown-menu > .item:hover > a { - text-decoration: none; - color: #fcfcfc; } - .dropdown-menu > .item[aria-checked="true"] > a::before { - font-weight: bold; - margin: 0 -14px 0 0; } - .dropdown-menu .input select, - .dropdown-menu .input input { - margin: 0 auto 5px; - padding: 2px 5px; } + background-color: #00488b; +} +.dropdown-menu .dropdown-header { + cursor: default; +} +.dropdown-menu > .item { + padding: 0; + margin-right: 10px; +} +.dropdown-menu > .item > a { + min-width: initial; + white-space: nowrap; +} +.dropdown-menu > .item:hover { + background: #0062be; + color: #fcfcfc; +} +.dropdown-menu > .item:hover > a { + text-decoration: none; + color: #fcfcfc; +} +.dropdown-menu > .item[aria-checked=true] > a::before { + font-weight: bold; + margin: 0 -14px 0 0; +} +.dropdown-menu .input select, +.dropdown-menu .input input { + margin: 0 auto 5px; + padding: 2px 5px; +} .dropdown-header { padding: 0 5px 5px; font-weight: bold; text-align: right; - color: #fcfcfc; } + color: #fcfcfc; +} .separator { margin: 5px 0; border-bottom: 1px solid #e3e3e3; - cursor: default; } + cursor: default; +} .alert { margin: 5px auto; @@ -277,142 +345,177 @@ form th { color: #969696; font-size: 0.9em; border: none; - text-shadow: 0 0 1px #fcfcfc; } - .alert > a { - color: inherit; - text-decoration: underline; } + text-shadow: 0 0 1px #fcfcfc; +} +.alert > a { + 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; } + color: #fa8052; +} .alert-success { background: #fcfcfc; - color: #5eaabf; } + color: #5eaabf; +} .alert-error { background: #fcfcfc; - color: #b0425b; } + color: #b0425b; +} .pagination { 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; } - .pagination .item a { - display: block; - color: #181621; - font-style: italic; - line-height: 3em; - text-decoration: none; } - .pagination .item a:hover { - background: #22303d; - color: #e3e3e3; } - .pagination .loading, - .pagination a:hover.loading { - background: url(loader.gif) center center no-repeat #22303d; - font-size: 0; } + text-align: center; +} +.pagination .item.pager-current { + 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; +} +.pagination .item a:hover { + background: #22303d; + color: #e3e3e3; +} +.pagination .loading, +.pagination a:hover.loading { + background: url(loader.gif) center center no-repeat #22303d; + font-size: 0; +} .content { - padding: 20px 10px; } - .content .pagination { - margin: 0; - padding: 0; } - .content hr { - 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; } - .content pre code { - background: transparent; - color: #fcfcfc; - border: none; } - .content code { - 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; } - .content blockquote p { - margin: 0; } - .content > h1.title > a { - color: #181621; } + padding: 20px 10px; +} +.content .pagination { + margin: 0; + padding: 0; +} +.content hr { + 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; +} +.content pre code { + background: transparent; + color: #fcfcfc; + border: none; +} +.content code { + 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; +} +.content blockquote p { + margin: 0; +} +.content > h1.title > a { + color: #181621; +} .box { - border: 1px solid #e3e3e3; } - .box .box-title { - margin: 0; - padding: 5px 10px; - background: #e3e3e3; - color: #969696; - border-bottom: 1px solid #e3e3e3; } - .box .box-content { - max-height: 260px; } - .box .box-content .item { - padding: 0 10px; - font-size: 0.9rem; - line-height: 2.5em; } - .box .box-content .item .configure { - visibility: hidden; } - .box .box-content .item .configure .icon { - vertical-align: middle; - background-color: #e3e3e3; } - .box .box-content .item:hover .configure { - visibility: visible; } - .box.category .box-title .title { - font-weight: normal; - text-decoration: none; - text-align: right; } - .box.category:not([data-unread="0"]) .box-title { - background: #0062be; } - .box.category:not([data-unread="0"]) .box-title:active { - background: #00488b; } - .box.category:not([data-unread="0"]) .box-title .title { - 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; } - .box.category .item.feed { - padding: 2px 10px; - font-size: 0.8rem; } + border: 1px solid #e3e3e3; +} +.box .box-title { + margin: 0; + padding: 5px 10px; + background: #e3e3e3; + color: #969696; + border-bottom: 1px solid #e3e3e3; +} +.box .box-content { + max-height: 260px; +} +.box .box-content .item { + padding: 0 10px; + font-size: 0.9rem; + line-height: 2.5em; +} +.box .box-content .item .configure { + visibility: hidden; +} +.box .box-content .item .configure .icon { + vertical-align: middle; + background-color: #e3e3e3; +} +.box .box-content .item:hover .configure { + visibility: visible; +} +.box.category .box-title .title { + font-weight: normal; + text-decoration: none; + text-align: right; +} +.box.category:not([data-unread="0"]) .box-title { + background: #0062be; +} +.box.category:not([data-unread="0"]) .box-title:active { + background: #00488b; +} +.box.category:not([data-unread="0"]) .box-title .title { + 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; +} +.box.category .item.feed { + padding: 2px 10px; + font-size: 0.8rem; +} .tree { - margin: 10px 0; } + margin: 10px 0; +} .tree-folder-title { padding: 0 10px; @@ -420,80 +523,108 @@ form th { height: 35px; font-size: 1rem; position: relative; - line-height: 2.3rem; } - .tree-folder-title .title { - background: inherit; - color: #fcfcfc; } - .tree-folder-title .title:hover { - text-decoration: none; } + line-height: 2.3rem; +} +.tree-folder-title .title { + background: inherit; + color: #fcfcfc; +} +.tree-folder-title .title:hover { + text-decoration: none; +} .tree-folder-items { - background: #22303d; } - .tree-folder-items > .item { - padding: 0 10px; - line-height: 2.5rem; - font-size: 0.8rem; } - .tree-folder-items > .item.active { - background: #00488b; } - .tree-folder-items > .item > a { - text-decoration: none; - color: #fcfcfc; } + background: #22303d; +} +.tree-folder-items > .item { + padding: 0 10px; + line-height: 2.5rem; + font-size: 0.8rem; +} +.tree-folder-items > .item.active { + background: #00488b; +} +.tree-folder-items > .item > a { + text-decoration: none; + color: #fcfcfc; +} @supports (scrollbar-width: thin) { #sidebar { - scrollbar-color: rgba(255, 255, 255, 0.05) rgba(0, 0, 0, 0); } + 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); } } + 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); } + background: rgba(255, 255, 255, 0.1); + } #sidebar:hover::-webkit-scrollbar-thumb { - background: rgba(255, 255, 255, 0.3); } } + background: rgba(255, 255, 255, 0.3); + } +} .header > .item { - vertical-align: middle; } - .header > .item.title { - position: absolute; } - .header > .item.title h1 { - margin: 0; - display: block; } - .header > .item.title h1 a { - text-decoration: none; - color: #fcfcfc; } - .header > .item.title .logo { - display: inline-block; - height: 26px; - vertical-align: top; - position: relative; - top: 5px; } - .header > .item.search input { - width: 230px; } + vertical-align: middle; +} +.header > .item.title { + position: absolute; +} +.header > .item.title h1 { + margin: 0; + display: block; +} +.header > .item.title h1 a { + text-decoration: none; + color: #fcfcfc; +} +.header > .item.title .logo { + display: inline-block; + height: 26px; + vertical-align: top; + position: relative; + top: 5px; +} +.header > .item.search input { + 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; } + width: 35px; +} .header h1 { text-align: center; - font-size: 1.5em; } + font-size: 1.5em; +} .aside { padding: 35px 0; - background: #22303d; } - .aside.aside_feed .tree { - margin: 0 0 50px; } - .aside.aside_feed .nav-form input, - .aside.aside_feed .nav-form select { - width: 140px; } - .aside.aside_feed .nav-form .dropdown .dropdown-menu { - left: -20px; } - .aside.aside_feed .nav-form .dropdown .dropdown-menu::after { - left: 33px; } + background: #22303d; +} +.aside.aside_feed .tree { + margin: 0 0 50px; +} +.aside.aside_feed .nav-form input, +.aside.aside_feed .nav-form select { + width: 140px; +} +.aside.aside_feed .nav-form .dropdown .dropdown-menu { + left: -20px; +} +.aside.aside_feed .nav-form .dropdown .dropdown-menu::after { + left: 33px; +} .aside_feed .tree-folder-title > .title:not([data-unread="0"])::after { margin: 6px 0; @@ -502,35 +633,47 @@ form th { font-size: 0.9rem; position: absolute; left: 0; - line-height: 1.5rem; } + line-height: 1.5rem; +} .aside_feed .tree-folder-items .dropdown-menu::after { - right: 2px; } + right: 2px; +} .post { padding: 10px 50px; - font-size: 0.9em; } - .post input { - background: #e3e3e3; } - .post input.long { - height: 33px; - margin-top: 0px; } - .post form { - margin: 10px 0; } - .post.content { - max-width: 550px; } + font-size: 0.9em; +} +.post input { + background: #e3e3e3; +} +.post input.long { + height: 33px; + margin-top: 0px; +} +.post form { + margin: 10px 0; +} +.post.content { + max-width: 550px; +} .prompt { - text-align: center; } - .prompt label { - text-align: right; } - .prompt form { - margin: 10px auto 20px auto; - width: 200px; } - .prompt input { - margin: 5px auto; - width: 100%; } - .prompt p { - margin: 20px 0; } + text-align: center; +} +.prompt label { + text-align: right; +} +.prompt form { + margin: 10px auto 20px auto; + width: 200px; +} +.prompt input { + margin: 5px auto; + width: 100%; +} +.prompt p { + margin: 20px 0; +} #new-article { background: #0062be; @@ -540,76 +683,99 @@ form th { bottom: 48px; z-index: 900; right: 0; - line-height: 1.5em; } - #new-article:hover { - background: #00488b; } - #new-article > a { - line-height: 1.5em; - font-weight: bold; - color: #fcfcfc; } - #new-article > a:hover { - text-decoration: none; } + line-height: 1.5em; +} +#new-article:hover { + background: #00488b; +} +#new-article > a { + line-height: 1.5em; + font-weight: bold; + color: #fcfcfc; +} +#new-article > a:hover { + text-decoration: none; +} .day { padding: 0 10px; font-weight: bold; line-height: 3em; - text-align: center; } - .day .name { - display: none; } + text-align: center; +} +.day .name { + display: none; +} .nav a { - color: #fcfcfc; } + color: #fcfcfc; +} .nav_menu { width: 100%; font-size: 0; background-color: #0062be; position: fixed; - z-index: 900; } - .nav_menu .item.search { - display: inline-block; - position: fixed; - left: 40px; } + z-index: 900; +} +.nav_menu .item.search { + display: inline-block; + position: fixed; + left: 40px; +} .flux { padding-left: 10px; - background: #fcfcfc; } - .flux::after { - margin: 0 auto; - width: 90%; - border-top: 1px solid #e3e3e3; } - .flux:hover, - .flux .current { - background: #fff; } - .flux:hover:not(.current):hover .item.title, - .flux .current:not(.current):hover .item.title { - background: #fff; } - .flux.favorite:not(.current) { - background: #fff6da; } - .flux.favorite:not(.current):hover .item.title { - background: #fff6da; } - .flux.not_read:not(.current) { - background: #fff3ed; } - .flux.not_read:not(.current):hover .item.title { - background: #fff3ed; } - .flux .date { - color: #969696; - font-size: 0.7rem; } - .flux .bottom { - font-size: 0.8rem; - text-align: center; } - .flux .website .favicon { - padding: 5px; } - .flux label { - color: #fcfcfc; - cursor: pointer; } + background: #fcfcfc; +} +.flux::after { + margin: 0 auto; + width: 90%; + border-top: 1px solid #e3e3e3; +} +.flux:hover, +.flux .current { + background: #fff; +} +.flux:hover:not(.current):hover .item.title, +.flux .current:not(.current):hover .item.title { + background: #fff; +} +.flux.favorite:not(.current) { + background: #fff6da; +} +.flux.favorite:not(.current):hover .item.title { + background: #fff6da; +} +.flux.not_read:not(.current) { + background: #fff3ed; +} +.flux.not_read:not(.current):hover .item.title { + background: #fff3ed; +} +.flux .date { + color: #969696; + font-size: 0.7rem; +} +.flux .bottom { + font-size: 0.8rem; + text-align: center; +} +.flux .website .favicon { + padding: 5px; +} +.flux label { + color: #fcfcfc; + cursor: pointer; +} .flux_header { font-size: 0.8rem; - cursor: pointer; } - .flux_header .title { - font-size: 0.9rem; } + cursor: pointer; +} +.flux_header .title { + font-size: 0.9rem; +} .notification { padding: 10px 0; @@ -625,167 +791,232 @@ form th { position: fixed; bottom: 48px; right: 0; - top: auto; } - .notification.good, - .notification .bad { - color: #fcfcfc; } - .notification.good { - background: #5eaabf; } - .notification.good a.close:hover { - background: #5eaabf; } - .notification.bad { - background: #c46178; } - .notification.bad a.close:hover { - background: #c46178; } - .notification#actualizeProgress { - line-height: 2em; } - .notification a.close { - display: none; } + top: auto; +} +.notification.good, +.notification .bad { + color: #fcfcfc; +} +.notification.good { + background: #5eaabf; +} +.notification.good a.close:hover { + background: #5eaabf; +} +.notification.bad { + background: #c46178; +} +.notification.bad a.close:hover { + background: #c46178; +} +.notification#actualizeProgress { + line-height: 2em; +} +.notification a.close { + display: none; +} #bigMarkAsRead { text-align: center; text-decoration: none; - background: #e3e3e3; } - #bigMarkAsRead:hover { - background: #22303d; - color: #fcfcfc; } + background: #e3e3e3; +} +#bigMarkAsRead:hover { + background: #22303d; + color: #fcfcfc; +} #nav_entries { margin: 0; text-align: center; line-height: 3em; table-layout: fixed; - background: #22303d; } + background: #22303d; +} .stat { - margin: 10px 0 20px; } - .stat th, - .stat td, - .stat tr { - border: none; } - .stat > table td, - .stat > table th { - border-bottom: 1px solid #e3e3e3; } - .stat > .horizontal-list { - margin: 0 0 5px; } - .stat > .horizontal-list .item { - overflow: hidden; - white-space: nowrap; - text-overflow: ellipsis; } - .stat > .horizontal-list .item:first-child { - width: 270px; } + margin: 10px 0 20px; +} +.stat th, +.stat td, +.stat tr { + border: none; +} +.stat > table td, +.stat > table th { + border-bottom: 1px solid #e3e3e3; +} +.stat > .horizontal-list { + margin: 0 0 5px; +} +.stat > .horizontal-list .item { + overflow: hidden; + white-space: nowrap; + text-overflow: ellipsis; +} +.stat > .horizontal-list .item:first-child { + width: 270px; +} .formLogin #global { - height: 0; } + height: 0; +} .formLogin .header { background: #22303d; - height: 55px; } - .formLogin .header > .item.configure { - width: 200px; - position: unset; } - .formLogin .header > .item.title h1 { - display: unset; } + height: 55px; +} +.formLogin .header > .item.configure { + width: 200px; + position: unset; +} +.formLogin .header > .item.title h1 { + display: unset; +} .formLogin a.signin { color: #fcfcfc; - padding-right: 5px; } + padding-right: 5px; +} .formLogin input { border-top: 1px #e3e3e3; border-left: 1px #e3e3e3; border-bottom: 1px #e3e3e3; - border-right: 5px solid; } + border-right: 5px solid; +} .loglist { overflow: hidden; - border: 1px solid #969696; } + border: 1px solid #969696; +} .log { padding: 5px 2%; background: #fcfcfc; font-size: 0.8rem; - overflow: auto; } - .log > .date { - margin: 0 0 0 10px; - padding: 5px 10px; } - .log.error > .date { - background: #c46178; - color: #fcfcfc; } - .log.warning > .date { - background: #fa8052; - color: #fcfcfc; } - .log.notice > .date { - background: #e3e3e3; - color: #fcfcfc; } - .log.debug > .date { - background: #181621; - color: #fcfcfc; } + overflow: auto; +} +.log > .date { + margin: 0 0 0 10px; + padding: 5px 10px; +} +.log.error > .date { + background: #c46178; + color: #fcfcfc; +} +.log.warning > .date { + background: #fa8052; + color: #fcfcfc; +} +.log.notice > .date { + background: #e3e3e3; + color: #fcfcfc; +} +.log.debug > .date { + background: #181621; + color: #fcfcfc; +} @media (max-width: 840px) { .formLogin .header { - display: none; } + display: none; + } + + .form-group .group-name { + padding-bottom: 0; + text-align: right; + } + + .box .box-title .configure, +.box .box-content .item .configure { + visibility: visible; + } .dropdown-header, .dropdown-menu > .item { - padding: 12px; } + padding: 12px; + } #new-article { width: 100%; position: sticky; - top: 0; } + top: 0; + } .header { - display: table; } - .header .item.title .logo { - display: none; } + 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; } + font-size: 0.6em; + } .header .item.configure, - button.read_all.btn { - display: none; } +button.read_all.btn { + display: none; + } .flux .item.manage, - .flux_header .item.website { +.flux_header .item.website { width: 35px; - text-align: center; } + 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:target { - width: 78%; - z-index: 1000; } + 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%; } + 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; } + margin: 0 0 3.5em; + } #panel .close { background: #22303d; @@ -793,115 +1024,158 @@ form th { height: 50px; line-height: 50px; text-align: left; - padding-left: 10px; } + padding-left: 10px; + } .day .name { - font-size: 1.1rem; } + 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; } + 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; } + width: 100% !important; + } + + .post { + padding-right: 15px; + padding-left: 15px; + } div#stream { - margin-top: 0px; } + margin-top: 0px; + } a.btn.toggle_aside { position: absolute; - top: 29px; } + top: 29px; + } form#mark-read-menu, - a#actualize, - a#toggle-order, - div#nav_menu_actions, - div#nav_menu_views { - position: absolute; } +a#actualize, +a#toggle-order, +div#nav_menu_actions, +div#nav_menu_views { + position: absolute; + } form#mark-read-menu { left: 46px; top: 30px; - z-index: 1100; } + z-index: 1100; + } a#actualize, - a#toggle-order { - left: 0px; } +a#toggle-order { + left: 0px; + } a#actualize { - top: 29px; } + top: 29px; + } a#toggle-order, - div#nav_menu_actions, - div#nav_menu_views { - top: 65px; } +div#nav_menu_actions, +div#nav_menu_views { + top: 65px; + } div#nav_menu_actions { - right: 0px; } + right: 0px; + } div#nav_menu_views { - left: 50px; } } + left: 50px; + } +} @media (max-width: 410px) { .nav_menu .stick { - margin: 0; } } + margin: 0; + } +} @media (max-width: 374px) { #nav_menu_views { - display: none; } } + display: none; + } +} button.as-link { color: #fcfcfc; - outline: none; } + outline: none; +} .dropdown-target:target ~ .btn.dropdown-toggle { - background: #00488b; } + background: #00488b; +} .tree-folder.active .tree-folder-title { background: #00488b; - font-weight: bold; } + font-weight: bold; +} .feed.item.empty { - color: #fa8052; } - .feed.item.empty.active { - background: #fa8052; - color: #fcfcfc; } - .feed.item.empty.active > a { - color: #fcfcfc; } - .feed.item.empty > a { - color: #fa8052; } + color: #fa8052; +} +.feed.item.empty.active { + background: #fa8052; + color: #fcfcfc; +} +.feed.item.empty.active > a { + color: #fcfcfc; +} +.feed.item.empty > a { + color: #fa8052; +} .feed.item.error { - color: #c46178; } - .feed.item.error.active { - background: #c46178; - color: #fcfcfc; } - .feed.item.error.active > a { - color: #fcfcfc; } - .feed.item.error > a { - color: #c46178; } + color: #c46178; +} +.feed.item.error.active { + background: #c46178; + color: #fcfcfc; +} +.feed.item.error.active > a { + color: #fcfcfc; +} +.feed.item.error > a { + color: #c46178; +} #dropdown-query ~ .dropdown-menu .dropdown-header .icon { vertical-align: middle; - float: left; } + float: left; +} #stream.reader .flux { padding: 0 0 50px; background: #fcfcfc; color: #22303d; - border: none; } - #stream.reader .flux .author { - margin: 0 0 10px; - color: #969696; - font-size: 90%; } + border: none; +} +#stream.reader .flux .author { + 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; +} diff --git a/p/themes/Swage/swage.scss b/p/themes/Swage/swage.scss index f37739d03..18f9b335e 100644 --- a/p/themes/Swage/swage.scss +++ b/p/themes/Swage/swage.scss @@ -1149,6 +1149,16 @@ form { display: none; } + .form-group .group-name { + padding-bottom: 0; + text-align: left; + } + + .box .box-title .configure, + .box .box-content .item .configure { + visibility: visible; + } + .dropdown-header, .dropdown-menu > .item { padding: 12px; } @@ -1203,6 +1213,13 @@ form { padding: 0; } + &.aside_feed .configure-feeds { + display: flex; + margin-top: 0; + margin-left: auto; + margin-right: auto; + } + &:target { width: 78%; z-index: 1000; @@ -1275,6 +1292,11 @@ form { width: 100% !important; } + .post { + padding-left: 15px; + padding-right: 15px; + } + div#stream { margin-top: 0px; } diff --git a/p/themes/base-theme/template.css b/p/themes/base-theme/template.css index 151a00910..7c4e73b3d 100644 --- a/p/themes/base-theme/template.css +++ b/p/themes/base-theme/template.css @@ -219,10 +219,19 @@ td.numeric { /*=== Buttons */ .stick { - display: inline-block; + display: inline-flex; + max-width: 100%; white-space: nowrap; } +.stick > input.long { + flex-shrink: 1; +} + +.stick > .btn { + flex-shrink: 0; +} + .btn, a.btn { display: inline-block; @@ -1031,6 +1040,10 @@ br { left: 0; } +#close-slider img { + display: none; +} + /*=== SLIDESHOW */ /*==============*/ .slides { @@ -1199,7 +1212,6 @@ input:checked + .slide-container .properties { @media (max-width: 840px) { .header, - .aside .btn-important, .flux_header .item.website span, .item.date, .day .date, .dropdown-menu > .no-mobile, @@ -1207,6 +1219,18 @@ input:checked + .slide-container .properties { display: none; } + .form-group { + margin-bottom: 10px; + } + + .form-group .group-name { + float: none; + } + + .form-group .group-controls { + margin-left: 0; + } + .dropdown .dropdown-menu { width: 100%; border-radius: 0; @@ -1242,6 +1266,10 @@ input:checked + .slide-container .properties { width: 90%; } + .aside_feed .configure-feeds { + margin-top: 10px; + } + .flux_header .item.website { width: 40px; } @@ -1274,6 +1302,26 @@ input:checked + .slide-container .properties { width: 30px; height: 30px; } + + #slider.active { + left: 0; + top: 50px; + } + + #close-slider img { + display: initial; + } + + #close-slider.active { + background: #f6f6f6; + display: block; + width: 100%; + height: 50px; + z-index: 10; + text-align: center; + line-height: 50px; + border-bottom: 1px solid #ddd; + } } /*=== PRINTER */ diff --git a/p/themes/base-theme/template.rtl.css b/p/themes/base-theme/template.rtl.css index 638aea6b9..fac75c97b 100644 --- a/p/themes/base-theme/template.rtl.css +++ b/p/themes/base-theme/template.rtl.css @@ -219,10 +219,19 @@ td.numeric { /*=== Buttons */ .stick { - display: inline-block; + display: inline-flex; + max-width: 100%; white-space: nowrap; } +.stick > input.long { + flex-shrink: 1; +} + +.stick > .btn { + flex-shrink: 0; +} + .btn, a.btn { display: inline-block; @@ -1031,6 +1040,10 @@ br { right: 0; } +#close-slider img { + display: none; +} + /*=== SLIDESHOW */ /*==============*/ .slides { @@ -1199,7 +1212,6 @@ input:checked + .slide-container .properties { @media (max-width: 840px) { .header, - .aside .btn-important, .flux_header .item.website span, .item.date, .day .date, .dropdown-menu > .no-mobile, @@ -1207,6 +1219,18 @@ input:checked + .slide-container .properties { display: none; } + .form-group { + margin-bottom: 10px; + } + + .form-group .group-name { + float: none; + } + + .form-group .group-controls { + margin-right: 0; + } + .dropdown .dropdown-menu { width: 100%; border-radius: 0; @@ -1242,6 +1266,10 @@ input:checked + .slide-container .properties { width: 90%; } + .aside_feed .configure-feeds { + margin-top: 10px; + } + .flux_header .item.website { width: 40px; } @@ -1274,6 +1302,26 @@ input:checked + .slide-container .properties { width: 30px; height: 30px; } + + #slider.active { + right: 0; + top: 50px; + } + + #close-slider img { + display: initial; + } + + #close-slider.active { + background: #f6f6f6; + display: block; + width: 100%; + height: 50px; + z-index: 10; + text-align: center; + line-height: 50px; + border-bottom: 1px solid #ddd; + } } /*=== PRINTER */ |