/*OFF theme - Pure Dad
A return of the monochrome image filters, I just vvant to be pvre...
Apparently some people consider OFF a horror game, so maybe this fits October.
meiQts 25.9.30

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



body{
font-family: 'rpg2k';
font-size: 13pt;
background:url('/static/themes/hanged/offwaves.gif'), #636064;
color: #fafdff;
  text-shadow: 1px 1px 0px #323232;
}

h1, h2, div.ban h2 {
  
    font-family: 'rpg2k';
    font-size: 36px;
  color: black;
  text-shadow: -2px 0 0 #fafdff, 0 -2px 0 #fafdff, 0 2px 0px #fafdff, 2px 0 0px #fafdff;
   background: 
    url('/static/themes/holyhost/bloodsmear.png') no-repeat center;  

}

header div.subtitle {
    text-align: center;
   color: #fafdff;
    font-size: 18pt;

}

div.banner {
    background-color: rgba(26,26,26,1);
    font-size: 22pt;
}


form table {
   width: 60%;
   min-height: 250px;
   margin: 1px auto;
   border: solid black;
   border-width: 2px;
   padding: 5px;
   background-color: #FFFFFF;
}

form table tr th {
    background: #847d84;
    border-radius: 8px;
}


input[type="submit"], button {
    background: #fff;
    font-family: 'rpg2k';
    font-size: 13pt;
    color: #000;
    border: 2px outset #847d84;
    border-radius: 0px;
    transition: background 0.3s, transform 0.3s;
}
input[type="submit"]:hover, button:hover { 
    background: #b5b6b5;
    border: 2px inset #847d84;
}


.thread {
  background: url('/static/themes/hanged/offbattlers.png') no-repeat, 
    url('/static/themes/hanged/offbackdrop.png') repeat-y, #fff;
   background-position: 60% 55% ,0% 45%;
    border: 2px solid black;
max-width:85vw;
  background-attachment: fixed, scroll;
   border-width: 0px 0px 0px 0px;
  margin-left: -10px;
font-size: 16pt;
}

div.ban {
  background:  rgba(123,125,123,.8);
   background-position: 60% 55% ,0% 45%;
    border: 2px solid black;
  background-attachment: scroll;
   border-width: 0px 0px 0px 0px;
}

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




div.post.reply {
background: rgba(123,125,123,.8);
border: 7px solid rgba(107,113,107,.8);
}

div.post.reply:hover{
background: url('/static/themes/hanged/offwideangle.png'),
 rgba(131,133,131,.8);
border: 7px solid rgba(107,113,107,.8);
}

div.post.reply.highlighted {
background: url('/static/themes/hanged/offimpact.png'),
 rgba(131,133,131,.8);
border: 7px solid rgba(107,113,107,.8);
}


div.post.op {
background: rgba(123,125,123,.8);
border: 7px solid rgba(107,113,107,.8);
    color: #ebe2ff;
}



p.intro {
 background: #000;
    padding: 6px;
    border-radius: 16px;
    color: #fff;
}

.intro span.name {
    color: #fafdff;
    font-weight: bold;}

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


span.quote {
color: #f7ae29;
}

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

div.post.reply div.body a{
color: #c83539;
}

div.post.reply div.body a:hover{
color: #ff00c8;
}

a:hover {
   color: #fffd87;
}


hr {
  height: 32px; 
  background-image: url('/static/themes/hanged/offBorder.gif');
background-repeat: repeat-x;
border-top: 3px solid transparent;
}


div.pages {
    color: #e5e5e5;
  background: rgba(23,25,23,.8);
border: 4px solid rgba(107,113,107,.8);
border-radius: 8px
}


/* Image fuggery */
.post-image {
    filter: grayscale(100%) brightness(90%) contrast(150%) drop-shadow(2px 2px 0px #323232);;
    transition: filter 0.3s ease;
}

.post-emoji {
    filter: grayscale(100%) brightness(90%) contrast(150%) drop-shadow(2px 2px 0px #323232);
    margin-right: 2px;
    margin-bottom: 2px;

}

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

.post-emoji:hover {
    filter: brightness(0%) drop-shadow(1px 1px 0px #fafdff) drop-shadow(-1px -1px 0px #fafdff) drop-shadow(-1px 1px 0px #fafdff) drop-shadow(1px -1px 0px #fafdff); 
}