/* Adaption of 8kun/fringe/ CSS by anon */


:root {
	--text-color: white;
	--link-color: #ffbf00;
    --link-hover-color: #ffdf80;


    --navbar-text-color: #442266;

    --background-color: rgb(1,1,1,.8);
}

/* Fonts */
 
@import url(https://fonts.googleapis.com/css?family=Sofadi+One);
@import url(https://fonts.googleapis.com/css?family=Flavors);
@import url(https://fonts.googleapis.com/css?family=Andada);


/* Body */

body {
	background-image: url(/.media/0c1f9de17e32b10b555ef36193d808ff18d9230f574b35e6063d4e4d079e6213.png), url(/.media/c81d63fc622441488a8a63569571ab55dd626e57e7b14bffa76f3d7b1f4bbae6.jpg);
    background-size: auto, cover;
    background-color: #87ceebb0;
    background-repeat: no-repeat, no-repeat;
    background-position: right bottom, center;
    background-attachment: fixed;
    background-blend-mode: normal, normal;
}


/* Buzz Script that makes the board banner buzz when you hover over it. */

#bannerImage {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

#bannerImage:hover {
    -webkit-animation-name: buzz;
    animation-name: buzz;
    -webkit-animation-duration: 0.15s;
    animation-duration: 0.15s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
}

@keyframes buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

@-webkit-keyframes buzz {
    50% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    100% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
}

/* Page Numbers */
.containPages {
    background: rgb(0, 0, 0, 0);
}


/* Theme Selector */
#themeSelector {
    background: #444444;
    color: white;
    border-color: #808080;
    font-weight: bold;
}

/* Change the board list appearance. */

#dynamicHeaderBoard {
    color: #0a5f94;
}

#navTopBoardsSpan > [href] {
    color: #0fffff;
}

#navTopBoardsSpan > span {
    color: #df90da;
}

#navLinkSpan {
    color: #df90da;
}

#navOptionsSpan > span {
    color: #df90da;
}

/* Board List Buttons */

#navLinkSpan > .navLinkHome, .navBoardList, .linkOverboard, .linkSfwOver, .multiboardButton, .navPosting, .settingsButton, .watcherButton, .navMod, #navOptionsSpan > .coloredIcon {
    color: #0fffff;
} 

/* Cursors */
 
html, *, hover, #postingForm th { 
  cursor: url(/.media/7351ca8bbd79eb94cc7960dd2cca323c5ccf52209ccc97717b51a98b59e8473e.png), default; 
}
 
a, .embedButton, select, .divRefresh input, #postingForm button, #qrbutton { 
  cursor: url(/.media/debe64f689bbdc138f57328d21c04674c1f13b0c440a64de2443e491445cb85e.png), progress !important; 
}
 
label, img, .hideFileButton { 
  cursor: url(/.media/dbd3542dca86a89d8acb74ede4d0782cdd2bc9878a557ed5c6b9bdae94d51910.png), progress !important; 
}

/* Flag Spin */

.imgFlag:hover {
    animation:flaghover 1.5s linear 0s infinite;
    -o-animation:flaghover 1.5s linear 0s infinite;
    -moz-animation:flaghover 1.5s linear 0s infinite;
    -webkit-animation:flaghover 1.5s linear 0s infinite;
}

@keyframes flaghover {
    10% {
        transform: translateZ(0);
    }
    20% {
        transform: rotate(-360deg);
    }
    60% {
        transform: rotate(-180deg);
    }
}

@-o-keyframes flaghover {
    10% {
        transform: translateZ(0);
    }
    20% {
        transform: rotate(-360deg);
    }
    60% {
        transform: rotate(-180deg);
    }
}

@-moz-keyframes flaghover {
    10% {
        transform: translateZ(0);
    }
    20% {
        transform: rotate(-360deg);
    }
    60% {
        transform: rotate(-180deg);
    }
}

