@import url(https://dl.dropboxusercontent.com/u/113316285/Covers/nikkiiconbar.css);
@import url(https://malcat-gen.appspot.com/series?preset=more);

body {
background:url(http://i.imgur.com/jJiQTBT.jpg);
background-attachment:fixed;
background-position:bottom;
background-repeat:no-repeat no-repeat;
background-size:cover;
}

/*
LIST FONT
These codes control the font on the list itself (anime titles, etc).
*/

#list_surround, #list_surround a {
border:0 none;
color:#ffffff;
font-family:Verdana;
font-size:10px;
font-weight:normal;
text-decoration:none;
}

/*
BANNER
*/

#list_surround .header_title {
background:url(http://i.imgur.com/XBOC5G2.gif) no-repeat scroll 0 0;
background-color:transparent !important;
height:308px;
left:0px;
padding:0px;
position:absolute;
top:-51px;
width:821px;
}

/*
LEFT SIDE BUTTONS
*/

.status_selected, .status_not_selected
{
display: block !important;
padding:0;
position: absolute;
left: -305px;
height: 90px;
width: 300px;
top:0px;
}

.status_selected:first-of-type, .status_not_selected:first-of-type
{
background-image: url(http://i.imgur.com/svZDkzN.gif);
top: 0px;
}

.status_selected:nth-of-type(2), .status_not_selected:nth-of-type(2)
{
top: 96px;
background-image: url(http://i.imgur.com/SVwPpK7.gif);
}

.status_selected:nth-of-type(3), .status_not_selected:nth-of-type(3)
{
top: 192px;
background-image: url(http://i.imgur.com/72WOEh4.gif);
}

.status_selected:nth-of-type(4), .status_not_selected:nth-of-type(4)
{
top:288px;
background-image: url(http://i.imgur.com/5zct8tg.gif);
}

.status_selected:nth-of-type(5), .status_not_selected:nth-of-type(5)
{
top: 384px;
background-image: url(http://i.imgur.com/DOP3Olk.gif);
}


.status_selected:nth-of-type(6), .status_not_selected:nth-of-type(6)
{
top: 480px;
background-image: url(http://i.imgur.com/ANNTR0y.gif);
}


/*
HEADERS
*/

#list_surround .header_cw {
background:url(http://i.imgur.com/oG7zO0b.png) no-repeat scroll 0 0 transparent;
height:424px;
}
#list_surround .header_completed {
background:url(http://i.imgur.com/8bdzlhf.png) no-repeat scroll 0 0 transparent;
height:424px;
}
#list_surround .header_onhold {
background:url(http://i.imgur.com/hK9x9iM.png) no-repeat scroll 0 0 transparent;
height:424px;
}
#list_surround .header_ptw {
background:url(http://i.imgur.com/Hw1NfA9.png) no-repeat scroll 0 0 transparent;
height:424px;
}
#list_surround .header_dropped {
background:url(http://i.imgur.com/buC8TJ0.png) no-repeat scroll 0 0 transparent;
height:424px;
}

/*
OTHER CODES
*/

a:hover {
text-decoration:underline;
}

#list_surround {
border-bottom:0px solid #292929;
border-left:0px solid #292929;
border-right:0px solid #292929;
height:100%;
left:141px;
top:180px;
margin:-120px auto 30px;
position:relative;
width:618px;

{
background-color: rgba(0, 0, 0, 0.5);
height: 20px;
}

}

#list_surround .status_selected a {
color:#184900;
display:block;
font-size:1px;
height:2px;
padding:128px 0 0 243px;
width:30px;
}

#list_surround .status_not_selected a {
color:#184900;
display:block;
font-size:1px;
height:2px;
padding:128px 0 0 243px;
width:30px;
}


#list_surround br {
display:none;
}
#list_surround .header_title span {
color:#000000;
font-size:1px;
}
#list_surround .header_title .thickbox {
display:none;
}
#list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround 

.header_ptw, #list_surround .header_dropped {
padding:28px 5px 5px;
margin-left:0px;
width:586px;
}
#list_surround .animetitle + small {
color:#330066;
font-size:9px;
}
#list_surround .category_totals {
padding:5px;
text-align:center;
}
#list_surround #grand_totals {
display:none;
}

#mal_cs_listinfo a strong{
color: #000000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-variant: normal;
font-weight: normal;
text-decoration: underline;
text-transform: none;}

#mal_cs_otherlinks strong{
color: #000000;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-variant: normal;}

