@import url(https://fonts.googleapis.com/css?family=UnifrakturCook:bold);
span.heading{font-family:'UnifrakturCook', cursive;color:#000;font-size:x-large;line-height:1.5}

/*body (test hope ich mache nicht (mal wieder) alles kaputt ;_;)*/
body{
background: #000000;
}
body::after {
position: fixed !important;
content: url('https://i.imgur.com/QsWl2JG.png');
bottom: -3px !important;
right: 2px !important;
opacity:3;
z-index:-1;
}

/* general */
body{background:#eee;}
a,a:visited{color:#214263!important;text-decoration:none}
span.name{color:#004A99!important}
span.quote{color:#789922!important;}
hr{border-color:#CCC}
span.spoiler a{color:#000!important;}
span.spoiler:hover a{color:#fff!important;}
::selection{background-color:#C0C0C0;}
::-moz-selection{background-color:#C0C0C0;}
.announcement {font-size:60%}
.post-menu ul {background-color:#EFEFEF}
.post-menu li{background-color:#e0e0e0}


.theme-catalog div.thread {padding:10px;margin:10px}
table.modlog tbody tr:nth-of-type( even ){background-color:#E0E0E0!important}
table tbody tr:nth-of-type(2n) {background-color:transparent}
a.email,span.omitted a{text-decoration:underline}
.mobile-style div.blotter{font-size:11px;}

/* title */
div.title,h1,header div.subtitle{color:#000}
header div.subtitle{font-size:12px;margin-top:3px}
img.board_image{border:none;margin-top:20px}

/* code */
pre.prettyprint{background-color:#E8E8E8;border:1px solid transparent!important;border-radius:3px;padding:5px}

/* reply form */
form table tr th {background-color:#666!important;color:#fff;font-size:12px;letter-spacing:0.5px;text-align:right;background-color:transparent!important;color:#000!important;}
input[type=text], input[type=password], textarea, select{border:transparent 1px solid}
div.banner{background-color:transparent!important;color:#002c69}

/* threads */
p.intro span.subject{color:#111;font-size:medium;font-weight:bold;}
div.post.reply {background-color:#DFDFDF;border:1px solid transparent;border-radius:3px;margin-left:5px}
div.post.reply.highlighted{background-color:#CCC;}
p.intro a.post_no{color:#000!important;}
p.intro a.post_no:hover{font-weight:bold;text-decoration:none;color:black;}
p.fileinfo{margin-left:30px}

/* boardlist */
div.boardlist{
background-color:#DFDFDF!important;
text-align:center;padding:4px 3px 4px!important;
border-bottom:1px solid #CCC!important;
}

/* pages */
div.pages{
background:#DFDFDF;
color:#DFDFDF;
border:1px solid transparent;
border-radius:3px;
}

/* catalog */
body.theme-catalog{text-align:center;}
.theme-catalog div.thread {background-color:#DFDFDF!important;border:1px solid transparent!important;border-radius:3px}

/* options */
#options_div{margin-top:50px;border:1px solid #DFDFDF!important;border-radius:3px}
div.options_tab{background-color:#DFDFDF;}
#options_tablist{background-color:#CCC;border-right:1px solid #CCC}
.options_tab_icon{color:#444!important}
.options_tab_icon.active{color:#000!important}
h2{color:#000;}

/* schnapp */
a.post_no[href$="000"], a.post_no[href$="111"], a.post_no[href$="222"], a.post_no[href$="333"], a.post_no[href$="444"], a.post_no[href$="555"], a.post_no[href$="666"], a.post_no[href$="777"], a.post_no[href$="888"], a.post_no[href$="999"] {
animation: myfirst 1.1s linear infinite!important;
-webkit-animation: myfirst 1.1s linear infinite!important;
}

a.post_no[href$="000"]::after, a.post_no[href$="111"]::after, a.post_no[href$="222"]::after, a.post_no[href$="333"]::after, a.post_no[href$="444"]::after, a.post_no[href$="555"]::after, a.post_no[href$="666"]::after, a.post_no[href$="777"]::after, a.post_no[href$="888"]::after, a.post_no[href$="999"]::after {
content: " SCHNAPP! ";
animation: myfirs 12s linear infinite!important;
-webkit-animation: myfirs 12s linear infinite!important;
} 

/* Chrome, Safari, Opera */
@-webkit-keyframes myfirst {
    0%   {background:red; left:0px; top:3px;}
    25%  {background:yellow; left:3px; top:0px;}
    50%  {background:blue; left:0px; top:3px;}
    75%  {background:green; left:3px; top:0px;}
    100% {background:red; left:0px; top:0px;}
}

/* Standard syntax */
@keyframes myfirst {
    0%   {background:red; left:0px; top:3px;}
    25%  {background:yellow; left:3px; top:0px;}
    50%  {background:blue; left:0px; top:3px;}
    75%  {background:green; left:3px; top:0px;}
    100% {background:red; left:0px; top:0px;}
}