/* Be Kind Rewind */
/* I need to return some video tapes. Based on Tomorrow. */
@import "./syntax/srcery.css";
:root {
	--background-color: #1d1f21;
	--background-gradient: var(--background-color);
	--text-color: #c5c8c6;
	--contrast-color: #282a2e;
	--menu-color: #333;
	--background-highlight-color: #282a2e;
	--horizon-sep-color: #474b53;
	--border-color: #111;
	--marked-color: #1d1d21;
	--marked-border-color: #111;

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

	--link-color: #C1A615;
	--link-hover-color: #FFD600;

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

	--thread-navbar-background: #0f4c6a;
	--thread-navbar-color: var(--text-color);

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

.boardHeader p#labelDescription {
  font-size: 100%;
  text-decoration: underline solid red;
}

.innerUtility.top {
  background-color: #170F7D;
  border-radius: 15px;
}

.innerUtility.top a {
  color: #ADE729;
}

nav {
    background-color: black;
    border-bottom: 1px solid #FFD600;
}

nav span, nav a {
/*  margin: 0 0.2em; */
  color: white;
}

fieldset legend {
  font-weight: bold;
  font-size: 80%;
  padding: 4px;
  width: 100%;
  background: #272754;
  border: 1px solid var(--border-color);
}

#postingForm th, .modalTableBody th {
  font-size: 80%;
  padding-left: 0.25em;
  padding-right: 1em;
  background: #272754;
  border: 1px solid var(--border-color);
}

#dynamicAnnouncement {
	position: relative;
  border: 2px dotted gold;
  border-radius: 6px;
  background: var(--contrast-color);
  opacity: 0.8;
}

body {
	background: grey;
	background-image: url('/.media/afbb14b1154c21d70613b659285c5ece0abe8ad1fda5bd6b72d6544d7db3b934.png'),
		url('/.media/6f8a6f9584e67cc4df6a6b4142d0889f12642def1de65fcf91fd679fad6b267f.png');
	    background-blend-mode: normal, overlay;
	background-repeat: no-repeat, repeat;
	background-attachment: fixed, scroll;
	background-position: right bottom;
	background-size: 225px 249px, auto;
div.innerOP {
 position: relative;
 border: 1px solid;
 border-radius: 0px;
 border-color: gold
}
div.innerOP::after {
 content: "";
 position: absolute;
 top:0;
 bottom: 0;
 left: 0;
 right: 0;
 background: var(--contrast-color);
 border-radius: 6px;
 opacity: 0.8;
 z-index: -1;
}
hr {
 border: none;
 border-top: 1px solid red;
 overflow: visible;
 text-align: center;
 height: 5px;
}
.noEmailName,
.noEmailName:hover {
 color: #1ab767;
 cursor: default;
}
.labelSubject {
  color: #db1616;
  word-wrap: break-word;
}
.labelRole {
  color: #c205c8;
}
.greenText {
  color: #57c805;
}
.redText {
  color: #db1616;
  font-weight: bold;
  font-size: 125%;
}
.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);
}