/*McD National Conference theme
I want to  devote to themes in '24 or '25 to game making this year... 
But some ideas I can't get out of my head unless I make a stab at them. Changing the local wallpaper is always nice, too.
meiQts 26.1.18
*/


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

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


body {
color: #f4f4f4;
background: url('/static/themes/mcd/banner_b.png') no-repeat, url('/static/themes/mcd/banner_b.png') no-repeat, url('/static/themes/mcd/curtain_b.png'),
#002768;
background-position: 120%, -20%, center;
background-size: auto 100%, auto 100%, 100% auto;
background-attachment: fixed;
font-family: 'GenEiLate';
    text-shadow: 0 0 2px #000000, 0 0 4px #000000;

}

header div.subtitle, h1 {
    color: #fefefe;
    font-family: 'Janson', serif;
    text-align: center;
    font-size: 22pt;
    text-shadow: 0 0 1px #eabf04, 0 0 3px #dedede;
}

h1 {
    font-size: 32pt;
}


div.banner {
    margin-bottom: 20px;
    background: #eabf04!important;
    color: black;
    padding: 2px 6px;
    border: #002768 outset 2px !important;
 text-shadow: none;
   }

div.banner a {
color: #000;
}


form table {
   width: 50%;
   min-height: 250px;
   margin: 1px auto;
   padding: 5px;
   background: url('/static/themes/mcd/compass.png'), rgba(0, 39, 104, 0.48);
background-size: 5% auto;
  border-radius:20px;
    text-shadow: none;
}

form table tr th { 
    background: #002768;
    color: #f4f4f4;
    font-size: 1em;
    border: 2px solid #c7a202 ;
    text-align: left;
    border-radius: 5px;
}




div.thread {
color: #f4f4f4;
max-width: 80%;
background: url('/static/themes/mcd/mcd_y.png'), 
url('/static/themes/mcd/compass.png'), rgba(0, 39, 104, .84);
background-attachment: fixed, scroll;
border: 5px #c7a202 double; 
background-size: 39% auto, 5%;
    text-shadow: none;

}


div.post.op {
    text-shadow: 0 0 2px #000000, 0 0 4px #000000;
}


div.post.reply:hover {
background: linear-gradient(32deg, #601b31, #b33454);
    border: 4px solid transparent;
    background-clip: padding-box;
  border-image: url('/static/themes/mcd/border_watch.png') 16 
    round; 
border-radius: 12px;
border-image-width: 28px;
border-image-slice: 26;
    padding: 8px 8px 8px 16px;
    overflow: auto;
      box-shadow: 4px 4px 4px rgba(0, 0, 0, .35);

}

div.post.reply.highlighted {
background: linear-gradient(32deg, #601b31, #b33454);
    border: 4px solid transparent;
    background-clip: padding-box;
  border-image: url('/static/themes/mcd/border_watch.png') 16 
    round; 
border-radius: 12px;
border-image-width: 28px;
border-image-slice: 26;
    padding: 8px 8px 8px 16px;
    overflow: auto;
      box-shadow: 4px 4px 4px rgba(0, 0, 0, .35);

}


div.post.reply {
background: linear-gradient(32deg, #252559, #002768);
    border: 4px solid transparent;
    background-clip: padding-box;
  border-image: url('/static/themes/mcd/border_watch.png') 16 
    round; 
border-radius: 12px;
border-image-width: 28px;
border-image-slice: 26;
    padding: 8px 8px 8px 16px;
    overflow: auto;
      box-shadow: 4px 4px 4px rgba(0, 0, 0, .35);
}

div.ban h2 {
   background: url('/static/themes/mcd/compass.png'), rgba(0, 39, 104, .84);
background-size: 5% auto;
    color: white;
    font-size: 12pt;
    border: 3px double gold;
}

div.module, div.ban {
background: #002768;
    border: 4px solid transparent;
    background-clip: padding-box;
  border-image: url('/static/themes/mcd/border_watch.png') 16 
    round; 
border-radius: 12px;
border-image-width: 28px;
border-image-slice: 26;
    padding: 8px 8px 8px 16px;
    overflow: auto;
      box-shadow: 4px 4px 4px rgba(0, 0, 0, .35);
}




span.quote {
    color: #FF7EB3;
}

div.boardlist a {
color: #eabf04!important;
}

a, a:visited {
color: #eabf04;
}

a:hover {
color: #ffcf54!important;
}


a:visited:hover {
color: #ffcf54!important;
}


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

::selection {
background: #eabf04;
color: #002768;
}



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

.intro span.name {
    color: #fefefe;
}


input[type="submit"], button {
    background: linear-gradient(45deg, #4954a9, #252559);
    border: 1px solid #000;
    color: #eabf04;
    font-family: 'Courier New', Courier, monospace;
    cursor: crosshair;
    text-shadow: 1px 1px 2px #000;
    transition: background 0.3s ease;
}


input[type="submit"]:hover, button:hover { 
    color: #a10000;
    background: linear-gradient(45deg, #f4f4f4, #eabf04);
    border-color: #8d784a;
}


div.pages {
	color: #eabf04;
	background: linear-gradient(45deg, #252559, #002768);
	border: 1px solid;
	border-color:#eabf04;
	font-family: 'Courier New';
	font-size: 10pt;
}

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


div.pages a.selected {
    color: white;
    font-weight: bolder;
}

html {
  scrollbar-width: auto;
  scrollbar-color: rgba(234,191,4, 0.9) rgba(0,32,104, 0.9);
}