❓ Ask for help here + See Frequently Asked Questions

@import "http://dl.dropboxusercontent.com/u/61796201/css/MAL_Designs/Suzune-chan/topbar.css";
@import "http://dl.dropboxusercontent.com/s/pr530jjwcnfjvnx/botmenu.css";

/*Fonts*/
@import url("http://fonts.googleapis.com/css?family=Tangerine");
@import url("http://fonts.googleapis.com/css?family=Lemon");
@import url("http://fonts.googleapis.com/css?family=Nova+Slim");
@import "http://dl.dropbox.com/u/78340470/animetitle.css";
@import "http://dl.dropbox.com/u/78340470/CSSforCatgirls.css";

/*
BACKGROUND IMAGE
*/

body {
background-image:
url(https://dl.dropboxusercontent.com/s/),
url(https://dl.dropboxusercontent.com/s/xb4ibuzuicqw3ry/yosuga.png),
url(https://dl.dropboxusercontent.com/s/ww4ue9mr92s85yr/road2.png);
background-size:100%,100%,cover;
background-attachment: fixed,fixed,fixed;
background-position: left top, 0% 100%,0% 100%;
text-shadow: 1px 0px 4px #3A6FE7;
background-color: rgb(255, 255, 255);
}

body:after {
position: fixed;
display: block;
content: '';
right: 0;
top: 0;
width: calc(100% - 955px);
height: 100%;
background-image: url(https://dl.dropboxusercontent.com/s/xb4ibuzuicqw3ry/yosuga.png),
url(https://dl.dropboxusercontent.com/s/ww4ue9mr92s85yr/road2.png);
background-size: 100%, cover;
background-attachment: fixed;
background-position: 0% 100%;
}

/*
HEADER COLOR AND FONT
These codes control the main headers' fonts and colors. Every header is above each part of your list
(they say things like Currently Watching, Completed, Dropped, etc).
*/

.header_title {
padding:2px;
background-color: rgba(237, 130, 237, 0.400);
color: #EBCF9E;
font-family: "Tangerine";
font-size:40px;
border-radius: 20px 20px 0px 0px;
font-weight: 700;
text-align: center;
text-shadow: 3px -1px 5px #0C0C0C;
}

/* Completed*/
.header_completed span { font-size: 0; }
.header_completed span:before { content: 'Finished'; font-size: 40px; }

/*
SUB-HEADERS BACKGROUND COLOR COLOR
Below each main header is the sub-header which says Score, Episodes, Tags, etc.
*/

.table_header {
background-color: rgba(128, 0, 128, 0.400);
}

/*
ANIME/MANGA TITLE FONTS
*/

.animetitle, .animetitle:visited {
color:white;
font-family: "Lemon"!important;
font-size:15px;
}

/*
LIST FONTS
This is the type and color for more of the numbers, links, and words on the list itself!
*/

.td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright
{
color:white;
font-family: "Nova Slim" ;
}

#mal\_control_strip, #mal\_control_strip a, #mal\_control_strip td, #mal\_control_strip td div {
color:white;
font-family: "Nova Slim" !important;
text-decoration:none !important;
}

#mal_control_strip td {
font-family: "Lemon"!important;
}
#mal_cs_listinfo div:first-of-type:before
{
color:white;
font-family: "Nova Slim" !important;
text-decoration:none !important;
Content:'Welcome '!important;
}
#mal_cs_listinfo div:first-of-type:after
{
color:white;
font-family: "Nova Slim" !important;
text-decoration:none !important;
Content:'-san'!important;
}

#list_surround {
position: fixed;
left: 0;
top: 0;
width: 968px;
height: 100%;
overflow-y: auto;
}

/*
OTHER CODES
*/
body {
font-weight: light;
background-repeat: no-repeat;
background-color: #FFFFFF;
}
a ,a:visited {
text-decoration:none;
transition: all .8s ease 0s;/* CSS3 reference */
-o-transition: all .8s ease 0s; /* for Opera compatibility */
-ms-transition: all 08s ease 0s; /* for IE compatibility(I think) */
-moz-transition: all .8s ease 0s; /* for Firefox compatibility */
-webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */
}
a:hover, a:visited:hover, #mal_control_strip a:hover, #mal_control_strip a:visited:hover
{
color:rgba(251, 189, 255, 0.702);
text-decoration:none;
}
.category_totals,
.td1,
.td2,
#grand_totals,
#copyright {
background-image:url(http://img15.imageshack.us/img15/228/frame6518.png);
border-width:0;
transition: all .8s ease 0s;/* CSS3 reference */
-o-transition: all .8s ease 0s; /* for Opera compatibility */
-ms-transition: all 08s ease 0s; /* for IE compatibility(I think) */
-moz-transition: all .8s ease 0s; /* for Firefox compatibility */
-webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */
}
.category_totals:HOVER,
.td1:HOVER,
.td2:HOVER,
#grand_totals:HOVER,
#copyright:HOVER {background-color:rgba(12, 26, 171, 0.400);
border-width:0;
}
#copyright:after {
content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs and info. Theme by Al_eXs and Oiomi.";
}
#copyright {
margin-bottom: 30px !important;
border-radius: 20px;
padding: 10px;
}
.status_selected a,.status_not_selected a,.status_selected a:hover
,.status_not_selected a:hover{
transition: all 0s ease 0s;/* CSS3 reference */
-o-transition: all 0s ease 0s; /* for Opera compatibility */
-ms-transition: all 0s ease 0s; /* for IE compatibility(I think) */
-moz-transition: all 0s ease 0s; /* for Firefox compatibility */
-webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */
}
.thickbox {
color:cyan;
font-family:fantasy;
font-size:12px;
}

