/* Yayuyo ver. 1 -  Yayuyo.
Arcana - XIV.Temperance
Alignment - Sweet Dream (NEW/CANDY)
What does it stand for? Maybe Yari Yume... Yome (There is enough white)
Ported from my 8ch blog board with some alterations, including the monochromatic filter.
Make things as clear as black and white.

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/yuuA.png') no-repeat bottom 210px right, url(/static/bottom.png) repeat-x bottom , url(/static/top.png) repeat-x top , url(/static/bg.png); 
  color: #FFFFFF)}

.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;*/
}












    /* 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: #eee;}


h1 {
  color: rgb(26,26,26);}

div.ban h2 {
    background: gray;
    color: black;
    font-size: 12pt;}

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

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

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

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

a:hover {
   color: #60CFD6!important; 
   text-decoration: underline;}

span.quote {
    color: #FF7EB3;
}

.intro span.name {
    color: rgb(26,26,26);
    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(26,26,26);}

div.post.reply.highlighted {
   background-color: #60CFD6;}

form table tr th {
   background-color: #cdcdcd;
   color: #000;}

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

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

div.banner {
    background-color: rgba(26,26,26,1);
    color: #ffffffff;}

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

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

#alert_message {
    color: #DDDDDD!important;}



span.spoiler {
    color: transparent;
    background: none !important;
    text-shadow: 0 0 5px rgba(0,0,0,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(0,0,0,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/dark.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:#60CFD6;
   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: #EEEEEE !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 black;
   border-width: 1px 1px 1px 5px;
   background-color: #DEDEDE;
   box-shadow: 6px 6px rgba(0, 0, 0, 0.5) !important;
}



form table {
   width: 60%;
   min-height: 250px;
   margin: 1px auto;
   border: solid black;
   border-width: 1px 1px 1px 5px;
   padding: 5px;
   background-color: #FFFFFF;
   box-shadow: 6px 6px rgba(0, 0, 0, 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: #eeeeee;}

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

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

div.pages {
   width: 98%;
   text-align: center !important;
   background-color: #EEEEEE;
   box-shadow: 5px 7px rgba(0, 0, 0, 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: grayscale(100%) brightness(90%) contrast(200%);
    transition: filter 0.3s ease;
}

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

}

/*revert to on hover */
.post-image:hover {
    filter: none; 
}