/* Megiversary 2025
Anyway, I repurosed the last one to strike another skeb comm theme off this backlog. Happy 2025!
~meiQts 26.8.27

##Art credit - @ragnene1
*/


@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: -5%;
    bottom: -44%;
    background-image: url('/static/themes/megi/2025_moon.png');
    background-repeat: no-repeat;
    background-size: auto 900px;
    background-position: right;
    opacity: 0.85;
    z-index: -2;
    pointer-events: none;
    filter: sepia(0.12) saturate(1.02) brightness(0.944);
}

html::after {
    content: " ";
    display: block;
    position: fixed;
    inset: 0;
   right: -5%;
    bottom: -44%;
    background-image: url('/static/themes/megi/2025_megi.png');
    background-repeat: no-repeat;
    background-size: auto 900px;
    background-position: right;
    opacity: 0.95;
    z-index: -2;
    pointer-events: none;
    filter: sepia(0.12) saturate(1.02) brightness(0.87);
}

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


body {
font-family: 'GenEiLate', sans-serif;
  background: 
    radial-gradient(
      circle at -38% 99%,  
      #57100f 21%,
      rgba(5, 5, 5, 0.7) 45%,
      rgba(0, 0, 0, 0.0) 95%
    ),
url('/static/themes/megi/2025_starfield.png'), 
#050505;

;
background-size: auto, 50%;
  background-attachment: fixed;
color: #e4cfbf;
}









.post-menu li {
  background: #202020;
  list-style: none;
  margin: 0px !important;
  line-height: 12px !important;}



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, #62302a, #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(32,8,7, .88));
border: 2px solid; 
  border-image: linear-gradient(to bottom, #62302a, #2a2a2a) 1!important;
backdrop-filter: blur(12px);

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

div.post.reply.highlighted {
background:
 url('/static/themes/mcd/lib_icon.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(44,31,26, .88));

background-size: 48px, auto;
border: 2px solid; 
  border-image: linear-gradient(to bottom, #62302a, #2a2a2a) 1!important;
backdrop-filter: blur(12px);
box-shadow: 2px 4px 0px rgba(208, 190, 180, .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(255,177,145,.75);
    padding: 0 1px;
}

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




header div.subtitle, h1 {
    color: #fff4c2;
    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(31,5,6,.88));
    color: #fff4c2;
    font-size: 1.4em;
   border: 2px solid transparent; 
  border-image: linear-gradient(to bottom, #62302a, #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 #762b27, 0 0 16px #762b27;
    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: #e4cfbf;
    border: 1px solid #711a17;
    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:#711a17;
        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: #c9503f;
}
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;
}


div.report {
    color: #b6ccde;
}

 p.unimportant {
 visibility: hidden;
 }




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

.dropzone .file-hint {
    color: rgba(205,92,70, 0.5);
    border: 2px dashed rgba(116,35,30,.45);
    background-color: rgba(14, 14, 14, 0.6);

}


div.ban h2 {
    background: linear-gradient(to bottom, rgba(32,32,32, .95), rgba(31,5,6,.88));
    color: #fff4c2;
    font-size: 1.4em;
   border: 2px solid transparent; 
  border-image: linear-gradient(to bottom, #62302a, #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, #62302a, #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: #d4b098;
	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, #62302a, #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, #62302a, #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;
}