.table_header {
border-width:0;
font-weight:bold;
padding:2px;
}

.category_totals {
border-radius: 0px 0px 20px 20px;
height: 40px;
text-align: center;
}
#grand_totals {
text-align: center;
margin:0 auto;
border-radius: 20px;
padding: 10px 20px;
width: 60%;
}
/*
ROWS TRANSITION
This controls the part where pics appear on your rows.
It controls the timing. You can change the numbers.

The first number in each row by default is .5s, this is a half second.
It controls how fast the pic window "opens".
The second number is the time it takes the window to begin opening.
By default its set to .1s, a tenth of a second.
If you changed it to 2s, it would take two seconds for the window to open.

You'll need to change all the rows timings!
They change different browser's timings.
*/
.td1, .td2 {
line-height: 20px;
}
/*
LIST ROWS HEIGHT ON HOVER
This is the height of the rows when you put your cursor on them.
*/

tr:hover .td1, tr:hover .td2 {
line-height: 340px;
}
tr:hover .td1, tr:hover .td2, .td1, .td2 {
transition: all .8s ease 0s;/* CSS3 reference */
-o-transition: all .8s ease 0s; /* for Opera compatibility */
-ms-transition: all 08s ease 0s; /* for IE compatibility(I think) */
-moz-transition: all .8s ease 0s; /* for Firefox compatibility */
-webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */
}
/*
AIRING
*/
.animetitle + small {
position: relative;
line-height: 1px !important;
}

body , a:hover {
cursor:url(https://dl.dropboxusercontent.com/s/6o8qutx214zirmq/normal_Yosuga_no_Sora.png) 1 2, auto;
}


/*
REMOVE LINES FROM MENU BAR
*/
#mal_cs_pic, #mal_cs_listinfo, #mal_cs_links {
border-right: 0 none !important;
}

.animetitle[href$="/Another"] span:after,
.animetitle[href$="/Hanasaku_Iroha"] span:after,
.animetitle[href$="/Angel_Beats!"] span:after,
.animetitle[href$="/Yosuga_no_Sora:_In_Solitude_Where_We_Are_Least_Alone."] span:after,
.animetitle[href$="/Ore_no_Imouto_ga_Konnani_Kawaii_Wake_ga_Nai"] span:after,
.animetitle[href$="/Vampire_Hunter_D"] span:after {
position: right;
display: block;
content: ' ';
margin-left: 85%;
margin-top: -25px;
width: 25px;
height: 25px;
background: url(http://dl.dropboxusercontent.com/s/vat9ise5xmdgq4o/Sora.png) no-repeat;
background-size:100%;
}

#list_surround table:nth-of-type(n+4) tbody:hover .animetitle span:after
{
visibility: hidden;
transition: all .8s ease 0s;/* CSS3 reference */
-o-transition: all .8s ease 0s; /* for Opera compatibility */
-ms-transition: all 08s ease 0s; /* for IE compatibility(I think) */
-moz-transition: all .8s ease 0s; /* for Firefox compatibility */
-webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */
}

#mal_cs_links a {
text-shadow:none !important;
}

