mirror of https://gitgud.io/fatchan/jschan.git
parent
2888f4ad31
commit
b45d4c6150
1 changed files with 149 additions and 0 deletions
@ -0,0 +1,149 @@ |
||||
/* from ptchan with love */ |
||||
|
||||
:root { |
||||
--icon-color: invert(17%)sepia(89%)saturate(7057%)hue-rotate(2deg)brightness(93%)contrast(120%); |
||||
--alt-label-color: #040404; |
||||
--alt-font-color: #e8eaf6; |
||||
--background-top: #000; |
||||
--background-rest: #000; |
||||
--navbar-color: #040404; |
||||
--post-color: #000; |
||||
--post-outline-color: #111; |
||||
--label-color: #040404; |
||||
--box-border-color: #111; |
||||
--darken: #040404; |
||||
--highlighted-post-color: #000; |
||||
--highlighted-post-outline-color: #444; |
||||
--board-title: #e8eaf6; |
||||
--hr: #040404; |
||||
--font-color: #e8eaf6; |
||||
--name-color: #e8eaf6; |
||||
--capcode-color: #f00; |
||||
--subject-color: #b294bb; |
||||
--link-color: white; |
||||
--post-link-color: #5f89ac; |
||||
--link-hover: #81a2be; |
||||
--input-borders: #111; |
||||
--input-color: #e8eaf6; |
||||
--input-background: #040404; |
||||
--dice-color: darkorange; |
||||
--title-color: #d70000; |
||||
--greentext-color: lime; |
||||
--pinktext-color: magenta; |
||||
} |
||||
|
||||
.spoiler { |
||||
background: gray; |
||||
color: azuregray; |
||||
} |
||||
|
||||
.spoiler:not(:hover) * { |
||||
color: gray; |
||||
background: gray !important; |
||||
} |
||||
|
||||
.post-info, .post-container:target .post-info, .post-container.highlighted .post-info { |
||||
background: none !important; |
||||
border: none !important |
||||
} |
||||
|
||||
@font-face { |
||||
font-family: VCR OSD Mono; |
||||
src: url(/css/themes/assets/VCR-OSD-Mono.ttf); |
||||
} |
||||
|
||||
* { |
||||
font-family: 'VCR OSD Mono', sans-serif !important; |
||||
} |
||||
|
||||
body { |
||||
background: black !important; |
||||
width: 80%; |
||||
margin: auto; |
||||
font-size: medium; |
||||
} |
||||
|
||||
a { |
||||
text-decoration: none !important; |
||||
color: var(--link-color) !important; |
||||
} |
||||
|
||||
th { |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
tr:nth-child(2n) * { |
||||
color: yellow; |
||||
} |
||||
|
||||
.bold { |
||||
color: var(--link-color) !important; |
||||
} |
||||
|
||||
.navbar { |
||||
width: inherit; |
||||
} |
||||
|
||||
.navbar .nav-item { |
||||
text-transform: uppercase; |
||||
} |
||||
|
||||
.board-title { |
||||
background-color: black; |
||||
color: white; |
||||
text-transform: uppercase; |
||||
border: 6px solid red; |
||||
width: 60%; |
||||
margin: auto; |
||||
letter-spacing: 0.5em; |
||||
padding: 10px; |
||||
} |
||||
|
||||
.no-m-p { |
||||
background-color: blue; |
||||
color: var(--font-color) !important; |
||||
padding: 10px 10px; |
||||
} |
||||
|
||||
.footer { |
||||
width: 100%; |
||||
display: flex; |
||||
flex-flow: row wrap; |
||||
align-content: space-between; |
||||
justify-content: space-between; |
||||
background-color: black; |
||||
font-size: 0; /* This a trick used to hide the bullet points that aren't encapsulated by tags */ |
||||
line-height: normal; |
||||
} |
||||
|
||||
.footer a { |
||||
color: blue !important; |
||||
flex: 1; |
||||
text-transform: uppercase; |
||||
font-size: initial; |
||||
padding: 5px 0; |
||||
} |
||||
|
||||
.footer > div { |
||||
line-break: after; |
||||
color: red; |
||||
font-size: initial; |
||||
padding: 10px 0; |
||||
} |
||||
|
||||
.footer a:nth-child(4n + 1) { |
||||
background-color: red; |
||||
color: white !important; |
||||
} |
||||
|
||||
.footer a:nth-child(4n + 2) { |
||||
background-color: lime; |
||||
} |
||||
|
||||
.footer a:nth-child(4n + 3) { |
||||
background-color: yellow; |
||||
} |
||||
|
||||
.footer a:nth-child(4n + 4) { |
||||
background-color: cyan; |
||||
} |
Loading…
Reference in new issue