Merge pull request 'adding f0ck95 theme' (#33) from dev into master

Reviewed-on: #33
This commit is contained in:
Kibi Kelburton 2022-05-16 20:08:15 +02:00
commit cba529deb4

View File

@ -434,6 +434,134 @@ html[theme="iced"] .navbar-brand:hover {
background: #1d2941; 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 { ::-webkit-scrollbar {
width: 5px; width: 5px;
} }