@-webkit-keyframes flaghover {
    10% {
        transform: translateZ(0);
    }
    20% {
        transform: rotate(-360deg);
    }
    60% {
        transform: rotate(-180deg);
    }
}


/* Glow Hover */

a:hover {
    color: #fff;
    text-shadow: 0px 0px 4px orange;
}



/* Thread Top Panel */

#mainPanel > .top.innerUtility {
    background-color: #81C0FF;
    color: white;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;

    background: rgb(0, 0, 0, 0);
    border: 0px;
}

#panelMessage > hr {
    opacity: 0;
}

#divMessage {
        font-family: verdana;
        font-size: 1.0em; /*was 1.3*/
        font-weight: bold;
        font-family: verdana;
        /*margin-left: 10px;*/
        margin-top: 1em;
        color: white !important;
        text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;

        /*animation:shake 2s infinite;*/
        /*display:inline-block;*/
}

/* Remove Sitewide Announcement */

#dynamicAnnouncement {
    font-size: 0px;
    opacity: 0;
}


/*#dynamicAnnouncement {
    background-image: url(/.media/2a4a929ac66a8ec53abf89bf42a4bbbc560ce0f4754c05cf845b0ca2a6876785.png);
    background-color: rgba(0, 0, 0, 0.8);
    background-repeat: repeat-x; 
    background-attachment: scroll;
    background-size: auto;
    margin-top: 32px;
    margin-bottom: 32px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border-bottom: 1px dashed #444;
    border-left: 1px dashed #444;
    border-top: 0px;
    border-image-source: url(/.media/98f3580ee6bcd5b1c20daa947df2a30b015e2ace6dfdf66b5ee6a7b6f05862ec.png);
    border-image-slice: 25%;
    border-image-width: 24px 24px 24px 24px;
    border-image-outset: 8px 8px 4px 8px;
    border-image-repeat: repeat;

    height: 261px;
    max-width: 1172px;
    margin: 0 auto;
}*/




/*Making box with rules*/
#divMessage {
    background-image: url(/.media/2a4a929ac66a8ec53abf89bf42a4bbbc560ce0f4754c05cf845b0ca2a6876785.png);
    background-color: rgba(0, 0, 0, 0.8);
    background-repeat: repeat-x; 
    background-attachment: scroll;
    background-size: auto;
    margin-top: 32px;
    margin-bottom: 32px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border-bottom: 1px dashed #444;
    border-left: 1px dashed #444;
    border-top: 0px;
    border-image-source: url(/.media/98f3580ee6bcd5b1c20daa947df2a30b015e2ace6dfdf66b5ee6a7b6f05862ec.png);
    border-image-slice: 25%;
    border-image-width: 24px 24px 24px 24px;
    border-image-outset: 8px 8px 4px 8px;
    border-image-repeat: repeat;

    height: 261px;
    max-width: 1172px;
    margin: 0 auto;
}




/* Board Subtitle */

.boardHeader p#labelName {
	font-family: URW Chancery L, Lucida Calligraphy;
    letter-spacing: 3px;
    font-size: 32pt;
    margin: 0px;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000, 2px 2px 0px #000, -2px 2px 0px #000, 2px -2px 0px black, -2px -2px 0px black, 0px 2px 0px black, 0px -2px 0px black, -2px 0px 0px black, 2px 0px 0px black, 1px 2px 0px black, -1px 2px 0px black, 1px -2px 0px black, -1px -2px 0px black, 2px 1px 0px black, -2px 1px 0px black, 2px -1px 0px black, -2px -1px 0px black;
    color:#0fffff;
}

.boardHeader p#labelDescription {
	font-family: "Bitstream Charter";
    font-size: 16pt;
    color:#0a5f94;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
    padding-bottom: 88px;
    background-image: url(/.media/cbdaacf052a27148a9f93b48be5117b0af1e9c995655d0c299a8e3a40079f4df.gif);
    background-position: bottom;
    background-repeat: no-repeat;
}