#mal_cs_links div:first-of-type a:first-of-type:hover {
Background:url(https://dl.dropboxusercontent.com/s/y077khhzyk1sdxo/6168af5601c9.png)!important;
background-position: 0px 0px !important;

}
#mal_cs_links div:first-of-type a:last-of-type:hover {
Background:url(https://dl.dropboxusercontent.com/s/y077khhzyk1sdxo/6168af5601c9.png)!important;
background-position: -16px 0px !important;

}
#mal_cs_links div:last-of-type a:first-of-type:hover {
Background:url(https://dl.dropboxusercontent.com/s/y077khhzyk1sdxo/6168af5601c9.png)!important;
background-position: -32px 0px !important;

}
#mal_cs_links div:last-of-type a:last-of-type:hover {
Background:url(https://dl.dropboxusercontent.com/s/y077khhzyk1sdxo/6168af5601c9.png)!important;
background-position: -48px 0px !important;

}

@import "https://dl.dropboxusercontent.com/u/78340470/anime.css";
@import "http://dl.dropbox.com/u/78340470/CSSforFoxgirls.css";

body {
font-family: Verdana
background-color: #F34;
background-image: url("http://i58.tinypic.com/fvbdhv.png");
background-repeat: repeat;
}

body:after {
pointer-events: none;
position: fixed;
display: block;
content: '';
left: 945px;
top: 49px;
width: 16px;
height: 520px;
background-color: rgb(255, 255, 255);
}

#inlineContent {
background: url(http://i62.tinypic.com/1zl3rs5.jpg) repeat fixed transparent !important;
display: inline-block !important;
height: 140px !important;
left: 0 !important;
margin: auto !important;
position: fixed !important;
right: 0 !important;
top: 0 !important;
width: 2000px !important;
z-index: -1 !important;}

#list_surround {
background: #fff;
width: 526px;
height: 460px;
position: fixed;
left: 385px;
margin-top: 49px;
overflow-x: hidden;
overflow-y: scroll;
padding: 30px 20px 0 30px !important;
border-top: 30px solid #fff;
outline: 1px solid #ddd;
}

a {
color: #999;
text-decoration: none;}

a:visited {
color: #999;
text-decoration: none;}

a:hover {
color: #fff;
background: #69DCB6;
text-decoration: none;}

.table_header{
position: fixed;
top: 0;
right: 0;
}

.table_header:first-of-type{position: fixed;
top: 0px;
left: 0px;
background: url('http://i61.tinypic.com/2gvr5ky.jpg');
opacity: .6;
display: block;
height:100px;
width: 100px;
border-radius: 50px;
top: 88px;
left: 114px;
z-index: 99999;
font-size: 0px;}

.header_title {position: fixed;
top: 79px;
left: 425px;
display: block;
width: 497px;
height: 60px;
background-color: #ebe;
z-index: 99999;
border-bottom: 30px solid #fff;
background-image: url('http://i62.tinypic.com/1zl3rs5.jpg');
text-transform: lowercase;
font-style: italic;
text-align: center;
line-height: 56px;
color: #fff;
font-size: 54px;}

/*--------------------

ADJUST EL FIRST

---------------------*/

#list_surround > table:nth-of-type(n+4) ~ .header_cw + table,
#list_surround > table:nth-of-type(n+4) ~ .header_completed + table,
#list_surround > table:nth-of-type(n+4) ~ .header_onhold + table,
#list_surround > table:nth-of-type(n+4) ~ .header_dropped + table,
#list_surround > table:nth-of-type(n+4) ~ .header_ptw + table { display: none; }

