Here's some CSS I've slowly been working on over the years to lay on top of the Pink theme on the jschan software. I'm not the happiest with the spoiler text stuff, but it's something and I have no idea how to make it do what I ultimately want.
>this should be green but noooooo
<I know for a fact that this can work on jschan but I didn't save the CSS to do it from fatchan
I know
>this works
<kinda weird.
#actionform {
background: var(--post-color);
bottom: 5px;
position: fixed;
}
.bottom-reply {
background: var(--post-color);
bottom: 0px;
left:161px;
position: fixed;
}
.stickynav .nav-item {
line-height: 35.5px;
}
.post-container {
min-width: 0;
transition: transform 0.2s ease-in-out,
box-shadow 0.2s ease-in-out,
background-color 0.2s ease-in-out,
opacity 0.2s ease-in-out;
}
.anchor:target + .post-container {
transform: translate(1.5px, 1.5px);
box-shadow: none;
}
.thread .post-container.op,
.thread .post-container.op * {
transition: none !important;
transform: none !important;
background-color: transparent !important;
border: none !important;
}
#bottom {
margin-bottom: 0px;
}
.spoiler {
background: #7d012a;
color: #7d012a;
cursor: none;
padding: .2px 0px
}
.spoiler:not(:hover) * {
color: #7d012a;
background: #7d012a!important
}
.greentext .spoiler:hover,
.pinktext .spoiler:hover,
.purpletext .spoiler:hover,
.bluetext .spoiler:hover,
.spoiler:hover a {
color: inherit;
}
::-webkit-scrollbar {
width: 12px;
height: 12px;
}
::-webkit-scrollbar-track {
background: #ffe4e6;
}
::-webkit-scrollbar-thumb {
background-color: #80002c;
border-radius: 4px;
border: 2px solid #ffe4e6;
}
html {
scrollbar-color: #80002c #ffe4e6;
scrollbar-width: thin;
}
I forgot there's different styling for code blocks on here