Spartmans
03/28/2026 (Sat) 15:26
[Preview]
No.301734
del
>>301697ok where do i put my csses
/* Page Touchups */
.catalog-tile {
padding: 5px;
margin: 5px;
text-align: center;
height: 220px;
width: 170px;
overflow: hidden;
border: 1px solid var(--post-outline-color);
box-sizing: border-box;
flex-grow: 1;
max-width: 250px;
}
.collapse.no-decoration.post-button {
border-width: 1px;
border-style: solid;
border-color: var(--post-outline-color);
box-shadow: 3px 3px 3px var(--darken) !important;
}
input:hover {
color: #C48899;
accent-color: #B16279;
}
input#name-setting, input#postpassword-setting, input.mr-1:hover {
color: #80002c;
}
.postmenu:hover {
border-left: calc(2 * .5em * .866) solid #C48899;
}
/* Everpresent Actions */
#actionform {
background: var(--post-color);
bottom: 5px;
position: fixed;
box-shadow: 3px 3px 3px var(--darken);
}
.collapse {
border-width: 0px;
border-color: transparent;
box-shadow: var(--transparent) !important;
}
.collapse:hover {
color: #C48899;
}
.toggle-label {
border-width: 1px;
border-style: solid;
}
.actions{
border-width: 1px;
border-style: dashed none dashed;
border-color: var(--post-outline-color);
}
.bottom-reply {
background: var(--post-color);
bottom: 0px;
left:161px;
position: fixed;
}
.stickynav .nav-item {
line-height: 35.5px;
}
/* Settings */
.modal {
border-width: 5px;
border-style: solid;
border-color: var(--post-color);
box-shadow: 0 0 0 1px
}
/* Selected Post Styling */
.thread .post-container.op {
transition: none !important;
transform: none !important;
background-color: transparent !important;
border: none !important;
}
.post-container, .catalog-tile {
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;
}
.post-container.highlighted, .post-container.hoverhighlighted {
transform: translate(1.5px, 1.5px);
box-shadow: none !important;
}
.post-container.hoverhighlighted {
--highlighted-post-outline-color: #80002c #80002c #80002c #80002c #eab5b4;
}
.catalog-tile:focus {
transform: translate(1.5px, 1.5px);
box-shadow: none;
box-shadow: none !important;
background-color: #eab5b4;
border-width: 1px;
border-style: dashed dashed dashed;
border-color: var(--post-outline-color)
}
#bottom {
margin-bottom: 0px;
}
/* Colored (hidden nigger) Text */
.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;
}
/* Scrollbar */
::-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;
}
------------------------