/* Bluebell's Vigil

I headcanon Majetano's birthday as July 16 - July (7) for the seven sins and virtues, 16 for her fateful number.
We the players are never told the explicit date of Majetano, Liedna, or any forbidden tome series birthday, 
but the character settings are pretty detailed, so the Yasagure girls must have official birthdays, certainly?
Is it only for their lovers to know?

Anyway, I finally threw something together out of one of my skeb commissions.
~meiQts 26.7.16
*/


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


/*scanlines*/
body::before {
content: " ";
display: block;
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
background: linear-gradient(rgba(16, 16, 16, 0) 66%, rgba(0, 0, 0, 0.20) 33%);
z-index: -1;
background-size: 100% 2px, 2px 100%;
pointer-events: none;
}

body::after {
    content: " ";
    display: block;
    position: fixed;
    inset: 0;
   right: -7%;
    bottom: -14%;
    background-image: url('/static/themes/bluebell/bg_ido.png');
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: right;
    opacity: 0.75;
    z-index: -2;
    pointer-events: none;
    filter: sepia(0.18) saturate(1.02) brightness(0.92);
}


/*cursor*/
{
    cursor: url('/static/cursor/goldie.png'), auto;
}


body {
font-family: 'GenEiLate', sans-serif;
  background: 
    radial-gradient(
      circle at -38% 99%,  
      #242d75 21%,
      #050505 45%,
      rgba(0, 0, 0, 0.0) 95%
    ),

#050505;

;
  background-attachment: fixed;
color: #bed5e8;
}