.boardLinks {
    font-family: "Bitstream Charter";
    font-size: 24pt;
    text-decoration: none;
    color:#0a5f94;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
}

/* Rainbow Color Rotation Script that makes the Board Title and Subtitle changes colours constantly */

.boardHeader p#labelName,#labelDescription{
    -webkit-animation:colorRotate 6s linear 0s infinite;
    -moz-animation:colorRotate 6s linear 0s infinite;
    -o-animation:colorRotate 6s linear 0s infinite;
    animation:colorRotate 6s linear 0s infinite;
}

@-webkit-keyframes colorRotate {
    from {
        color: rgb(255, 0, 0);
    } 16.6% {
        color: rgb(255, 0, 255);
    }
    33.3% {
        color: rgb(0, 0, 255);
    }
    50% {
        color: rgb(0, 255, 255);
    }
    66.6% {
        color: rgb(0, 255, 0);
    }
    83.3% {
        color: rgb(255, 255, 0);
    }
    to {
        color: rgb(255, 0, 0);
    }
}

@-moz-keyframes colorRotate {
    from {
        color: rgb(255, 0, 0);
    }
    16.6% {
        color: rgb(255, 0, 255);
    }
    33.3% {
        color: rgb(0, 0, 255);
    }
    50% {
        color: rgb(0, 255, 255);
    }
    66.6% {
        color: rgb(0, 255, 0);
    }
    83.3% {
        color: rgb(255, 255, 0);
    }
    to {
        color: rgb(255, 0, 0);
    }
}

@-o-keyframes colorRotate {
    from {
        color: rgb(255, 0, 0);
    }
    16.6% {
        color: rgb(255, 0, 255);
    }
    33.3% {
        color: rgb(0, 0, 255);
    }
    50% {
        color: rgb(0, 255, 255);
    }
    66.6% {
        color: rgb(0, 255, 0);
    }
    83.3% {
        color: rgb(255, 255, 0);
    }
    to {
        color: rgb(255, 0, 0);
    }
}

@keyframes colorRotate {
    from {
        color: rgb(255, 0, 0);
    }
    16.6% {
        color: rgb(255, 0, 255);
    }
    33.3% {
        color: rgb(0, 0, 255);
    }
    50% {
        color: rgb(0, 255, 255);
    }
    66.6% {
        color: rgb(0, 255, 0);
    }
    83.3% {
        color: rgb(255, 255, 0);
    }
    to {
        color: rgb(255, 0, 0);
    }
}



/* Posts */


.greenText {
        color: #78ff22;
    }

.redText {
        font-family: verdana;
        font-size: 1.3em;
        font-weight: bold;
        font-family: verdana;
        /*margin-left: 10px;*/
        margin-top: 1em;
        color: white !important;
        text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
}

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

.innerPost {
		background-image: url(/.media/52f1f85f9fd8c5b7cf281e4f811e3b1a1ae323b169891d157b9b63a3a8306a6f.png);
		background-color: #0F1623;
		background-repeat: repeat-x;
		background-attachment: scroll;
        border:#555555 1px solid;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
}

/* div.innerPost:hover {
        background-image: url(/.media/11268064bcc7dc574f1bf43d10532bdff6b28e0be942b05dce0250960e903fee.png);
        background-color: #b5ccff;
        background-repeat: repeat-x;
        background-attachment: scroll;
} */

.postCell:target .innerPost, .markedPost,.sideCatalogMarkedCell {
        background-image: url(/.media/11268064bcc7dc574f1bf43d10532bdff6b28e0be942b05dce0250960e903fee.png);
        background-color: #0F1623;
        background-repeat: repeat-x;
        background-attachment: scroll;
        border:#555555 1px solid;-webkit-border-radius:5px;-khtml-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
        box-shadow: inset 0 0 10px #246;
}

.divPosts {
    padding-left: 10px;
    padding-bottom: 5px;
    padding-right: 10px;
    margin-right: 1in;

}

