mal

@import url(https://dl.dropboxusercontent.com/s/k6exp8y7k0ib0ga/topbar.css);
@import url(http://fonts.googleapis.com/css?family=Rationale);
@import url(http://fonts.googleapis.com/css?family=Nova+Square);

body {
background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/SAO/bg_underContentsv2.gif) fixed repeat-x #F0F0F0!important
}

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

* {
border:0 none;
color:#969696;
font-family: 'Rationale', sans-serif;
font-size:13px;
font-weight:normal;
text-decoration: none !important;
}

/*
BANNER
This controls the image at the top that by default says "Anime List".
You can replace the background image link in parenthesis with your own banner image you upload to a image hosting site like Tinypic.com!
If you don't know how, use Step 2 on in this tutorial: http://myanimelist.net/forum/?topicid=415315
*/

#list_surround .header_title {
position: absolute;
background: url(http://i.imgur.com/mHSMeO4.png) no-repeat!important;
width: 650px;
height: 244px;
top: -285px;
left: 0px;
-webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.5);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

/*
LEFT SIDE BUTTONS
These codes control the buttons on the left side. You can replace these images as well for your own custom buttons! The first controls the Currently Watching panel, followed by Completed, On Hold, Dropped, Planned, and then All.

You can replace the background image links of these buttons in parenthesis with your own images you upload to a image hosting site like Tinypic.com!
If you don't know how, use Step 2 on in this tutorial: http://myanimelist.net/forum/?topicid=415315
*/

#list_surround .status_selected, #list_surround .status_not_selected {
background: url(http://i1159.photobucket.com/albums/p630/Ins0ne/SAO/normal_icons/wtchng.png) no-repeat;
font-size: 12px;
z-index: 20 !important;
position: absolute;
display: block!important;
color: #AAA;
text-align: center!important;
left: -170px!important;
bottom: 100px!important;
width: 75px!important;
height: 76px!important;
top:-2px;
}
#list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected {
background: url(http://i1159.photobucket.com/albums/p630/Ins0ne/SAO/normal_icons/cmpltd.png) no-repeat;
top:75px;
}
#list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected {
background: url(http://i1159.photobucket.com/albums/p630/Ins0ne/SAO/normal_icons/o_hld.png) no-repeat;
top:152px;
}
#list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
background: url(http://i1159.photobucket.com/albums/p630/Ins0ne/SAO/normal_icons/drpd.png) no-repeat;
top:230px;
}
#list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
background: url(http://i1159.photobucket.com/albums/p630/Ins0ne/SAO/normal_icons/plntwtch.png) no-repeat;
top:307px;
}
#list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
background:/*url(http://i21.photobucket.com/albums/b298/LudvigP/allanime1.png) no-repeat scroll 0 0 */ pink;
display:none !important;
padding-bottom:30px;
top:295px;
}


/*
HEADERS
*/

#list_surround .header_cw {
background: url(http://i1159.photobucket.com/albums/p630/Ins0ne/SAO/Categories/watching.png) no-repeat;
background-color: rgba(255, 255, 255, 0.75);
box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.21);
}
#list_surround .header_completed {
background: url(http://i1159.photobucket.com/albums/p630/Ins0ne/SAO/Categories/completed.png) no-repeat;
background-color: rgba(255, 255, 255, 0.75);
box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.21);
}
#list_surround .header_onhold {
background: url(http://i1159.photobucket.com/albums/p630/Ins0ne/SAO/Categories/on-hold.png) no-repeat;
background-color: rgba(255, 255, 255, 0.75);
box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.21);
}
#list_surround .header_ptw {
background: url(http://i1159.photobucket.com/albums/p630/Ins0ne/SAO/Categories/plantowatch.png) no-repeat;
background-color: rgba(255, 255, 255, 0.75);
box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.21);
}
#list_surround .header_dropped {
background: url(http://i1159.photobucket.com/albums/p630/Ins0ne/SAO/Categories/dropped.png) no-repeat;
background-color: rgba(255, 255, 255, 0.75);
box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 0.21);
}


/*
OTHER CODES
*/

