body 
{ color: #616280;
  background: #0A0A11;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 100%;
  margin: 0px;
  background-image: url('https://anon.cafe/.media/62aae39b5769359ef113e6fa4876e22780371d25886457d9d5ec6f072c36bc7d.png'), url('https://anon.cafe/.media/8826419de2b2f7babb3bd696144066bf8a0872ab9a3c29e9a94f3f4ced07c16b.png');
  background-position: left, left;
  background-repeat: repeat-y, repeat;
  background-attachment: scroll; }

.global-announcement-board-owners-feel-free-to-hide-this 
{ color: #2C2D49;
  font-weight: bold;
  text-align: center;
  font-size: 2rem;
  margin: 3rem; }

nav.top-nav 
{ font-family: Arial, Helvetica, sans-serif;
  height: 2.5rem;
  position: fixed;
  top: 0;
  width: 100%;
  background-color: #0A0A11;
  border-bottom: 0px solid #000;
  font-size: 150%;
  text-align: center;
  z-index: 2;
  opacity: 0.7; }

img#bannerImage 
{ margin: 2.7rem 0 1rem; }

p#labelName 
{ background-image: url('https://anon.cafe/.media/9f859b2179306a7d1c158b7af3852b633ade60986c4cf427e4e79871f0102180.png');
  color: transparent;
  background-position: 50%;
  background-repeat: no-repeat;
  padding: 30px; }

a, a:visited 
{ color: #434466;
  transition: 0.5s; 
  text-decoration: none; }

p#labelDescription
{ display: ; }

#panelMessage 
{ color: #996633;
  font-weight: bold;
  text-align: center;
  font-size: 1.5rem; }

span#favouriteButton 
{ margin-left: -200px; }

.board-header 
{ margin: 2.5rem 0 0rem; }

.board-footer 
{ margin: 0rem 0 0rem; }

