ASTROCHAN/CAOS CSS

hr {
border-color: #FDC86F; /* hr divider color*/
}

#divLatestPosts .latestPostCell {
background: #FDC86F !important; /* background latest posts cell on homepage */
border: 1px solid #FFF9C4 !important; /* border of latest posts cell on homepage */
}

.coloredIcon {
color: #34345c; /*nav bar icons and links and controls color*/
}

a {
color: #34345c; /*link color*/
}

body {
background: #FFF9C4 !important; /*background color, solid*/
/*background: linear-gradient(to bottom, #D6DAF0 0%, #EEF2FF 10%) !important;*/ /*background color, gradient*/
color: #000; /*general text color*/
}

/*rainbow text julay.world*/

@keyframes rainbow {
0%, 100% { color: red; text-shadow: -1px 0 0 orange, -2px 0 0 yellow, -3px 0 0 lime, -4px 0 0 green, -5px 0 0 blue, -6px 0 0 magenta; } 14% { color: orange; text-shadow: -1px 0 0 yellow, -2px 0 0 lime, -3px 0 0 green, -4px 0 0 blue, -5px 0 0 magenta, -6px 0 0 red; } 28% { color: yellow; text-shadow: -1px 0 0 lime, -2px 0 0 green, -3px 0 0 blue, -4px 0 0 magenta, -5px 0 0 red, -6px 0 0 orange; } 43% { color: lime; text-shadow: -1px 0 0 green, -2px 0 0 blue, -3px 0 0 magenta, -4px 0 0 red, -5px 0 0 orange, -6px 0 0 yellow; } 57% { color: green; text-shadow: -1px 0 0 blue, -2px 0 0 magenta, -3px 0 0 red, -4px 0 0 orange, -5px 0 0 yellow, -6px 0 0 lime; } 71% { color: blue; text-shadow: -1px 0 0 magenta, -2px 0 0 red, -3px 0 0 orange, -4px 0 0 yellow, -5px 0 0 lime, -6px 0 0 green; } 86% { color: magenta; text-shadow: -1px 0 0 red, -2px 0 0 orange, -3px 0 0 yellow, -4px 0 0 lime, -5px 0 0 green, -6px 0 0 blue; } }

/* Role Signature */

.labelRole {
font-size: 1.15rem;
animation: rainbow 1.5s linear infinite;
padding-left: 4px;
}

.labelRole:before {
content: "@   ";
font-size: 1.15rem;
animation: rainbow 1.5s linear infinite;
padding-left: 4px;
}

/*Small Details*/

input, select, textarea {
  border: 1px double white;
  border-radius: 5px;
  background: white;
  color: black;
  font-family: 'Hack', monospace, sans-serif;
  font-size: 80%;
border-radius: 0px;
}

textarea {
 background:  url("https://files.catbox.moe/zd94fe.png");
no-repeat 100% 0%;
 z-index: 10;
 font-size: 25px;
font-family: "Times New Roman", "Serif", print;
text-align:left; color: #34345C;
text-shadow: 1.5px 0px #FFF;
height: 200px; width: 300px;
}


nav {
background-color: #FDC86F /* nav bar background color */
}

#settingsFieldset {
border: 1px dashed #FDC86F; /* dotted border color */
}

#staticPageFieldset {
border: 1px dashed #FDC86F; /* dotted border color */
}

.floatingMenu {
border: 1px solid #34345c;
background: #FDC86F; /* controls menu background */
}

.hideButton {
color: #34345c /*hide button color*/
}

.boardHeader, .boardHeader p{
color: #000; /*color of board name and description*/
}

#infoBox {
color: rgb(251, 44, 112);
}

.topBoards a {
background: #FDC86F !important; /* background top boards cell on homepage */
border: 1px solid #FFF9C4 !important; /* border of top boards cell on homepage */
}

.catalogCell {
background: #FDC86F !important; /* background for catalog cells */
border: 1px solid #FFF9C4 !important; /* border for catalog cells */
border-radius: 0px;
}

legend {
background-color: #FDC86F; /*color of mode label on posting form*/
color: #fff;
}

#postingForm th {
background: #FDC86F; /*color of description cells in posting form */
border: #FFF9C4;
}