/*--------------------

EDIT BOX

---------------------*/

#list_surround .List_LightBox {
display: none
}

/*--------------------

SVE I SVŠTA

---------------------*/

#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) {
position: relative;
float: left;
height: 294px;
margin: 11px;
width: 225px;
}

#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) {
z-index: 1;
}

.hide {
opacity: 0.5;
position: relative;
display: block !important;
float: left;
margin-left: -228px;
margin-top: 11px;
height: 294px;
width: 225px;
background-size: auto;
background-position: center;
filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'saturate\' values=\'0.4\'/></filter></svg>#grayscale"); /* Firefox 10+ */
filter: gray alpha(opacity=40);
-webkit-filter: grayscale(40%);
}

.td1, .td2 {
position: absolute;
padding: 4px 7px;
color: #666;
}

.td1:nth-of-type(2), .td2:nth-of-type(2) {
padding: 0px;
height: 279px;
width: 220px;
border: 10px solid #fff;
border-left: 10px solid #fff !important;
outline: 1px solid #eee;
}

.td1:nth-of-type(1), .td2:nth-of-type(1) {
display: none;
}

.animetitle {
visibility: visible;
position: absolute;
overflow: hidden;
font-size: 16px;
background-color: rgba(255,255,255,.95);
font-family: times new roman;
bottom: 28px;
text-transform: lowercase;
font-style: italic;
letter-spacing: 1px;
width: 206px;
left: 5px;
line-height: 18px;
border-radius: 3px;
text-align: center;
border: 1px solid #ccc
}

.animetitle:hover {
background-color: rgba(255,255,255,.95);
color: #f37
}

/*--------------------

Eps score type

---------------------*/

.td1:nth-of-type(4), .td2:nth-of-type(4){
bottom: 10px;
left: 173px;
width: 50px;
background: rgba(255,255,255,.95);
font-size: 10px;
font-family: calibri;
text-transform: uppercase;
height: 16px;
line-height: 16px;
padding: 0px;
border-radius: 3px;
border: 1px solid #ccc;}

.td1:nth-of-type(3), .td2:nth-of-type(3) {
left: 115px;
bottom: 10px;
width: 51px;
text-align: left;
background-color: rgba(255,255,255,.95);
font-size: 10px;
font-family: calibri;
text-transform: uppercase;
height: 16px;
line-height: 16px;
padding: 0px;
text-align: center;
border-radius: 3px;
border: 1px solid #ccc;}

.td1:nth-of-type(3):before, .td2:nth-of-type(3):before {
content: "Score: "; }

.td1:nth-of-type(5), .td2:nth-of-type(5) {
left: 15px;
bottom: 10px;
width: 93px;
text-align: center;
background-color: rgba(255,255,255,.95);
font-size: 10px;
font-family: calibri;
text-transform: uppercase;
height: 16px;
line-height: 16px;
padding: 0px;
border-radius: 3px;
border: 1px solid #ccc }

.td1:nth-of-type(5):before, .td2:nth-of-type(5):before {
content: "Episodes: ";
}

#copyright {position: fixed !important;
bottom: 10px !important;
right: 10px !important;
font-size: 0px;}

#copyright a{
font-size: 0px;
font-family: arial narrow;}

#copyright a:first-of-type:before{
font-size: 11px;
content: 'C';
color: #aaa;
background-color: #fff;
display: inline-block;
height: 18px;
line-height: 16px;
width: 11px;
border-radius: 4px 0 0 4px;
border: 1px solid #ccc;
border-width: 1px 0 1px 1px !important;
}

#copyright a:last-of-type:before{
font-size: 11px;
content: 'E';
color: #aaa;
background-color: #fff;
display: inline-block;
height: 18px;
line-height: 16px;
width: 11px;
border-radius: 0 4px 4px 0;
border: 1px solid #ccc;}

#copyright:before {position: fixed !important;
top: 140px !important;
left: 100px !important;
font-size: 9px;
letter-spacing: 1px;
display: block;
height: 246px;
width: 110px;
background: #fff;
content: 'hello there my name is nevena and this is my anime list. im 17 now and forever and i really like books and cats and good anime. list inspired by waah on tumblr';
z-index: 0 !important;
padding-top: 85px;
border-left: solid 1px #ddd;
border-right: solid 1px #ddd;
color: #999;
padding-right: 8px;
padding-left: 8px;}