html
{ background-color: #0F151A; 
  background-image: linear-gradient(to bottom, #00D8FF, #000000 30px); }

hr 
{ border-color: #55557F; }

nav#board-top-nav.board-nav, nav#board-bottom-nav.board-nav 
{  margin-left: 200px;
  font-size: 100%; }

.WebringButton 
{ font-size: 100%;  
  text-shadow: 0 0 12px;
  animation: webringbutton-rainbow 7s alternate infinite; }

[type=text], [type=password], textarea
{ background-color: #2C2D49; 
  border-color: #040412; 
  color: #616280; }

form#postingForm::before 
{ display: none; }

#postingForm th 
{ background-color: #151525;
    border: none;
    text-align: left; }

small 
{ display: ;
  color: #434466 }

.reportFieldset,
#settingsFieldset 
{ text-align: left;
  position: relative;
  display: inline-block;
  vertical-align: top;
  margin: 0.5rem;
  padding: 2rem;
  min-height: 350px;
  background-color: #0A0A11;
  border-width: 1px;
  border-style: solid;
  border-color: #55557F; }

.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 #55557F;
  transform: translateY(1rem); }

.reportFieldset :not(.actionButtons) > button,
#settingsFieldset :not(.actionButtons) > button 
{ position: absolute;
  bottom: 6rem;
  left: 88%;
  transform: translateX(-50%); }

button, input[type=submit], input[type=button], .Button 
{ background-color: #0C0D17; 
  border-color: #0C0D17; 
  box-shadow: 0 0 5px #E3D5FF; 
  color: #616280;
  display: inline-block;
  margin: 0.25rem;
  padding: 0.35rem 0.6rem; }

input[type="button"]:hover, input[type="submit"]:hover, button:hover 
{ border-color: #0C0D17;
  box-shadow: 0 0 20px #E3D5FF;
  text-shadow: 0 0 10px #E3D5FF; 
  color: #616280; }

input[type="button"], input[type="submit"], button 
{ transition: 0.3s; }

input[type="button"], input[type="submit"], button, .dropzone, .selectedCell 
{ cursor: pointer; }

button:disabled,
input[type=submit]:disabled,
input[type=button]:disabled 
{ color: #CC6633; }

.dropzone
{ background-color: #0C0D17;
  padding: 1rem;
  cursor: pointer; }

.dropzone p 
{ background-color: #0C0D17;
  border-color: #444444; 
  color: #616280; 
  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 0.5s ease; }

.selectedCell 
{ position: relative;
  background-color: #2C2D49; 
  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 #E3D5FF; }

.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 #55557F;
  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: #616280; }

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: 125px; }

.topBoards a, #divLatestImages img, #divLatestPosts .latestPostCell,
  .innerPost, .sideCatalogCell, .sideCatalogMarkedCell,
  .catalogCell 
{ border: 3px dotted #2C2D49;
  opacity: 95%;
  background-color: #0C0D17; }

.innerPost
{ transition: 0.5s ; }

.markedPost
{ border: 3px solid #55557F;
  transition: 0.5s ;
  background-color: #2C2D49; }

.quoteTooltip 
{ position: absolute;
  box-shadow: 0 0 0 #55557F;
  z-index: 1000;
  min-width: 300px;
  pointer-events: none;
  margin-top: -35px; }

.quoteTooltip .innerPost 
{ border: 3px #55557F;
  border-style: solid ; }

.floatingMenu
{ background-color: #0C0D17; 
  border-color: #0C0D17; 
  box-shadow: 0 0 25px #E3D5FF; }

.extraMenu div, .hideMenu div 
{ margin: 0 0.5rem;
  background-color: #0C0D17;
  color: #616280;
  cursor: pointer; 
  transition: 0.3s; }

.extraMenu div:hover, .hideMenu div:hover 
{ color: #E3D5FF;
  text-shadow: 0 0 10px #E3D5FF ;
  transition: 0.3s; }

.settingsTabs 
{ margin: 0.9rem 0; }

.settingsTab 
{ background-color: #2C2D49;
  padding: 0.25rem 0.5rem;
  margin: 0.25rem;
  border-radius: 4px;
  cursor: pointer;
  color: #616280;
  transition: 0.5s;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none; }

.settingsTab:hover 
{ color: #E3D5FF; 
  transition: 0.3s; }

#selectedTab {
  background-color: #434466;
  color: #E3D5FF; }

.settingsContentPanel 
{ margin: 1rem 0.5rem; }

.greenText 
{ color: #809821; }

.pinkText
{ color: #CC49D7; }

.divMessage a 
{ color: #434466; 
  transition: 0.7s; }

a:hover 
{ color: #E3D5FF; 
  transition: 0.5s; }

.quoteLink,
.quoteLink:visited
{ color: #434466; 
  transition: 0.5s; }

.quoteLink:hover
{ color: #E3D5FF; 
  transition: 0.5s; }

.linkName.noEmailName 
{ color: #CC6633;
  cursor: default;
  text-decoration: none;
  font-weight: bold; }

.linkName 
{ color: #996633; 
  transition: 1s; }

.labelSubject 
{ color: #434466;
  font-weight: bold; }

.linkSelf, .linkQuote
{ color: #CC6633; 
  transition: 0.5s; }

.quoteLink.you:after,
.quoteLink.op:after 
{ font-size: 85%;
  color: #434466;
  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: #434466;
  font-style: italic; }

.panelBacklinks a 
{ font-size: 80%;
  text-decoration: underline;
  margin: 0 0.25rem; }

.opCell[id="1"] 
{ margin-bottom:2em;
  overflow:hidden;
  max-width:1550px;
  margin:0 auto;
  opacity:0.5;
  transition: 0.5s; }
.opCell[id="1"]:hover 
{ opacity: 1; }
.opCell[id="1"] hr
{ display: none; }

#board-catalog .board-header 
{ font-size: 1.5rem; }

.uploadCell video,
.uploadCell audio,
.uploadCell img 
{ max-width: 1280px ; }

.uploadCell img:not(.imgExpanded) 
{ border: dotted;
  border-width: 2pt;
  border-color: #whitesmoke;
  width: 220px ; }






0C0D17 CELL
616280 PRIM TEXT
434466 SEC TEXT
2C2D49 TER TEXT/TEXT BOX
0A0A11 BACKGA
0F151A BACKGB
55557F HR LINE

CC6633 ORANGE WOODY
996633 DARK ORANGE WOODY
809821 GREEN
E3D5FF VALIS GLOW

Thanks for the CSS reference, /film/ & /make/!