#newPostFieldset, .modalDecorationPanel {
border: none;
background: none; /*make background of post form transparent */
}

.handle {
background-color: #FDC86F;
}

#quick-reply table{
background: #FDC86F; /*quick reply box background color */
border: 1px solid #FFF9C4 ; /*quick reply box border color */
}

.navlinks {
text-align: center;
font-weight: bold;
font-size: 1.35rem;
animation: rainbow 1.5s linear infinite;
padding-left: 4px;
}

/*FAVORITE STAR*/

#favouriteButton:before {
font-family: Icons;
content: url("https://files.catbox.moe/t380gc.gif");
margin-left: 0.5em;
cursor: pointer;
font-size: 22px;
color: none;
}

/*Elements used exclusively on board pages*/

#linkPrevious:before {
font-family: Icons; content: "\e035";
margin: 0 0.25em;
}

#linkLogs:before {
content: url("https://files.catbox.moe/zisb19.png");
}

#linkPrevious, #linkNext {
vertical-align: middle;
}

#linkNext:after {
font-family: Icons;
content: "\e036";
margin: 0 0.25em;
}

.threadPages a {
text-decoration: none
}

/* POSTS */

.labelSubject {
color: #FF7043; /*color of subject in posts*/
font-weight: bold;
}

.linkName {
color: #35345c; /* color of username in posts */
font-size: 16px;
}

.linkSelf {
color: #35345c !important; /*color of 'No.' on posts */
}

.linkQuote {
color: #35345c !important; /*color of of the actual number for a post */
}

.linkQuote:hover {
color: #35345c !important; /* color when hovering over a post number */
}

.innerPost {
background: #FDC86F; /* background of post cell */
border-color: #FDC86F; /* border of post cell */
border-radius: 0px;
}

.markedPost {
background-color: #fcb0af; /*color for selected post cell*/
border-radius: 0;
border: 1px solid #FDC86F;
}

a[href*=".html#"] {
color: #ff1f1f; /*color of >> links*/
}

span.quote {
color: #ff1f1f; /*color of >> links*/
}

.labelYou {
color: #35345c;
font-weight: normal;
font-style: italic;
padding: 0 3px;
}


.quoteLink.you:after {
content: "(You)" url('https://files.catbox.moe/ilpveq.gif');
font-size: 100%;
color: #FF1734;
}

.originalNameLink{
display:inline-block;
vertical-align:top;
white-space:nowrap;
text-decoration: underline;
}

.originalNameLink:before {
content: "(";
color: #000;
}

.originalNameLink:after {
content: ")";
color: #000;
}

/* markdown */

 .greenText {
 color: #148888;
}

.redText {
color: #FF0000; font-weight: bold; font-size: 125%;
}

.orangeText {
 color: #F110E9;
 }

.red {
color: #117743;
}

/* Custom Text */
.redText {
font-size: 1.5rem;
font-weight:  bold;
animation: rainbow 1.5s linear infinite;
padding-left: 4px;
}

.redText strong {
  color: #95F1FF;
  text-shadow: 0px 1px 1px black, 0px 1px 1px black, 0px 0px 1px black, 0px 0px 1px black;
  font-weight: bold;
  font-size: 100%;
}

span.jewtext {
background: #FFF;
color: #1565C0;
}

/* IMAGES n' SUCH */

.embedButton {
color: #117743;
}


body::after { position: fixed !important; content: url("https://files.catbox.moe/xix3g2.png"); bottom: -70px; right: -30px !important; opacity: 1; z-index: -1; }


/* MISCELLANEOUS */

#selectedTab {
color: #000;
text-shadow: 0px 0px 6px #0066ff;
}
#postingForm input:focus, #postingForm textarea:focus,
  .modalDecorationPanel input[type='text']:focus, #settingsMenu input[type='text']:focus,
  #settingsMenu textarea:focus {
  box-shadow: 0px 0px 5px 2px #FFF9C4;
}
input[type=button], input[type=submit], button, .dropzone, .selectedCell
  {
  border: 3px double #07371F;
  border-radius: 0px;
  background: #FDC86F;
  color: black;
  padding-left: 0.25em;
  font-family: 'Hack', monospace, sans-serif;
  font-size: 80%;
  font-weight: bold;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
  cursor: pointer;
}
#postingForm th {
border-radius: 0px;
}
.sideCatalogCell, .sideCatalogMarkedCell {
background: #FDC86F;
border-radius: 0px;
border: 1px solid #FFF9C4;
}
span.labelCreated {
font-weight: normal;
}
.linkQuote {
font-weight: normal;
}
.linkSelf {
font-weight: normal;
}
#divLatestPosts .latestPostCell {
border-radius: 0px;
border: 1px solid #FDC86F;
}
#divLatestImages img {
background: #FFF9C4;
border-radius: 0px;
border: 1px solid #FDC86F;
  }