.postCell {
    padding-top: 10px
}

.opCell {
		background-image: url(/.media/2a4a929ac66a8ec53abf89bf42a4bbbc560ce0f4754c05cf845b0ca2a6876785.png);
		background-color: rgba(29, 33, 51, 0.8);
		background-repeat: repeat-x; 
		background-attachment: scroll;
        background-size: auto;
        margin-top: 32px;
        margin-bottom: 32px;
        -webkit-border-radius:5px;
        -khtml-border-radius:5px;
        -moz-border-radius:5px;
        border-radius:5px;
        border-bottom: 1px dashed #444;
        border-left: 1px dashed #444;
        border-top: 0px;
        border-image-source: url(/.media/f2c4e0ffab01e8038f43448a081b6d4ec3cb95d4bec8a5a616edd92e2cd0ef04.png);
        border-image-slice: 25%;
        border-image-width: 24px 24px 24px 24px;
        border-image-outset: 8px 8px 4px 8px;
        border-image-repeat: repeat;
        /*margin-top: 8px;
        margin-bottom: 8px;
        margin-left: 8px;
        padding-top: 6px;
        padding-left: 6px;
        padding-bottom: 6px;*/
}


.noEmailName.linkName {
    color: #ccffdd;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
    font-family: 'Courier New',Courier,Freemono,'Nimbus Mono L',monospace;
}

.labelSubject {
    color: #ffbf00;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
    /*font-family: 'Courier New',Courier,Freemono,'Nimbus Mono L',monospace;*/    
}

.labelCreated {
    color: #c0c0c0;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 0px;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
    font-family: 'Courier New',Courier,Freemono,'Nimbus Mono L',monospace;

}

.linkQuote, .linkSelf {
    color: #c0c0c0;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 0px;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
}

/* New Post */

#newPostFieldset {
    background:rgb(0, 34, 85, 0.8);
    /*background:rgb(0, 51, 102, 0.8);*/
    color:#C5F8F6;
    padding: 2px 4px;
    margin: 2em;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border-bottom: 1px dashed #444;
    border-left: 1px dashed #444;
    border-top: 1px dashed #444;
    border-right: 1px dashed #444;
    border-image-source: url(/.media/f2c4e0ffab01e8038f43448a081b6d4ec3cb95d4bec8a5a616edd92e2cd0ef04.png);
    border-image-slice: 25%;
    border-image-width: 24px 24px 24px 24px;
    border-image-outset: 8px 8px 4px 8px;
    border-image-repeat: repeat;    
}

#postingFormContents > table > tbody > tr > th {
    font-family: 'Flavors', cursive;
    font-size:15px;
    text-align: right;
    font-variant: small-caps;
}

#divName > th {
    background: rgb(0, 0, 0, 0);
    border: 0px;
}


#divOptions > th {
    background: rgb(0, 0, 0, 0);
    border: 0px;
}


#divUpload > th {
    background: rgb(0, 0, 0, 0);
    border: 0px;
}

/*Fix Captcha 5-13-24*/
#captchaDiv > th {
    background: rgb(0, 0, 0, 0);
    border: 0px;
}

.subCaptchaDiv > .reloadCaptchaButton.hidden {
    background: #808080;
    border-color: #444444;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;    
}

#fieldCaptcha {
    background: #444444;
    color: white;
    border-color: #808080;
}


#.tr:nth-of-type(4) {
    background: rgb(0, 0, 0, 0);
    border: 0px;
}


#postingFormContents > table > tbody > tr:nth-of-type(4) > th {
    background: rgb(0, 0, 0, 0);
    border: 0px;
}


#postingFormContents > table > tbody > tr:nth-of-type(3) > th {
    background: rgb(0, 0, 0, 0);
    border: 0px;
}

#postingFormContents > table > tbody > tr > td > .postingInput {
    background: #444444;
    color: white;
    border-color: #808080;
}

