/* spooky theme */
@import "./syntax/srcery.css";
:root {
	--background-color: #33110E;
	--background-gradient: var(--background-color);
	--text-color: #c5c8c6;
	--contrast-color: #5F1003;
	--menu-color: #333;
	--background-highlight-color: #282a2e;
	--horizon-sep-color: none;
	--border-color: #CF7B20;
	--marked-color: #8D3312;
	--marked-border-color: #8D3312;

	--board-title-color: #F9C10E;
    /*--board-shadow-color: inherit;*/
	--index-text-color: var(--text-color);

	--link-color: orange;
	--link-hover-color: yellow;

	--navbar-text-color: var(--horizon-sep-color);
	--table-every-other-color: var(--contrast-color);
	/*--button-color: #fed;*/
	--sfw-indicator-color: navy;
	--subject-color: #FF6C00;

	--thread-navbar-background: var(--background-color);
	--thread-navbar-color: var(--border-color);

    --logo-image: url("/.static/logo/logo_blue_light.png");
}

.quoteLink {
  color: var(--link-color);
}

.quoteLink:hover {
  color: var(--link-hover-color);
}

code {
    background-color: rgba(0,0,0,0.15);
}

.modalTableBody input[type="text"], .modalTableBody select,
#themeSelector,
#modalAnswer,
#cssInput, #jsInput,
#postingForm input[type="text"], #postingForm textarea,
#quick-reply input[type="text"], #quick-reply textarea {
  color: var(--text-color);
  background-color: var(--background-color);
}

#themeSelector {
  border-color: var(--navbar-text-color);
}

/* ----------- SEPARATOR ----------- */

.floatingMenu {
    background-color: var(--contrast-color);
}

.noEmailName, .noEmailName:hover {
    color: #DDD1AE;
}

.greenText {
    color: #2FA71C;
}

.pinkText {
    color: #ff748c;
}

.redText {
    color: #FA4113;
}

.echoText {
    background: var(--contrast-color);
    color: #ffc0cb;;
}

.doomText {
    color: #F78F1E;
    font-family: Vorvolaka;
}

@font-face {
  font-family: Vorvolaka;
  src: url(/.media/47b54869162ec3709cce0b3a7f3faf862f461923d5701ed329fb3695d9eaf997);
}





#quick-reply th,
#newPostFieldset legend,
#postingForm th, .modalTableBody th {
    background: var(--marked-color);
}

.boardHeader p, #overboardId {
    font-family: Vorvolaka;
    font-size: 360%;
}

div.innerOP {
  position: relative;
  border: 3px dotted orange;
  border-radius: 6px;
}

div.innerOP::after {
  content: "";
  position: absolute;
  top:0;
  bottom: 0;
  left: 0;
  right: 0;
  background: var(--contrast-color);
  border-radius: 6px;
  opacity: 0.9;
  z-index: -1;
}




/* Corner Mascot & Background */
body {
	background-image: url(/.media/0d1b149049fe22a726232f1f5937c394eb21c319e8bd6c1031eca33660ed0ea0.jpg);
		


	
	background-repeat: repeat;
	background-attachment: fixed;
	background-position:right bottom;
        background-blend-mode: overlay;
        background-size: auto;
}