.reportFieldset {
  border: 1px dashed #FDC86F;
}
a.rules::after{
color: red;
}
input.postingCheckbox[type="checkbox"] + label::before {
color: red;
}
a:hover, .glowOnHover:hover {
text-shadow: 0px 0px 5px red;
}


/*thumbnail expand KC*/

.uploadCell img:not(.imgExpanded){
max-width:250px !important;
max-height:250px !important;
object-fit:contain;
}

.multipleUploads .uploadCell:not(.expandedCell) {
max-width: 250px !important;
float: left;
}

.uploadCell img:not(.imgExpanded) {
max-width: 250px !important;
height: 250px !important;
object-fit: contain;
}

.linkThumb img{
max-height:150px !important;
max-width:150px !important;
}

 .panelUploads{
display:block;
}

.uploadCell{
margin:.25em 1em .25em .5em;
float:none;
}

.uploadCell img{
float:left;
}

.uploadCell img:not(.imgExpanded){
max-width:250px !important;
max-height:250px !important;
object-fit:contain;
}

.multipleUploads>.innerOP .divMessage,.multipleUploads>.innerPost .divMessage,.multipleUploads>.markedPost .divMessage{
clear:both;
}

.multipleUploads>.innerOP .opUploadPanel,.multipleUploads>.panelUploads{
float:left;
width:100%;
}

.multipleUploads>.uploadCell{
float:left;
}

.sfw #bannerImage:hover,.sfw .catalogCell .linkThumb img:hover,.sfw .uploadCell img:hover:not(.imgExpanded){
opacity:1!important;
filter:blur(5px);
}

.sfw #bannerImage,.sfw .catalogCell .linkThumb img,.sfw .uploadCell img:not(.imgExpanded){
opacity:0;
}

.flipped{
-moz-transform:scaleX(-1);
-o-transform:scaleX(-1);
-webkit-transform:scaleX(-1);
transform:scaleX(-1);
filter:FlipH;
-ms-filter:FlipH;
}

@media only screen and (max-width:479px){
.catalogCell{
width:90px!important;
max-height:230px!important;
}

.linkThumb img{
width:90px!important;
height:90px!important;
top:0;
         }
}

@media only screen and (min-width:480px) and (max-width:767px){
.catalogCell{
width:180px!important;
max-height:300px!important;
}

.linkThumb img{
width:170px!important;
height:170px!important;
      }
}

.catalogCell{
width:210px;
display:inline-block;
vertical-align:top;
max-height:400px;
position:relative;
border:1px solid #000;
background:0 0;
margin:5px;
padding:5px;
overflow:auto;
}

.catalogCell:nth-child(10n+1){
border-left:1px;
}

.catalogCell:nth-child(10n){
border-right:1px;
}

.catalogCell:hover{
background:#ffe4e6;
}

.catalogCell .divMessage{
margin:0;
}

#divTools{
text-align:left;
margin-left:15px;
}

.catalogFlag{
float:left;
}

.catalogHeader{
line-height:1em;
}

.catalogCell .labelSubject{
padding:0;
margin:0 0 .5em;
font-size:1em; color:#000;
}

.linkThumb img{
max-height:200px;
max-width:200px;
}

.catalogDiv{
text-align:center;
}

#boardsWrapper{
width:80%;
margin:1em auto;
text-align:center;
}

.boardsCell span{
text-overflow:ellipsis;
}

.search{
margin:0 11px .5em;
}

.search form{
display:inline-block;
}

#boardsSort,#searchButton{
margin-top:1em;
}

#legend{
width:15%;
text-align:left;
display:inline-block;
}