.borderRBL {
color: cyan !important;
}
#list_surround .header_title span {
display:none;
}
#list_surround .status_not_selected a {
opacity:0;
}
#list_surround .status_selected a {
opacity:0;
}
#copyright {
-moz-background-inline-policy:continuous;
text-align: center !important;
color:#FFFFFF;
background-color: rgba(132, 66, 74, 0.4);
height:15px;
width:600px;
position:absolute;
font-family: sans-serif;
font-size: 10px;
}

#copyright a {
color:#FFFFFF;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#copyright {
}
}


/****************************/
/* Highlight on Hover */
/****************************/

.category_totals, .td1, .td2
{
background-color: rgba(132, 66, 74, 0.4);
height: 20px;
}

a, a:visited, a:hover
{
color: #000000;
text-decoration: none;
}

.animetitle
{
color: #ffffff;
font-size: 10px;
font-weight: bold;
}

tr:hover [class^=td]
{
color: #ffffff;
background-color: rgba(51, 0, 102, 0.4) !important;
transition: all 0.3s ease-in-out;
}

tr:hover [class^=td] a
{
color: #2e1571;
}

tr:hover [class^=td] .animetitle
{
font-weight: bold;
font-size: 10px;
color: #000000;
}

/* COVERS */

:hover + .hide {
background-size: cover;
left: 40px;
bottom: 40px;
width: 176px;
height: 250px;
padding-top: 0px;
border-style: solid;
border-color: rgba(132, 66, 74, 0.75);
border-top: 3px solid rgba(132, 66, 74, 0.75);
border-left: 3px solid rgba(132, 66, 74, 0.75);
border-right: 3px solid rgba(132, 66, 74, 0.75);
border-bottom: 3px solid rgba(132, 66, 74, 0.75);
border-radius: 3px 3px 3px 3px;
background-color: rgba(51, 0, 102, 0.45);
background-position: center 50% !important;
background-repeat: no-repeat !Important;
display: block !important;
position: fixed;
}

/*
CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT)
Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that. 
*/

#list_surround table:nth-of-type(n+4):hover td:nth-of-type(3),
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(4), 
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(5), 
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(6), 
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(7),
#list_surround table:nth-of-type(n+4):hover td:nth-of-type(8) {
display: table-cell;
}

#list_surround small a:last-of-type {
display: none !important;
}

.animetitle + small {
visibility: visible !important;
}

#list_surround a[href*="http://myanimelist.net/panel.php?go=edit"],
#list_surround a[href*="http://myanimelist.net/editlist.php?type="], 
#list_surround a[href*="http://myanimelist.net/panel.php?go=add"] {
visibility: visible !important;
margin-right: 10px
}

.td1:nth-of-type(6) small, .td2:nth-of-type(6) small,
.td1:nth-of-type(5) small, .td2:nth-of-type(5) small,
.td1:nth-of-type(4) small, .td2:nth-of-type(4) small {
visibility: visible !important;
}

.td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover,
.td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover,
.td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{
text-decoration: underline;
}


/* ANIMATED SCROLLING BANNER
Z-index is the position of the scrolling pic (in front of or behind the list). A high z-index will move the list in front of other parts. A lower index will move the scrollbar behind other parts (-1 will be behind most lists).

If you have errors, you need to remove the #inlineContent codes from other parts of your layout before using these codes. Also read the special instructions on position in the next section below.
*/
#inlineContent {
position: absolute;
display: block !important;
left: 0;
top: 0;
width: 100%;
height: 239px;
overflow: hidden;
z-index: -1;
}

/* SCROLLING IMAGE
Change image and animation speeds here (20s).

For fixing errors, try to replace the '-200%' after "100% { background-position" with a negative px amount equal to the width of your banner image. Also try to replace the '300%' after the first and only "width" below with the full px width of the banner image you use. You should see the width of your banner when you create it or by clicking view image over it wherever its uploaded.
*/
#inlineContent:before {
pointer-events: none;
position: absolute;
content: '';
width: 300%;
height: 100%;
background-image: url("http://i.imgur.com/1zFz7yO.png");
-moz-animation: scroll 150s linear infinite;
-webkit-animation: scroll 150s linear infinite;
}

@-moz-keyframes scroll
{
0% { background-position: 0; }
100% { background-position: -200%; }
}

@-webkit-keyframes scroll
{
0% { background-position: 0; }
100% { background-position: -200%; }
}