diff --git a/public/s/css/f0ck.css b/public/s/css/f0ck.css index ac01274..41303d0 100644 --- a/public/s/css/f0ck.css +++ b/public/s/css/f0ck.css @@ -678,7 +678,148 @@ html[theme="f0ck95"] .badge-dark, #themeselector { background: #a8a5a5; } -html[theme="f0ck95"] +/* f0ck95dARK */ +html[theme='f0ck95d'] { + --accent: #fff; + --bg: #0e0f0f; + --black: #000; + --white: #fff; + --gray: silver; + --nav-bg: #0b0a0a; + --nav-brand-border: inset 1px black; + --nav-brand-bg: #0f0e0e; + --navigation-links-bg: #0b0b0b; + --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: #333131; + --nav-border-color: #282727; + --dropdown-bg: #333131; + --dropdown-item-hover: #444242; + --nav-brand-font: 'VCR'; + --font: 'monospace'; + --pagination-background: #0b0a0a; + --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: #0b0a0a; + --badge-bg: #0f0e0e; + --posts-meta-bg: #000000b8; + --badge-sfw: #68a728; + --badge-nsfw: #a72828; + --badge-tag: #959393; + --scrollbar-color: #2b2b2b; + --scroller-bg: #424242; +} + +html[theme="f0ck95d"] html, body { + color: var(--white); +} + +html[theme="f0ck95d"] a { + color: var(--white); +} + +html[theme="f0ck95d"] span#favs { + border: inset 1px gray; +} + +html[theme="f0ck95d"] .nav-link, .pagination > a, .pagination > span { + border-radius: 0px; + border-left: inset 1px black; + border-bottom: outset 1px black; + border-right: outset 1px black; + border-top: 1px inset black; +} + +html[theme="f0ck95d"] .metadata { + border-left: inset 1px silver; + border-bottom: outset 1px silver; + border-right: outset 1px silver; + color: var(--accent); +} + +html[theme="f0ck95d"] .media-object { + border-left: inset 1px silver; + border-bottom: outset 1px silver; + border-right: outset 1px silver; + border-top: 2px inset #959494; +} + +html[theme="f0ck95d"] .media-object::before { + content: " "; + background: -webkit-linear-gradient(left,#08216b,#011029); + text-align: left; + width: 100%; + color: white; + height: 20px; + display: block; + border-bottom: 1px outset silver; +} + +html[theme="f0ck95d"] span.placeholder { + border-left: 1px solid var(--gray); + opacity: 0.5; +} + +html[theme="f0ck95d"] #prev { + color: white; +} + +html[theme="f0ck95d"] #next { + color: white; +} + +html[theme="f0ck95d"] .navbar-brand:hover { + background: transparent; +} + +html[theme="f0ck95d"] span.f0ck::after { + content: "95"; + font-size: 14px; + font-family: vcr; + vertical-align: super; + color: teal; +} + +html[theme="f0ck95d"] .pagination > span { + border: 1px dashed var(--accent) !important; + color: white; + text-shadow: none; +} + +html[theme="f0ck95d"] .dropdown-menu { + border-left: inset 1px silver; + border-bottom: outset 1px silver; + border-right: outset 1px silver; + border-top: outset 1px gray; +} + +html[theme="f0ck95d"] .err span { + text-shadow: 0px 0px transparent; +} + +html[theme="f0ck95d"] .err { + background: #3f9595; +} + +html[theme="f0ck95d"] div#posts > a::after { + color: var(--white); +} + +html[theme="f0ck95d"] .about { + color: var(--white); +} + +html[theme="f0ck95d"] .badge-dark, #themeselector { + border: inset 1px gray; + background: rgba(255,255,255,.04),rgba(255,255,255,0); + background-image: linear-gradient(to bottom,var(--nav-link-background-linear-gradient)); + box-shadow: var(--nav-link-box-shadow); +} ::-webkit-scrollbar { width: 5px;