Merge pull request 'adding f0ck95 dark' (#38) from dev into master

Reviewed-on: #38

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;