From 8dd58553e2fba2b6276dfc36c43a6ae7450edd24 Mon Sep 17 00:00:00 2001 From: schrumpel Date: Mon, 16 May 2022 20:07:40 +0200 Subject: [PATCH] adding f0ck95 theme --- public/s/css/f0ck.css | 128 ++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 128 insertions(+) diff --git a/public/s/css/f0ck.css b/public/s/css/f0ck.css index f530fd6..cfd97ac 100644 --- a/public/s/css/f0ck.css +++ b/public/s/css/f0ck.css @@ -434,6 +434,134 @@ html[theme="iced"] .navbar-brand:hover { background: #1d2941; } +/* f0ck95 */ +html[theme='f0ck95'] { + --accent: silver; + --bg: teal; + --black: #000; + --white: #fff; + --gray: silver; + --nav-bg: silver; + --nav-brand-border: inset 1px black; + --nav-brand-bg: silver; + --navigation-links-bg: silver; + --navigation-links-background-linear-gradient: rgba(0,0,0,.12),rgba(0,0,0,0); + --navigation-links-border-color: rgba(0,0,0,.8) rgba(0,0,0,.65) rgba(0,0,0,.5); + --navigation-links-box-shadow: rgba(255,255,255,.05); + --nav-link-background-linear-gradient: rgba(255,255,255,.04),rgba(255,255,255,0); + --nav-link-box-shadow: inset 0 0 0 1px rgba(255,255,255,.04),inset 0 0px rgba(255,255,255,.04),inset 0 0px rgba(0,0,0,.15),0 0px 0px rgba(0,0,0,.1); + --nav-link-hover-bg: #8a8989; + --nav-border-color: #282727; + --dropdown-bg: silver; + --dropdown-item-hover: #8a8989; + --nav-brand-font: 'VCR'; + --font: 'monospace'; + --pagination-background: silver; + --pagination-box-shadow: inset 0 0 0 1px rgba(255,255,255,.04),inset 0 0px rgba(255,255,255,.04),inset 0 0px rgba(0,0,0,.15),0 0px 0px rgba(0,0,0,.1); + --pagination-anchor-box-shadow: inset 0 0 0 1px rgba(255,255,255,.04),inset 0 1px rgba(255,255,255,.04),inset 0 -1px rgba(0,0,0,.15),0 1px 1px rgba(0,0,0,.1); + --pagination-background-hover: #8a8989; + --pagination-border-color: rgba(0,0,0,.8) rgba(0,0,0,.65) rgba(0,0,0,.5); + --metadata-bg: silver; + --badge-bg: silver; + --posts-meta-bg: #000000b8; + --badge-sfw: #68a728; + --badge-nsfw: #a72828; + --badge-tag: #959393; + --scrollbar-color: #2b2b2b; + --scroller-bg: #424242; +} + +html[theme="f0ck95"] html, body { + color: var(--black) !important; +} + +html[theme="f0ck95"] a { + color: var(--black)!important; +} + +html[theme="f0ck95"] .nav-link, .pagination > a, .pagination > span { + border-radius: 0; + border-left: inset 1px silver; + border-bottom: outset 1px silver; + border-right: outset 1px silver; + border-top: 1px outset gray; +} + +html[theme="f0ck95"] .metadata { + border-left: inset 2px silver; + border-bottom: outset 2px silver; + border-right: outset 2px silver; + border-top: 2px outset #8c8888; +} + +html[theme="f0ck95"] .media-object { + border-left: inset 2px silver; + border-bottom: outset 2px silver; + border-right: outset 2px silver; + border-top: 2px outset #959494; +} + +html[theme="f0ck95"] .media-object::before { + content: " "; + background: -webkit-linear-gradient(left,#08216b,#a5cef7); + text-align: left; + width: 100%; + color: white; + height: 20px; + display: block; +} + +html[theme="f0ck95"] span.placeholder { + border-left: 1px solid var(--black); +} + +html[theme="f0ck95"] #prev { + color: white !important; +} + +html[theme="f0ck95"] #next { + color: white !important; +} + +html[theme="f0ck95"] .navbar-brand:hover { + background: transparent; +} + + +html[theme="f0ck95"] span.f0ck::after { + content: "95"; + font-size: 14px; + font-family: vcr; + vertical-align: super; + color: black; +} + +html[theme="f0ck95"] .pagination > span { + border: 1px dashed black !important; + color: black; + text-shadow: none; +} + +html[theme="f0ck95"] .dropdown-menu { + border-color: gray; +} + +html[theme="f0ck95"] .err span { + text-shadow: 0px 0px transparent; +} + +html[theme="f0ck95"] .err { + background: #3f9595; +} + +html[theme="f0ck95"] div#posts > a::after { + color: var(--white); +} + +html[theme="f0ck95"] .about { + color: black; +} + ::-webkit-scrollbar { width: 5px; }