a:hover {
text-decoration: none;
}


#list_surround {
background: rgba(233, 233, 233, 0.43);
border: 2px solid white;
height: 100%;
left: 0;
margin-right: auto;
margin-left: auto;
margin-top: auto;
margin-bottom: 420px;
position: relative;
width: 650px;
top: 320px;
padding-bottom: 38px;
-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.51);
-webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.51);
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.51);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

#list_surround .status_selected a {
color: transparent;
display: block;
font-size: 1px;
margin: 13px;
height: 55px;
width: 50px;
background: white !important;
-webkit-border-radius: 50px;
-moz-border-radius: 50px;
border-radius: 50px;
}

#list_surround .status_not_selected a {
color: transparent;
display: block;
font-size: 18px;
height: 77px;
width: 130px;
text-align: left;
padding-top: 27px;
}


#list_surround br {
display:none;
}

.td1, .td2 {color: #969696; background: url() no-repeat 0 0; line-height:1.6em}

.td1:hover, .td2:hover {background-color: #000; text-decoration: none !important;}

*[id^='m'] .td1, *[id^='m'] .td2 {background-color: transparent; padding: 15px;}

*[id^='m'] .td1 br, *[id^='m'] .td2 br, .td1 br, .td2 br {display:block !important;}

tr:hover [class^="td"] {
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(211,211,211,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(211,211,211,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(211,211,211,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(211,211,211,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(211,211,211,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(211,211,211,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#d3d3d3',GradientType=0 ); /* IE6-9 */
text-shadow: 0px 0px 7px rgba(0, 255, 255, 0.75);
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
}

#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 {
margin-left:-1px;
padding:28px;
margin-bottom: 7px;
width:652px;
}
#list_surround .animetitle + small {
font-family: 'Nova Square', cursive;
color: #8F8F8F;
text-transform: lowercase;
font-size: 11px;
margin-left: 10px;
padding: 2px;
background: #E0E0E0;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
}
#list_surround .category_totals {
position: absolute;
text-align: center;
font-size: 13px;
display: block;
margin-top: 5px;
margin-left: -1px;
padding: 21px;
width: 611px;
background: rgba(255, 255, 255, 0.75);
-webkit-box-shadow: 0px -7px 10px 0px rgba(0, 0, 0, 0.21);
-moz-box-shadow: 0px -7px 10px 0px rgba(0, 0, 0, 0.21);
box-shadow: 0px -7px 10px 0px rgba(0, 0, 0, 0.21);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#list_surround #grand_totals {
display:none;
}

.borderRBL {
color: #969696 !important;
}
#list_surround .header_title span {
display:none;
}
#list_surround .status_not_selected a {padding-top: 25px;
}
#list_surround .status_not_selected a:hover{
background: url(http://i1159.photobucket.com/albums/p630/Ins0ne/SAO/hoverv2.png) no-repeat;
color: white!important;
-webkit-transition: all 0.5s ease !important;
-moz-transition: all 0.5s ease !important;
transition: all 0.5s ease !important;
text-decoration: none !important;
padding-left: 168px;
}

#list_surround .status_selected a {
opacity:1;
}

#copyright {
color: #969696;
height:15px;
padding:0;
position: relative;
bottom: -70px;
font-size: 13px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#copyright {
}
}
#copyright:before {color: #5c5c5c;content:'Design and code by Insone. Art: OGch'; display: block;padding-bottom:1px;}

#search {z-index: 1000!important; position: fixed !important; left: 100px !important; bottom:50px!important;}
#searchBox
{	background: white!important;
color: #AAA;
padding-left: 10px;
padding-right: 10px;
font-size: 10px;
z-index: 20 !important;
position: fixed;
display: block!important;
text-transform: uppercase !important;
font-family: Consolas, Arial, sans-serif !important;
text-align: center!important;
top: 8px !important;
right: 6px!important;
width: 220px!important;
height: 16px!important;
letter-spacing: .1em;
border-style: hidden;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
box-shadow: 0px 0px 4px #E2E2E2;
}
#searchListButton{display:none;}
}