#dropzone {
    background: rgb(128, 128, 128, 0.5);
    border-color: #808080;
}

#formButton {
    background: #808080;
    border-color: #444444;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;    
}

#newPostFieldset > legend {
    background: #808080;
    color: white;
    border-color: #444444;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
}

.postingFormContents > postingFormExtra > table > tbody > tr:nth-of-type(1) > th {
    background: rgb(0, 0, 0, 0);
    border: 0px;
}

.postingFormExtra > table > tbody > tr:nth-of-type(2) > th {
    background: rgb(0, 0, 0, 0);
    border: 0px;
}

.postingFormExtra > table > tbody > tr:nth-of-type(3) > th {
    background: rgb(0, 0, 0, 0);
    border: 0px;
}


#postingFormContents > .postingFormExtra > table > tbody > tr > th {
    font-family: 'Flavors', cursive;
    font-size:15px;
    text-align: right;
    font-variant: small-caps;
}

#postingFormContents > .postingFormExtra > table > tbody > tr > th {
    background: rgb(0, 0, 0, 0);
    border: 0px;
}

#postingFormContents > .postingFormExtra .postingInput {
    background: #444444;
    color: white;
    border-color: #808080;
}


#flagCombobox {
    background: #444444;
    color: white;
    border-color: #808080;
    /*font-weight: bold;*/
}

#selectedDiv > .selectedCell {
    background: rgb(128, 128, 128, 0.5);
    border-color: #808080;
}

/* Quick Reply Box*/

#mainPanel > .floatingMenu {
    background:rgb(0, 34, 85, 0.8);
    /*background:rgb(0, 51, 102, 0.8);*/
    color:#C5F8F6;
    padding: 2px 4px;
    /*font-family: 'Flavors', cursive;
    font-size:15px;
    text-align: right;
    font-variant: small-caps;*/
    margin: 2em;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border-bottom: 1px dashed #444;
    border-left: 1px dashed #444;
    border-top: 1px dashed #444;
    border-right: 1px dashed #444;
    border-image-source: url(/.media/f2c4e0ffab01e8038f43448a081b6d4ec3cb95d4bec8a5a616edd92e2cd0ef04.png);
    border-image-slice: 25%;
    border-image-width: 24px 24px 24px 24px;
    border-image-outset: 8px 8px 4px 8px;
    border-image-repeat: repeat;
}



#quick-reply .handle {
    background: #808080;
    color: white;
    border-color: #444444;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
}

#qrname {
    background: #444444;
    color: white;
    border-color: #808080;
}

#qrsubject {
    background: #444444;
    color: white;
    border-color: #808080;
}

#qrbody {
    background: #444444;
    color: white;
    border-color: #808080;
}

#qrFilesBody .dropzone {
    background: rgb(128, 128, 128, 0.5);
    border-color: #808080;
}

#qremail {
    background: #444444;
    color: white;
    border-color: #808080;
}

#qrpassword {
    background: #444444;
    color: white;
    border-color: #808080;
}

#qrFlagCombobox {
    background: #444444;
    color: white;
    border-color: #808080;
    /*font-weight: bold;*/
}

#qrbutton {
    background: #808080;
    color: white;
    border-color: #444444;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;
}

#selectedDivQr > .selectedCell {
    background: rgb(128, 128, 128, 0.5);
    border-color: #808080;
}

/* Catalog */
.catalogCell {
    background: rgb(128, 128, 128, 0.25);
    border-color: #808080;
}

.catalogCell > .threadStats {
    font-weight: bold;
}

#postingForm > .hidden {
    background: #808080;
    border-color: #444444;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;    
}

#catalogRefreshButton {
    background: #808080;
    border-color: #444444;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;    
}

#divTools select {
    background: #444444;
    color: white;
    border-color: #808080;
    font-weight: bold;
}

#catalogSearchField {
    background: #444444;
    color: white;
    border-color: #808080;
}

