Hide spoiler


/* BODY CODING */
@import url(https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM);
*/

/* HOVERING OVER LIST ELEMENTS COLOR CHANGE -> #5c8ae6 to #ff0000 (blue to red) */


body {
font-family: Arial,Verdana,Helvetica,sans-serif;
font-size: 13px;
}

* {
text-decoration: none ! important;
}

a {
color: #ffffff;
}

a:hover {
border-bottom: 2px solid #ff0000;
color: #ffffff;
text-decoration: none;
}

.status_selected {
background-color: #ff0000;
border-color: #000000;
border-width: 0px 1px 1px 0px;
color: #000000;
line-height: 2.5em;
text-decoration: none ! important;
}

.status_not_selected a:hover {
border-bottom: 0px none ! important;
}

.status_selected a:hover {
border-bottom: 0px none ! important;
}

.status_not_selected:hover {
box-shadow: 0px -5px 0px 0px #ff0000 inset;
transition: all 0.2s ease 0s;
}

.status_not_selected {
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
border-bottom: 0px none ! important;
border-left-color: #000000;
border-right-color: #000000;
border-top-color: #000000;
color: #000000;
line-height: 2.5em;
}

.status_selected:hover {

}

.status_selected a, .status_not_selected a {
display: block;
}

#list_surround {
background: none no-repeat scroll 0px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 1);
height: 100%;
margin: 240px auto 20px;
width: 850px;
}


/* MAIN HEADER */

:nth-child(5) .header_title {
border-color: #f5f5f5;
border-top-left-radius: 25px;
border-top-right-radius: 25px;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
border-width: 2px;
box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 1);
height: 200px;
margin-left: -28px;
position: absolute;
top: 60px;
width: 850px;
}

/* Transparent banner under content */

:nth-child(5) .header_title:before {
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.2);
color: #f5f5f5;
display: block;
font-size: 65px ! important;
position: relative;
text-align: center;
text-shadow: 1px 2px 6px #000000;
top: 61px;
}


/* LIST HEADERS */

}

#list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround .header_ptw, #list_surround .header_dropped {
margin-top: 12px;

margin-left: 0px;
padding: 28px;
}

#list_surround .header_title span {
color: #000000;
display: none;
font-size: 1px;
}

#list_surround .header_title .thickbox {
display: none;
}

#list_surround br {
display: none;
}

.borderRBL {
color: #cccccc ! important;
}

.borderRBL br {
display: block ! important;
}

.table_header {
background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);
border-color: #ababab;
border-style: solid;
border-width: 1px 1px 1px 0px;
color: #ffffff;
line-height: 1.8em;
padding: 4px;
}

.td1 {
background: none repeat scroll 0% 0% rgba(150, 0, 0, 0.3);
line-height: 20px;
padding: 4px;
}

.td2 {
background: none repeat scroll 0% 0% rgba(45, 0, 0, 0.3);
line-height: 20px;
padding: 4px;
}

#list_surround .animetitle + small {
background: none repeat scroll 0% 0% #ff0000;
font-size: 13px;
margin-left: 10px;
opacity: 1;
padding: 2px;
text-transform: lowercase;
}

.td1, .td2, .table_header {
border-color: #ffffff;
border-width: 0px 0px 1px ! important;
color: #ffffff;
}

tr:hover td.td1 small, tr:hover td.td2 small {
font-size: 13px;
opacity: 1;
}

.td1 small, .td2 small {
font-size: 13px;
opacity: 0;
}


/* HOVERING OVER LIST ELEMENTS COLOR CHANGE -> #5c8ae6 to #ff0000 (blue to red) */


tr:hover .td2, tr:hover .td1 {
background: none repeat scroll 0% 0% rgba(5, 5, 5, 0.7);
}

#list_surround .category_totals {
background-color: rgba(0, 0, 0, 0.8);
color: #ffffff;
line-height: 25px;
margin-top: 15px;
text-align: center;
}

#list_surround #grand_totals {
background-color: #ff0000;
color: #ffffff;
display: none;
line-height: 25px;
text-align: center;
}

#search {
bottom: 50px ! important;
left: 100px ! important;
}

#searchBox {
background: none repeat scroll 0px 0px #ffffff !important;
border-radius: 5px;
border-style: hidden;
box-shadow: 0px 0px 3px #e2e2e2;
color: #aaaaaa;
display: block ! important;
font-family: Consolas,Arial,sans-serif ! important;
font-size: 10px;
height: 20px ! important;
letter-spacing: 0.1em;
padding-left: 10px;
padding-right: 10px;
right: 6px ! important;
text-align: center ! important;
text-transform: uppercase ! important;
top: 8px ! important;
width: 220px ! important;
}

#searchListButton {
display: none;
}

#mal_control_strip {
background-color: #8f8f8f ! important;
background-image: url("http://i.imgur.com/fv1Pc.png") ! important;
}

#mal_cs_powered a {
display: none;
}

#copyright {
background: none repeat scroll 0% 0% #ff0000;
color: #ffffff;
line-height: 2.5em;
margin-top: 0px ! important;
border-bottom-left-radius: 25px;
border-bottom-right-radius: 25px;
}


}

#copyright:hover:after {
background-image: none;
color: #e5e5e5 ! important;
font-size: 13px ! important;
height: auto ! important;
padding: 5px;
text-align: justify ! important;
transition: all 0.15s ease-in 0s;
width: 250px;
}


/* added body */

body {
background-attachment: fixed ! important; 
background-image: url("http://i.imgur.com/M2hdJrY.png") !important; 
background-size: cover;
}

:nth-child(5) .header_title { 
background: url("http://kreskowka.pl/img/users/525/54394e0d4b614.png") no-repeat scroll center center / 80% 100% rgba(255, 255, 255, 0);
} 

:nth-child(5) .header_title:before { 
content: "Hello";
font-family: give you glory; 
}







/* HOVER COVER STYLE 2 MODE */

.hide {
background-color: rgba(248, 162, 200, 0.7);
background-position: 50% 50%;
background-repeat: no-repeat no-repeat;
background-size: cover;
border-radius: 5px;
border: 1px solid #FFFFFF;
display: inline-block ! important;
height: 20px;
margin-left: 39px;
margin-top: -25px;
position: absolute;
width: 35px;
}

.hide:hover {
background-color: transparent;
background-size: cover;
border-radius: 25px;
border-style: none;
border-width: 1px;
box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.41);
margin-left: -220px;
margin-top: -320px;
padding-right: 170px;
padding-top: 300px ! important;
position: absolute;
z-index: 1;
}

.hide:hover:after {
background: rgba( 0, 0, 0, 0);
content: " ";
height: 22px;
left: 259px;
position: absolute;
top: 295px;
width: 37px;
z-index: 20;
}

.animetitle {
margin-left: 50px;
}

.table_header:nth-of-type(2) a {
margin-left: 50px;
}