/* Yotsuba Xmas theme by k */
@import "/.static/css/syntax/a11y-light.css";
:root {
	--background-color: #fed6af;
	--background-gradient: #ffe;
	--text-color: maroon;
	--contrast-color: #f0e0d6;
	--menu-color: #f0e0d6;
	--background-highlight-color: #fca;
	--horizon-sep-color: #d9bfb7;
	--border-color: #800;
	--marked-color: #f0c0b0;
	--marked-border-color: #d99f91;

	--board-title-color: maroon;
	--index-text-color: var(--text-color);
    /*--board-shadow-color: rgba(100,0,0,0.6);*/

	--link-color: #00e;
	--link-hover-color: #f00;

	--navbar-text-color: #b86;
	--table-every-other-color: #ede2d4;
	/*--button-color: #fed;*/
	--sfw-indicator-color: maroon;
	--subject-color: #cc1105;

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

.panelBacklinks a {
  color: navy;
}

.pinkText {
  color: #f04d3a;
}
body {
    font-size: 100%;
    color: white;
    background: #43b5c7;
    background-image: radial-gradient(transparent, #ffffffad);
    font-family: arial, helvetica, sans-serif;
}
.divMessage {
    margin: 1em 1em 1em 3em;
    /* white-space: break-spaces; */
    white-space: pre-wrap;
    word-wrap: break-word;
    text-shadow: 1px 1px 1px black;
}
#postingForm th, .modalTableBody th {
    font-size: 80%;
    padding-left: 0.25em;
    padding-right: 1em;
    background: linear-gradient(
45deg
, #42a5f5, transparent);
    border: 2px solid #fff;
    border-radius: 10px;
    text-shadow: 1px 1px 1px black;
}
#postingForm input[type=submit], #qrbutton {
    width: 9em;
    margin: 0.5em auto;
    font-size: 115%;
    background: #7b7198;
    border: 2px solid #006403;
    border-radius: 10px;
    text-shadow: 1px 1px 4px black;
    color: #ffffff;
}
#newPostFieldset {
    display: inline-block;
    border: none;
    text-shadow: 1px 1px 1px black;
}
input[type=button], input[type=submit], button {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    cursor: pointer;
    background-color: #47a9f2;
    color: white;
    text-shadow: 1px 1px 1px black;
    border: 1px solid white;
}
input[type=button], input[type=submit], button, .dropzone, .selectedCell {
    border: 1px dashed #fff;
    background: #4faef0;
    color: white;
    font-weight: bold;
    font-size: 80%;
}
fieldset legend {
    font-weight: bold;
    font-size: 80%;
    padding: 4px;
    width: 100%;
    background: #4faef0;
    border: 2px solid #fff;
    border-radius: 6px;
}
#dynamicAnnouncement table {
    margin: auto;
    font-size: 75%;
    text-shadow: 1px 1px 1px black;
    background: #6203084f;
    border: 2px green solid;
    border-radius: 6px;
}
body {
    font-size: 100%;
    color: white;
    background: #43b5c7;
    background-image: url(/.media/df63828b636e302ee9d1c8c42af244087ac841eebb10f95506eccf6afca1f725.gif), radial-gradient(#49aaf0a8, #ffffffad), url(/.media/6a2d97d4d85c3e293ed1846621e6b5828a3c073df549b07ecb6ca52efe0956dc.gif);
    font-family: arial, helvetica, sans-serif;
    background-repeat: no-repeat, no-repeat, repeat;
    background-position: bottom right, top, top;
    background-attachment: fixed, scroll, scroll;
}
.boardHeader #labelName {
    display: inline;
    background: url(/.media/6273dbed7b739811a4f81bff5ed8989453362bbe313988d7784eb836bd1955ad.jpg);
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    font-size: 300%;
    font-weight: bold;
    -webkit-text-stroke-color: darkgreen;
    text-shadow: 4px 2px 5px black;
    font-family: coiny;
}
@font-face {
  font-family: coiny;
  src: url(/.media/ef02d723a54abe4819bea54ea8b2ecf72d77d258010bb336cd4862a37705eac7);
}
.boardHeader p#labelDescription {
    font-size: 100%;
    color: white;
    text-shadow: 1px 1px 3px black;
    font-family: 'coiny';
    background: radial-gradient(#00000031, transparent);
    margin: auto;
    max-width: fit-content;
    padding: 5px;
}
.boardLinks a {
    font-size: 80%;
    text-decoration: underline;
    text-shadow: 1px 1px 1px white;
    color: darkred;
}
#dynamicAnnouncement table {
    margin: auto;
    font-size: 75%;
    text-shadow: 1px 1px 1px black;
    background: #6203084f;
}
nav {
    color: var(--navbar-text-color);
    background-color: #49a9f3;
    border-bottom: 4px ridge #006403;
    text-align: left;
    font-size: 80%;
    position: fixed;
    top: -1px;
    left: 0;
    width: 100%;
    z-index: 1;
    padding: 0 4px 2px 4px;
    text-shadow: 1px 1px 1px white;
}
.containPages {
    color: #fff;
    background-color: #4aaaf3;
    padding: 0.1em 0.25em;
}
.footerDisclaimer {
    margin-bottom: 6pt;
    text-shadow: 1px 1px 1px black;
    background: #0000004a;
}
footer {
    width: 100%;
    text-align: center;
    font-size: 65%;
    background: #00000014;
}
a, .glowOnHover {
    color: #171717;
    cursor: pointer;
    text-decoration: none;
}
.innerUtility, .showFormDetails summary {
    color: #7b7198;
    margin-top: 0.5em;
    font-size: 85%;
    width: fit-content;
    text-shadow: 1px 1px 1px black;
}
#bannerImage {
    max-width: 100%;
    height: 100px;
    border: 3px #266400 solid;
    border-radius: 6px;
}
.innerUtility.top {
    color: #004f03;
    background-color: #6d020a;
    margin: 1em;
    width: calc(100% - 2em);
    text-align: center;
    font-weight: bold;
    padding-top: 2px;
    padding-bottom: 2px;
}
.innerOP, .innerPost {
    font-size: 10pt;
    background: #00000033;
    text-shadow: 1px 1px black;
}
.divRefresh label, .divRefresh input {
    display: inline-block;
    margin: 0;
    font-size: 80%;
    vertical-align: middle;
    text-shadow: 1px 1px black;
}
.threadBottom {
    display: inline-block;
    width: 100%;
    margin: 0;
    text-shadow: 1px 1px black;
}
.floatingList, .floatingMenu, .modalForm {
    background: #66bbea;
    color: #ffffff;
    border: 2px solid #fff;
    text-shadow: 1px 1px 1px black;
    border-radius: 6px;
}
#quick-reply th {
    text-align: center;
    background: #7b7198;
    border: 2px solid #006403;
}
.innerPost {
    display: inline-block;
    padding: 0.25em;
    max-width: 100%;
    background: #49a9f3;
    border: 2px solid #008000;
    border-top-width: 0;
    border-left-width: 0;
}
.linkSelf, .linkQuote, .labelStats {
    color: #091b05;
    text-decoration: none;
    text-shadow: 1px 1px white;
}
.postCell:target .innerPost, .markedPost, .sideCatalogMarkedCell {
    background: #8793a3;
    border-color: #008000;
    color: white;
}
.panelBacklinks a {
    color: #b70100;
    text-shadow: 1px 1px white;
}
.noEmailName, .noEmailName:hover {
    color: #fc494a;
    cursor: default;
}
#favoriteButton:checked:after {
    content: '\2605';
    color: gold;
    text-shadow: 1px 1px 1px black, 1px 1px 20px gold;
}
#favoriteButton {
    appearance: none;
    color: gold;
    text-shadow: 1px 1px 1px black, 1px 1px 20px gold;
}
.catalogCell {
    border: 2px solid #006403;
    background: #6e88a1;
    display: inline-block;
    width: 12em;
    height: 14em;
    padding: 0.25em;
    margin: 0.1em;
    overflow-x: hidden;
    overflow-y: auto;
}
#divTools {
    text-align: left;
    padding: 0 15px;
    margin-top: 0;
    width: 98%;
    text-shadow: 1px 1px 1px black;
}
.boardHeader p, #overboardId {
    color: var(--board-title-color);
    font-size: 160%;
    font-family: 'coiny';
    text-shadow: 1px 1px 1px black;
}
.titleFieldset {
    padding: 1em;
    width: 70%;
    display: inline-block;
    text-align: left;
    background: #49a9f3;
    border: 2px solid #008000;
    border-radius: 4px;
    text-shadow: 1px 1px 1px black;
}