.boardHeader > #catalogId > .title {
    -webkit-animation:colorRotate 6s linear 0s infinite;
    -moz-animation:colorRotate 6s linear 0s infinite;
    -o-animation:colorRotate 6s linear 0s infinite;
    animation:colorRotate 6s linear 0s infinite;


    font-family: URW Chancery L, Lucida Calligraphy;
    letter-spacing: 3px;
    font-size: 32pt;
    margin: 0px;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000, 2px 2px 0px #000, -2px 2px 0px #000, 2px -2px 0px black, -2px -2px 0px black, 0px 2px 0px black, 0px -2px 0px black, -2px 0px 0px black, 2px 0px 0px black, 1px 2px 0px black, -1px 2px 0px black, 1px -2px 0px black, -1px -2px 0px black, 2px 1px 0px black, -2px 1px 0px black, 2px -1px 0px black, -2px -1px 0px black;
    color:#0fffff;
}

#labelBoard {
    font-family: URW Chancery L, Lucida Calligraphy;
    letter-spacing: 3px;
    font-size: 32pt;
    margin: 0px;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000, 2px 2px 0px #000, -2px 2px 0px #000, 2px -2px 0px black, -2px -2px 0px black, 0px 2px 0px black, 0px -2px 0px black, -2px 0px 0px black, 2px 0px 0px black, 1px 2px 0px black, -1px 2px 0px black, 1px -2px 0px black, -1px -2px 0px black, 2px 1px 0px black, -2px 1px 0px black, 2px -1px 0px black, -2px -1px 0px black;
    color:#ffbf00;
}

.catalogCell > p > .labelSubject {
    color:#0fffff;
} 

/* Captcha */

.modalForm {
    background:rgb(0, 34, 85, 0.8);
    /*background:rgb(0, 51, 102, 0.8);*/
    color:#C5F8F6;
    padding: 2px 4px;
    margin: 2em;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    border-bottom: 1px dashed #444;
    border-left: 1px dashed #444;
    border-top: 1px dashed #444;
    border-right: 1px dashed #444;
}

/*.modalForm > h3 {

}*/

.modalForm > span > input {
    background: #808080;
    border-color: #444444;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;    
}

.modalTableBody > tr > th {
    font-family: 'Flavors', cursive;
    font-size:15px;
    text-align: right;
    font-variant: small-caps;
    background: rgb(0, 0, 0, 0);
    border: 0px;
}

.modalTableBody > tr > td > .modalAnswer {
    background: #444444;
    color: white;
    border-color: #808080;
}

/* Post Menu */

.extraMenu.floatingList > ul > li {
    background: #444444;
    color: white;
    border-color: #808080;
}

/* Oekaki */

.focused.floatingMenu {
    background:rgb(0, 34, 85, 0.8);
    /*background:rgb(0, 51, 102, 0.8);*/
    color:#C5F8F6;
    padding: 2px 4px;
    margin: 2em;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    -moz-border-radius:5px;
    border-radius: 5px;
    border-bottom: 1px dashed #444;
    border-left: 1px dashed #444;
    border-top: 1px dashed #444;
    border-right: 1px dashed #444;
}

#href="/fringe" {
    color: #ffbf00;
}

/*Remove the Stupid White Line Thing from OPs*/
hr {
  border: 0px solid var(--horizon-sep-color);
  border-bottom: none;
  width: 100%;
}

/*Sticky*/
#divThreads > #\31 1 {
        border-image-source: url(/.media/158733a3cb2dfa37ba1155450ab48947c5b63cf3cec8dc20aba71675f118703c.png);
        background-color: rgba(0, 0, 0, 0.8);
}

/*#divThreads > #\31 1 > .divPosts {
        font-size: 0px;
        opacity: 0;
        margin: 0;
        padding: 0;

        display: none;
}*/

