/* Haunted Schoolhouse "Corpse Party" Theme */

@font-face {
    font-family: 'Underwood';
    src: url('/static/fonts/underwood.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}/* Haunted Schoolhouse Theme */


@font-face {
    font-family: 'HorrorDrip';
    src: url('/static/fonts/horrordrip.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}



/* General Styles */
body {
    background: url('/static/themes/holyhost/stagecurtain.png') repeat-x top,
url('/static/holyhost.png') no-repeat center center fixed;
    background-size: auto, cover;
    background-color: #1a1a1a;
    color: #cccccc;
    font-family: 'Underwood', Tahoma, Geneva, Verdana, sans-serif;
    font-size:13pt;
    text-shadow:    2px 2px 0 #a10000,  /* Initial red shadow */
        3px 5px 2px rgba(161, 0, 0, 0.7),  /* Drip effect 1 */
        5px 7px 4px rgba(161, 0, 0, 0.6),  /* Drip effect 2 */
        7px 10px 6px rgba(161, 0, 0, 0.5); /* Drip effect 3 */
    margin: 0;
    padding: 0;
    position: relative;
    overflow-x: hidden;
}

h1, h2, div.ban h2 {
  font-family: 'HorrorDrip', Tahoma, Geneva, Verdana, sans-serif;
  color: black;
  text-shadow: 0 0 2px #FF0000, 0 0 5px #FF0000, 0 0 10px #FF0000;
   background: 
    url('/static/themes/holyhost/bloodsmear.png') no-repeat center;  

}

form table tr th {
    border: 2px solid #7e0000; 
    border-top-left-radius: 13px; 
    border-bottom-right-radius: 13px;
    background: 
    url('/static/themes/holyhost/decor.png') no-repeat right, #000;
}

body:before {
  content: "";
  width: 272px;
  height: 500px;
  position: fixed;
  bottom: 0px;
  right: 20px;
  background-size: cover;
background-image: 
  background-repeat: no-repeat;
background-image: url('/static/themes/holyhost/naho3.png');
   z-index: -1; 
 opacity: 0.8; 
    pointer-events: none;
    animation: ghostly 32s infinite ease-in-out;
}

body::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(10, 10, 10, 0.6);
    pointer-events: none;
   z-index: 10;
    animation: flicker 5s infinite;
}

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


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



@keyframes ghostly {
    0% {
        transform: translateY(0) translateX(0) scale(1) rotate(0deg);
        opacity: 0.9;
        background-image: url('/static/themes/holyhost/naho3.png');
        filter: blur(1px);
    }
    25% {
        transform: translateY(-2px) translateX(1px) scale(1.01) rotate(-1deg);
        opacity: 0.7;
        background-image: url('/static/themes/holyhost/naho4.png');
        filter: blur(1.5px);
    }
    50% {
        transform: translateY(-4px) translateX(0) scale(1.02) rotate(0deg);
        opacity: 0.6;
background-image: url('/static/themes/holyhost/naho5.png');
        filter: blur(1px);
    }
    75% {
        transform: translateY(-2px) translateX(-1px) scale(1.01) rotate(1deg);
        opacity: 0.7;
background-image: url('/static/themes/holyhost/naho6.png');

        filter: blur(1.5px);
    }
    100% {
        transform: translateY(0) translateX(0) scale(1) rotate(0deg);
        opacity: 0.8;
        background-image: url('/static/themes/holyhost/naho3.png');
        filter: blur(1px);
    }
}


@keyframes bobbing {
  0%, 100% {
    transform: translate(0, 0);
  }
  25% {
    transform: translate(2px, -10px);
  }
  50% {
    transform: translate(0, -5px);
  }
  75% {
    transform: translate(-2px, -10px);
  }
}



@keyframes flicker {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.95; }
    51% { opacity: 0.9; }
    52% { opacity: 0.85; }
    53% { opacity: 0.8; }
    54% { opacity: 0.75; }
    55% { opacity: 0.7; }
    56% { opacity: 0.65; }
    57% { opacity: 0.6; }
    58% { opacity: 0.55; }
    59% { opacity: 0.5; }
    60% { opacity: 0.45; }
    61% { opacity: 0.4; }
    62% { opacity: 0.35; }
    63% { opacity: 0.3; }
    64% { opacity: 0.25; }
    65% { opacity: 0.2; }
    66% { opacity: 0.15; }
    67% { opacity: 0.1; }
    68% { opacity: 0.05; }
    69% { opacity: 0; }
    70% { opacity: 0.05; }
    71% { opacity: 0.1; }
    72% { opacity: 0.15; }
    73% { opacity: 0.2; }
    74% { opacity: 0.25; }
    75% { opacity: 0.3; }
    76% { opacity: 0.35; }
    77% { opacity: 0.4; }
    78% { opacity: 0.45; }
    79% { opacity: 0.5; }
    80% { opacity: 0.55; }
    81% { opacity: 0.6; }
    82% { opacity: 0.65; }
    83% { opacity: 0.7; }
    84% { opacity: 0.75; }
    85% { opacity: 0.8; }
    86% { opacity: 0.85; }
    87% { opacity: 0.9; }
    88% { opacity: 0.95; }
    89% { opacity: 1; }
}

a, a:visited {
    color: #5589FD;
    text-decoration: none;
}

a:hover {
    color: #aa6666;
    text-decoration: underline;
}

#quick-reply th .close-btn {
text-shadow:    2px 2px 0 #a10000,
        3px 5px 2px rgba(161, 0, 0, 0.7),  /* Drip effect 1 */
        5px 7px 4px rgba(161, 0, 0, 0.6),  /* Drip effect 2 */
        7px 10px 6px rgba(161, 0, 0, 0.5); /* Drip effect 3 */
}

div.post.reply div.body a {
color: #BD378C;
   text-shadow:    2px 2px 0 #a10000, 
        3px 5px 2px rgba(161, 0, 0, 0.7),  /* Drip effect 1 */
        5px 7px 4px rgba(161, 0, 0, 0.6),  /* Drip effect 2 */
        7px 10px 6px rgba(161, 0, 0, 0.5); /* Drip effect 3 */
}

/* Header and Navigation */

div.boardlist {
    text-align: center;
    font-size: 10pt;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

.boardlist a {
    color: #777777;
    margin: 0 5px;
}

.boardlist a:hover {
    color: #bbbbbb;
}

div.ban {
 border: 12px solid transparent;
  border-image: url('/static/themes/holyhost/border.png') 16 round; 
  padding: 2px;
  background-color: rgba(0, 0, 0, 0.66);
 max-width: 940px;
 animation: bobbing 6s ease-in-out infinite;
}

div.ban p {
font-size:14pt;
}



/* Threads and Replies */
.thread {
	  background: 
    url('/static/themes/holyhost/tapeworm.png') repeat-y right;
    background-color: rgba(30, 30, 30, 0.45);
    border: 1px outset #444444;
    border-radius: 5px;
}

div.post.reply {
  border: 12px solid transparent;
  border-image: url('/static/themes/holyhost/border.png') 16 round; 
  padding: 2px;
  background-color: rgba(0, 0, 0, 0.34);
  background: 
    url('/static/themes/holyhost/doll.png') no-repeat bottom right,
    rgba(0, 0, 0, 0.55); 
  text-shadow: none;
}

div.post:hover {
  border: 12px double white;
  border-image: "";
  padding: 2px;
  box-shadow: 1px 1px 23px 1px #be3759;
   background: url('/static/themes/holyhost/hover.png') no-repeat bottom right,
   linear-gradient(
        rgba(99, 141, 175, 0.4), 
        #005081, 
        #3eaee2
    );
    color: #cccccc;
}

div.post.reply.highlighted {
    position: relative;
    color: #a10000;
    border: 12px solid transparent;
    padding: 2px;
    border-image: url('/static/themes/holyhost/bloody.png') 12 round;
    background-color: rgba(0, 0, 0, 0.34);
    background-image: url('/static/themes/holyhost/spell1.png'), url('/static/themes/holyhost/note.png');
    background-repeat: no-repeat, no-repeat;
    background-position: bottom right, center;
    background-size: auto, cover;
    border-radius: 8px;
    animation: bobbing 6s ease-in-out infinite;
}

  
  
div.post.op {
    background-image: url('/static/themes/holyhost/blackboardBG.png') !important;
    background-size: cover;
    background-position: center;
	background-repeat: no-repeat;
	background-attachment: local;
    border: 8px solid transparent;
    border-image: url('/static/themes/holyhost/blackboardBorder.png') 6 round;
    min-height: 90px;
    overflow-x: hidden;
}


.reply::before {
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    bottom: 0;
    width: 5px;
    background-color: #550000;
}

hr {
  border: none; 
  height: 20px; 
  background-image: url('/static/themes/holyhost/hr.png');
  background-position: center;
	background-repeat: no-repeat;
}



.intro {
    color: #DEDEDE;
    margin-bottom: 5px;
}


p.intro span.subject { 
 color: #000;
   margin-right:5px;
  background: 
    url('/static/themes/holyhost/bloodsmear.png') repeat-x left;
  background-size: cover;
;}

p.intro span.name {
   color: #DEDEDE;}



span.quote {
    color: #999999;
  font-family: 'HorrorDrip', Tahoma, Geneva, Verdana, sans-serif;
  font-size: 12pt;
  text-shadow: 0 0 2px #FF0000, 0 0 5px #FF0000, 0 0 10px #FF0000;
   background: 
    url('/static/themes/holyhost/bloodsmear.png') repeat-x left;
  background-size: cover; }

footer {
   background: 
     url('/static/themes/holyhost/flower.png') no-repeat bottom right;
}


/* Forms and Inputs */
input, textarea, select, button {
    background-color: #2a2a2a;
    color: #cccccc;
    border: 1px solid #555555;
    padding: 5px;
    border-radius: 3px;
}

input:focus, textarea:focus, select:focus {
    border-color: #777777;
    outline: none;
}

/* Miscellaneous */

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

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


img {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}

.catalog {
    background-color: rgba(25, 25, 25, 0.9);
    padding: 20px;
}

.catalog-item {
    background-color: rgba(35, 35, 35, 0.9);
    border: 1px solid #555555;
    margin: 10px;
    padding: 10px;
}

.catalog-item:hover {
    background-color: rgba(45, 45, 45, 0.9);
}


div.pages.top {
    display: block;
    position: static;
   background: black;
   color: white;
   text-shadow: none;
   padding: 6px;
   border: 8px solid transparent; 
   border-image: url('/static/themes/holyhost/border.png') 12 fill;
   border-radius: 8px;
    opacity: 0.9;
   text-align: center !important;
}

div.pages {
    display: block;
    position: static;
   background: black;
   color: white;
   text-shadow: none;
   padding: 6px;
   border: 8px solid transparent; 
   border-image: url('/static/themes/holyhost/border.png') 12 fill;
   border-radius: 8px;
    opacity: 0.9;
   text-align: center !important;
}


div.pages a.selected {
    color: #7b52f7;
    font-weight: bolder;
}




/* Scrollbar */
::-webkit-scrollbar {
    width: 10px;
}

::-webkit-scrollbar-track {
    background: #1a1a1a;
}

::-webkit-scrollbar-thumb {
    background: #333333;
    border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
    background: #444444;
}



/*cursor*/

/* Hitodama */
* {
    cursor: url('/static/themes/holyhost/hitodamaBlu.png'), auto;
}

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

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