#copyright:after
{position: fixed;
display: block !important;
left: 100px;
top: 74px;
content: "";
width: 126px;
height: 126px;
z-index: 15 !important;
background-color: #fff;
border-radius: 64px;
border: 1px solid #ddd}

.status_selected, .status_not_selected {
left:104px;
position:fixed;
top:390px;
width: 120px;
z-index: 1;
}

.status_selected a, .status_not_selected a {
color: #666;
position: fixed;
display: block;
top: 410px;
height: 18px;
line-height: 18px;
font-size: 10px;
font-family: arial narrow;
text-align: right !important;
background-color: #FFCC99;
width: 117px;
overflow: hidden;
letter-spacing: 1px;
word-wrap: break-word;
padding-right: 3px;
text-transform: uppercase;
font-weight: normal;
}

.status_selected a:hover, .status_not_selected a:hover { color: #333; }

.status_not_selected a[href*="status=1"], .status_selected a[href*="status=1"] { top: -20px; }

.status_not_selected a[href*="status=2"], .status_selected a[href*="status=2"] { top: 410px; }

.status_not_selected a[href*="status=3"], .status_selected a[href*="status=3"] { top: 430px; }

.status_not_selected a[href*="status=4"], .status_selected a[href*="status=4"] { top: -20px; }

.status_not_selected a[href*="status=6"], .status_selected a[href*="status=6"] { top: 450px; }

.status_not_selected a[href*="status=7"], .status_selected a[href*="status=7"] { top: -20px; }

.category_totals {
position:fixed;
z-index: 1;

top:470px;
left: 100px !important;


background-color:#fff;
width:120px;
height:18px;

overflow:hidden;
text-align:center;
color:#bbb !important;
white-space:pre-line;
font-size:9px !important;
font-family:verdana;
text-transform: lowercase;
font-style: italic;


transition:0.3s;
-o-transition:0.3s;
-webkit-transition:0.3s;

border: solid #ddd;
border-width: 0 1px 1px 1px;
padding: 3px;
padding-top: 0px;
}

.category_totals:hover {
height:148px;
background-color:#fff !important;
}

.category_totals:before {content:"totals\a";
background-color:#FFCC99 !important;
font-size:10px !important;
height:19px;
color:#666;
display:block;
width:117px;
padding-right: 3px;
height:18px;
line-height: 18px;
font-family: arial narrow;
text-transform: uppercase;
font-style: normal;
letter-spacing: 1px;
text-align: right;
}

.category_totals:before:hover {content:"totals\a";
background-color:#000 !important;
}

/*----------------------------------



-----------------------------------*/

#mal_cs_listinfo {
border: 0px solid transparent !important;
background: transparent !important;
position: fixed;
top: 0px;
right: 0px;
width: 0px !important;
height: 0px !important;
}

#mal_cs_listinfo a {
color: blue !important;
font-size: 0px !important;
text-decoration: none !important;
}

#mal_cs_listinfo a strong {
color: #666;
font-size: 10px !important;
font-weight: normal !important;
background-color: #FFCC99;
display: block;
width: 117px !important;
height: 18px;
line-height: 18px;
font-family: arial narrow;
text-transform: uppercase;
letter-spacing: 1px;
text-align: right;
padding-right: 3px;
position: fixed;
top: 350px;
left: 104px;
z-index: 9999;
}

#mal_cs_listinfo a strong:hover {
color: #333 !important;
}

/*----------------------------------



-----------------------------------*/

#mal_cs_links {
position: fixed;
top: 390px;
left: 104px;
background-color: #e0b;
width: 0px !important;
height: 0px !important;
background: transparent !important;
}

#mal_cs_links div:first-of-type a:first-of-type
{display: none;}

