/* Yayuyo ver. 2 -  Yayu夜
Arcana - XIV.Temperence
The 'dark mode' version of Yayuyo...
Still rather intense from the high contrast color inversions, but I did try to mute things a bit.

Credit to Kusamakurato for the still image.
~meiQts 24.10.23
*/





     /*Extra Font*/
@font-face {
    font-family: 'GenEiLate';
    src: url('/static/fonts/GenEi.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}





    /* Background */

body { 
  background:url('/static/yuuB.png') no-repeat bottom 210px right, url(/static/themes/yayuyo/footer-w.png) repeat-x bottom , url(/static/top_blu.png) repeat-x top , url(/static/themes/temperance/bg_yoru.png); 
  color: #DEDEDE;}

.desktop-style div.boardlist:nth-child(1) {
    box-shadow: 0 1px 2px rgba(0, 0, 0, .15);
    border-bottom: 1px solid;
    background: white;
   /*position: static !important;*/
}








  /* Animation */
.trickster {
    animation: trickster-mode 413ms steps(1) infinite;
}

@keyframes trickster-mode {
     0%,
  13% {
    color: #ffd1d1;
  }

  14%,
  27% {
    color: #ffe6d1;
  }

  28%,
  41% {
    color: #fff6d1;
  }

  42%,
  56% {
    color: #d1ffe3;
  }

  57%,
  69% {
    color: #d1f9ff;
  }

  70%,
  83% {
    color: #d1dcff;
  }

  84%,
  100% {
    color: #f0d1ff;
  }
}













    /* Text Formatting */
  
li {
  // min-width: 75px;
  min-height: 28px;
    list-style: none;
 //   float: Left;
 border: solid grey;
 margin: 4px 3px;
  font-family: 'courier new',serif;
  //line-height: 32px;
    background: #111;}


h1 {
  color: #DEDEDE;}

div.ban h2 {
    background: #DEDEDE;
    color: #000000;
    font-size: 12pt;}

div.module, div.ban {
    background: #111111;
    border: 1px solid #000;
    max-width: 800px;
    box-shadow: 7px 7px rgba(244, 244, 244, 0.5) !important;
    margin: 30px auto;
}

header div.subtitle {
  color: rgb(229,229,299); 
  font-style: italic;}

a {
  color:#eeeeee !important; 
  text-decoration: none;}

a.unimportant {
  color:#ffffff !important; 
  text-decoration: none;}

a:hover {
   color: #607fd6!important; 
   text-decoration: underline;}

span.quote {
    color: #FF7EB3;
}

.intro span.name {
    color: rgb(229,229,299);
    font-weight: bold;}

.intro span.subject {
    color: #000000;
    font-weight: bold;}

p.intro span.subject { 
   font-size:11pt;
   margin-right:5px;color:#000;}

p.intro span.name {
   color: rgb(229,229,299);}

div.post.reply.highlighted {
   background-color: #607fd6;}

form table tr th {
   background-color: #2b2b2b;
   border-radius: 6px;
   color: #EEEEEE;}

hr {
   border-color:#000!important;}

span.heading {
    color: #e9521b;
    font-size: 13pt;
    font-weight: bold;}

div.banner  {
    background-color: rgba(229,229,229,1);
    color: #000000;}
	
div.banner a {
color: black !important;
}

.thread.grid-li.grid-size-small:hover, .thread.grid-li.grid-size-large:hover, .thread.grid-li.grid-size-vsmall:hover {
   background-color:#607fd6!important;}

::selection {
    background-color: #FFFFFF;
    color: #000000;}




#alert_message {
    color: #DDDDDD!important;
}


input[type="text"], input[type="password"], textarea {
	background: #111111;
	color: #DEDEDE;
}



span.spoiler {
    color: transparent;
    background: none !important;
    text-shadow: 0 0 5px rgba(244, 244, 244,0.5);
    padding: 0 1px;
}

span.spoiler:hover {
    color: inherit; 
    text-shadow: none;
}

 div.post.reply div.body span.spoiler a {
     color: transparent!important;
    background: none !important;
    text-shadow: 0 0 5px rgba(244, 244, 244,0.5);
    padding: 0 1px;
}

div.post.reply div.body span.spoiler a:hover {
     color: inherit!important; 
    text-shadow: none;
}









/* Rose cursor */
* {
    cursor: url('/static/cursor/roseidle.gif'), auto;
}

/* Loading? */
*:loading {
    cursor: url('/static/cursor/rosegroom.gif'), wait;
}

/* Clickable */
a, button, input[type="submit"], .clickable-element-class {
    cursor: url('/static/cursor/rosehiss.gif'), pointer;
}






    /* Hidden*/
div.boardlist.bottom {
   visibility: hidden !important;}





/*Post button, menu*/

.post-btn {
   visibility: hidden !important; 
   padding: 0; 
   width: 0; 
   height: 0; 
   display: inline !important;
}


.post-btn:after {
   content: url('/static/light.png');
   visibility: visible;
   display: inline;
   position: relative;
   left: -5px;
   width: 12px;
   height: 13px; 
}



.post-btn-open {
    transform-origin:center !important;
    transform:rotate(0.5turn) !important ;
  }




li.post-item, li.post-submenu {
   padding:5px 10px!important;
   color:#000000;
   background:#fff;}
   li.post-item:hover, li.post-submenu:hover {
   color:#607fd6;
   background:#eeeeee!important;}

.post-menu li {
  min-width: 5px !important;
  min-height: 5px !important;
  list-style: none;
  float: None !important;
  text-align: left !important;
  border: none !important;
  margin: 0px !important;
  font-family: 'courier new',serif;
  line-height: 12px !important;}




    


/*Boxed off stuff*/

div.boardlist:not(.bottom) {
   background-color: #111111 !important;
   padding: 4px 4px;
   box-shadow: 5px 5px rgba(0, 0, 0, 0.5) !important;
   }


div.post.reply {
   max-width: 95% !important;
   padding: 8px;
   margin-top: 6px;
   border: solid white;
   border-width: 1px 1px 1px 5px;
   background-color: #111111;
   border-radius: 0 6px 6px 0; 
   box-shadow: 6px 6px rgba(244, 244, 244, 0.5) !important;
}



form table {
   width: 60%;
   min-height: 250px;
   margin: 1px auto;
   border: solid white;
   border-width: 1px 1px 1px 5px;
   padding: 5px;
   background-color: #000000;
   box-shadow: 6px 6px rgba(244, 244, 244, 0.5) !important;
}

.diceroll {
    width: auto;
    margin: 0;
    min-height:0px;
    border: none; 
    padding: 0; 
    background-color: inherit;
}


table tbody tr:nth-of-type( even ) {
    background-color: #111111;}

table.modlog tbody tr:nth-of-type( even ) {
    background-color: rgba(229, 229, 229, 0.17);}

table.modlog tbody tr:nth-of-type( odd ) {
    background-color: rgba(229, 229, 229, 0.17);}

div.pages {
   width: 98%;
   text-align: center !important;
   background-color: #111111;
   box-shadow: 5px 7px rgba(244, 244, 244, 0.5) !important;}

div.pages.top {
    display: block;
    position: static;
    top: 0;
    right: 0;
    opacity: 0.9;
}


/* Line Breaks*/


div.boardlist span.favorite-boards {
   display: block;}

span.subject:after { 
   content: '\A'; white-space:pre;}
 

/* Image fuggery */
.post-image {
    filter: sepia(100%) brightness(120%) invert(1) contrast(124%);
    transition: filter 0.3s ease;
}

.post-emoji {
    filter: drop-shadow(4px 4px 0px #607fd6);
    margin-right: 4px;
    margin-bottom: 4px;
}


.post-image:hover {
    filter: none; 
}




/*scrollbar*/
::-webkit-scrollbar {
    width: 18px;
}

::-webkit-scrollbar-track {
    background: #111; 
    border-left: 2px solid #DEDEDE; 
}

::-webkit-scrollbar-thumb {
    background-color: #111; 
    border: 1px solid #DEDEDE; 
}

/* hoverhandler (hehe)*/
::-webkit-scrollbar-thumb:hover {
    background-color: #607fd6;
    border-color: #DEDEDE;
}

/* Scrollbar for Firefox */
scrollbar-color: #DEDEDE #111; /
scrollbar-width: auto;