This page lists files in the current directory. You can view content, get download/execute commands for Wget, Curl, or PowerShell, or filter the list using wildcards (e.g., `*.sh`).
wget 'https://lists2.roe3.org/FreshRSS/p/themes/Swage/loader.gif'wget 'https://lists2.roe3.org/FreshRSS/p/themes/Swage/metadata.json'{
"name": "Swage",
"author": "Patrick Crandol",
"description": "A Fresh take on the interface, inspired by the Flat Theme.",
"version": 1.0,
"files": ["_frss.css", "swage.css"],
"theme-color": "#22303d"
}
wget 'https://lists2.roe3.org/FreshRSS/p/themes/Swage/swage.css':root {
--color-text-light: #fcfcfc;
--color-text-light-darker: #969696;
--color-text-dark: #181621;
--color-text-nav: #00488b;
--color-text-aside: #22303d;
--color-text-alert: #fa8052;
--color-text-good: #5eaabf;
--color-text-bad: #b0425b;
--color-text-bad-lighter: #c46178;
--color-text-shadow-light: #fcfcfc;
--color-box-shadow-light: #e3e3e3;
--color-border-light: #fcfcfc;
--color-border-light-darker: #e3e3e3;
--color-border-grey: #e3e3e3;
--color-border-nav: #00488b;
--color-border-bad: #b0425b;
--color-background-light: #fcfcfc;
--color-background-light-darker: #e3e3e3;
--color-background-light-darker-transparent: rgba(217, 217, 217, 0.7333333333);
--color-background-dark: #181621;
--color-background-nav: #0062be;
--color-background-nav-darker: #00488b;
--color-background-aside: #22303d;
--color-background-alert: #fa8052;
--color-background-alert-darker: #f95c20;
--color-background-good: #5eaabf;
--color-background-bad: #c46178;
--color-background-stared: #fff6da;
--color-background-unread: #fff3ed;
--color-background-hover: #fff;
--frss-scrollbar-handle: rgba(0, 0, 0, 0.1);
--frss-scrollbar-handle-hover: rgba(0, 0, 0, 0.4);
--frss-scrollbar-track: rgba(0, 0, 0, 0.05);
--frss-scrollbar-track-hover: rgba(0, 0, 0, 0.1);
}
input,
select, textarea {
min-height: 25px;
margin-top: 4px;
line-height: 2.25;
vertical-align: middle;
background-color: var(--color-background-light);
border: 2px solid var(--color-border-grey);
padding-left: 8px;
}
input:invalid,
select:invalid {
padding-left: 5px;
color: var(--color-text-bad);
border-left-color: var(--color-border-bad);
border-left-width: 5px;
box-shadow: none;
}
.nav-list .item .nav-header, .nav-list .item {
min-height: 2.5em;
line-height: 2.5;
}
.dropdown-menu > .item a,
.dropdown-menu > .item > span,
.dropdown-menu > .item > .as-link,
.dropdown-menu > .item button, .dropdown-menu > .item {
padding: 0 22px;
color: var(--color-text-light);
font-size: 0.8rem;
line-height: 2.5;
}
.flux::after, .form-group::after {
display: block;
clear: both;
}
#nav_entries, .notification, #new-article, .aside, .header > .item.title, .stick.configure-feeds {
width: 231px;
}
html,
body {
color: var(--color-text-dark);
font-family: Helvetica, Arial, sans-serif;
}
a {
color: var(--color-text-nav);
outline: none;
}
a#btn-subscription {
width: 76%;
}
a#btn-add {
width: 5%;
}
img.icon:hover {
background: none;
}
sup {
top: -0.3em;
}
legend {
margin: 20px 0 5px;
padding: 5px 20px;
background-color: var(--color-background-aside);
display: inline-block;
width: auto;
color: var(--color-text-light);
font-size: 1.4em;
clear: both;
}
label {
min-height: 25px;
}
textarea {
width: 360px;
height: 100px;
}
textarea:focus {
border-color: var(--color-border-nav);
}
input:focus,
select:focus {
border-color: var(--color-border-nav);
}
input:disabled,
select:disabled {
background-color: var(--color-background-light);
}
select {
padding-top: 7px;
padding-bottom: 8px;
}
option {
padding: 0 0.5em;
}
table {
border-collapse: collapse;
}
td,
th {
border: 1px solid var(--color-border-light-darker);
}
th {
background-color: var(--color-background-light);
}
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);
}
.form-group {
padding: 5px;
border: 1px solid transparent;
}
.form-group:hover {
background-color: var(--color-background-light);
border: 1px solid var(--color-border-light);
}
.form-group.form-actions {
margin: 15px 0 25px;
padding: 5px 0;
background-color: var(--color-background-light-darker-transparent);
border-top: 3px solid var(--color-border-light-darker);
}
.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;
}
.stick select {
margin-top: 0;
}
.btn {
margin: 0;
padding: 5px 10px;
background-color: var(--color-background-nav);
color: var(--color-text-light);
font-size: 0.9rem;
border: none;
min-height: 25px;
min-width: 15px;
vertical-align: middle;
line-height: 1.5;
text-decoration: none;
}
.btn.active, .btn:active, .btn:hover {
background-color: var(--color-background-nav-darker);
text-decoration: none;
}
.btn .icon {
filter: brightness(3);
}
.btn-important, .btn-attention {
font-weight: normal;
background-color: var(--color-background-alert);
color: var(--color-text-light);
}
.btn-important:hover,
.btn-important :active, .btn-attention:hover,
.btn-attention :active {
background-color: var(--color-background-alert-darker) !important;
}
.manage-list .configure .icon {
filter: brightness(0.4);
vertical-align: sub;
}
.manage-list .configure:hover {
filter: invert(56%) sepia(87%) saturate(1185%) hue-rotate(327deg) brightness(104%) contrast(96%);
}
.switch.active {
background-color: var(--color-background-nav);
}
.switch.active:hover {
background-image: url("./icons/disabled-light.svg");
}
.nav-list {
font-size: 0.9rem;
}
.nav-list .item .nav-header {
padding: 0 1rem;
font-weight: bold;
background-color: var(--color-background-aside);
color: var(--color-text-light);
cursor: default;
}
.nav-list .item a:hover {
background-color: var(--color-background-nav-darker);
color: var(--color-text-light);
}
.nav-list .item.active {
background: var(--color-background-nav-darker);
color: var(--color-text-light);
}
.nav-list .item.active a {
color: var(--color-text-light);
}
.nav-list .item > a {
padding: 0 1.5rem;
}
.nav-list .item .icon {
filter: brightness(3);
}
.nav-list .nav-form {
padding: 3px;
text-align: center;
}
.nav-list a:hover {
text-decoration: none;
}
.dropdown-menu {
padding: 0.5rem 0 1rem 0;
font-size: 0.8rem;
text-align: left;
border: none;
background-color: var(--color-background-nav-darker);
}
.dropdown-menu .dropdown-header {
cursor: default;
padding: 0.5rem 10px 0.5rem 10px;
font-weight: bold;
color: var(--color-text-light);
}
.dropdown-menu .dropdown-header a {
padding: 0 5px;
position: absolute;
right: 5px;
}
.dropdown-menu .dropdown-header a:hover {
background-color: var(--color-background-nav);
}
.dropdown-menu .dropdown-section .dropdown-section-title {
cursor: default;
padding: 0.25rem 0.5rem 0.125rem 0.25rem;
font-weight: bold;
color: var(--color-text-light);
}
.dropdown-menu .dropdown-section .item a {
padding: 0 22px;
}
.dropdown-menu .dropdown-section .item a:hover {
background-color: var(--color-background-nav);
}
.dropdown-menu > .item {
padding: 0 0 0 0.5rem;
}
.dropdown-menu > .item > a {
min-width: initial;
white-space: nowrap;
}
.dropdown-menu > .item > a:hover,
.dropdown-menu > .item > button:hover {
background-color: var(--color-background-nav);
color: var(--color-text-light);
}
.dropdown-menu > .item[aria-checked=true] > a::before {
font-weight: bold;
margin: 0 0 0 -14px;
}
.dropdown-menu .help a {
color: var(--color-text-light);
text-decoration: underline;
text-decoration-style: dotted;
}
.dropdown-menu .help a:hover {
text-decoration-style: solid;
}
.dropdown-menu .input select,
.dropdown-menu .input input {
margin: 0 auto 5px;
padding: 2px 5px;
}
#dropdown-search-wrapper .dropdown-menu {
padding-top: 1rem;
padding-bottom: 0.25rem;
}
#dropdown-search-wrapper .dropdown-menu .stick.search {
width: 100%;
}
#dropdown-search-wrapper .dropdown-menu .stick.search input[type=search] {
width: 100%;
border: 0;
}
.labels .dropdown-menu,
.tags .dropdown-menu,
.share .dropdown-menu {
right: auto;
}
.item ~ .dropdown-header,
.item.separator {
border-top-color: var(--color-border-light-darker);
cursor: default;
}
.alert {
margin: 0.25rem auto;
background-color: var(--color-background-light);
color: var(--color-text-light-darker);
font-size: 0.9em;
border: none;
text-shadow: 0 0 1px var(--color-text-shadow-light);
}
.alert > a {
color: inherit;
text-decoration: underline;
}
.alert-head {
font-size: 1.15em;
}
.alert-warn,
.alert-success,
.alert-error {
border: none;
}
.alert-warn {
background-color: var(--color-background-light);
color: var(--color-text-alert);
}
.alert-success {
background-color: var(--color-background-light);
color: var(--color-text-good);
}
.alert-error {
background-color: var(--color-background-light);
color: var(--color-text-bad);
}
.pagination {
background: var(--color-background-light-darker);
color: var(--color_text);
}
.pagination .item a {
color: var(--color_text);
}
#load_more.loading,
#load_more.loading:hover {
background: url(loader.gif) center center no-repeat var(--color-background-aside);
}
.content {
padding: 20px 10px;
}
.content hr {
margin: 30px 10px;
background: var(--color-background-light-darker);
height: 1px;
border: 0;
box-shadow: 0 2px 5px var(--color-box-shadow-light);
}
.content pre {
margin: 10px auto;
padding: 10px 20px;
overflow: auto;
background-color: var(--color-background-dark);
color: var(--color-text-light);
font-size: 0.9rem;
}
.content pre code {
background: transparent;
color: var(--color-text-light);
border: none;
}
.content code {
padding: 2px 5px;
background-color: var(--color-background-light);
color: var(--color-text-bad);
border: 1px solid var(--color-border-light);
}
.content blockquote {
margin: 0;
padding: 5px 20px;
background-color: var(--color-background-light);
display: block;
color: var(--color-text-light-darker);
border-top: 1px solid var(--color-border-light-darker);
border-bottom: 1px solid var(--color-border-light-darker);
}
.content blockquote p {
margin: 0;
}
.content > h1.title > a {
color: var(--color_text);
}
.box {
border: 1px solid var(--color-border-light-darker);
}
.box .box-title {
margin: 0;
padding: 7px 10px;
background-color: var(--color-background-aside);
color: var(--color-text-light);
border-bottom: 1px solid var(--color-border-light-darker);
}
.box .box-title a {
color: var(--color-text-light);
}
.box .box-title .configure {
margin-right: 4px;
}
.box .box-title .configure .icon:hover {
filter: invert(56%) sepia(87%) saturate(1185%) hue-rotate(327deg) brightness(104%) contrast(96%);
}
.box .box-content {
padding-left: 30px;
max-height: 260px;
}
.box .box-content .item {
padding: 0 10px;
font-size: 0.9rem;
}
.box .box-content .item .configure .icon {
vertical-align: middle;
filter: brightness(0.4);
}
.box .box-content .item .configure .icon:hover {
filter: invert(56%) sepia(87%) saturate(1185%) hue-rotate(327deg) brightness(104%) contrast(96%);
}
.box.category .box-title .title {
font-weight: normal;
text-decoration: none;
text-align: left;
}
.box.category:not([data-unread="0"]) .box-title {
background-color: var(--color-background-nav);
}
.box.category:not([data-unread="0"]) .box-title:active {
background: var(--color-background-nav-darker);
}
.box.category:not([data-unread="0"]) .box-title .title {
font-weight: bold;
color: var(--color-text-light);
}
.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.visible-semi {
border-style: solid;
}
.tree {
margin: 10px 0;
}
.aside_feed .tree-folder-title {
padding: 0.3rem 0.75rem;
background-color: var(--color-background-aside);
font-size: 1rem;
position: relative;
}
.aside_feed .tree-folder-title .title {
background: inherit;
color: var(--color-text-light);
}
.aside_feed .tree-folder-title .title:hover {
text-decoration: none;
}
.tree-folder-items {
background-color: var(--color-background-aside);
}
.tree-folder-items > .item {
font-size: 0.8rem;
}
.tree-folder-items > .item.active {
background-color: var(--color-background-nav-darker);
}
.tree-folder-items > .item > a {
text-decoration: none;
color: var(--color-text-light);
}
.header {
height: auto;
}
.header > .item {
padding: 0;
vertical-align: middle;
}
.header > .item.title {
position: absolute;
text-align: center;
}
.header > .item.title a {
padding: 0 1rem;
}
.header > .item.title a:hover .logo {
filter: grayscale(100%) brightness(100) opacity(90%);
}
.header > .item.title .logo {
display: inline-block;
height: 26px;
vertical-align: top;
position: relative;
top: 5px;
filter: grayscale(100%) brightness(100);
}
.header .item.search {
display: none;
}
.header .item.configure {
position: fixed;
right: 0;
z-index: 95;
width: 35px;
text-align: center;
line-height: 0.8;
}
.header .item.configure > .icon {
filter: brightness(3);
margin-right: 5px;
margin-top: 3px;
}
.header .item.configure .dropdown .dropdown-menu {
max-height: calc(100vh - 45px);
overflow: auto;
}
.header .item.configure .dropdown .dropdown-menu .icon {
filter: brightness(3);
}
.aside {
padding: 35px 0;
background-color: var(--color-background-aside);
}
.aside.aside_feed .tree {
margin: 0 0 50px;
}
.aside.aside_feed .tree-folder .tree-folder-title:hover,
.aside.aside_feed .tree-folder .item.feed:hover {
background-color: var(--color-background-nav-darker);
}
.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 .category .title:not([data-unread="0"])::after {
margin: 0.5rem 0 0 0;
background-color: var(--color-background-nav-darker);
color: var(--color-text-light);
}
.aside_feed .feed .item-title:not([data-unread="0"])::after {
background-color: var(--color-background-nav);
color: var(--color-text-light);
}
.aside_feed .tree-folder-items .dropdown-menu::after {
left: 2px;
}
.aside_feed .about {
padding: 1rem;
display: block;
text-align: center;
font-size: 0.8em;
font-style: italic;
}
.reader .aside .toggle_aside {
background-color: var(--color-background-aside);
}
.reader .aside .toggle_aside .icon {
filter: brightness(3);
}
.reader .aside .toggle_aside:hover {
background-color: var(--color-background-nav);
}
.post {
font-size: 0.9em;
}
.post input.long {
height: 33px;
margin-top: 0px;
}
.prompt input {
margin: 5px auto;
}
#global {
height: 100vh;
}
#new-article {
background-color: var(--color-background-nav);
font-size: 1em;
text-align: center;
position: fixed;
bottom: 48px;
z-index: 900;
left: 0;
line-height: 1.5;
}
#new-article > a {
padding: 1rem;
line-height: 1.5;
font-weight: bold;
color: var(--color-text-light);
}
#new-article > a:hover {
text-decoration: none;
background-color: var(--color-background-nav-darker);
}
.day {
padding: 0 10px;
font-weight: bold;
line-height: 3;
text-align: center;
}
.day .name {
display: none;
}
.nav a {
color: var(--color-text-light);
}
.nav_menu {
padding: 0;
width: 100%;
font-size: 0;
background-color: var(--color-background-nav);
text-align: left;
position: sticky;
top: 0;
z-index: 90;
}
.nav_menu .item.search {
display: inline-block;
position: absolute;
right: 40px;
}
.nav_menu .item.search input {
border-width: 0;
line-height: 1.95;
}
.nav_menu #toggle-unread .icon,
.nav_menu #toggle-starred .icon {
filter: brightness(1);
}
.flux {
padding-right: 10px;
background-color: var(--color-background-light);
}
.flux::after {
margin: 0 auto;
width: 90%;
border-top: 1px solid var(--color-border-light-darker);
}
.flux .flux_header:hover,
.flux .current {
background-color: var(--color-background-hover);
}
.flux .flux_header:hover:not(.current):hover .item .title,
.flux .current:not(.current):hover .item .title {
background-color: var(--color-background-hover);
}
.flux.favorite:not(.current) {
background-color: var(--color-background-stared);
}
.flux.favorite:not(.current):hover .item .title {
background-color: var(--color-background-stared);
}
.flux.not_read:not(.current) {
background-color: var(--color-background-unread);
}
.flux.not_read:not(.current):hover .item .title {
background-color: var(--color-background-unread);
}
.flux .flux_header .date,
.flux .flux_content .bottom .date {
color: var(--color-text-light-darker);
}
.flux .bottom {
font-size: 0.8rem;
text-align: center;
}
.flux label {
color: var(--color-text-light);
cursor: pointer;
}
.flux_header {
font-size: 0.8rem;
cursor: pointer;
}
.flux_header .title {
font-size: 0.9rem;
}
.notification {
padding: 10px 0;
background-color: var(--color-background-light-darker);
height: auto;
color: var(--color-text-light-darker);
font-size: 1em;
border: none;
text-align: center;
font-weight: bold;
vertical-align: middle;
position: fixed;
bottom: 48px;
left: 0;
top: auto;
}
.notification.good, .notification.bad {
color: var(--color-text-light);
}
.notification.good {
background-color: var(--color-background-good);
}
.notification.good a.close:hover {
background-color: var(--color-background-good);
}
.notification.bad {
background-color: var(--color-background-bad);
}
.notification.bad a.close:hover {
background-color: var(--color-background-bad);
}
.notification a.close {
display: none;
}
#bigMarkAsRead {
text-align: center;
text-decoration: none;
background: var(--color-background-light-darker);
}
#bigMarkAsRead:hover {
background-color: var(--color-background-aside);
color: var(--color-text-light);
}
#nav_entries {
background-color: var(--color-background-aside);
}
.stat {
margin: 10px 0 20px;
}
.stat th,
.stat td,
.stat tr {
border: none;
}
.stat > table td,
.stat > table th {
border-bottom: 1px solid var(--color-border-light-darker);
}
#overlay {
z-index: 100;
}
#overlay .close .icon {
filter: brightness(3);
}
#panel {
z-index: 100;
}
#panel .nav_menu {
position: relative;
}
.formLogin #global,
.register #global {
height: 0;
}
.formLogin .header,
.register .header {
background-color: var(--color-background-nav);
height: 35px;
position: relative;
}
.formLogin .header > .item.configure,
.register .header > .item.configure {
padding: 8px;
width: auto;
position: absolute;
right: 0;
white-space: nowrap;
bottom: 0;
}
.formLogin .header > .item.configure .icon,
.register .header > .item.configure .icon {
filter: brightness(3);
}
a.signin {
color: var(--color-text-light);
font-size: 70%;
}
.log-item.log-error {
background-color: var(--color-background-bad);
color: var(--color-text-light);
}
.log-item.log-warning {
background-color: var(--color-background-alert);
color: var(--color-text-light);
}
.log-item.log-debug {
background: var(--color-background-dark);
}
@media (max-width: 840px) {
body:not(.formLogin, .register) .header .item .title {
display: none;
}
.form-group .group-name {
padding-bottom: 0;
text-align: left;
}
.dropdown {
position: relative;
}
.dropdown .dropdown-menu {
width: auto;
}
#new-article {
margin-top: 2rem;
width: 100%;
}
.header {
display: table;
}
.header .item {
padding: 0;
}
.header .item.configure {
padding: 0;
position: fixed;
right: 76px;
}
.header .item.configure > .icon {
margin-top: 5px;
}
button.read_all.btn {
display: none;
}
.flux .item.manage,
.flux_header .item.website {
width: 35px;
text-align: center;
}
.flux:not(.current):hover .item .title {
top: auto !important;
}
.aside {
padding: 0;
width: 0;
transition: width 200ms linear;
}
.aside .toggle_aside {
background-color: var(--color-background-aside);
}
.aside .toggle_aside:hover {
background-color: var(--color-background-nav);
}
.aside .toggle_aside .icon {
filter: brightness(3);
}
.aside.aside_feed .configure-feeds {
display: flex;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
.aside:target {
width: 78%;
z-index: 1000;
}
#slider .toggle_aside {
background-color: var(--color-background-aside);
}
#slider .toggle_aside:hover {
background-color: var(--color-background-nav);
}
#slider .toggle_aside .icon {
filter: brightness(3);
}
.nav_menu {
height: 71px;
}
.nav_menu .btn {
margin: 0;
}
.nav_menu .stick,
.nav_menu .group {
margin: 0;
}
.nav_menu .stick .btn,
.nav_menu .group .btn {
margin: 0;
}
.nav_menu .item.search {
top: 3px;
margin-left: 77px;
width: calc(100% - 152px);
position: relative;
}
.nav_menu .item.search form {
display: block;
}
.nav_menu .item.search input {
width: 100%;
}
#overlay .close,
.dropdown-menu .toggle_aside {
background-color: var(--color-background-aside);
display: block;
height: 50px;
line-height: 3.5;
text-align: center;
padding-right: 10px;
}
#overlay .close:hover,
.dropdown-menu .toggle_aside:hover {
background-color: var(--color-background-nav);
}
.dropdown-target:target ~ .dropdown-toggle::after,
.dropdown-target:target ~ .dropdown-toggle.btn::after {
display: none;
}
.share .dropdown-menu {
right: 3%;
left: auto;
}
.day .name {
font-size: 1.1rem;
}
.notification {
width: 100%;
}
.notification a.close {
background: transparent;
display: block;
left: 0;
}
.notification a.close:hover {
opacity: 0.5;
}
.notification a.close .icon {
display: none;
}
#nav_entries {
width: 100% !important;
}
.post {
padding-left: 15px;
padding-right: 15px;
}
div#stream {
margin-top: 0px;
}
a.btn.toggle_aside {
position: absolute;
top: 0;
}
form#mark-read-menu,
a#actualize,
a#toggle-order,
div#nav_menu_actions,
div#nav_menu_views {
position: absolute;
}
form#mark-read-menu {
right: 38px;
top: 0;
}
a#actualize,
a#toggle-order {
right: 0;
}
a#actualize {
top: 0;
}
a#toggle-order,
div#nav_menu_actions,
div#nav_menu_views {
top: 36px;
}
div#nav_menu_actions {
left: 0px;
}
div#nav_menu_views {
right: 50px;
}
}
@media (max-width: 410px) {
.nav_menu .stick {
margin: 0;
}
}
@media (max-width: 374px) {
#nav_menu_views {
display: none;
}
}
button.as-link {
outline: none;
}
.dropdown-target:target ~ .btn.dropdown-toggle {
background-color: var(--color-background-nav-darker);
}
.tree-folder.active .tree-folder-title {
background-color: var(--color-background-nav-darker);
font-weight: bold;
}
.feed.item.empty {
color: var(--color-text-alert);
}
.feed.item.empty.active {
background-color: var(--color-background-alert);
color: var(--color-text-light);
}
.feed.item.empty.active > a {
color: var(--color-text-light);
}
.feed.item.empty > a {
color: var(--color-text-alert);
}
.feed.item.error {
color: var(--color-text-bad-lighter);
}
.feed.item.error.active {
background-color: var(--color-background-bad);
color: var(--color-text-light);
}
.feed.item.error.active > a {
color: var(--color-text-light);
}
.feed.item.error > a {
color: var(--color-text-bad-lighter);
}
#stream.reader .flux {
background-color: var(--color-background-light);
color: var(--color-text-aside);
border: none;
}
#stream.reader .flux::after {
border: none;
}
#stream.reader .flux .content {
border-color: var(--color-border-grey);
}
#stream.reader .flux .author {
color: var(--color-text-light-darker);
}
#nav_menu_actions ul.dropdown-menu {
left: 0;
right: auto;
}
#nav_menu_actions ul.dropdown-menu::after {
display: none;
}
#nav_menu_actions .dropdown.only-mobile {
display: initial !important;
}
#nav_menu_read_all ul.dropdown-menu {
right: 0;
left: auto;
}
#nav_menu_read_all ul.dropdown-menu::after {
display: none;
}
#slider label {
min-height: initial;
}wget 'https://lists2.roe3.org/FreshRSS/p/themes/Swage/swage.css.map'{"version":3,"sources":["swage.scss"],"names":[],"mappings":"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","file":"swage.css"}wget 'https://lists2.roe3.org/FreshRSS/p/themes/Swage/swage.rtl.css':root {
--color-text-light: #fcfcfc;
--color-text-light-darker: #969696;
--color-text-dark: #181621;
--color-text-nav: #00488b;
--color-text-aside: #22303d;
--color-text-alert: #fa8052;
--color-text-good: #5eaabf;
--color-text-bad: #b0425b;
--color-text-bad-lighter: #c46178;
--color-text-shadow-light: #fcfcfc;
--color-box-shadow-light: #e3e3e3;
--color-border-light: #fcfcfc;
--color-border-light-darker: #e3e3e3;
--color-border-grey: #e3e3e3;
--color-border-nav: #00488b;
--color-border-bad: #b0425b;
--color-background-light: #fcfcfc;
--color-background-light-darker: #e3e3e3;
--color-background-light-darker-transparent: rgba(217, 217, 217, 0.7333333333);
--color-background-dark: #181621;
--color-background-nav: #0062be;
--color-background-nav-darker: #00488b;
--color-background-aside: #22303d;
--color-background-alert: #fa8052;
--color-background-alert-darker: #f95c20;
--color-background-good: #5eaabf;
--color-background-bad: #c46178;
--color-background-stared: #fff6da;
--color-background-unread: #fff3ed;
--color-background-hover: #fff;
--frss-scrollbar-handle: rgba(0, 0, 0, 0.1);
--frss-scrollbar-handle-hover: rgba(0, 0, 0, 0.4);
--frss-scrollbar-track: rgba(0, 0, 0, 0.05);
--frss-scrollbar-track-hover: rgba(0, 0, 0, 0.1);
}
input,
select, textarea {
min-height: 25px;
margin-top: 4px;
line-height: 2.25;
vertical-align: middle;
background-color: var(--color-background-light);
border: 2px solid var(--color-border-grey);
padding-right: 8px;
}
input:invalid,
select:invalid {
padding-right: 5px;
color: var(--color-text-bad);
border-right-color: var(--color-border-bad);
border-right-width: 5px;
box-shadow: none;
}
.nav-list .item .nav-header, .nav-list .item {
min-height: 2.5em;
line-height: 2.5;
}
.dropdown-menu > .item a,
.dropdown-menu > .item > span,
.dropdown-menu > .item > .as-link,
.dropdown-menu > .item button, .dropdown-menu > .item {
padding: 0 22px;
color: var(--color-text-light);
font-size: 0.8rem;
line-height: 2.5;
}
.flux::after, .form-group::after {
display: block;
clear: both;
}
#nav_entries, .notification, #new-article, .aside, .header > .item.title, .stick.configure-feeds {
width: 231px;
}
html,
body {
color: var(--color-text-dark);
font-family: Helvetica, Arial, sans-serif;
}
a {
color: var(--color-text-nav);
outline: none;
}
a#btn-subscription {
width: 76%;
}
a#btn-add {
width: 5%;
}
img.icon:hover {
background: none;
}
sup {
top: -0.3em;
}
legend {
margin: 20px 0 5px;
padding: 5px 20px;
background-color: var(--color-background-aside);
display: inline-block;
width: auto;
color: var(--color-text-light);
font-size: 1.4em;
clear: both;
}
label {
min-height: 25px;
}
textarea {
width: 360px;
height: 100px;
}
textarea:focus {
border-color: var(--color-border-nav);
}
input:focus,
select:focus {
border-color: var(--color-border-nav);
}
input:disabled,
select:disabled {
background-color: var(--color-background-light);
}
select {
padding-top: 7px;
padding-bottom: 8px;
}
option {
padding: 0 0.5em;
}
table {
border-collapse: collapse;
}
td,
th {
border: 1px solid var(--color-border-light-darker);
}
th {
background-color: var(--color-background-light);
}
form td,
form th {
font-weight: normal;
text-align: center;
}
.category .title.error::before {
display: inline-block;
padding-left: 7px;
width: 16px;
content: url(../Swage/icons/error.svg);
}
.form-group {
padding: 5px;
border: 1px solid transparent;
}
.form-group:hover {
background-color: var(--color-background-light);
border: 1px solid var(--color-border-light);
}
.form-group.form-actions {
margin: 15px 0 25px;
padding: 5px 0;
background-color: var(--color-background-light-darker-transparent);
border-top: 3px solid var(--color-border-light-darker);
}
.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;
}
.stick select {
margin-top: 0;
}
.btn {
margin: 0;
padding: 5px 10px;
background-color: var(--color-background-nav);
color: var(--color-text-light);
font-size: 0.9rem;
border: none;
min-height: 25px;
min-width: 15px;
vertical-align: middle;
line-height: 1.5;
text-decoration: none;
}
.btn.active, .btn:active, .btn:hover {
background-color: var(--color-background-nav-darker);
text-decoration: none;
}
.btn .icon {
filter: brightness(3);
}
.btn-important, .btn-attention {
font-weight: normal;
background-color: var(--color-background-alert);
color: var(--color-text-light);
}
.btn-important:hover,
.btn-important :active, .btn-attention:hover,
.btn-attention :active {
background-color: var(--color-background-alert-darker) !important;
}
.manage-list .configure .icon {
filter: brightness(0.4);
vertical-align: sub;
}
.manage-list .configure:hover {
filter: invert(56%) sepia(87%) saturate(1185%) hue-rotate(327deg) brightness(104%) contrast(96%);
}
.switch.active {
background-color: var(--color-background-nav);
}
.switch.active:hover {
background-image: url("./icons/disabled-light.svg");
}
.nav-list {
font-size: 0.9rem;
}
.nav-list .item .nav-header {
padding: 0 1rem;
font-weight: bold;
background-color: var(--color-background-aside);
color: var(--color-text-light);
cursor: default;
}
.nav-list .item a:hover {
background-color: var(--color-background-nav-darker);
color: var(--color-text-light);
}
.nav-list .item.active {
background: var(--color-background-nav-darker);
color: var(--color-text-light);
}
.nav-list .item.active a {
color: var(--color-text-light);
}
.nav-list .item > a {
padding: 0 1.5rem;
}
.nav-list .item .icon {
filter: brightness(3);
}
.nav-list .nav-form {
padding: 3px;
text-align: center;
}
.nav-list a:hover {
text-decoration: none;
}
.dropdown-menu {
padding: 0.5rem 0 1rem 0;
font-size: 0.8rem;
text-align: right;
border: none;
background-color: var(--color-background-nav-darker);
}
.dropdown-menu .dropdown-header {
cursor: default;
padding: 0.5rem 10px 0.5rem 10px;
font-weight: bold;
color: var(--color-text-light);
}
.dropdown-menu .dropdown-header a {
padding: 0 5px;
position: absolute;
left: 5px;
}
.dropdown-menu .dropdown-header a:hover {
background-color: var(--color-background-nav);
}
.dropdown-menu .dropdown-section .dropdown-section-title {
cursor: default;
padding: 0.25rem 0.25rem 0.125rem 0.5rem;
font-weight: bold;
color: var(--color-text-light);
}
.dropdown-menu .dropdown-section .item a {
padding: 0 22px;
}
.dropdown-menu .dropdown-section .item a:hover {
background-color: var(--color-background-nav);
}
.dropdown-menu > .item {
padding: 0 0.5rem 0 0;
}
.dropdown-menu > .item > a {
min-width: initial;
white-space: nowrap;
}
.dropdown-menu > .item > a:hover,
.dropdown-menu > .item > button:hover {
background-color: var(--color-background-nav);
color: var(--color-text-light);
}
.dropdown-menu > .item[aria-checked=true] > a::before {
font-weight: bold;
margin: 0 -14px 0 0;
}
.dropdown-menu .help a {
color: var(--color-text-light);
text-decoration: underline;
text-decoration-style: dotted;
}
.dropdown-menu .help a:hover {
text-decoration-style: solid;
}
.dropdown-menu .input select,
.dropdown-menu .input input {
margin: 0 auto 5px;
padding: 2px 5px;
}
#dropdown-search-wrapper .dropdown-menu {
padding-top: 1rem;
padding-bottom: 0.25rem;
}
#dropdown-search-wrapper .dropdown-menu .stick.search {
width: 100%;
}
#dropdown-search-wrapper .dropdown-menu .stick.search input[type=search] {
width: 100%;
border: 0;
}
.labels .dropdown-menu,
.tags .dropdown-menu,
.share .dropdown-menu {
left: auto;
}
.item ~ .dropdown-header,
.item.separator {
border-top-color: var(--color-border-light-darker);
cursor: default;
}
.alert {
margin: 0.25rem auto;
background-color: var(--color-background-light);
color: var(--color-text-light-darker);
font-size: 0.9em;
border: none;
text-shadow: 0 0 1px var(--color-text-shadow-light);
}
.alert > a {
color: inherit;
text-decoration: underline;
}
.alert-head {
font-size: 1.15em;
}
.alert-warn,
.alert-success,
.alert-error {
border: none;
}
.alert-warn {
background-color: var(--color-background-light);
color: var(--color-text-alert);
}
.alert-success {
background-color: var(--color-background-light);
color: var(--color-text-good);
}
.alert-error {
background-color: var(--color-background-light);
color: var(--color-text-bad);
}
.pagination {
background: var(--color-background-light-darker);
color: var(--color_text);
}
.pagination .item a {
color: var(--color_text);
}
#load_more.loading,
#load_more.loading:hover {
background: url(loader.gif) center center no-repeat var(--color-background-aside);
}
.content {
padding: 20px 10px;
}
.content hr {
margin: 30px 10px;
background: var(--color-background-light-darker);
height: 1px;
border: 0;
box-shadow: 0 2px 5px var(--color-box-shadow-light);
}
.content pre {
margin: 10px auto;
padding: 10px 20px;
overflow: auto;
background-color: var(--color-background-dark);
color: var(--color-text-light);
font-size: 0.9rem;
}
.content pre code {
background: transparent;
color: var(--color-text-light);
border: none;
}
.content code {
padding: 2px 5px;
background-color: var(--color-background-light);
color: var(--color-text-bad);
border: 1px solid var(--color-border-light);
}
.content blockquote {
margin: 0;
padding: 5px 20px;
background-color: var(--color-background-light);
display: block;
color: var(--color-text-light-darker);
border-top: 1px solid var(--color-border-light-darker);
border-bottom: 1px solid var(--color-border-light-darker);
}
.content blockquote p {
margin: 0;
}
.content > h1.title > a {
color: var(--color_text);
}
.box {
border: 1px solid var(--color-border-light-darker);
}
.box .box-title {
margin: 0;
padding: 7px 10px;
background-color: var(--color-background-aside);
color: var(--color-text-light);
border-bottom: 1px solid var(--color-border-light-darker);
}
.box .box-title a {
color: var(--color-text-light);
}
.box .box-title .configure {
margin-left: 4px;
}
.box .box-title .configure .icon:hover {
filter: invert(56%) sepia(87%) saturate(1185%) hue-rotate(327deg) brightness(104%) contrast(96%);
}
.box .box-content {
padding-right: 30px;
max-height: 260px;
}
.box .box-content .item {
padding: 0 10px;
font-size: 0.9rem;
}
.box .box-content .item .configure .icon {
vertical-align: middle;
filter: brightness(0.4);
}
.box .box-content .item .configure .icon:hover {
filter: invert(56%) sepia(87%) saturate(1185%) hue-rotate(327deg) brightness(104%) contrast(96%);
}
.box.category .box-title .title {
font-weight: normal;
text-decoration: none;
text-align: right;
}
.box.category:not([data-unread="0"]) .box-title {
background-color: var(--color-background-nav);
}
.box.category:not([data-unread="0"]) .box-title:active {
background: var(--color-background-nav-darker);
}
.box.category:not([data-unread="0"]) .box-title .title {
font-weight: bold;
color: var(--color-text-light);
}
.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.visible-semi {
border-style: solid;
}
.tree {
margin: 10px 0;
}
.aside_feed .tree-folder-title {
padding: 0.3rem 0.75rem;
background-color: var(--color-background-aside);
font-size: 1rem;
position: relative;
}
.aside_feed .tree-folder-title .title {
background: inherit;
color: var(--color-text-light);
}
.aside_feed .tree-folder-title .title:hover {
text-decoration: none;
}
.tree-folder-items {
background-color: var(--color-background-aside);
}
.tree-folder-items > .item {
font-size: 0.8rem;
}
.tree-folder-items > .item.active {
background-color: var(--color-background-nav-darker);
}
.tree-folder-items > .item > a {
text-decoration: none;
color: var(--color-text-light);
}
.header {
height: auto;
}
.header > .item {
padding: 0;
vertical-align: middle;
}
.header > .item.title {
position: absolute;
text-align: center;
}
.header > .item.title a {
padding: 0 1rem;
}
.header > .item.title a:hover .logo {
filter: grayscale(100%) brightness(100) opacity(90%);
}
.header > .item.title .logo {
display: inline-block;
height: 26px;
vertical-align: top;
position: relative;
top: 5px;
filter: grayscale(100%) brightness(100);
}
.header .item.search {
display: none;
}
.header .item.configure {
position: fixed;
left: 0;
z-index: 95;
width: 35px;
text-align: center;
line-height: 0.8;
}
.header .item.configure > .icon {
filter: brightness(3);
margin-left: 5px;
margin-top: 3px;
}
.header .item.configure .dropdown .dropdown-menu {
max-height: calc(100vh - 45px);
overflow: auto;
}
.header .item.configure .dropdown .dropdown-menu .icon {
filter: brightness(3);
}
.aside {
padding: 35px 0;
background-color: var(--color-background-aside);
}
.aside.aside_feed .tree {
margin: 0 0 50px;
}
.aside.aside_feed .tree-folder .tree-folder-title:hover,
.aside.aside_feed .tree-folder .item.feed:hover {
background-color: var(--color-background-nav-darker);
}
.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 .category .title:not([data-unread="0"])::after {
margin: 0.5rem 0 0 0;
background-color: var(--color-background-nav-darker);
color: var(--color-text-light);
}
.aside_feed .feed .item-title:not([data-unread="0"])::after {
background-color: var(--color-background-nav);
color: var(--color-text-light);
}
.aside_feed .tree-folder-items .dropdown-menu::after {
right: 2px;
}
.aside_feed .about {
padding: 1rem;
display: block;
text-align: center;
font-size: 0.8em;
font-style: italic;
}
.reader .aside .toggle_aside {
background-color: var(--color-background-aside);
}
.reader .aside .toggle_aside .icon {
filter: brightness(3);
}
.reader .aside .toggle_aside:hover {
background-color: var(--color-background-nav);
}
.post {
font-size: 0.9em;
}
.post input.long {
height: 33px;
margin-top: 0px;
}
.prompt input {
margin: 5px auto;
}
#global {
height: 100vh;
}
#new-article {
background-color: var(--color-background-nav);
font-size: 1em;
text-align: center;
position: fixed;
bottom: 48px;
z-index: 900;
right: 0;
line-height: 1.5;
}
#new-article > a {
padding: 1rem;
line-height: 1.5;
font-weight: bold;
color: var(--color-text-light);
}
#new-article > a:hover {
text-decoration: none;
background-color: var(--color-background-nav-darker);
}
.day {
padding: 0 10px;
font-weight: bold;
line-height: 3;
text-align: center;
}
.day .name {
display: none;
}
.nav a {
color: var(--color-text-light);
}
.nav_menu {
padding: 0;
width: 100%;
font-size: 0;
background-color: var(--color-background-nav);
text-align: right;
position: sticky;
top: 0;
z-index: 90;
}
.nav_menu .item.search {
display: inline-block;
position: absolute;
left: 40px;
}
.nav_menu .item.search input {
border-width: 0;
line-height: 1.95;
}
.nav_menu #toggle-unread .icon,
.nav_menu #toggle-starred .icon {
filter: brightness(1);
}
.flux {
padding-left: 10px;
background-color: var(--color-background-light);
}
.flux::after {
margin: 0 auto;
width: 90%;
border-top: 1px solid var(--color-border-light-darker);
}
.flux .flux_header:hover,
.flux .current {
background-color: var(--color-background-hover);
}
.flux .flux_header:hover:not(.current):hover .item .title,
.flux .current:not(.current):hover .item .title {
background-color: var(--color-background-hover);
}
.flux.favorite:not(.current) {
background-color: var(--color-background-stared);
}
.flux.favorite:not(.current):hover .item .title {
background-color: var(--color-background-stared);
}
.flux.not_read:not(.current) {
background-color: var(--color-background-unread);
}
.flux.not_read:not(.current):hover .item .title {
background-color: var(--color-background-unread);
}
.flux .flux_header .date,
.flux .flux_content .bottom .date {
color: var(--color-text-light-darker);
}
.flux .bottom {
font-size: 0.8rem;
text-align: center;
}
.flux label {
color: var(--color-text-light);
cursor: pointer;
}
.flux_header {
font-size: 0.8rem;
cursor: pointer;
}
.flux_header .title {
font-size: 0.9rem;
}
.notification {
padding: 10px 0;
background-color: var(--color-background-light-darker);
height: auto;
color: var(--color-text-light-darker);
font-size: 1em;
border: none;
text-align: center;
font-weight: bold;
vertical-align: middle;
position: fixed;
bottom: 48px;
right: 0;
top: auto;
}
.notification.good, .notification.bad {
color: var(--color-text-light);
}
.notification.good {
background-color: var(--color-background-good);
}
.notification.good a.close:hover {
background-color: var(--color-background-good);
}
.notification.bad {
background-color: var(--color-background-bad);
}
.notification.bad a.close:hover {
background-color: var(--color-background-bad);
}
.notification a.close {
display: none;
}
#bigMarkAsRead {
text-align: center;
text-decoration: none;
background: var(--color-background-light-darker);
}
#bigMarkAsRead:hover {
background-color: var(--color-background-aside);
color: var(--color-text-light);
}
#nav_entries {
background-color: var(--color-background-aside);
}
.stat {
margin: 10px 0 20px;
}
.stat th,
.stat td,
.stat tr {
border: none;
}
.stat > table td,
.stat > table th {
border-bottom: 1px solid var(--color-border-light-darker);
}
#overlay {
z-index: 100;
}
#overlay .close .icon {
filter: brightness(3);
}
#panel {
z-index: 100;
}
#panel .nav_menu {
position: relative;
}
.formLogin #global,
.register #global {
height: 0;
}
.formLogin .header,
.register .header {
background-color: var(--color-background-nav);
height: 35px;
position: relative;
}
.formLogin .header > .item.configure,
.register .header > .item.configure {
padding: 8px;
width: auto;
position: absolute;
left: 0;
white-space: nowrap;
bottom: 0;
}
.formLogin .header > .item.configure .icon,
.register .header > .item.configure .icon {
filter: brightness(3);
}
a.signin {
color: var(--color-text-light);
font-size: 70%;
}
.log-item.log-error {
background-color: var(--color-background-bad);
color: var(--color-text-light);
}
.log-item.log-warning {
background-color: var(--color-background-alert);
color: var(--color-text-light);
}
.log-item.log-debug {
background: var(--color-background-dark);
}
@media (max-width: 840px) {
body:not(.formLogin, .register) .header .item .title {
display: none;
}
.form-group .group-name {
padding-bottom: 0;
text-align: right;
}
.dropdown {
position: relative;
}
.dropdown .dropdown-menu {
width: auto;
}
#new-article {
margin-top: 2rem;
width: 100%;
}
.header {
display: table;
}
.header .item {
padding: 0;
}
.header .item.configure {
padding: 0;
position: fixed;
left: 76px;
}
.header .item.configure > .icon {
margin-top: 5px;
}
button.read_all.btn {
display: none;
}
.flux .item.manage,
.flux_header .item.website {
width: 35px;
text-align: center;
}
.flux:not(.current):hover .item .title {
top: auto !important;
}
.aside {
padding: 0;
width: 0;
transition: width 200ms linear;
}
.aside .toggle_aside {
background-color: var(--color-background-aside);
}
.aside .toggle_aside:hover {
background-color: var(--color-background-nav);
}
.aside .toggle_aside .icon {
filter: brightness(3);
}
.aside.aside_feed .configure-feeds {
display: flex;
margin-top: 0;
margin-right: auto;
margin-left: auto;
}
.aside:target {
width: 78%;
z-index: 1000;
}
#slider .toggle_aside {
background-color: var(--color-background-aside);
}
#slider .toggle_aside:hover {
background-color: var(--color-background-nav);
}
#slider .toggle_aside .icon {
filter: brightness(3);
}
.nav_menu {
height: 71px;
}
.nav_menu .btn {
margin: 0;
}
.nav_menu .stick,
.nav_menu .group {
margin: 0;
}
.nav_menu .stick .btn,
.nav_menu .group .btn {
margin: 0;
}
.nav_menu .item.search {
top: 3px;
margin-right: 77px;
width: calc(100% - 152px);
position: relative;
}
.nav_menu .item.search form {
display: block;
}
.nav_menu .item.search input {
width: 100%;
}
#overlay .close,
.dropdown-menu .toggle_aside {
background-color: var(--color-background-aside);
display: block;
height: 50px;
line-height: 3.5;
text-align: center;
padding-left: 10px;
}
#overlay .close:hover,
.dropdown-menu .toggle_aside:hover {
background-color: var(--color-background-nav);
}
.dropdown-target:target ~ .dropdown-toggle::after,
.dropdown-target:target ~ .dropdown-toggle.btn::after {
display: none;
}
.share .dropdown-menu {
left: 3%;
right: auto;
}
.day .name {
font-size: 1.1rem;
}
.notification {
width: 100%;
}
.notification a.close {
background: transparent;
display: block;
right: 0;
}
.notification a.close:hover {
opacity: 0.5;
}
.notification a.close .icon {
display: none;
}
#nav_entries {
width: 100% !important;
}
.post {
padding-right: 15px;
padding-left: 15px;
}
div#stream {
margin-top: 0px;
}
a.btn.toggle_aside {
position: absolute;
top: 0;
}
form#mark-read-menu,
a#actualize,
a#toggle-order,
div#nav_menu_actions,
div#nav_menu_views {
position: absolute;
}
form#mark-read-menu {
left: 38px;
top: 0;
}
a#actualize,
a#toggle-order {
left: 0;
}
a#actualize {
top: 0;
}
a#toggle-order,
div#nav_menu_actions,
div#nav_menu_views {
top: 36px;
}
div#nav_menu_actions {
right: 0px;
}
div#nav_menu_views {
left: 50px;
}
}
@media (max-width: 410px) {
.nav_menu .stick {
margin: 0;
}
}
@media (max-width: 374px) {
#nav_menu_views {
display: none;
}
}
button.as-link {
outline: none;
}
.dropdown-target:target ~ .btn.dropdown-toggle {
background-color: var(--color-background-nav-darker);
}
.tree-folder.active .tree-folder-title {
background-color: var(--color-background-nav-darker);
font-weight: bold;
}
.feed.item.empty {
color: var(--color-text-alert);
}
.feed.item.empty.active {
background-color: var(--color-background-alert);
color: var(--color-text-light);
}
.feed.item.empty.active > a {
color: var(--color-text-light);
}
.feed.item.empty > a {
color: var(--color-text-alert);
}
.feed.item.error {
color: var(--color-text-bad-lighter);
}
.feed.item.error.active {
background-color: var(--color-background-bad);
color: var(--color-text-light);
}
.feed.item.error.active > a {
color: var(--color-text-light);
}
.feed.item.error > a {
color: var(--color-text-bad-lighter);
}
#stream.reader .flux {
background-color: var(--color-background-light);
color: var(--color-text-aside);
border: none;
}
#stream.reader .flux::after {
border: none;
}
#stream.reader .flux .content {
border-color: var(--color-border-grey);
}
#stream.reader .flux .author {
color: var(--color-text-light-darker);
}
#nav_menu_actions ul.dropdown-menu {
right: 0;
left: auto;
}
#nav_menu_actions ul.dropdown-menu::after {
display: none;
}
#nav_menu_actions .dropdown.only-mobile {
display: initial !important;
}
#nav_menu_read_all ul.dropdown-menu {
left: 0;
right: auto;
}
#nav_menu_read_all ul.dropdown-menu::after {
display: none;
}
#slider label {
min-height: initial;
}wget 'https://lists2.roe3.org/FreshRSS/p/themes/Swage/swage.scss'@use "sass:color";
@charset "UTF-8";
//colors
$color_text: #181621;
$color_light: #fcfcfc;
$color_nav: #0062be;
$color_aside: #22303d;
$color_alert: #fa8052;
$color_good: #5eaabf;
$color_bad: #b0425b;
$color_grey: #e3e3e3;
$color_grey_transparent: #d9d9d9bb;
$color_stared: #fff6da;
$color_unread: #fff3ed;
$color_hover: #fff;
:root {
--color-text-light: #{$color_light};
--color-text-light-darker: #{color.adjust( $color_light, $lightness: -40%)};
--color-text-dark: #{$color_text};
--color-text-nav: #{color.adjust( $color_nav, $lightness: -10%)};
--color-text-aside: #{$color_aside};
--color-text-alert: #{$color_alert};
--color-text-good: #{$color_good};
--color-text-bad: #{$color_bad};
--color-text-bad-lighter: #{color.adjust( $color_bad, $lightness: 10%)};
--color-text-shadow-light: #{$color_light};
--color-box-shadow-light: #{color.adjust( $color_light, $lightness: -10%)};
--color-border-light: #{$color_light};
--color-border-light-darker: #{color.adjust( $color_light, $lightness: -10%)};
--color-border-grey: #{$color_grey};
--color-border-nav: #{color.adjust( $color_nav, $lightness: -10%)};
--color-border-bad: #{$color_bad};
--color-background-light: #{$color_light};
--color-background-light-darker: #{color.adjust( $color_light, $lightness: -10%)};
--color-background-light-darker-transparent: #{$color_grey_transparent};
--color-background-dark: #{$color_text};
--color-background-nav: #{$color_nav};
--color-background-nav-darker: #{color.adjust( $color_nav, $lightness: -10%)};
--color-background-aside: #{$color_aside};
--color-background-alert: #{$color_alert};
--color-background-alert-darker: #{color.adjust( $color_alert, $lightness: -10%)};
--color-background-good: #{$color_good};
--color-background-bad: #{color.adjust( $color_bad, $lightness: 10%)};
--color-background-stared: #{$color_stared};
--color-background-unread: #{$color_unread};
--color-background-hover: #{$color_hover};
--frss-scrollbar-handle: rgba(0, 0, 0, 0.1);
--frss-scrollbar-handle-hover: rgba(0, 0, 0, 0.4);
--frss-scrollbar-track: rgba(0, 0, 0, 0.05);
--frss-scrollbar-track-hover: rgba(0, 0, 0, 0.1);
}
// @extend-elements
%input {
min-height: 25px;
margin-top: 4px;
line-height: 2.25;
vertical-align: middle;
background-color: var(--color-background-light);
border: 2px solid var(--color-border-grey);
padding-left: 8px;
}
%invalid {
padding-left: 5px;
color: var(--color-text-bad);
border-left-color: var(--color-border-bad);
border-left-width: 5px;
box-shadow: none;
}
%nav-list {
min-height: 2.5em;
line-height: 2.5;
}
%dropdown {
padding: 0 22px;
color: var(--color-text-light);
font-size: 0.8rem;
line-height: 2.5;
}
%after {
display: block;
clear: both;
}
%aside-width {
width: 231px;
}
// /@extend-elements
html,
body {
color: var(--color-text-dark);
font-family: Helvetica, Arial, sans-serif;
}
a {
color: var(--color-text-nav);
outline: none;
&#btn-subscription {
width: 76%;
}
&#btn-add {
width: 5%;
}
}
img {
&.icon:hover {
background: none;
}
}
sup {
top: -0.3em;
}
legend {
margin: 20px 0 5px;
padding: 5px 20px;
background-color: var(--color-background-aside);
display: inline-block;
width: auto;
color: var(--color-text-light);
font-size: 1.4em;
clear: both;
}
label {
min-height: 25px;
}
textarea {
width: 360px;
height: 100px;
@extend %input;
&:focus {
border-color: var(--color-border-nav);
}
}
input,
select {
@extend %input;
&:focus {
border-color: var(--color-border-nav);
}
&:invalid {
@extend %invalid;
}
&:disabled {
background-color: var(--color-background-light);
}
}
select {
padding-top: 7px;
padding-bottom: 8px;
}
option {
padding: 0 .5em;
}
table {
border-collapse: collapse;
}
td,
th {
border: 1px solid var(--color-border-light-darker);
}
th {
background-color: var(--color-background-light);
}
form {
td,
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);
}
}
.form-group {
padding: 5px;
border: 1px solid transparent;
&:hover {
background-color: var(--color-background-light);
border: 1px solid var(--color-border-light);
}
&.form-actions {
margin: 15px 0 25px;
padding: 5px 0;
background-color: var(--color-background-light-darker-transparent);
border-top: 3px solid var(--color-border-light-darker);
.btn {
margin: 0 10px;
}
}
.group-name {
padding: 10px 0;
text-align: right;
}
.group-controls {
min-height: 25px;
padding: 5px 0;
.control {
line-height: 2.0;
}
}
}
.form-group::after {
@extend %after;
}
.stick {
select {
margin-top: 0;
}
&.configure-feeds {
@extend %aside-width;
}
}
.btn {
margin: 0;
padding: 5px 10px;
background-color: var(--color-background-nav);
color: var(--color-text-light);
font-size: 0.9rem;
border: none;
min-height: 25px;
min-width: 15px;
vertical-align: middle;
line-height: 1.5;
text-decoration: none;
&.active,
&:active,
&:hover {
background-color: var(--color-background-nav-darker);
text-decoration: none;
}
.icon {
filter: brightness(3);
}
}
.btn-important, .btn-attention {
font-weight: normal;
background-color: var(--color-background-alert);
color: var(--color-text-light);
&:hover,
:active {
background-color: var(--color-background-alert-darker) !important;
}
}
.manage-list {
.configure {
.icon {
filter: brightness(0.4);
vertical-align: sub;
}
&:hover {
filter: invert(56%) sepia(87%) saturate(1185%) hue-rotate(327deg) brightness(104%) contrast(96%);
}
}
}
.switch.active {
background-color: var(--color-background-nav);
&:hover {
background-image: url('./icons/disabled-light.svg');
}
}
.nav-list {
font-size: 0.9rem;
.item {
@extend %nav-list;
.nav-header {
@extend %nav-list;
padding: 0 1rem;
font-weight: bold;
background-color: var(--color-background-aside);
color: var(--color-text-light);
cursor: default;
}
a:hover {
background-color: var(--color-background-nav-darker);
color: var(--color-text-light);
}
&.active {
background: var(--color-background-nav-darker);
color: var(--color-text-light);
a {
color: var(--color-text-light);
}
}
> a {
padding: 0 1.5rem;
}
.icon {
filter: brightness(3);
}
}
.nav-form {
padding: 3px;
text-align: center;
}
a:hover {
text-decoration: none;
}
}
.dropdown-menu {
padding: 0.5rem 0 1rem 0;
font-size: 0.8rem;
text-align: left;
border: none;
background-color: var(--color-background-nav-darker);
.dropdown-header {
cursor: default;
padding: 0.5rem 10px 0.5rem 10px;
font-weight: bold;
color: var(--color-text-light);
a {
padding: 0 5px;
position: absolute;
right: 5px;
&:hover {
background-color: var(--color-background-nav);
}
}
}
.dropdown-section {
.dropdown-section-title {
cursor: default;
padding: 0.25rem 0.5rem 0.125rem 0.25rem;
font-weight: bold;
color: var(--color-text-light);
}
.item {
a {
padding: 0 22px;
&:hover {
background-color: var(--color-background-nav);
}
}
}
}
> {
.item {
@extend %dropdown;
padding: 0 0 0 0.5rem;
a,
> span,
> .as-link,
button {
@extend %dropdown;
}
> a {
min-width: initial;
white-space: nowrap;
}
> a:hover,
> button:hover {
background-color: var(--color-background-nav);
color: var(--color-text-light);
}
}
.item[aria-checked="true"] > a::before {
font-weight: bold;
margin: 0 0 0 -14px;
}
}
.help a {
color: var(--color-text-light);
text-decoration: underline;
text-decoration-style: dotted;
&:hover {
text-decoration-style: solid;
}
}
.input {
select,
input {
margin: 0 auto 5px;
padding: 2px 5px;
}
}
}
#dropdown-search-wrapper .dropdown-menu {
padding-top: 1rem;
padding-bottom: 0.25rem;
.stick.search {
width: 100%;
input[type="search"] {
width: 100%;
border: 0;
}
}
}
.labels,
.tags,
.share {
.dropdown-menu {
right: auto;
}
}
.item ~ .dropdown-header,
.item.separator {
border-top-color: var(--color-border-light-darker);
cursor: default;
}
.alert {
margin: 0.25rem auto;
background-color: var(--color-background-light);
color: var(--color-text-light-darker);
font-size: 0.9em;
border: none;
text-shadow: 0 0 1px var(--color-text-shadow-light);
> a {
color: inherit;
text-decoration: underline;
}
}
.alert-head {
font-size: 1.15em;
}
.alert-warn,
.alert-success,
.alert-error {
border: none;
}
.alert-warn {
background-color: var(--color-background-light);
color: var(--color-text-alert);
}
.alert-success {
background-color: var(--color-background-light);
color: var(--color-text-good);
}
.alert-error {
background-color: var(--color-background-light);
color: var(--color-text-bad);
}
.pagination {
background: var(--color-background-light-darker);
color: var(--color_text);
.item a {
color: var(--color_text);
}
}
#load_more.loading,
#load_more.loading:hover {
background: url(loader.gif) center center no-repeat var(--color-background-aside);
}
.content {
padding: 20px 10px;
hr {
margin: 30px 10px;
background: var(--color-background-light-darker);
height: 1px;
border: 0;
box-shadow: 0 2px 5px var(--color-box-shadow-light);
}
pre {
margin: 10px auto;
padding: 10px 20px;
overflow: auto;
background-color: var(--color-background-dark);
color: var(--color-text-light);
font-size: 0.9rem;
code {
background: transparent;
color: var(--color-text-light);
border: none;
}
}
code {
padding: 2px 5px;
background-color: var(--color-background-light);
color: var(--color-text-bad);
border: 1px solid var(--color-border-light);
}
blockquote {
margin: 0;
padding: 5px 20px;
background-color: var(--color-background-light);
display: block;
color: var(--color-text-light-darker);
border-top: 1px solid var(--color-border-light-darker);
border-bottom: 1px solid var(--color-border-light-darker);
p {
margin: 0;
}
}
> h1.title > a {
color: var(--color_text);
}
}
.box {
border: 1px solid var(--color-border-light-darker);
.box-title {
margin: 0;
padding: 7px 10px;
background-color: var(--color-background-aside);
color: var(--color-text-light);
border-bottom: 1px solid var(--color-border-light-darker);
a {
color: var(--color-text-light);
}
.configure {
margin-right: 4px;
.icon {
&:hover {
filter: invert(56%) sepia(87%) saturate(1185%) hue-rotate(327deg) brightness(104%) contrast(96%);
}
}
}
}
.box-content {
padding-left: 30px;
max-height: 260px;
.item {
padding: 0 10px;
font-size: 0.9rem;
.configure {
.icon {
vertical-align: middle;
filter: brightness(0.4);
&:hover {
filter: invert(56%) sepia(87%) saturate(1185%) hue-rotate(327deg) brightness(104%) contrast(96%);
}
}
}
}
}
&.category {
.box-title .title {
font-weight: normal;
text-decoration: none;
text-align: left;
}
&:not([data-unread="0"]) .box-title {
background-color: var(--color-background-nav);
&:active {
background: var(--color-background-nav-darker);
}
.title {
font-weight: bold;
color: var(--color-text-light);
}
}
.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;
}
}
&.visible-semi {
border-style: solid;
}
}
.tree {
margin: 10px 0;
}
.aside_feed .tree-folder-title {
padding: 0.3rem 0.75rem;
background-color: var(--color-background-aside);
font-size: 1rem;
position: relative;
.title {
background: inherit;
color: var(--color-text-light);
&:hover {
text-decoration: none;
}
}
}
.tree-folder-items {
background-color: var(--color-background-aside);
> .item {
font-size: 0.8rem;
&.active {
background-color: var(--color-background-nav-darker);
}
> a {
text-decoration: none;
color: var(--color-text-light);
}
}
}
.header {
height: auto;
> .item {
padding: 0;
vertical-align: middle;
&.title {
@extend %aside-width;
position: absolute;
text-align: center;
a {
padding: 0 1rem;
&:hover {
.logo {
filter: grayscale(100%) brightness(100) opacity(90%);
}
}
}
.logo {
display: inline-block;
height: 26px;
vertical-align: top;
position: relative;
top: 5px;
filter: grayscale(100%) brightness(100);
}
}
}
.item.search {
display: none;
}
.item.configure {
position: fixed;
right: 0;
z-index: 95;
width: 35px;
text-align: center;
line-height: 0.8;
> .icon {
filter: brightness(3);
margin-right: 5px;
margin-top: 3px;
}
.dropdown .dropdown-menu {
max-height: calc(100vh - 45px);
overflow: auto;
.icon {
filter: brightness(3);
}
}
}
}
.aside {
padding: 35px 0;
background-color: var(--color-background-aside);
@extend %aside-width;
&.aside_feed {
.tree {
margin: 0 0 50px;
}
.tree-folder {
.tree-folder-title,
.item.feed {
&:hover {
background-color: var(--color-background-nav-darker);
}
}
}
.nav-form {
input,
select {
width: 140px;
}
.dropdown {
.dropdown-menu {
right: -20px;
}
.dropdown-menu::after {
right: 33px;
}
}
}
}
}
.aside_feed {
.category .title:not([data-unread="0"])::after {
margin: 0.5rem 0 0 0;
background-color: var(--color-background-nav-darker);
color: var(--color-text-light);
}
.feed .item-title:not([data-unread="0"])::after {
background-color: var(--color-background-nav);
color: var(--color-text-light);
}
.tree-folder-items .dropdown-menu::after {
left: 2px;
}
.about {
padding: 1rem;
display: block;
text-align: center;
font-size: 0.8em;
font-style: italic;
}
}
.reader {
.aside {
.toggle_aside {
background-color: var(--color-background-aside);
.icon {
filter: brightness(3);
}
&:hover {
background-color: var(--color-background-nav);
}
}
}
}
.post {
font-size: 0.9em;
input {
&.long {
height: 33px;
margin-top: 0px;
}
}
}
.prompt {
input {
margin: 5px auto;
}
}
#global {
height: 100vh;
}
#new-article {
background-color: var(--color-background-nav);
font-size: 1em;
text-align: center;
position: fixed;
bottom: 48px;
z-index: 900;
left: 0;
line-height: 1.5;
@extend %aside-width;
> a {
padding: 1rem;
line-height: 1.5;
font-weight: bold;
color: var(--color-text-light);
&:hover {
text-decoration: none;
background-color: var(--color-background-nav-darker);
}
}
}
.day {
padding: 0 10px;
font-weight: bold;
line-height: 3;
text-align: center;
.name {
display: none;
}
}
.nav {
a {
color: var(--color-text-light);
}
}
.nav_menu {
padding: 0;
width: 100%;
font-size: 0;
background-color: var(--color-background-nav);
text-align: left;
position: sticky;
top: 0;
z-index: 90;
.item.search {
display: inline-block;
position: absolute;
right: 40px;
input {
border-width: 0;
line-height: 1.95;
}
}
#toggle-unread,
#toggle-starred {
.icon {
filter: brightness(1);
}
}
}
.flux {
padding-right: 10px;
background-color: var(--color-background-light);
&::after {
@extend %after;
margin: 0 auto;
width: 90%;
border-top: 1px solid var(--color-border-light-darker);
}
.flux_header:hover,
.current {
background-color: var(--color-background-hover);
&:not(.current):hover .item .title {
background-color: var(--color-background-hover);
}
}
&.favorite:not(.current) {
background-color: var(--color-background-stared);
&:hover .item .title {
background-color: var(--color-background-stared);
}
}
&.not_read:not(.current) {
background-color: var(--color-background-unread);
&:hover .item .title {
background-color: var(--color-background-unread);
}
}
.flux_header .date,
.flux_content .bottom .date {
color: var(--color-text-light-darker);
}
.bottom {
font-size: 0.8rem;
text-align: center;
}
label {
color: var(--color-text-light);
cursor: pointer;
}
}
.flux_header {
font-size: 0.8rem;
cursor: pointer;
.title {
font-size: 0.9rem;
}
}
.notification {
padding: 10px 0;
background-color: var(--color-background-light-darker);
height: auto;
color: var(--color-text-light-darker);
font-size: 1em;
border: none;
text-align: center;
font-weight: bold;
vertical-align: middle;
position: fixed;
bottom: 48px;
left: 0;
top: auto;
@extend %aside-width;
&.good,
&.bad {
color: var(--color-text-light);
}
&.good {
background-color: var(--color-background-good);
a.close:hover {
background-color: var(--color-background-good);
}
}
&.bad {
background-color: var(--color-background-bad);
a.close:hover {
background-color: var(--color-background-bad);
}
}
a.close {
display: none;
}
}
#bigMarkAsRead {
text-align: center;
text-decoration: none;
background: var(--color-background-light-darker);
&:hover {
background-color: var(--color-background-aside);
color: var(--color-text-light);
}
}
#nav_entries {
@extend %aside-width;
background-color: var(--color-background-aside);
}
.stat {
margin: 10px 0 20px;
th,
td,
tr {
border: none;
}
> table {
td,
th {
border-bottom: 1px solid var(--color-border-light-darker);
}
}
}
#overlay {
z-index: 100;
.close .icon {
filter: brightness(3);
}
}
#panel {
z-index: 100;
.nav_menu {
position: relative;
}
}
.formLogin,
.register {
#global {
height: 0;
}
.header {
background-color: var(--color-background-nav);
height: 35px;
position: relative;
> .item {
&.configure {
padding: 8px;
width: auto;
position: absolute;
right: 0;
white-space: nowrap;
bottom: 0;
.icon {
filter: brightness(3);
}
}
}
}
}
a.signin {
color: var(--color-text-light);
font-size: 70%;
}
.log-item {
&.log-error {
background-color: var(--color-background-bad);
color: var(--color-text-light);
}
&.log-warning {
background-color: var(--color-background-alert);
color: var(--color-text-light);
}
&.log-debug {
background: var(--color-background-dark);
}
}
@media (max-width: 840px) {
body:not(.formLogin, .register) {
.header {
.item .title {
display: none;
}
}
}
.form-group .group-name {
padding-bottom: 0;
text-align: left;
}
.dropdown {
position: relative;
.dropdown-menu {
width: auto;
}
}
#new-article {
margin-top: 2rem;
width: 100%;
}
.header {
display: table;
.item {
padding: 0;
}
.item.configure {
padding: 0;
position: fixed;
right: 76px;
> .icon {
margin-top: 5px;
}
}
}
button.read_all.btn {
display: none;
}
.flux .item.manage,
.flux_header .item.website {
width: 35px;
text-align: center;
}
.flux:not(.current):hover .item .title {
top: auto !important;
}
.aside {
padding: 0;
width: 0;
transition: width 200ms linear;
.toggle_aside {
background-color: var(--color-background-aside);
&:hover {
background-color: var(--color-background-nav);
}
.icon {
filter: brightness(3);
}
}
&.aside_feed .configure-feeds {
display: flex;
margin-top: 0;
margin-left: auto;
margin-right: auto;
}
&:target {
width: 78%;
z-index: 1000;
}
}
#slider {
.toggle_aside {
background-color: var(--color-background-aside);
&:hover {
background-color: var(--color-background-nav);
}
.icon {
filter: brightness(3);
}
}
}
.nav_menu {
height: 71px;
.btn {
margin: 0;
}
.stick,
.group {
margin: 0;
.btn {
margin: 0;
}
}
.item.search {
top: 3px;
margin-left: 77px;
width: calc(100% - 4 * 38px);
position: relative;
form {
display: block;
}
input {
width: 100%;
}
}
}
#overlay .close,
.dropdown-menu .toggle_aside {
background-color: var(--color-background-aside);
display: block;
height: 50px;
line-height: 3.5;
text-align: center;
padding-right: 10px;
&:hover {
background-color: var(--color-background-nav);
}
}
.dropdown-target:target ~ .dropdown-toggle::after,
.dropdown-target:target ~ .dropdown-toggle.btn::after {
display: none;
}
.share .dropdown-menu {
right: 3%;
left: auto;
}
.day .name {
font-size: 1.1rem;
}
.notification {
width: 100%;
a.close {
background: transparent;
display: block;
left: 0;
&:hover {
opacity: 0.5;
}
.icon {
display: none;
}
}
}
#nav_entries {
width: 100% !important;
}
.post {
padding-left: 15px;
padding-right: 15px;
}
div#stream {
margin-top: 0px;
}
a.btn.toggle_aside {
position: absolute;
top: 0;
}
form#mark-read-menu,
a#actualize,
a#toggle-order,
div#nav_menu_actions,
div#nav_menu_views {
position: absolute;
}
form#mark-read-menu {
right: 38px;
top: 0;
}
a#actualize,
a#toggle-order {
right: 0;
}
a#actualize {
top: 0;
}
a#toggle-order,
div#nav_menu_actions,
div#nav_menu_views {
top: 36px;
}
div#nav_menu_actions {
left: 0px;
}
div#nav_menu_views {
right: 50px;
}
}
@media (max-width: 410px) {
.nav_menu .stick {
margin: 0;
}
}
@media (max-width: 374px) {
#nav_menu_views {
display: none;
}
}
button.as-link {
outline: none;
}
.dropdown-target:target ~ .btn.dropdown-toggle {
background-color: var(--color-background-nav-darker);
}
.tree-folder.active .tree-folder-title {
background-color: var(--color-background-nav-darker);
font-weight: bold;
}
.feed.item {
&.empty {
color: var(--color-text-alert);
&.active {
background-color: var(--color-background-alert);
color: var(--color-text-light);
> a {
color: var(--color-text-light);
}
}
> a {
color: var(--color-text-alert);
}
}
&.error {
color: var(--color-text-bad-lighter);
&.active {
background-color: var(--color-background-bad);
color: var(--color-text-light);
> a {
color: var(--color-text-light);
}
}
> a {
color: var(--color-text-bad-lighter);
}
}
}
#stream.reader .flux {
background-color: var(--color-background-light);
color: var(--color-text-aside);
border: none;
&::after {
border: none;
}
.content {
border-color: var(--color-border-grey);
}
.author {
color: var(--color-text-light-darker);
}
}
#nav_menu_actions {
ul.dropdown-menu {
left: 0;
right: auto;
&::after {
display: none;
}
}
.dropdown.only-mobile {
display: initial !important;
}
}
#nav_menu_read_all {
ul.dropdown-menu {
right: 0;
left: auto;
&::after {
display: none;
}
}
}
#slider {
label {
min-height: initial;
}
}