user.css (3280B)
1 /* selfoss-tweaks all-in-one user style sheet */
2
3 /* Mobile Rules */
4 @media screen and (max-width:641px){#nav-mobile{position:fixed;z-index:1;}#nav,#content{margin-top:50px;}#nav-filter-title,#nav-filter,#nav-tags-title,#nav-sources-title{font-size:1.1em;}#nav-tags,#nav-sources{font-size:1.25em;}#search>input[type="search"],#search-button{width:100%;margin-left:10px;}.entry-title{font-size:1.25em;}.entry-tags,.entry-source,.entry-separator,.entry-author,.entry-datetime,.entry-readtime{font-size:1.1em;overflow-wrap:anywhere;}.entry-content{font-size:1.075em;}.entry:not(.expanded) .entry-toolbar{display:block;border-bottom:2px solid grey;border-top:none;}.entry-loadimages{display:none !important;}.stream-button.mark-these-read{display:none;}}
5 /* Desktop Rules */
6 @media screen and (min-width:641px){.entry:not(.expanded) .entry-toolbar{display:block;padding:0px;background:inherit;border:0;margin-top:-2px;opacity:0.0;}.entry:not(.expanded):hover .entry-toolbar{opacity:1.0;}.entry-content{column-count:1;}}
7 /* Simple CSS Rules */
8 :root{--primary:#0d47a1;--primary-contrast:#dcdcdc;--primary-highlight:#1266e2;--primary-highlight-shadow:#1266e250;--text-color:#212121;--background-color:#ffffff;--header-color:#f5f7ff;}@media (prefers-color-scheme:dark){:root{--primary:#ffb300;--primary-contrast:#2d291f;--primary-highlight:#ffe099;--primary-highlight-shadow:#ffe09950;--text-color:#dcdcdc;--background-color:#212121;--header-color:#2b2b2b;}}html,body,#content>.entry.expanded.selected{color:var(--primary) !important;background-color:var(--background-color) !important;background-image:none !important;}#nav-mark,#nav-mark:hover{color:var(--primary-contrast);}#nav-mark:hover{background:var(--primary-highlight);}#nav{background-color:var(--background-color);}#nav-tags li a,#nav-sources li a{color:var(--text-color);}#nav-filter li a.active,#nav-tags li a.active,#nav-sources li a.active{background:var(--primary);color:var(--primary-contrast) !important;}#nav-filter li a:hover,#nav-tags li a:hover,#nav-sources li a:hover{background:var(--primary-highlight);color:var(--primary-contrast) !important;}#nav-filter>.active>span.offline-count,#nav-filter .active span{color:var(--primary-contrast) !important;}.nav-toolbar>button,.nav-toolbar>a{background:transparent !important;}div.entry,.source{background:var(--background-color);}.entry.unread .entry-title,.source-title{color:var(--text-color) !important;}.entry.selected.unread,.entry.unread{border-left:5px solid var(--primary);}.entry.selected{border-color:var(--primary);}#content>.entry.expanded.selected{color:var(--text-color) !important;}.entry-toolbar{background-color:var(--background-color);border-top:1p solid var(--text-color);}#search{background-color:var(--primary);}#search>button>svg{filter:invert(100%)}#search-term:focus{color:var(--text-color);}#nav-mobile{background-color:var(--header-color);}@media screen and (max-width:1024px){.entry.selected.unread,.entry.unread{border-left:0;border-right:5px solid var(--primary);}}@media screen and (max-width:1024px){.entry.selected{background-color:initial;}}@media (prefers-color-scheme:light){#nav-mobile-logo,#nav-mobile-settings{filter:invert(100%);}}@media screen and (max-width:1024px){#search-button{background-color:var(--primary-highlight);}}