/*#divThreads > #\31 4 > .innerOP > .divMessage > .redText {
        animation:shake 2s infinite;
        display:inline-block;        
}*/

/*Shake Animation*/

@keyframes shake{
  0%{
  transform:translate(1px,1px) rotate(0deg);
}
  10%{
  transform:translate(-1px,-2px) rotate(-1deg);
}
  20%{
  transform:translate(-3px) rotate(1deg);
}
  30%{
  transform:translate(3px,2px) rotate(0deg);
}
  40%{
  transform:translate(1px,-1px) rotate(1deg);
}
  50%{
  transform:translate(-1px,2px) rotate(-1deg);
}
  60%{
  transform:translate(-3px,1px) rotate(0deg);
}
  70%{
  transform:translate(3px,1px) rotate(-1deg);
}
  80%{
  transform:translate(-1px,-1px) rotate(1deg);
}
  90%{transform:translate(1px,2px) rotate(0deg);
       }
}



/* Don't look at my edits! */
.labelLastEdit {
    font-size: 0px;
    opacity: 0;
}

/*Make fringe glow not really*/
#navTopBoardsSpan > [href] > [href="/fringe"] {
    color-text: orange;
}

/*Please read the rules, etc*/

/*Remember to use a flag!*/
#newPostFieldset > form > .small:after {
    content: "and pick a flag!";
    text-decoration: underline;
}

/* Flags here */
.postingFormExtra > .glowOnHover:after {
    content: "  ⟸ Flags"
}

/* Glowing post IDs trips and quads from waifuist.pro (and /404)*/
 
a.linkQuote[href$="000"], a.linkQuote[href$="111"],
a.linkQuote[href$="222"], a.linkQuote[href$="333"],
a.linkQuote[href$="444"], a.linkQuote[href$="555"],
a.linkQuote[href$="666"], a.linkQuote[href$="777"],
a.linkQuote[href$="888"], a.linkQuote[href$="999"],
a.linkQuote[href$="0000"], a.linkQuote[href$="1111"],
a.linkQuote[href$="2222"], a.linkQuote[href$="3333"],
a.linkQuote[href$="4444"], a.linkQuote[href$="5555"],
a.linkQuote[href$="6666"], a.linkQuote[href$="7777"],
a.linkQuote[href$="8888"], a.linkQuote[href$="9999"],
a.linkQuote[href$="00000"], a.linkQuote[href$="11111"],
a.linkQuote[href$="22222"], a.linkQuote[href$="33333"],
a.linkQuote[href$="44444"], a.linkQuote[href$="55555"],
a.linkQuote[href$="66666"], a.linkQuote[href$="77777"],
a.linkQuote[href$="88888"], a.linkQuote[href$="99999"],
a.linkQuote[href$="000000"], a.linkQuote[href$="111111"],
a.linkQuote[href$="222222"], a.linkQuote[href$="333333"],
a.linkQuote[href$="444444"], a.linkQuote[href$="555555"],
a.linkQuote[href$="666666"], a.linkQuote[href$="777777"],
a.linkQuote[href$="888888"], a.linkQuote[href$="999999"],
a.myQuote[href$="000"], a.myQuote[href$="111"],
a.myQuote[href$="222"], a.myQuote[href$="333"],
a.myQuote[href$="444"], a.myQuote[href$="555"],
a.myQuote[href$="666"], a.myQuote[href$="777"],
a.myQuote[href$="888"], a.myQuote[href$="999"],
a.myQuote[href$="0000"], a.myQuote[href$="1111"],
a.myQuote[href$="2222"], a.myQuote[href$="3333"],
a.myQuote[href$="4444"], a.myQuote[href$="5555"],
a.myQuote[href$="6666"], a.myQuote[href$="7777"],
a.myQuote[href$="8888"], a.myQuote[href$="9999"],
a.myQuote[href$="00000"], a.myQuote[href$="11111"],
a.myQuote[href$="22222"], a.myQuote[href$="33333"],
a.myQuote[href$="44444"], a.myQuote[href$="55555"],
a.myQuote[href$="66666"], a.myQuote[href$="77777"],
a.myQuote[href$="88888"], a.myQuote[href$="99999"],
a.quoteLink[href$="000"], a.quoteLink[href$="111"],
a.quoteLink[href$="222"], a.quoteLink[href$="333"],
a.quoteLink[href$="444"], a.quoteLink[href$="555"],
a.quoteLink[href$="666"], a.quoteLink[href$="777"],
a.quoteLink[href$="888"], a.quoteLink[href$="999"],
a.quoteLink[href$="0000"], a.quoteLink[href$="1111"],
a.quoteLink[href$="2222"], a.quoteLink[href$="3333"],
a.quoteLink[href$="4444"], a.quoteLink[href$="5555"],
a.quoteLink[href$="6666"], a.quoteLink[href$="7777"],
a.quoteLink[href$="8888"], a.quoteLink[href$="9999"],
a.quoteLink[href$="00000"], a.quoteLink[href$="11111"],
a.quoteLink[href$="22222"], a.quoteLink[href$="33333"],
a.quoteLink[href$="44444"], a.quoteLink[href$="55555"],
a.quoteLink[href$="66666"], a.quoteLink[href$="77777"],
a.quoteLink[href$="88888"], a.quoteLink[href$="99999"],
a.quoteLink[href$="000000"], a.quoteLink[href$="111111"],
a.quoteLink[href$="222222"], a.quoteLink[href$="333333"],
a.quoteLink[href$="444444"], a.quoteLink[href$="555555"],
a.quoteLink[href$="666666"], a.quoteLink[href$="777777"],
a.quoteLink[href$="888888"], a.quoteLink[href$="999999"] {
  color: #00FFFF;
  font-size: 16px;
  font-weight: bold;
  text-shadow: 0 0 5px;
  animation: webringbutton-rainbow 7.0s linear infinite;
}


