diff --git a/public/s/css/f0ck.css b/public/s/css/f0ck.css index e1a20ac..b1cff68 100644 --- a/public/s/css/f0ck.css +++ b/public/s/css/f0ck.css @@ -292,6 +292,47 @@ html[theme="atmos"] { --scrollbar-color: #2b2b2b; } +html[theme="term"] { + --accent: #00DF00; + --bg: #040404; + --black: #000; + --white: #fff; + --gray: #262626; + --nav-bg: #040404; + --nav-brand-border: inset 1px #111111; + --nav-brand-bg: #040404; + --navigation-links-bg: #040404; + --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: #282828; + --nav-border-color: rgba(255,255,255,.05); + --dropdown-bg: #040404; + --dropdown-item-hover: #282828; + --nav-brand-font: 'VCR'; + --font: monospace; + --pagination-background: #040404; + --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: #282828; + --pagination-border-color: rgba(0,0,0,.8) rgba(0,0,0,.65) rgba(0,0,0,.5); + --metadata-bg: #000; + --badge-bg: #060606; + --posts-meta-bg: #000000b8; + --badge-sfw: #076a19; + --badge-nsfw: #a72828; + --badge-tag: #131212; + --scrollbar-color: #2b2b2b; + --scroller-bg: #424242; + --tooltip-bg: #131212; +} + +html[theme="term"] .metadata { + text-shadow: 0px 0px 1px var(--accent), 1px 0px 2px var(--accent), 0px 0px 5px var(--black); +} + ::-webkit-scrollbar { width: 5px; } @@ -679,6 +720,7 @@ span.placeholder { color: var(--accent); text-shadow: 0 -1px var(--black); box-shadow: var(--pagination-anchor-box-shadow); + box-shadow: inset 0px -2px 0px var(--accent); } /* Content */ @@ -1204,9 +1246,9 @@ div#posts > a[data-mode="null"] > p:before { div#footbar { width: 100%; - background-color: var(--nav-bg); + /* background-color: var(--nav-bg); */ text-align: center; - color: #f00; + /* color: #f00; */ margin-top: -30px; transition: .5s ease-in-out; user-select: none; @@ -1284,7 +1326,7 @@ table.table tbody tr:nth-of-type(even) { padding: 1ch 1.5ch; border-radius: .3ch; box-shadow: 0 1em 2em -.5em rgba(0, 0, 0, 0.35); - background: #333; + background: var(--tooltip-bg,#333); color: #fff; z-index: 1000; } @@ -1300,7 +1342,7 @@ table.table tbody tr:nth-of-type(even) { [tooltip][flow^="up"]::before { bottom: 100%; border-bottom-width: 0; - border-top-color: #333; + border-top-color: var(--tooltip-bg,#333); } [tooltip]:not([flow])::after, [tooltip][flow^="up"]::after { @@ -1316,7 +1358,7 @@ table.table tbody tr:nth-of-type(even) { [tooltip][flow^="down"]::before { top: 100%; border-top-width: 0; - border-bottom-color: #333; + border-bottom-color: var(--tooltip-bg,#333); } [tooltip][flow^="down"]::after { top: calc(100% + 5px); @@ -1329,7 +1371,7 @@ table.table tbody tr:nth-of-type(even) { [tooltip][flow^="left"]::before { top: 50%; border-right-width: 0; - border-left-color: #333; + border-left-color: var(--tooltip-bg,#333); left: calc(0em - 5px); transform: translate(-.5em, -50%); } @@ -1341,7 +1383,7 @@ table.table tbody tr:nth-of-type(even) { [tooltip][flow^="right"]::before { top: 50%; border-left-width: 0; - border-right-color: #333; + border-right-color: var(--tooltip-bg,#333); right: calc(0em - 5px); transform: translate(.5em, -50%); } @@ -1366,3 +1408,7 @@ table.table tbody tr:nth-of-type(even) { opacity: 1; transform: translate(0, -50%); } + +.timeago:hover { + cursor: pointer; +} \ No newline at end of file