#mal_cs_links div:first-of-type a:last-of-type
{color: #666 !important;
position: fixed;
top: 370px;
left: 104px;
z-index: 9999;
background-color: #FFCC99;
text-decoration: none;
display:block;
width: 117px;
height: 18px;
line-height: 18px;
font-family: arial narrow;
text-align: right;
padding-right: 3px;
letter-spacing: 1px;
text-transform: uppercase;
font-size: 10px;}

#mal_cs_links div:first-of-type a:last-of-type:hover
{color: #333 !important}

#mal_cs_links div:last-of-type a:first-of-type
{display: none;}

#mal_cs_links div:last-of-type a:last-of-type
{display: none;}

/*----------------------------------



-----------------------------------*/

#mal_cs_otherlinks {
color: red;
background-color: #FFCC99;
border-left: 0px solid transparent !important;
position: fixed !important;
top: 0px;
left: 0px;
height: 0px !important;
width: 0px !important;
}

#mal_cs_otherlinks strong {
color: red;
font-size: 0px;
}

#mal_cs_otherlinks a[href="http://myanimelist.net/history/nkii"]{
display: none;
height: 0px;
width: 0px;
visibility: hidden;
}

#mal_cs_otherlinks a[href="http://myanimelist.net/forum/"]{
display: none;
}

#mal_cs_otherlinks a[href="http://myanimelist.net/panel.php?go=export"]{
display: none;
}

#mal_cs_otherlinks a[href="http://myanimelist.net/profile/nkii"] {
color: #444 !important;
font-size: 10px !important;
text-decoration: none;
font-family: arial narrow;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: right;
padding-right: 3px;
display: block;
background-color: #eb3 !important;
height: 18px;
line-height: 18px;
width: 117px;
position: fixed;
top: 370px;
left: 104px;
z-index: 999;
}

#mal_cs_otherlinks a[href="http://myanimelist.net/profile/nkii"]:hover {
color: #000 !important;
}

#mal_cs_otherlinks a {
color: blue !important;
font-size: 0px !important;
}

#mal_cs_otherlinks div:last-of-type a:first-of-type{
color: #444 !important;
font-size: 10px !important;
text-decoration: none;
font-family: arial narrow;
font-size: 10px;
text-transform: uppercase;
letter-spacing: 1px;
text-align: right;
padding-right: 3px;
display: block;
background-color: #eb3 !important;
height: 18px;
line-height: 16px;
width: 117px;
position: fixed;
top: 390px;
left: 104px;
z-index: 999;
}

#mal_cs_otherlinks div:last-of-type a:first-of-type:hover{
color: #000 !important;
}

#mal_cs_otherlinks span{
color: #444;
}

#mal_cs_otherlinks a[href="http://myanimelist.net/modules.php?go=faq"]{
display: none;
}


/*----------------------------------



-----------------------------------*/
#mal_cs_powered {
display: none;
}
#mal_cs_powered a {
display: none;
}
#mal_cs_powered #search {
display: none;
}
#searchListButton {
display: none;
}


/*----------------------------------



-----------------------------------*/

#mal\_control\_strip {
background: transparent !important;
border: 0px solid transparent;
position: fixed !important;
}
td#mal_cs_pic a img {
background: #f34 !important;
border: 0px solid transparent;
display: none;
}

@import "http://dl.dropbox.com/u/49469857/MAL/premade/anime.css";
@import "https://dl.dropbox.com/s/6ruszt29qyk3yzi/SakorasouTopBar.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

*/

body {
background-attachment:fixed;
background-clip:border-box;
background-color:transparent;
background-image:url(http://i1308.photobucket.com/albums/s608/TheHolyPotato/Sakurasou/colorful-pencils-hd-wallpapers_zps672e9481.jpg);
background-position:0 50%, 0 0;
background-repeat:no-repeat no-repeat;
background-size:cover;
font-family:Century Gothic;
}

#inlineContent {
display:inline-block !important;
height:1200px !important;
left:0 !important;
margin:auto !important;
position:fixed !important;
right:0 !important;
top:0 !important;
width:1200px !important;
z-index:-1 !important;
}

#list_surround {
background-attachment:scroll;
background-color:transparent;
background-image:url(http://i48.tinypic.com/23r0fhg.png);
background-position:40px -10px;
background-repeat:no-repeat no-repeat;
font-size:87%;
line-height:1;
margin:0 auto;
padding-bottom:10px;
padding-top:290px;
position:absolute;
right:80px !important;
width:800px;
}

