>>1951
I was having problems adding the CSS snippet and then I suddenly realized that the custom CSS has a surprisingly strict character limit.
I think I need to prune some redundant or inactive code but I'm not even sure where to start.
:root {
--font-color: #666699;
--background-top: #050525;
--background-rest: #050525;
--post-color: #101025;
--post-outline-color: #333366;
--navbar-color:#050525;
--label-color:#151525;
--highlighted-post-color:#202040;
--highlighted-post-outline-color:#666699;
--title-color:#d22522;
--greentext-color:#88a222;
--pinktext-color:#cc49d7;
--input-borders:black;
--input-color:#666699;
--input-background:#202040;
--post-link-color:#4747A7;
--name-color:#D22522;
scrollbar-color: #333366 #101025;
}
a.no-decoration h1.board-title {
background-image: url('/asset/p/868e439b0147bd56825abe851946694e4f92dc3f97826a10af4c7d564be76ba4.png');
color: transparent !important;
background-position: %;
background-repeat: no-repeat;
padding: 30px 0px;
opacity: 0.7; }
body
{ color: #666699;
background: #040412;
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 0px;
background-image: url("/asset/p/ffbc22acd4f4f5a09d07c95671fa082ab421e9e15f833edfbe0969335431050d.png");
background-position: left;
background-repeat: repeat;
background-attachment: scroll; }
.global-announcement-board-owners-feel-free-to-hide-this
{ color: #202040;
font-weight: bold;
text-align: center;
font-size: 2rem;
margin: 3rem; }
nav.top-nav
{ font-family: Arial, Helvetica, sans-serif;
height: 2rem;
position: fixed;
top: 0;
width: 100%;
background-color: #050525;
border-bottom: 0px solid #000;
font-size: 125%;
text-align: center;
z-index: 2;
opacity: 0.7; }
img#bannerImage
{ margin: 2.7rem 0 1rem; }
#postform {
background-color: #9988EE;
box-shadow: 0 0 40px #4747A7;
}
.modal {
box-shadow: 0 0 40px #4747A7;
}
p#labelName
{ background-image: url("/asset/p/868e439b0147bd56825abe851946694e4f92dc3f97826a10af4c7d564be76ba4.png");
color: transparent;
background-position: 50%;
background-repeat: no-repeat;
padding: 30px; }
a, a:visited
{ color: #333366;
transition: 1.2s;
text-decoration: none; }
p#labelDescription
{ display: ; }
#panelMessage
{ color: #D22522;
font-weight: bold;
text-align: center;
font-size: 1.1rem; }
span#favouriteButton
{ margin-left: 25px; }
.board-header
{ margin: 2rem 0 0rem; }
.board-footer
{ margin: 0rem 0 0rem; }
html
{ background-color: #040412;
background-image: linear-gradient(to bottom, #000000, #666699 25px); }
hr
{ border-color: #333366; }
nav#board-top-nav.board-nav, nav#board-bottom-nav.board-nav
{ margin-left: 75px;
font-size: 100%; }
.WebringButton
{ font-size: 100%;
text-shadow: 0 0 12px;
animation: webringbutton-rainbow 1.8s alternate infinite; }
[type=text], [type=password], textarea
{ background-color: #202040;
border-color: #040412;
color: #666699; }
form#postingForm::before
{ display: none; }
#postingForm th
{ background-color: #151525;
border: none;
text-align: left; }
small
{ display: ;
color: #666699 }
.reportFieldset,
#settingsFieldset
{ text-align: left;
position: relative;
display: inline-block;
vertical-align: top;
margin: 1rem;
padding: 1rem;
min-height: 250px;
background-color: #151525;
border-width: 1px;
border-style: none solid solid none;
border-color: #151525; }
.reportFieldset legend,
#settingsFieldset legend
{ display: block;
width: calc(100% + 2rem);
margin: -1rem -1rem 1rem;
padding: 0.25rem 0.75rem;
font-weight: bold;
border-bottom: 1px solid #333366;
transform: translateY(1rem); }
.reportFieldset :not(.actionButtons) > button,
#settingsFieldset :not(.actionButtons) > button
{ position: absolute;
bottom: 1rem;
left: 90%;
transform: translateX(-50%); }
button, input[type=submit], input[type=button], .Button
{ background-color: #040412;
border-color: #040412;
box-shadow: 0 0 10px #4747A7;
color: #666699;
display: inline-block;
margin: 0.25rem;
padding: 0.35rem 0.6rem; }
input[type="button"]:hover, input[type="submit"]:hover, button:hover
{ border-color: #040412;
box-shadow: 0 0 20px #4747A7;
text-shadow: 0 0 2px #666699;
color: #666699; }
input[type="button"], input[type="submit"], button
{ transition: 0.5s; }
input[type="button"], input[type="submit"], button, .dropzone, .selectedCell
{ cursor: pointer; }
button:disabled,
input[type=submit]:disabled,
input[type=button]:disabled
{ color: #D22522; }
.dropzone
{ background-color: #101025;
padding: 0.5rem;
cursor: pointer; }
.dropzone p
{ background-color: #101025;
border-color: #444444;
color: #666699;
cursor: pointer;
padding: 0.25rem;
padding-top: 0.25rem;
padding-right: 0.25rem;
padding-bottom: 0.25rem;
padding-left: 0.25rem;
text-align: center;
border: 3px dashed #040412;
transition: border-color 1s ease; }
.selectedCell
{ position: relative;
background-color: #202040;
display: block;
padding: 0.3rem;
min-height: 4rem; }
.modalPanel
{ position: fixed;
z-index: 10000;
top: 0;
left: 0;
right: 0;
bottom: 0;
opacity: 0.;
background-color: #0009; }
.modalInnerPanel
{ position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 10px 100px #4747A7; }
.modalDecorationPanel
{ position: relative;
padding: 0.5rem;
background-color: #151525; }
.modalHeader
{ display: block;
margin: -0.5rem;
margin-bottom: 0.5rem;
padding: 0.5rem 4rem;
border-bottom: 1px solid #333366;
font-weight: bold; }
.reloadCaptchaButton, .captchaTimer
{ display: inline-block;
background-color: #0007;
color: white;
font-weight: bold;
position: absolute;
bottom: 0;
left: 1;
padding: 0.5rem; }
.modalCaptchaControls
{ position: absolute;
left: 0.5rem;
top: calc(100px + 0.65rem);
padding: 0.5rem;
background-color: #0007;
color: white; }
.modalCaptchaControls i, .reloadCaptchaButton i
{ margin-right: 0.5rem;
transition: 1.5s;
cursor: pointer; }
.modalCaptchaControls i:hover,
.reloadCaptchaButton i:hover
{ color: #4444ff;
transition: 0.5s; }
#watchedMenu div:nth-child(2n) .watchedCell
{ background-color: #050525; }
#quick-reply span.handle
{ background-color: #151525;
color: #666699; }
quick-reply .handle
{ background-color: #151525;
display: block;
border: 1px solid #151525;
margin: -2px;
padding: 2px;
cursor: move; }
#quick-reply
{ background-color: #151525; }
.innerOP
{ margin-left: 25px; }
.topBoards a, #divLatestImages img, #divLatestPosts .latestPostCell,
.innerPost, .sideCatalogCell, .sideCatalogMarkedCell,
.catalogCell
{ border: 0px solid #000000;
background-color: #101025; }
.innerPost
{ transition: 0.75s ; }
.markedPost
{ border: 1px solid #666699;
transition: 0.75s ;
background-color: #202040; }
.quoteTooltip
{ position: absolute;
box-shadow: 0 0 0 #4747A7;
z-index: 1000;
min-width: 300px;
pointer-events: none;
margin-top: -35px; }
.quoteTooltip .innerPost
{ border: 1px #666699;
border-style: solid ; }
.floatingMenu
{ background-color: #101025;
border-color: #101025;
box-shadow: 0 0 40px #4747A7; }
.extraMenu div, .hideMenu div
{ margin: 0 0.5rem;
background-color: #101025;
color: #666699;
cursor: pointer;
transition: 0.5s; }
.extraMenu div:hover, .hideMenu div:hover
{ color: #D22522;
transition: 0.5s; }
.settingsTabs
{ margin: 0.9rem 0; }
.settingsTab
{ background-color: #333366;
padding: 0.25rem 0.5rem;
margin: 0.25rem;
border-radius: 4px;
cursor: pointer;
color: #666699;
transition: 1s;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none; }
.settingsTab:hover
{ color: #CCCCCC;
transition: 0.5s; }
#selectedTab {
background-color: #4747A7;
color: #CCCCCC; }
.settingsContentPanel
{ margin: 1rem 0.5rem; }
.divMessage a
{ color: #4747A7;
transition: 2s; }
a:hover
{ color: #2020E2;
transition: 1.5s; }
.quoteLink,
.quoteLink:visited
{ color: #4747A7;
transition: 1.5s; }
.quoteLink:hover
{ color: #2020E2;
transition: 1.5s; }
.linkName.noEmailName
{ color: #d22522;
cursor: default;
text-decoration: none;
font-weight: bold; }
.linkName
{ color: #FF0000;
transition: 2s; }
.labelSubject
{ color: #4747A7;
font-weight: bold; }
.linkSelf, .linkQuote
{ color: #D22522;
transition: 2s; }
.quoteLink.you:after,
.quoteLink.op:after
{ font-size: 85%;
color: #333366;
text-decoration: none; }
.quoteLink.you:after { content: " (You)"; }
.quoteLink.op:after { content: " (O.P.)"; }
.quoteLink.op.you:after { content: " (O.P.) (You)"; }
.divBanMessage
{ font-weight: bold;
font-size: 2rem;
color: #DB3838;
margin: 0.5rem;
margin-left: 0.8rem; }
.labelLastEdit
{ margin-left: 0.8rem;
color: #333366;
font-style: italic; }
.panelBacklinks a
{ font-size: 80%;
text-decoration: underline;
margin: 0 0.25rem; }
span.detected
{ background: white;
color: #050525;
position: relative; }
span.detected::before
{ content: attr(data-value);
position: absolute;
left: 50%;
transform: translateX(-50%);
display: inline-block;
height: 2.5rem;
padding: .5rem;
font-size: 2.3rem;
font-weight: bolder;
text-shadow: 0 0 20px gold;
color: #0000;
background-image: url("/.static/david.gif");
background-size: contain;
background-position: center;
background-repeat: no-repeat;
opacity: 0;
top: 0;
transition: 3s ease;
transition-property: top, opacity;
pointer-events: none; }
span.detected::after
{ content: "Name successfully logged into Ben Garrison's hit list.";
position: absolute;
left: 50%;
transform: translateX(-50%);
width: 10rem;
font-size: 0.9rem;
text-align: center;
color: #666699;
background: #050525;
top: 0;
opacity: 0;
transition: 3s ease;
transition-property: top, opacity;
pointer-events: none; }
.opCell[id="4"]
{ margin-bottom:2em;
overflow:hidden;
max-width:1550px;
margin:0 auto;
opacity:0.5;
transition: 1s; }
.opCell[id="4"]:hover
{ opacity: 1; }
.opCell[id="4"] hr
{ display: none; }