.boardsCellHeader{
width:85%;
display:inline-table;
}

 .sfw #bannerImage:hover,.sfw .catalogCell .linkThumb img:hover,.sfw .uploadCell img:hover:not(.imgExpanded){
opacity:1!important;
filter:blur(5px);
}

.sfw #bannerImage,.sfw .catalogCell .linkThumb img,.sfw .uploadCell img:not(.imgExpanded){
opacity:0;
}

.flipped{
-moz-transform:scaleX(-1);
-o-transform:scaleX(-1);
-webkit-transform:scaleX(-1);
transform:scaleX(-1);
filter:FlipH;
-ms-filter:FlipH;
}

.linkThumb img{
max-height:200px;
max-width:200px;
}

/*Based & Fashy Add-On*/

/* Highlighted post */
.markedPost {
  border: 1px solid #f444;
}

/* Hover post */
.innerPost:hover {
  transition: all ease-in 0.35s;
  background:#FFF9C4;
  border: 1px solid firebrick;
}


/* Theme Selector */
#themeSelector {
  background: #444;
  color: #eee;
}
#themeSelector { font-size:8px;}
#themeSelector:hover { transition: all ease-in 0.15s; font-size:11px;}

/* File upload */
.dropzone, .selectedCell {
  background: rgba(255, 255, 255, 0.5);
  border: 2px dashed rgba(125, 125, 125, 0.4);
  color: rgba(0, 0, 0, 0.5);
}

.dropzone:hover, .selectedCell:hover {
  color: #000;
}

/* Post Options (Moderation) Menu */
span.extraMenuButton {
  margin-right: 6px;
}

.floatingMenu { background: #fffe; }
.floatingMenu label:before {margin-left: 4px; content:" \e077"; color:black;}

.modalDecorationPanel {
  background: rgba(255,255,235,.8);
}



/* Spoilers */
span.spoiler, span.spoiler a {
  background: transparent;
  color: transparent;
  text-shadow: 0 0 5px #000, 0 0 7px #000, 0 0 8px #000;
  padding: 0 1px;
  transition: 1s;
}
span.spoiler:hover { /* spoiler hover */
  background: transparent;
  color: #fff;
}

/* Board Title */
.boardHeader p#labelName {
  color: #FDC86F;
  font-size: 42px;
  line-height:1.34em;
  font-weight: bold;
  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;
}

/* Board Subtitle */

.boardHeader p#labelDescription {
  color: #95F1FF;
  font-size: 150%;
  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;
}

/* Flags */
.imgFlag {
  padding-top:0px;
  padding-bottom:5px;
  max-width: 36px;
  max-height: 32px;
  position: relative;
  bottom: -8px;
}

/* Flags Animation (Buzz Script) */
.imgFlag {
  transform: translateZ(0);
}

.imgFlag:hover {
  animation-name: buzz;
  animation-duration: 0.25s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}

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

/* Flags Preview (Spinner) */
.flagPreview {
  transition: all ease-in 1s;
  transition: all ease-out 1s;
}

.flagPreview:hover, .innerPost:hover:before {
  transition: all ease-in 1s;
  transition: all ease-out 1s;
  animation: spin 1s linear infinite;
}

@keyframes spin {
    from { transform: rotate(0deg); }
    to { transform: rotate(0deg); }
}

  /* Post Decorations */
.innerPost:before {
  content: url(https://files.catbox.moe/npgbk7.png);
  float: right;
  opacity: 1;
}
.innerPost:hover:before {
  content: url(https://files.catbox.moe/vstfm0.png);
  float: right;
  opacity: 1;
}

/*SPACE  TECH  CODE BOX*/

code {
white-space: pre;
border: 1px double #34345C;
background: #FFF;
color: #34345C;
font-family: 'Lucida Console', Monaco, monospace;
font-size: 125%;
max-width: 100%;
overflow: auto;
padding: 1em 1.5em;
display: block;
word-wrap: break-word;
}

code br {
display: block;
}


/* Glowing post IDs trips and quads for dark themes */

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: #7b1718!important;
text-shadow: 0px 0px 0.4em #d500f9, 0px 0px 0.4em #d500f9;
font-weight: 500;
font-size: 16px;
}