a {
color:#FFFFFF;
text-decoration:none;
text-shadow:none;
}

a:hover { text-decoration:underline; }

.table_header { background-color:rgba(255, 255, 255, .5); }

.table_header:first-of-type {
border-bottom-left-radius:0;
border-bottom-right-radius:0;
border-top-left-radius:6px;
border-top-right-radius:0;
}

.table_header:nth-of-type(2) {
padding-left:35px;
text-align:left;
}

.table_header:last-of-type {
border-bottom-left-radius:0;
border-bottom-right-radius:0;
border-top-left-radius:0;
border-top-right-radius:6px;
}

.td1 {
background-color:rgba(70, 70, 70, 0.498039);
height:65px;
}

tr:hover [class^="td1"] {
transition: .1s linear;
background-color: rgba(100, 200, 100, 0.6);
}

.td2 {
background-color:rgba(50, 50, 50, 0.498039);
height:65px;
}

tr:hover [class^="td2"] {
transition: .1s linear;
background-color: rgba(200, 100, 150, 0.6);
}

tr:hover .animetitle {
color: #88B8F2;
font-weight: bold !important;
text-shadow: 2px 1px 2px black;
transition: all 0s ease 0s;
}

.table_header, .status_selected, .status_not_selected, .category_totals {
border:0 none;
padding:4px;
text-align:center;
vertical-align:top;
}

.table_header, .td1, .td2, .category_totals { color:white; }

.borderRBL { line-height:normal !important; }

[cellspacing="0"] { line-height:17px; }

.category_totals {
background-color:rgba(255, 255, 255, 0.498039);
border-bottom-left-radius:6px;
border-bottom-right-radius:6px;
border-top-left-radius:0;
border-top-right-radius:0;
color:white;
text-align:center;
}

[class^="header_"] * {
background-repeat:no-repeat no-repeat;
font-size:0;
height:200px;
line-height:24px;
padding-bottom:4px;
text-align:right;
vertical-align:bottom;
}

.header_title {
border-bottom-left-radius:4px;
border-bottom-right-radius:4px;
border-top-left-radius:4px;
border-top-right-radius:4px;
color:#FFFFFF;
display:inline-block;
font-style:italic;
height:auto;
padding:0 8px 0 0;
text-shadow:rgba(0, 0, 0, 0.14902) 0 1px 1px;
}

#grand_totals {
background-color:transparent;
border:0 none;
border-bottom-left-radius:3px;
border-bottom-right-radius:3px;
border-top-left-radius:3px;
border-top-right-radius: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-bottom-left-radius:3px;
border-bottom-right-radius:3px;
border-top-left-radius:3px;
border-top-right-radius:3px;
color:#EEEEEE;
line-height:17px;
margin-top:10px;
padding:8px;
text-align:center;
}

.hide {
background-color:rgba(248, 162, 200, 0.701961);
background-position:50% 50%;
background-repeat:no-repeat no-repeat;
background-size:cover;
border:1px solid #FFFFFF;
border-bottom-left-radius:7px;
border-bottom-right-radius:7px;
border-top-left-radius:7px;
border-top-right-radius:0;
display:inline-block !important;
height:55px;
margin-left:33px;
margin-top:-65px;
position:absolute;
width:35px;
}

.hide:hover {
background-color:transparent;
background-repeat:no-repeat no-repeat;
background-size:cover;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
border-top-left-radius:20px;
border-top-right-radius:20px;
box-shadow:rgba(63, 52, 60, 0.54902) 0 0 8px 8px;
margin-left:-140px;
padding-right:150px;
padding-top:220px !important;
position:absolute;
z-index:1;
}

.td1:nth-of-type(2), .td2:nth-of-type(2) {
padding-left:35px;
text-align:left;
}

td[class^='td']:nth-of-type(6) {
width: 0;
padding: 0;
font-size: 0;
}

.table_header:nth-of-type(6) { display:none; }

span[id*="tagLinks"] { display:none !important; }