@keyframes webringbutton-rainbow {
  from, to { color: red; text-shadow-color: red }
  12.5% { color: orange; text-shadow-color: orange }
  25% { color: yellow; text-shadow-color: yellow }
  37.5% { color: lime; text-shadow-color: lime }
  50% { color: green; text-shadow-color: green }
  62.5% { color: #66f; text-shadow-color: blue }
  75% { color: #f6f; text-shadow-color: purple }
  87.5% { color: magenta; text-shadow-color: magenta }
}

#refreshButton {
    background: #808080;
    border-color: #444444;
    text-shadow: 1px 1px 0px #000, -1px 1px 0px #000, 1px -1px 0px #000, -1px -1px 0px #000, 0px 1px 0px #000, 0px -1px 0px #000, -1px 0px 0px #000, 1px 0px 0px #000;    
}

/* ↓ The button disabled effect happens here. Now has a loading icon to let you know the post is going through! */
input[value="Reload"]:disabled,
input[type="submit"]:disabled,
input[type="button"]:disabled,
button:disabled {
  cursor: not-allowed;

  /* The animated loading icon that appears only for disabled buttons to give the illusion of loading. If your icon is .apng format, remove the .png extension from the hash. */
  background-image: url("/.media/b2c85301e0caddcdb0c07199ae773eae3b8ebe4d1a6f44142563c2f8dfcfd213");

  /* Don't change this  if you want to re-use the animated loading icon for your CSS theme. */
  padding-left: 20px;

  /* Don't change this if you want to re-use the animated loading icon for your CSS theme. */
  background-size: 16px 16px;

  /* Don't change this if you want to re-use the animated loading icon for your CSS theme. */
  background-repeat: no-repeat;

  /* Don't change this if you want to re-use the animated loading icon for your CSS theme. */
  background-position: 2px center;
}

/*Remove Cross-Thread Thing*/
.qmark-ct {
    font-size: 0px;
    opacity: 0;
}