aboutsummaryrefslogtreecommitdiff
path: root/p/themes/Swage
diff options
context:
space:
mode:
Diffstat (limited to 'p/themes/Swage')
-rw-r--r--p/themes/Swage/icons/read.svg6
-rw-r--r--p/themes/Swage/icons/view-reader.svg7
-rw-r--r--p/themes/Swage/swage.css1730
-rw-r--r--p/themes/Swage/swage.scss340
4 files changed, 1024 insertions, 1059 deletions
diff --git a/p/themes/Swage/icons/read.svg b/p/themes/Swage/icons/read.svg
index 86f3e60f3..4ab272b39 100644
--- a/p/themes/Swage/icons/read.svg
+++ b/p/themes/Swage/icons/read.svg
@@ -1,5 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
-<style type="text/css">.st0{fill:#DDDDDD;}</style>
-<path class="st0" d="M15.9,6c0-0.6-0.3-1.1-0.7-1.4L8,0.4L0.8,4.6C0.3,4.9,0,5.4,0,6v8c0,0.9,0.7,1.6,1.6,1.6h12.8,c0.9,0,1.6-0.7,1.6-1.6L15.9,6z M8,10L1.4,5.9L8,2l6.6,3.9L8,10z"/>
-</svg>
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><style type="text/css"> .st0{fill:#DDDDDD;}</style><path class="st0" d="M15.9 6c0-0.6-0.3-1.1-0.7-1.4L8 0.4 0.8 4.6C0.3 4.9 0 5.4 0 6v8c0 0.9 0.7 1.6 1.6 1.6h12.8c0.9 0 1.6-0.7 1.6-1.6L15.9 6zM8 10L1.4 5.9 8 2l6.6 3.9L8 10z"/></svg> \ No newline at end of file
diff --git a/p/themes/Swage/icons/view-reader.svg b/p/themes/Swage/icons/view-reader.svg
index f8f9e7af5..afb82adf7 100644
--- a/p/themes/Swage/icons/view-reader.svg
+++ b/p/themes/Swage/icons/view-reader.svg
@@ -1,6 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg enable-background="new 0 0 16 16" version="1.1" viewBox="0 0 16 16" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
-<style type="text/css">.st0{fill:#FFFFFF;}</style>
-<path class="st0" d="M8.7,7.3h5.1v1.4H8.7V7.3z M8.7,5h5.1v1.4H8.7V5z M8.7,9.6h5.1V11H8.7V9.6z M14.5,0H1.5C0.7,0,0,0.8,0,1.8v11.9,c0,1,0.7,1.8,1.5,1.8h13.1c0.8,0,1.5-0.8,1.5-1.8V1.8C16,0.8,15.3,0,14.5,0z M14.5,13.8H8V1.8h6.5V13.8z"/>
-</svg>
-
+<svg viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><style type="text/css"> .st0{fill:#FFFFFF;}</style><path class="st0" d="M8.7 7.3h5.1v1.4H8.7V7.3zM8.7 5h5.1v1.4H8.7V5zM8.7 9.6h5.1V11H8.7V9.6zM14.5 0H1.5C0.7 0 0 0.8 0 1.8v11.9c0 1 0.7 1.8 1.5 1.8h13.1c0.8 0 1.5-0.8 1.5-1.8V1.8C16 0.8 15.3 0 14.5 0zM14.5 13.8H8V1.8h6.5V13.8z"/></svg> \ No newline at end of file
diff --git a/p/themes/Swage/swage.css b/p/themes/Swage/swage.css
index a861bca5c..6528d2305 100644
--- a/p/themes/Swage/swage.css
+++ b/p/themes/Swage/swage.css
@@ -1,1129 +1,909 @@
-textarea, input, select {
-min-height: 25px;
-margin-top: 4px;
-line-height: 25px;
-vertical-align: middle;
-background: #FCFCFC;
-border: none;
-padding-left: 5px;
-}
-
-input:invalid, select:invalid {
-color: #B0425B;
-border-color: #B0425B;
-box-shadow: none;
-}
+textarea, input,
+select {
+ min-height: 25px;
+ margin-top: 4px;
+ line-height: 25px;
+ vertical-align: middle;
+ background: #fcfcfc;
+ border: none;
+ padding-left: 5px; }
+
+input:invalid,
+select:invalid {
+ color: #b0425b;
+ border-color: #b0425b;
+ box-shadow: none; }
.nav-list .nav-header, .nav-list .item {
-height: 2.5em;
-line-height: 2.5em;
-font-size: 0.9rem;
-}
-
-.dropdown-menu > .item, .dropdown-menu > .item > a, .dropdown-menu > .item > span, .dropdown-menu > .item > as-link, .dropdown-menu > .item button {
-padding: 0 22px;
-line-height: 2.5em;
-font-size: 0.8rem;
-color: #FCFCFC;
-}
+ height: 2.5em;
+ line-height: 2.5em;
+ font-size: 0.9rem; }
+
+.dropdown-menu > .item, .dropdown-menu > .item > a,
+.dropdown-menu > .item > span,
+.dropdown-menu > .item > .as-link,
+.dropdown-menu > .item button {
+ padding: 0 22px;
+ color: #fcfcfc;
+ font-size: 0.8rem;
+ line-height: 2.5em; }
.form-group::after, .flux::after {
-content: "";
-display: block;
-clear: both;
-}
+ content: "";
+ display: block;
+ clear: both; }
.stick.configure-feeds, .header > .item.title, .aside, #new-article, .notification, #nav_entries {
-width: 231px;
-}
+ width: 231px; }
-html, body {
-height: 100%;
-font-family: Helvetica, Arial, sans-serif;
-}
+html,
+body {
+ height: 100%;
+ 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%;
-}
+ 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%; }
img.icon:hover {
-background: none;
-}
+ background: none; }
div#stream {
-margin-top: 35px;
-}
+ margin-top: 35px; }
sup {
-top: -0.3em;
-}
+ top: -0.3em; }
legend {
-display: inline-block;
-width: auto;
-margin: 20px 0 5px;
-padding: 5px 20px;
-font-size: 1.4em;
-clear: both;
-background: #e3e3e3;
-}
+ margin: 20px 0 5px;
+ padding: 5px 20px;
+ background: #e3e3e3;
+ display: inline-block;
+ width: auto;
+ font-size: 1.4em;
+ clear: both; }
label {
-min-height: 25px;
-}
+ min-height: 25px; }
textarea {
-width: 360px;
-height: 100px;
-background: #e3e3e3;
-}
-textarea:focus {
-border-color: #00488b;
-}
-
-input:focus, select:focus {
-border-color: #00488b;
-}
-input:disabled, select:disabled {
-background: #FCFCFC;
-}
+ background: #e3e3e3;
+ width: 360px;
+ height: 100px; }
+ textarea:focus {
+ border-color: #00488b; }
+
+input:focus,
+select:focus {
+ border-color: #00488b; }
+input:disabled,
+select:disabled {
+ background: #fcfcfc; }
select {
-background: #e3e3e3;
-}
+ background: #e3e3e3; }
input.extend {
-transition: width 200ms linear;
-}
+ transition: width 200ms linear; }
option {
-padding: 0 .5em;
-}
+ padding: 0 .5em; }
table {
-border-collapse: collapse;
-}
+ border-collapse: collapse; }
-tr, td, th {
-padding: 0.5em;
-border: 1px solid #e3e3e3;
-}
+tr,
+td,
+th {
+ padding: 0.5em;
+ border: 1px solid #e3e3e3; }
th {
-background: #FCFCFC;
-}
+ background: #fcfcfc; }
-form td, form th {
-font-weight: normal;
-text-align: center;
-}
+form td,
+form th {
+ font-weight: normal;
+ text-align: center; }
.category .title.error::before {
-display: inline-block;
-padding-right: 7px;
-width: 16px;
-content: url(../Swage/icons/error.svg);
-}
+ display: inline-block;
+ padding-right: 7px;
+ width: 16px;
+ content: url(../Swage/icons/error.svg); }
.form-group {
-padding: 5px;
-border: 1px solid transparent;
-}
-.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;
-}
+ 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; }
.stick {
-vertical-align: middle;
-font-size: 0;
-}
+ vertical-align: middle;
+ font-size: 0; }
.btn {
-display: inline-block;
-min-height: 35px;
-min-width: 15px;
-margin: 0;
-padding: 5px 10px;
-font-size: 0.9rem;
-vertical-align: middle;
-cursor: pointer;
-overflow: hidden;
-background: #0062be;
-border: none;
-color: #FCFCFC;
-}
-.btn.active, .btn :active, .btn :hover {
-background: #00488b;
-text-decoration: none;
-}
+ margin: 0;
+ padding: 5px 10px;
+ background: #0062be;
+ display: inline-block;
+ color: #fcfcfc;
+ font-size: 0.9rem;
+ border: none;
+ min-height: 35px;
+ min-width: 15px;
+ vertical-align: middle;
+ cursor: pointer;
+ overflow: hidden; }
+ .btn.active,
+ .btn :active,
+ .btn :hover {
+ background: #00488b;
+ text-decoration: none; }
.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;
-}
+ font-weight: normal;
+ background: #fa8052;
+ 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;
-}
+ padding: 0 10px;
+ font-weight: bold;
+ background: #22303d;
+ color: #fcfcfc;
+ 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;
-}
+ 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; }
.nav-list .item > a {
-padding: 0 10px;
-}
+ padding: 0 10px; }
.nav-list .item.empty a {
-color: #FA8052;
-}
+ color: #fa8052; }
.nav-list .item.error a {
-color: #c46178;
-}
+ color: #c46178; }
.nav-list .disable {
-text-align: center;
-background: #FCFCFC;
-color: #969696;
-}
+ text-align: center;
+ background: #fcfcfc;
+ color: #969696; }
.nav-list .nav-form {
-padding: 3px;
-text-align: center;
-}
+ padding: 3px;
+ text-align: center; }
.nav-list a:hover {
-text-decoration: none;
-}
+ text-decoration: none; }
.nav-head {
-margin: 0;
-text-align: right;
-background: #22303d;
-color: #FCFCFC;
-}
-.nav-head a {
-color: #FCFCFC;
-}
-.nav-head .item {
-padding: 5px 10px;
-font-size: 0.9rem;
-line-height: 1.5rem;
-}
+ 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; }
.horizontal-list {
-margin: 0;
-padding: 0;
-}
-.horizontal-list .item {
-vertical-align: middle;
-}
+ margin: 0;
+ 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;
-}
+ 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; }
.dropdown-header {
-padding: 0 5px 5px;
-font-weight: bold;
-text-align: left;
-color: #FCFCFC;
-}
+ padding: 0 5px 5px;
+ font-weight: bold;
+ text-align: left;
+ color: #fcfcfc; }
.separator {
-margin: 5px 0;
-border-bottom: 1px solid #e3e3e3;
-cursor: default;
-}
+ margin: 5px 0;
+ border-bottom: 1px solid #e3e3e3;
+ cursor: default; }
.alert {
-margin: 5px auto;
-padding: 10px 15px;
-font-size: 0.9em;
-background: #FCFCFC;
-border: none;
-color: #969696;
-text-shadow: 0 0 1px #FCFCFC;
-}
-.alert > a {
-text-decoration: underline;
-color: inherit;
-}
+ margin: 5px auto;
+ padding: 10px 15px;
+ background: #fcfcfc;
+ color: #969696;
+ font-size: 0.9em;
+ border: none;
+ text-shadow: 0 0 1px #fcfcfc; }
+ .alert > a {
+ color: inherit;
+ text-decoration: underline; }
.alert-head {
-font-size: 1.15em;
-}
+ font-size: 1.15em; }
-.alert-warn, .alert-success, .alert-error {
-border: none;
-}
+.alert-warn,
+.alert-success,
+.alert-error {
+ border: none; }
.alert-warn {
-background: #FCFCFC;
-color: #FA8052;
-}
+ background: #fcfcfc;
+ color: #fa8052; }
.alert-success {
-background: #FCFCFC;
-color: #5EAABF;
-}
+ background: #fcfcfc;
+ color: #5eaabf; }
.alert-error {
-background: #FCFCFC;
-color: #B0425B;
-}
+ background: #fcfcfc;
+ color: #b0425b; }
.pagination {
-text-align: center;
-font-size: 0.8em;
-background: #e3e3e3;
-color: #181621;
-}
-.pagination .item.pager-current {
-font-weight: bold;
-font-size: 1.5em;
-background: #22303d;
-color: #e3e3e3;
-}
-.pagination .item a {
-display: block;
-font-style: italic;
-line-height: 3em;
-text-decoration: none;
-color: #181621;
-}
-.pagination .item a:hover {
-background: #22303d;
-color: #e3e3e3;
-}
-.pagination .loading, .pagination a:hover.loading {
-font-size: 0;
-background: url(loader.gif) center center no-repeat #22303d;
-}
+ 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; }
.content {
-padding: 20px 10px;
-}
-.content .pagination {
-margin: 0;
-padding: 0;
-}
-.content hr {
-margin: 30px 10px;
-height: 1px;
-background: #e3e3e3;
-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;
-color: #B0425B;
-background: #FCFCFC;
-border: 1px solid #FCFCFC;
-}
-.content blockquote {
-display: block;
-margin: 0;
-padding: 5px 20px;
-border-top: 1px solid #e3e3e3;
-border-bottom: 1px solid #e3e3e3;
-background: #FCFCFC;
-color: #969696;
-}
-.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 {
-position: absolute;
-top: 5px;
-right: 10px;
-border: 0;
-background: none;
-font-weight: bold;
-box-shadow: none;
-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 {
-position: relative;
-padding: 0 10px;
-background: #22303d;
-line-height: 2.3rem;
-font-size: 1rem;
-height: 35px;
-}
-.tree-folder-title .title {
-background: inherit;
-color: #FCFCFC;
-}
-.tree-folder-title .title:hover {
-text-decoration: none;
-}
+ padding: 0 10px;
+ background: #22303d;
+ 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; }
.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.0);
-}
-#sidebar:hover {
-scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.0);
-}
-}
+ #sidebar {
+ scrollbar-color: rgba(255, 255, 255, 0.05) rgba(0, 0, 0, 0); }
+ #sidebar:hover {
+ scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0); } }
@supports not (scrollbar-width: thin) {
-#sidebar::-webkit-scrollbar-thumb {
-background: rgba(255, 255, 255, 0.1);
-}
-#sidebar:hover::-webkit-scrollbar-thumb {
-background: rgba(255, 255, 255, 0.3);
-}
-}
+ #sidebar::-webkit-scrollbar-thumb {
+ background: rgba(255, 255, 255, 0.1); }
+ #sidebar:hover::-webkit-scrollbar-thumb {
+ 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;
-}
+ position: fixed;
+ right: 0px;
+ z-index: 1000;
+ width: 35px; }
.header h1 {
-text-align: center;
-font-size: 1.5em;
-}
+ text-align: center;
+ font-size: 1.5em; }
.aside {
-background: #22303d;
-padding: 35px 0;
-}
-.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;
-}
+ 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; }
.aside_feed .tree-folder-title > .title:not([data-unread="0"])::after {
-position: absolute;
-right: 0;
-margin: 6px 0;
-padding: 0 10px;
-font-size: 0.9rem;
-line-height: 1.5rem;
-background: inherit;
-}
+ margin: 6px 0;
+ padding: 0 10px;
+ background: inherit;
+ font-size: 0.9rem;
+ position: absolute;
+ right: 0;
+ line-height: 1.5rem; }
.aside_feed .tree-folder-items .dropdown-menu::after {
-left: 2px;
-}
+ left: 2px; }
.post {
-padding: 10px 50px;
-font-size: 0.9em;
-}
-.post input {
-background: #e3e3e3;
-}
-.post input.long {
-height: 33px;
-margin-top: 0px;
-}
-.post form {
-margin: 10px 0;
-}
-.post.content {
-max-width: 550px;
-}
+ 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; }
.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 {
-text-align: center;
-font-size: 1em;
-background: #0062be;
-position: fixed;
-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;
-}
+ background: #0062be;
+ font-size: 1em;
+ text-align: center;
+ position: fixed;
+ bottom: 48px;
+ z-index: 900;
+ left: 0;
+ line-height: 1.5em; }
+ #new-article:hover {
+ background: #00488b; }
+ #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;
-}
+ padding: 0 10px;
+ font-weight: bold;
+ line-height: 3em;
+ text-align: center; }
+ .day .name {
+ display: none; }
.nav a {
-color: #FCFCFC;
-}
+ color: #fcfcfc; }
.nav_menu {
-font-size: 0;
-background-color: #0062be;
-position: fixed;
-width: 100%;
-z-index: 900;
-}
-.nav_menu .item.search {
-display: inline-block;
-position: fixed;
-right: 40px;
-}
+ width: 100%;
+ font-size: 0;
+ background-color: #0062be;
+ position: fixed;
+ 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: #FFFFFF;
-}
-.flux:hover:not(.current):hover .item.title, .flux .current:not(.current):hover .item.title {
-background: #FFFFFF;
-}
-.flux.not_read {
-background: #FFF3ED;
-}
-.flux.not_read:not(.current):hover .item.title {
-background: #FFF3ED;
-}
-.flux.favorite {
-background: #FFF6DA;
-}
-.flux.favorite:not(.current):hover .item.title {
-background: #FFF6DA;
-}
-.flux .date {
-font-size: 0.7rem;
-color: #969696;
-}
-.flux .bottom {
-font-size: 0.8rem;
-text-align: center;
-}
-.flux .website .favicon {
-padding: 5px;
-}
-.flux label {
-color: #FCFCFC;
-cursor: pointer;
-}
+ 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.not_read:not(.current) {
+ background: #fff3ed; }
+ .flux.not_read:not(.current):hover .item.title {
+ background: #fff3ed; }
+ .flux.favorite {
+ background: #fff6da; }
+ .flux.favorite:not(.current):hover .item.title {
+ background: #fff6da; }
+ .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;
-}
+ font-size: 0.8rem;
+ cursor: pointer; }
+ .flux_header .title {
+ font-size: 0.9rem; }
.notification {
-text-align: center;
-font-weight: bold;
-font-size: 1em;
-padding: 10px 0;
-z-index: 10;
-vertical-align: middle;
-background: #e3e3e3;
-color: #969696;
-border: none;
-position: fixed;
-bottom: 48px;
-left: 0;
-top: auto;
-height: 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;
-}
+ padding: 10px 0;
+ background: #e3e3e3;
+ height: auto;
+ color: #969696;
+ font-size: 1em;
+ border: none;
+ text-align: center;
+ font-weight: bold;
+ z-index: 10;
+ vertical-align: middle;
+ position: fixed;
+ bottom: 48px;
+ left: 0;
+ top: auto; }
+ .notification.good,
+ .notification .bad {
+ color: #fcfcfc; }
+ .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;
-}
+ text-align: center;
+ text-decoration: none;
+ background: #e3e3e3; }
+ #bigMarkAsRead:hover {
+ background: #22303d;
+ color: #fcfcfc; }
#nav_entries {
-margin: 0;
-text-align: center;
-line-height: 3em;
-table-layout: fixed;
-background: #22303d;
-}
+ margin: 0;
+ text-align: center;
+ line-height: 3em;
+ table-layout: fixed;
+ background: #22303d; }
.stat {
-margin: 10px 0 20px;
-}
-.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 {
-height: 55px;
-background: #22303d;
-}
-
-.formLogin .header > .item.configure {
-width: 200px;
-position: unset;
-}
-
+ background: #22303d;
+ 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;
-}
-
-.formLogin .header > .item.title h1 {
- display: unset;
-}
-
+ color: #fcfcfc;
+ padding-left: 5px; }
.formLogin input {
- border-left: 5px solid;
- border-right: 1px solid #e3e3e3;
- border-top: 1px solid #e3e3e3;
- border-bottom: 1px solid #e3e3e3;
-}
+ border-top: 1px #e3e3e3;
+ border-right: 1px #e3e3e3;
+ border-bottom: 1px #e3e3e3;
+ border-left: 5px solid; }
.loglist {
-overflow: hidden;
-border: 1px solid #969696;
-}
+ overflow: hidden;
+ border: 1px solid #969696; }
.log {
-padding: 5px 2%;
-overflow: auto;
-font-size: 0.8rem;
-background: #FCFCFC;
-}
-.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;
-}
+ 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; }
@media (max-width: 840px) {
-.formLogin .header {
-display: none;
-}
-
-.dropdown-header, .dropdown-menu > .item {
-padding: 12px;
-}
-
-#new-article {
-width: 100%;
-position: sticky;
-top: 0;
-}
-
-.header {
-display: table;
-}
-.header .item.title .logo {
-display: none;
-}
-
-.header > .item.title h1 a {
-display: block;
-position: absolute;
-top: -35px;
-left: 10px;
-font-size: 0.6em;
-}
-
-.header .item.configure, button.read_all.btn {
-display: none;
-}
-
-.flux .item.manage, .flux_header .item.website {
-width: 35px;
-text-align: center;
-}
-
-.aside {
-width: 0;
-transition: width 200ms linear;
-}
-.aside .toggle_aside {
-display: block;
-height: 50px;
-line-height: 50px;
-text-align: right;
-padding-right: 10px;
-background: #22303d;
-}
-.aside.aside_feed {
-padding: 0;
-}
-.aside:target {
-width: 78%;
-z-index: 1000;
-}
-
-.nav_menu {
-position: initial;
-height: 71px;
-}
-.nav_menu .btn {
-margin: 5px 10px;
-}
-.nav_menu .stick {
-margin: 0 10px;
-}
-.nav_menu .stick .btn {
-margin: 5px 0;
-}
-.nav_menu .search {
-position: absolute !important;
-top: 35px;
-left: 55px;
-}
-.nav_menu .search input {
-width: 85%;
-}
-
-.pagination {
-margin: 0 0 3.5em;
-}
-
-#panel .close {
-display: block;
-height: 50px;
-line-height: 50px;
-text-align: right;
-padding-right: 10px;
-background: #22303d;
-}
-
-.day .name {
-font-size: 1.1rem;
-}
-
-.notification {
-width: 100%;
-}
-.notification a.close {
-display: block;
-left: 0;
-background: transparent;
-}
-.notification a.close:hover {
-opacity: 0.5;
-}
-.notification a.close .icon {
-display: none;
-}
-
-#nav_entries {
-width: 100% !important;
-}
-
-div#stream {
-margin-top: 0px;
-}
-
-a.btn.toggle_aside {
-position: absolute;
-top: 29px;
-}
-
-form#mark-read-menu, a#actualize, a#toggle-order, div#nav_menu_actions, div#nav_menu_views {
-position: absolute;
-}
-
-form#mark-read-menu {
-right: 46px;
-top: 30px;
-z-index: 1100;
-}
-
-a#actualize, a#toggle-order {
-right: 0px;
-}
-
-a#actualize {
-top: 29px;
-}
-
-a#toggle-order, div#nav_menu_actions, div#nav_menu_views {
-top: 65px;
-}
-
-div#nav_menu_actions {
-left: 0px;
-}
-
-div#nav_menu_views {
-right: 50px;
-}
-}
+ .formLogin .header {
+ display: none; }
+
+ .dropdown-header, .dropdown-menu > .item {
+ padding: 12px; }
+
+ #new-article {
+ width: 100%;
+ position: sticky;
+ top: 0; }
+
+ .header {
+ display: table; }
+ .header .item.title .logo {
+ display: none; }
+
+ .header > .item.title h1 a {
+ display: block;
+ position: absolute;
+ top: -35px;
+ left: 10px;
+ font-size: 0.6em; }
+
+ .header .item.configure,
+ button.read_all.btn {
+ display: none; }
+
+ .flux .item.manage,
+ .flux_header .item.website {
+ width: 35px;
+ text-align: center; }
+
+ .aside {
+ width: 0;
+ transition: width 200ms linear; }
+ .aside .toggle_aside {
+ background: #22303d;
+ display: block;
+ height: 50px;
+ line-height: 50px;
+ text-align: right;
+ padding-right: 10px; }
+ .aside.aside_feed {
+ padding: 0; }
+ .aside:target {
+ width: 78%;
+ z-index: 1000; }
+
+ .nav_menu {
+ position: initial;
+ height: 71px; }
+ .nav_menu .btn {
+ margin: 5px 10px; }
+ .nav_menu .stick {
+ margin: 0 10px; }
+ .nav_menu .stick .btn {
+ margin: 5px 0; }
+ .nav_menu .search {
+ position: absolute !important;
+ top: 35px;
+ left: 55px; }
+ .nav_menu .search input {
+ width: 85%; }
+
+ .pagination {
+ margin: 0 0 3.5em; }
+
+ #panel .close {
+ background: #22303d;
+ display: block;
+ height: 50px;
+ line-height: 50px;
+ text-align: right;
+ padding-right: 10px; }
+
+ .day .name {
+ font-size: 1.1rem; }
+
+ .notification {
+ width: 100%; }
+ .notification a.close {
+ background: transparent;
+ display: block;
+ left: 0; }
+ .notification a.close:hover {
+ opacity: 0.5; }
+ .notification a.close .icon {
+ display: none; }
+
+ #nav_entries {
+ width: 100% !important; }
+
+ div#stream {
+ margin-top: 0px; }
+
+ a.btn.toggle_aside {
+ position: absolute;
+ top: 29px; }
+
+ form#mark-read-menu,
+ a#actualize,
+ a#toggle-order,
+ div#nav_menu_actions,
+ div#nav_menu_views {
+ position: absolute; }
+
+ form#mark-read-menu {
+ right: 46px;
+ top: 30px;
+ z-index: 1100; }
+
+ a#actualize,
+ a#toggle-order {
+ right: 0px; }
+
+ a#actualize {
+ top: 29px; }
+
+ a#toggle-order,
+ div#nav_menu_actions,
+ div#nav_menu_views {
+ top: 65px; }
+
+ div#nav_menu_actions {
+ left: 0px; }
+
+ div#nav_menu_views {
+ right: 50px; } }
@media (max-width: 410px) {
-.nav_menu .stick {
-margin: 0;
-}
-}
+ .nav_menu .stick {
+ margin: 0; } }
@media (max-width: 374px) {
-#nav_menu_views {
-display: none;
-}
-}
+ #nav_menu_views {
+ display: none; } }
button.as-link {
-color: #FCFCFC;
-outline: none;
-}
+ color: #fcfcfc;
+ outline: none; }
.dropdown-target:target ~ .btn.dropdown-toggle {
-background: #00488b;
-}
+ background: #00488b; }
.tree-folder.active .tree-folder-title {
-background: #00488b;
-font-weight: bold;
-}
+ background: #00488b;
+ font-weight: bold; }
.feed.item.empty {
-color: #FA8052;
-}
-.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;
-}
+ vertical-align: middle;
+ float: right; }
#stream.reader .flux {
-padding: 0 0 50px;
-background: #FCFCFC;
-color: #22303d;
-border: none;
-}
-#stream.reader .flux .author {
-margin: 0 0 10px;
-font-size: 90%;
-color: #969696;
-}
+ padding: 0 0 50px;
+ background: #fcfcfc;
+ color: #22303d;
+ 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.scss b/p/themes/Swage/swage.scss
index eb1dbc1ab..9c2702fc0 100644
--- a/p/themes/Swage/swage.scss
+++ b/p/themes/Swage/swage.scss
@@ -2,15 +2,15 @@
//colors
$color_text: #181621;
-$color_light: #FCFCFC;
+$color_light: #fcfcfc;
$color_nav: #0062be;
$color_aside: #22303d;
-$color_alert: #FA8052;
-$color_good: #5EAABF;
-$color_bad: #B0425B;
-$color_stared: #FFF6DA;
-$color_unread: #FFF3ED;
-$color_hover: #FFFFFF;
+$color_alert: #fa8052;
+$color_good: #5eaabf;
+$color_bad: #b0425b;
+$color_stared: #fff6da;
+$color_unread: #fff3ed;
+$color_hover: #fff;
// @extend-elements
@@ -38,9 +38,9 @@ $color_hover: #FFFFFF;
%dropdown {
padding: 0 22px;
- line-height: 2.5em;
- font-size: 0.8rem;
color: $color_light;
+ font-size: 0.8rem;
+ line-height: 2.5em;
}
%after {
@@ -63,19 +63,23 @@ body {
a {
color: darken( $color_nav, 10%);
outline: none;
+
&.btn {
min-height: 25px;
line-height: 25px;
text-decoration: none;
+
&:hover {
background: darken( $color_nav, 10%);
}
}
+
&#btn-subscription {
width: 76%;
}
+
&#btn-importExport {
- width: 5%;
+ width: 5%;
}
}
@@ -94,13 +98,13 @@ sup {
}
legend {
- display: inline-block;
- width: auto;
margin: 20px 0 5px;
padding: 5px 20px;
+ background: darken( $color_light, 10%);
+ display: inline-block;
+ width: auto;
font-size: 1.4em;
clear: both;
- background: darken( $color_light, 10%);
}
label {
@@ -108,10 +112,12 @@ label {
}
textarea {
+ background: darken( $color_light, 10% );
width: 360px;
height: 100px;
+
@extend %input;
- background: darken( $color_light, 10% );
+
&:focus {
border-color: darken( $color_nav, 10%);
}
@@ -119,13 +125,18 @@ textarea {
input,
select {
+
@extend %input;
+
&:focus {
border-color: darken( $color_nav, 10%);
}
+
&:invalid {
+
@extend %invalid;
}
+
&:disabled {
background: $color_light;
}
@@ -167,6 +178,7 @@ form {
text-align: center;
}
}
+
.category {
.title.error::before {
display: inline-block;
@@ -180,60 +192,71 @@ form {
.form-group {
padding: 5px;
border: 1px solid transparent;
+
&:hover {
background: $color_light;
border: 1px solid $color_light;
}
+
&.form-actions {
margin: 15px 0 25px;
padding: 5px 0;
background: darken( $color_light, 10%);
border-top: 3px solid darken( $color_light, 10%);
+
.btn {
margin: 0 10px;
}
}
+
.group-name {
padding: 10px 0;
text-align: right;
}
+
.group-controls {
min-height: 25px;
padding: 5px 0;
+
.control {
line-height: 2.0em;
}
}
+
table {
margin: 10px 0 0 220px;
}
}
.form-group::after {
+
@extend %after;
}
.stick {
vertical-align: middle;
font-size: 0;
+
&.configure-feeds {
+
@extend %aside-width;
}
}
.btn {
- display: inline-block;
- min-height: 35px;
- min-width: 15px;
margin: 0;
padding: 5px 10px;
+ background: $color_nav;
+ display: inline-block;
+ color: $color_light;
font-size: 0.9rem;
+ border: none;
+ min-height: 35px;
+ min-width: 15px;
vertical-align: middle;
cursor: pointer;
overflow: hidden;
- background: $color_nav;
- border: none;
- color: $color_light;
+
&.active,
:active,
:hover {
@@ -246,6 +269,7 @@ form {
font-weight: normal;
background: $color_alert;
color: $color_light;
+
&:hover,
:active {
background: darken( $color_alert, 10%) !important;
@@ -254,6 +278,7 @@ form {
.nav-list {
.nav-header {
+
@extend %nav-list;
padding: 0 10px;
font-weight: bold;
@@ -261,45 +286,58 @@ form {
color: $color_light;
cursor: default;
}
+
.item {
+
@extend %nav-list;
+
&:hover,
&.active {
background: darken( $color_nav, 10%);
color: $color_light;
+
a {
color: $color_light;
}
+
&.empty a,
.error a {
color: $color_light;
}
+
&.empty a {
background: $color_alert;
}
+
&.error a {
background: lighten( $color_bad, 10%);
}
}
+
> a {
padding: 0 10px;
}
+
&.empty a {
color: $color_alert;
}
+
&.error a {
color: lighten( $color_bad, 10%);
}
}
+
.disable {
text-align: center;
background: $color_light;
color: darken( $color_light, 40% );
}
+
.nav-form {
padding: 3px;
text-align: center;
}
+
a:hover {
text-decoration: none;
}
@@ -310,9 +348,11 @@ form {
text-align: right;
background: $color_aside;
color: $color_light;
+
a {
color: $color_light;
}
+
.item {
padding: 5px 10px;
font-size: 0.9rem;
@@ -323,6 +363,7 @@ form {
.horizontal-list {
margin: 0;
padding: 0;
+
.item {
vertical-align: middle;
}
@@ -334,38 +375,48 @@ form {
text-align: left;
border: none;
background-color: darken( $color_nav, 10%);
+
.dropdown-header {
cursor: default;
}
+
> {
.item {
+
@extend %dropdown;
padding: 0;
margin-left: 10px;
+
> a,
> span,
- > as-link,
+ > .as-link,
button {
+
@extend %dropdown;
}
+
> a {
min-width: initial;
white-space: nowrap;
}
+
&:hover {
background: $color_nav;
color: $color_light;
+
> a {
text-decoration: none;
color: $color_light;
}
}
}
+
.item[aria-checked="true"] > a::before {
font-weight: bold;
margin: 0 0 0 -14px;
}
}
+
.input {
select,
input {
@@ -391,14 +442,15 @@ form {
.alert {
margin: 5px auto;
padding: 10px 15px;
- font-size: 0.9em;
background: $color_light;
- border: none;
color: darken( $color_light, 40% );
+ font-size: 0.9em;
+ border: none;
text-shadow: 0 0 1px $color_light;
+
> a {
- text-decoration: underline;
color: inherit;
+ text-decoration: underline;
}
}
@@ -428,49 +480,56 @@ form {
}
.pagination {
- text-align: center;
- font-size: 0.8em;
background: darken( $color_light, 10%);
color: $color_text;
+ font-size: 0.8em;
+ text-align: center;
+
.item {
&.pager-current {
- font-weight: bold;
- font-size: 1.5em;
background: $color_aside;
color: darken( $color_light, 10%);
+ font-size: 1.5em;
+ font-weight: bold;
}
+
a {
display: block;
+ color: $color_text;
font-style: italic;
line-height: 3em;
text-decoration: none;
- color: $color_text;
+
&:hover {
background: $color_aside;
color: darken( $color_light, 10%);
}
}
}
+
.loading,
a:hover.loading {
- font-size: 0;
background: url(loader.gif) center center no-repeat $color_aside;
+ font-size: 0;
}
}
.content {
padding: 20px 10px;
+
.pagination {
margin: 0;
padding: 0;
}
+
hr {
margin: 30px 10px;
- height: 1px;
background: darken( $color_light, 10%);
+ height: 1px;
border: 0;
box-shadow: 0 2px 5px darken( $color_light, 10%);
}
+
pre {
margin: 10px auto;
padding: 10px 20px;
@@ -478,30 +537,35 @@ form {
background: $color_text;
color: $color_light;
font-size: 0.9rem;
+
code {
background: transparent;
color: $color_light;
border: none;
}
}
+
code {
padding: 2px 5px;
- color: $color_bad;
background: $color_light;
+ color: $color_bad;
border: 1px solid $color_light;
}
+
blockquote {
- display: block;
margin: 0;
padding: 5px 20px;
- border-top: 1px solid darken( $color_light, 10%);
- border-bottom: 1px solid darken( $color_light, 10%);
background: $color_light;
+ display: block;
color: darken( $color_light, 40% );
+ border-top: 1px solid darken( $color_light, 10%);
+ border-bottom: 1px solid darken( $color_light, 10%);
+
p {
margin: 0;
}
}
+
> h1.title > a {
color: $color_text;
}
@@ -509,6 +573,7 @@ form {
.box {
border: 1px solid darken( $color_light, 10%);
+
.box-title {
margin: 0;
padding: 5px 10px;
@@ -516,50 +581,61 @@ form {
color: darken( $color_light, 40% );
border-bottom: 1px solid darken( $color_light, 10%);
}
+
.box-content {
max-height: 260px;
+
.item {
padding: 0 10px;
font-size: 0.9rem;
line-height: 2.5em;
+
.configure {
visibility: hidden;
+
.icon {
vertical-align: middle;
background-color: darken( $color_light, 10%);
}
}
+
&:hover .configure {
visibility: visible;
}
}
}
+
&.category {
.box-title .title {
font-weight: normal;
text-decoration: none;
text-align: left;
}
+
&:not([data-unread="0"]) .box-title {
background: $color_nav;
+
&:active {
background: darken( $color_nav, 10%);
}
+
.title {
font-weight: bold;
color: $color_light;
}
}
+
.title:not([data-unread="0"])::after {
+ background: none;
+ border: 0;
+ box-shadow: none;
position: absolute;
top: 5px;
right: 10px;
- border: 0;
- background: none;
font-weight: bold;
- box-shadow: none;
text-shadow: none;
}
+
.item.feed {
padding: 2px 10px;
font-size: 0.8rem;
@@ -572,15 +648,17 @@ form {
}
.tree-folder-title {
- position: relative;
padding: 0 10px;
background: $color_aside;
- line-height: 2.3rem;
- font-size: 1rem;
height: 35px;
+ font-size: 1rem;
+ position: relative;
+ line-height: 2.3rem;
+
.title {
background: inherit;
color: $color_light;
+
&:hover {
text-decoration: none;
}
@@ -589,13 +667,16 @@ form {
.tree-folder-items {
background: $color_aside;
+
> .item {
padding: 0 10px;
line-height: 2.5rem;
font-size: 0.8rem;
+
&.active {
background: darken( $color_nav, 10%);
}
+
> a {
text-decoration: none;
color: $color_light;
@@ -607,6 +688,7 @@ form {
#sidebar {
scrollbar-color: rgba(255, 255, 255, 0.05) rgba(0, 0, 0, 0.0);
}
+
#sidebar:hover {
scrollbar-color: rgba(255, 255, 255, 0.3) rgba(0, 0, 0, 0.0);
}
@@ -616,6 +698,7 @@ form {
#sidebar::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.1);
}
+
#sidebar:hover::-webkit-scrollbar-thumb {
background: rgba(255, 255, 255, 0.3);
}
@@ -624,17 +707,22 @@ form {
.header {
> .item {
vertical-align: middle;
+
&.title {
+
@extend %aside-width;
position: absolute;
+
h1 {
margin: 0;
display: block;
+
a {
text-decoration: none;
color: $color_light;
}
}
+
.logo {
display: inline-block;
height: 26px;
@@ -643,22 +731,27 @@ form {
top: 5px;
}
}
+
&.search input {
width: 230px;
}
}
+
.item.search input:focus {
width: 350px;
}
+
.item.search {
display: none;
}
+
.item.configure {
position: fixed;
right: 0px;
z-index: 1000;
width: 35px;
}
+
h1 {
text-align: center;
font-size: 1.5em;
@@ -666,22 +759,27 @@ form {
}
.aside {
- background: $color_aside;
padding: 35px 0;
+ background: $color_aside;
+
@extend %aside-width;
+
&.aside_feed {
.tree {
margin: 0 0 50px;
}
+
.nav-form {
input,
select {
width: 140px;
}
+
.dropdown {
.dropdown-menu {
right: -20px;
}
+
.dropdown-menu::after {
right: 33px;
}
@@ -692,14 +790,15 @@ form {
.aside_feed {
.tree-folder-title > .title:not([data-unread="0"])::after {
- position: absolute;
- right: 0;
margin: 6px 0;
padding: 0 10px;
+ background: inherit;
font-size: 0.9rem;
+ position: absolute;
+ right: 0;
line-height: 1.5rem;
- background: inherit;
}
+
.tree-folder-items .dropdown-menu::after {
left: 2px;
}
@@ -708,16 +807,20 @@ form {
.post {
padding: 10px 50px;
font-size: 0.9em;
+
input {
background: darken( $color_light, 10% );
- &.long{
+
+ &.long {
height: 33px;
- margin-top: 0px;
+ margin-top: 0px;
}
}
+
form {
margin: 10px 0;
}
+
&.content {
max-width: 550px;
}
@@ -725,39 +828,47 @@ form {
.prompt {
text-align: center;
+
label {
text-align: left;
}
+
form {
margin: 10px auto 20px auto;
width: 200px;
}
+
input {
margin: 5px auto;
width: 100%;
}
+
p {
margin: 20px 0;
}
}
#new-article {
- text-align: center;
- font-size: 1em;
background: $color_nav;
+ font-size: 1em;
+ text-align: center;
position: fixed;
bottom: 48px;
z-index: 900;
left: 0;
- @extend %aside-width;
line-height: 1.5em;
+
+ @extend %aside-width;
+
&:hover {
background: darken( $color_nav, 10%);
}
+
> a {
line-height: 1.5em;
font-weight: bold;
color: $color_light;
+
&:hover {
text-decoration: none;
}
@@ -769,6 +880,7 @@ form {
font-weight: bold;
line-height: 3em;
text-align: center;
+
.name {
display: none;
}
@@ -782,11 +894,12 @@ form {
.nav_menu {
+ width: 100%;
font-size: 0;
background-color: $color_nav;
position: fixed;
- width: 100%;
z-index: 900;
+
.item.search {
display: inline-block;
position: fixed;
@@ -797,42 +910,56 @@ form {
.flux {
padding-right: 10px;
background: $color_light;
+
&::after {
+
@extend %after;
margin: 0 auto;
width: 90%;
border-top: 1px solid darken( $color_light, 10%);
}
+
&:hover,
.current {
background: $color_hover;
+
&:not(.current):hover .item.title {
background: $color_hover;
}
}
+
&.not_read {
- background: $color_unread;
+ &:not(.current) {
+ background: $color_unread;
+ }
+
&:not(.current):hover .item.title {
background: $color_unread;
}
}
- &.favorite,{
+
+ &.favorite, {
background: $color_stared;
+
&:not(.current):hover .item.title {
background: $color_stared;
}
}
+
.date {
- font-size: 0.7rem;
color: darken( $color_light, 40% );
+ font-size: 0.7rem;
}
+
.bottom {
font-size: 0.8rem;
text-align: center;
}
+
.website .favicon {
padding: 5px;
}
+
label {
color: $color_light;
cursor: pointer;
@@ -842,46 +969,55 @@ form {
.flux_header {
font-size: 0.8rem;
cursor: pointer;
+
.title {
font-size: 0.9rem;
}
}
.notification {
- text-align: center;
- font-weight: bold;
- font-size: 1em;
padding: 10px 0;
- z-index: 10;
- vertical-align: middle;
background: darken( $color_light, 10%);
+ height: auto;
color: darken( $color_light, 40% );
+ font-size: 1em;
border: none;
+ text-align: center;
+ font-weight: bold;
+ z-index: 10;
+ vertical-align: middle;
position: fixed;
bottom: 48px;
left: 0;
top: auto;
+
@extend %aside-width;
- height: auto;
+
&.good,
.bad {
color: $color_light;
}
+
&.good {
background: $color_good;
+
a.close:hover {
background: $color_good;
}
}
+
&.bad {
background: lighten( $color_bad, 10%);
+
a.close:hover {
background: lighten( $color_bad, 10%);
}
}
+
&#actualizeProgress {
line-height: 2em;
}
+
a.close {
display: none;
}
@@ -891,6 +1027,7 @@ form {
text-align: center;
text-decoration: none;
background: darken( $color_light, 10%);
+
&:hover {
background: $color_aside;
color: $color_light;
@@ -902,29 +1039,35 @@ form {
text-align: center;
line-height: 3em;
table-layout: fixed;
+
@extend %aside-width;
background: $color_aside;
}
.stat {
margin: 10px 0 20px;
+
th,
td,
tr {
border: none;
}
+
> table {
td,
th {
border-bottom: 1px solid darken( $color_light, 10%);
}
}
+
> .horizontal-list {
margin: 0 0 5px;
+
.item {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
+
&:first-child {
width: 270px;
}
@@ -938,28 +1081,31 @@ form {
}
.header {
- height: 55px;
background: $color_aside;
+ height: 55px;
+
> .item {
&.configure {
width: 200px;
position: unset;
}
+
&.title h1 {
display: unset;
}
}
}
+
a.signin {
color: $color_light;
padding-left: 5px;
}
input {
- border-left: 5px solid;
- border-right: 1px darken( $color_light, 10%);
border-top: 1px darken( $color_light, 10%);
+ border-right: 1px darken( $color_light, 10%);
border-bottom: 1px darken( $color_light, 10%);
+ border-left: 5px solid;
}
}
@@ -970,49 +1116,59 @@ form {
.log {
padding: 5px 2%;
- overflow: auto;
- font-size: 0.8rem;
background: $color_light;
+ font-size: 0.8rem;
+ overflow: auto;
+
> .date {
margin: 0 10px 0 0;
padding: 5px 10px;
}
+
&.error > .date {
background: lighten( $color_bad, 10%);
color: $color_light;
}
+
&.warning > .date {
background: $color_alert;
color: $color_light;
}
+
&.notice > .date {
background: darken( $color_light, 10%);
color: $color_light;
}
+
&.debug > .date {
background: $color_text;
color: $color_light;
}
}
-@media(max-width: 840px) {
+@media (max-width: 840px) {
.formLogin .header {
display: none;
}
+
.dropdown-header, .dropdown-menu > .item {
padding: 12px;
}
+
#new-article {
width: 100%;
position: sticky;
top: 0;
}
+
.header {
display: table;
+
.item.title .logo {
display: none;
}
}
+
.header > .item.title h1 a {
display: block;
position: absolute;
@@ -1020,93 +1176,116 @@ form {
left: 10px;
font-size: 0.6em;
}
+
.header .item.configure,
button.read_all.btn {
display: none;
}
+
.flux .item.manage,
.flux_header .item.website {
width: 35px;
text-align: center;
}
+
.aside {
width: 0;
transition: width 200ms linear;
+
.toggle_aside {
+ background: $color_aside;
display: block;
height: 50px;
line-height: 50px;
text-align: right;
padding-right: 10px;
- background: $color_aside;
}
+
&.aside_feed {
padding: 0;
}
+
&:target {
width: 78%;
z-index: 1000;
}
}
+
.nav_menu {
position: initial;
height: 71px;
+
.btn {
margin: 5px 10px;
}
+
.stick {
margin: 0 10px;
+
.btn {
margin: 5px 0;
}
}
+
.search {
position: absolute !important;
top: 35px;
left: 55px;
+
input {
width: 85%;
}
}
}
+
.pagination {
margin: 0 0 3.5em;
}
+
#panel .close {
+ background: $color_aside;
display: block;
height: 50px;
line-height: 50px;
text-align: right;
padding-right: 10px;
- background: $color_aside;
}
+
.day .name {
font-size: 1.1rem;
}
+
.notification {
width: 100%;
+
a.close {
+ background: transparent;
display: block;
left: 0;
- background: transparent;
+
&:hover {
opacity: 0.5;
}
+
.icon {
display: none;
}
}
}
+
#nav_entries {
width: 100% !important;
}
+
div#stream {
margin-top: 0px;
}
+
a.btn.toggle_aside {
position: absolute;
top: 29px;
}
+
form#mark-read-menu,
a#actualize,
a#toggle-order,
@@ -1114,38 +1293,44 @@ form {
div#nav_menu_views {
position: absolute;
}
+
form#mark-read-menu {
right: 46px;
top: 30px;
z-index: 1100;
}
+
a#actualize,
a#toggle-order {
right: 0px;
}
+
a#actualize {
top: 29px;
}
+
a#toggle-order,
div#nav_menu_actions,
div#nav_menu_views {
top: 65px;
}
+
div#nav_menu_actions {
left: 0px;
}
+
div#nav_menu_views {
right: 50px;
}
}
-@media(max-width: 410px) {
+@media (max-width: 410px) {
.nav_menu .stick {
margin: 0;
}
}
-@media(max-width: 374px) {
+@media (max-width: 374px) {
#nav_menu_views {
display: none;
}
@@ -1168,26 +1353,33 @@ button.as-link {
.feed.item {
&.empty {
color: $color_alert;
+
&.active {
background: $color_alert;
color: $color_light;
+
> a {
color: $color_light;
}
}
+
> a {
color: $color_alert;
}
}
+
&.error {
color: lighten( $color_bad, 10%);
+
&.active {
background: lighten( $color_bad, 10%);
color: $color_light;
+
> a {
color: $color_light;
}
}
+
> a {
color: lighten( $color_bad, 10%);
}
@@ -1204,16 +1396,17 @@ button.as-link {
background: $color_light;
color: $color_aside;
border: none;
+
.author {
margin: 0 0 10px;
- font-size: 90%;
color: darken( $color_light, 40% );
+ font-size: 90%;
}
}
#nav_menu_actions, #nav_menu_read_all {
ul.dropdown-menu {
- left: 0px;
+ left: 0px;
}
}
@@ -1221,6 +1414,7 @@ button.as-link {
label {
min-height: initial;
}
+
.form-group {
&:hover {
background: inital;
generated by cgit v1.2.3 (git 2.39.1) at 2026-02-10 07:30:56 +0000