span[id*="tagRow"] {
position: absolute;
display: block !important;
padding: 0 4px;
background-color: transparent;
font-size: 12px !important;
left: 70px;
line-height: 16px !important;
margin-top: 20px;
text-align: justify !important;
width: 720px;
z-index: 2;
font-family: calibri;
}

a, .td1, .td2, .category_totals {
-webkit-transition:all 0.25s ease-in-out 0s;
transition:all 0.25s ease-in-out 0s;
}

.status_selected, .status_not_selected {
-webkit-background-clip:padding-box !important;
background-clip:padding-box !important;
background-color:transparent;
background-image:url(http://i1308.photobucket.com/albums/s608/TheHolyPotato/Sakurasou/donewatch_zpsca2e7ada.png);
background-position:100% 0;
background-repeat:no-repeat no-repeat;
background-size:contain;
border:1px solid transparent;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
display:block;
left:50px;
padding:0;
position:fixed;
top:30px;
width:350px;
}

.status_not_selected:nth-child(2), .status_selected:nth-child(2) {
background-image:url(http://i1308.photobucket.com/albums/s608/TheHolyPotato/Sakurasou/donecomp_zps638c3a09.png);
background-position:100% 0;
top:130px;
}

.status_not_selected:nth-child(3), .status_selected:nth-child(3) {
background-image:url(http://i1308.photobucket.com/albums/s608/TheHolyPotato/Sakurasou/donehold_zpsbc5c2cf9.png);
background-position:0 0;
top:230px;
}

.status_not_selected:nth-child(4), .status_selected:nth-child(4) {
background-image:url(http://i1308.photobucket.com/albums/s608/TheHolyPotato/Sakurasou/donedrop_zps7408f3b1.png);
background-position:100% 0;
top:330px;
}

.status_not_selected:nth-child(5), .status_selected:nth-child(5) {
background-image:url(http://i1308.photobucket.com/albums/s608/TheHolyPotato/Sakurasou/doneplan_zpsb28841ad.png);
background-position:0 0;
top:430px;
}

.status_not_selected:nth-child(6), .status_selected:nth-child(6) {
background-image:url(http://i1308.photobucket.com/albums/s608/TheHolyPotato/Sakurasou/doneall_zpsf0e07cd3.png);
background-position:100% 0;
top:530px;
}

.status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a {
color:transparent;
display:block;
font-size:0;
height:80px;
width:350px;
}

.header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw {
background-color:transparent;
background-repeat:no-repeat no-repeat;
height:50px;
margin-bottom:0;
margin-top:-120px;
}

.header_cw {
background-image:url(http://i47.tinypic.com/25f4r51.png);
background-position:0 -94px;
}

.header_completed {
background-image:url(http://i50.tinypic.com/2hmqc1t.png);
background-position:0 -95px;
}

.header_onhold {
background-image:url(http://i50.tinypic.com/34xs3es.png);
background-position:0 -85px;
}

.header_dropped {
background-image:url(http://i45.tinypic.com/33fdlll.png);
background-position:0 -95px;
}

.header_ptw {
background-image:url(http://i45.tinypic.com/15zqb6w.png);
background-position:0 -85px;
}

.status_selected, .status_not_selected { display:block; }

.status_not_selected { opacity:0.7; }

.status_not_selected:hover {
color:transparent;
opacity:1;
}

* {
-webkit-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;
}

/* EDIT-MORE */
td[class^='td']:nth-child(2) div small { visibility: hidden; }

#list_surround .List_LightBox { visibility: visible; }

a[title="View More Information"] { display: none !important; }

.td1, .td2 {
padding: 4px;
text-align: center;
vertical-align: top;
}

.animetitle span {
display: block;
min-width: 0;
max-width: 300px;
padding-left: 8px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}

.animetitle + small {
color:#F5B800 !important;
font-size:87%;
font-weight:bold;
}

/*DVD COVER GLITCH FIX (Chrome/Safari/Firefox/Opera only)*/
.hide:hover:after {
background: transparent;
content: " ";
height: 75px;
left: 0;
position: absolute;
top: 0;
width: 210px;
z-index: 20;
}