div.post.reply {
background:linear-gradient(to bottom, rgba(32,32,32, .88), rgba(0,0,0, .88));
border: 2px solid; 
  border-image: linear-gradient(to bottom, #535353, #2a2a2a) 1!important;
box-shadow: 2px 4px 0px rgba(0, 0, 0, .75);
backdrop-filter: blur(12px);

}

div.reply:hover {
background: url('/static/themes/bluebell/post_dust.png') no-repeat bottom right,
linear-gradient(to bottom, rgba(32,32,32, .88), rgba(7,8,32, .88));
border: 2px solid; 
  border-image: linear-gradient(to bottom, #535353, #2a2a2a) 1!important;
backdrop-filter: blur(12px);

box-shadow: 2px 4px 0px rgba(44, 52, 145, .75);
}

div.post.reply.highlighted {
background:
 url('/static/themes/mcd/badge.png') no-repeat bottom 10px right 10px,
 url('/static/themes/bluebell/post_dust.png') no-repeat bottom right,
linear-gradient(to bottom, rgba(32,32,32, .88), rgba(26,31,44, .88));
border: 2px solid; 
  border-image: linear-gradient(to bottom, #535353, #2a2a2a) 1!important;
backdrop-filter: blur(12px);
box-shadow: 2px 4px 0px rgba(180, 190, 208, .75);
}

.intro span.name, span.trip {
	color: #fff7dd;
}

span.name:before{ 
   content: '[';}

span.name:after { 
   content: ']';
}

.intro span.subject {
    color: #aaf090;
    font-family: 'Hangyaku', serif;
    font-size: 1.5em;
    font-weight: bold;}


span.quote {
	color: #deb853;
        font-style: italic;
}



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

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




header div.subtitle, h1 {
    color: #fac875;
    font-family: 'Hangyaku', serif;
    text-align: center;
    font-size: 24pt;
    text-shadow: 0 0 5px #000000, 0 0 5px #000000, 0 0 10px #000000, 0 0 15px #000000;
}

h1 {
    font-size: 42pt;
}


form table {
   width: 50%;
   min-height: 250px;
   margin: 1px auto;
   padding: 5px;
   background-color: rgba(51, 51, 64, 0.3);
  border-radius:4px;
text-shadow:none;
}

form table tr th { 
    background: linear-gradient(to bottom, rgba(32,32,32, .95), rgba(7,8,32,.88));
    color: #fff4c2;
    font-size: 1.4em;
   border: 2px solid transparent; 
  border-image: linear-gradient(to bottom, #535353, #2a2a2a) 1!important;
    text-align: left;
    border-radius: 4px;
   font-family: 'Hangyaku', sans-serif;
text-shadow:none;
}

div.banner {
    background: linear-gradient(180deg, rgba(16,16,32,.8) 0%, rgba(26,31,44,.8) 100%);
    box-shadow: 0 0 4px #555e7b, 0 0 16px #555e7b;
    text-align: center;
    border: 0px solid #fff;
    color: #FFF;
    padding: 6px;
}

input[type="submit"], button {
    background: linear-gradient(to bottom, rgba(11, 11, 11, 0.95), rgba(4, 18, 28, 0.8));
    color: #bed5e8;
    border: 1px solid #18377a;
    border-radius: 2px;
    text-shadow: 1px 1px 2px #990000;
    transition: background 0.3s, transform 0.3s;
}
input[type="submit"]:hover, button:hover { 
    background: linear-gradient(to bottom, rgba(16, 25, 102, .95 ), rgba(8, 13, 58, 0.8));
    transform: scale(1.05);
    text-shadow: 1px 1px 5px #FFAAAA;
}

input[type="text"], textarea, select {
	background: #05050f;
	color: #e6d6b8;
	border: 1px double;
	border-color:#18377a;
        border-radius: 5px;
	padding-left: 5px;
	padding-right: -5px;
	font-family: 'Courier New';;
	font-size: 12pt;
}

a, a:link, a:visited, .intro a.email span.name, div.post.reply div.body a:link, div.post.reply div.body a:visited, div.boardlist a {
	color: #4f76cb;
}
a:hover, a:link:hover, a:visited:hover, div.post.reply div.body a:link:hover, div.post.reply div.body a:visited:hover {
	color: #f3f0ea;
}


 p.unimportant {
 visibility: hidden;
 }


.dropzone {
    background-color: rgba(10, 10, 10, 0.32);
cursor: inherit;
}

.dropzone .file-hint {
    color: rgba(120, 150, 222, 0.5);
    border: 2px dashed rgba(55, 55, 125, 0.4);
    background-color: rgba(14, 14, 14, 0.6);

}


div.ban h2 {
    background: linear-gradient(to bottom, rgba(32,32,32, .95), rgba(7,8,32,.88));
    color: #fff4c2;
    font-size: 1.4em;
   border: 2px solid transparent; 
  border-image: linear-gradient(to bottom, #535353, #2a2a2a) 1!important;
    text-align: left;
    border-radius: 4px;
   font-family: 'Hangyaku', sans-serif;
text-shadow:none;}


div.module, div.ban {
background: url('/static/themes/bluebell/post_dust.png') no-repeat bottom right,
linear-gradient(to bottom, rgba(32,32,32, .88), rgba(7,8,32, .88));
border: 2px solid; 
  border-image: linear-gradient(to bottom, #535353, #2a2a2a) 1!important;
backdrop-filter: blur(12px);

}


 div.pages {
	background: linear-gradient(to bottom, rgba(32,32,32, .88), rgba(7,8,32, .88));
	border-color: #c6b8d5;
	border-style: none;
	box-shadow: 2px 2px #2a2a2a;
	color: #e6d6b8;
}


.theme-catalog div.thread {
	background:linear-gradient(to bottom, rgba(32,32,32, .88), rgba(0,0,0, .88));
border: 2px solid; 
  border-image: linear-gradient(to bottom, #535353, #2a2a2a) 1!important;
box-shadow: 2px 4px 0px rgba(0, 0, 0, .75);
backdrop-filter: blur(12px);
    min-height: 90px;
    overflow-x: hidden;
}


.theme-catalog div.thread:hover {
	 background:
 url('/static/themes/bluebell/post_dust.png') no-repeat bottom right,
linear-gradient(to bottom, rgba(32,32,32, .88), rgba(26,31,44, .88));
border: 2px solid; 
  border-image: linear-gradient(to bottom, #535353, #2a2a2a) 1!important;
backdrop-filter: blur(12px);
box-shadow: 2px 4px 0px rgba(180, 190, 208, .75);
    min-height: 90px;
    overflow-x: hidden;
}



hr {
  border: none;
  height: 80px;
  background-image: url('/static/themes/bluebell/hr_blue.png');
background-repeat: no-repeat;
background-position: center;
background-size: auto;
opacity: 100%;
}


#quick-reply table {
border: none!important;
}