@import "http://dl.dropbox.com/u/78340470/Icon%20Style%20Menu%20Bar/IconStyleCSSFixed.css";


/*
HOW TO USE
Use and COMPLETE this simple tutorial if you never installed CSS, it only takes a few minutes:
http://myanimelist.net/forum/?topicid=200320


When you're done with the tutorial and can see the starter layout on your list, copy and paste this entire page of codes (including this part and the codes above and below) 
to your CSS edit box (the box titled Edit Advanced CSS File) replacing any other codes in the box. 
Save with the blue button at the bottom. It will put this premade layout on your list instead of the starter one from the tutorial! 


If the layout looks weird on your list after installing, you can try to alter your settings here.
Common solutions are to set Default Status Settings to Watching or All Anime, check or uncheck tags (make sure you save afterwards):
http://myanimelist.net/editprofile.php?go=listpreferences


If your list still has problems you can ask us about it here, or other questions:
http://myanimelist.net/forum/?topicid=200323


And you'll find further ways to customize your list here:
http://myanimelist.net/forum/?topicid=419405

*/

/*
Tell me what you don't like.
*/
body {
background: url("http://www.a-gc.com/images/2012/11/katekyo-hitman-reborn-HD-Wallpapers.jpg");
background-size: cover;
background-attachment: fixed !important;
}

/*
SECOND BACKGROUND (with render)
You can try this if you want to, before it was Black Rock Shooter in the middle but I removed it. If you think you know what you are doing then feel free to add something. If you don't know what you are doing, I wouldn't reccomend it but you can try and fiddle around but MAKE AND EXTRA SAVE FIRST (Copy and paste this code somewhere)
*/
#inlineContent {
display: inline-block !important;
height: 1200px !important;
left: 0px !important;
margin: auto !important;
position: fixed !important;
right: 0 !important;
top: 0 !important;
width: 1200px !important;
z-index: -1 !important;
}

/*
TITLE
The List header which by default says My Anime List
can be changed out here.
*/

#list_surround {
background: url("http://i44.tinypic.com/15s9esp.jpg") no-repeat scroll 50% 1px transparent;
font-size: 81.25%;
line-height: 1;
margin: 0 auto;
padding-bottom: 10px;
padding-top: 227px;
width: 920px;
}



/*
FONT
Font used across the whole list.
*/
body {
font-family: arial;
}


/*
LINK COLOR
*/
a {
-moz-transition: all 0.25s ease-in-out 0s;
-webkit-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s ease-in-out 0s;
color: #FFFFFF;
text-decoration: none;
text-shadow: none;
}
a:hover {
color: #000000;
text-shadow: 0 1px rgba(255, 255, 255, 0.15);
}



/* CATEGORY LINKS */
.status_not_selected, .status_selected {
border: 0 none !important;
height: auto !important;
padding: 0 8px;
text-align: center !important;
width: 16.667% !important;
}
.status_not_selected a, .status_selected a {
background-color: rgba(250, 80, 0, 0.8);
border-color: rgba(0, 0, 0, 0.5);
border-radius: 2px 2px 2px 2px;
border-style: solid;
border-width: 1px;
color: #000000;
display: block !important;
font-weight: bold;
padding: 8px;
text-shadow: 0 1px rgba(0, 0, 0, 0.1);
}
.status_selected a {
background-color: rgba(239, 76, 11, 0.6);
border-color: rgba(0, 0, 0, 0.5);
}
.status_not_selected a:hover {
background-color: #FFF500;
border-color: #000000;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}
.status_selected a:hover {
background-color: #FFF500;
border-color: rgba(0, 0, 0, 0.5);
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
text-shadow: 0 1px rgba(0, 0, 0, 0.3);
}



/* HEADER */
.table_header {
background-color: rgba(0, 0, 0, 0.8);
}
.table_header:first-of-type {
border-radius: 3px 0 0 0;
}
.table_header:nth-of-type(2) {
text-align: left;
}
.table_header:last-of-type {
border-radius: 0 3px 0 0;
}



/* ROWS COLOR */
.td1 {
-moz-transition: all 0.25s ease-in-out 0s;
-webkit-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s ease-in-out 0s;
background-color: rgba(250, 87, 0, 0.6);
}
.td2 {
-moz-transition: all 0.25s ease-in-out 0s;
-webkit-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s ease-in-out 0s;
background-color: rgba(255, 128, 0, 0.6);
}



/* ROWS HOVER */
tr:hover [class^="td"] {
background-color: rgba(250, 190, 5, 0.8;
}
.td1:nth-of-type(2), .td2:nth-of-type(2) {
text-align: left;
}



/* ROW FONT SIZE TRANSITION (FIREFOX ONLY) */
noindex:-moz-any-link, tr:hover td.td1, tr:hover td.td2 {
font-size: 15px;
}



/* LIST SETTINGS */
.table_header, .td1, .td2, .status_selected, .status_not_selected, .category_totals {
border: 0;
padding: 4px;
text-align: center;
vertical-align: middle;
}
.table_header, .td1, .td2, .category_totals {
line-height: 30px;
}
.borderRBL{
line-height: normal !important;
}
[cellspacing="0"] {
line-height: 17px;
}
[class^="header_"] +{
border-collapse: separate !important;
}



/* CATEGORY TOTALS */
.category_totals {
-moz-transition: all 0.25s ease-in-out 0s;
-webkit-transition: all 0.25s ease-in-out 0s;
-o-transition: all 0.25s ease-in-out 0s;
transition: all 0.25s ease-in-out 0s;
background-color: rgba(72, 64, 87, 0);
border-radius: 0 0 3px 3px;
color: rgba(0, 0, 0, 0);
text-align: center;
}
.category_totals:hover {
background-color: rgba(0, 0, 0, 0.8);
color: #FFFFFF;
}



/* HEADER TEXT AND DIMENSIONS */
[class^="header_"] * {
font-size: 19px;
height: 60px;
line-height: 24px;
padding-bottom: 4px;
text-align: right;
vertical-align: bottom;
}
.header_title {
border-radius: 4px 4px 4px 4px;
display: inline-block;
font-style: italic;
height: auto;
padding: 0 8px 0 0;
color: #FFFFFF;
text-shadow: 0 1px 1px rgba(0, 0, 0, 0.15);
}



/* BOTTOM OF LIST */
#grand_totals {
background-color: rgba(0, 0, 0, 0);
border: 0 none;
border-radius: 3px 3px 3px 3px;
color: #FFFFFF;
line-height: 20px;
min-height: 20px;
padding: 8px;
text-align: center;
vertical-align: middle;
}
#copyright {
background-color: rgba(180, 32, 48, 0.6);
border-radius: 3px 3px 3px 3px;
color: #EEEEEE;
line-height: 17px;
margin-top: 10px;
padding: 8px;
text-align: center;
}
#copyright:after {
content: " CSS by Kyouhansha. Edits by Shishio-kun and Veriti. Google 'Shishio's Custom Lists' for more designs and info.";
}