Penguin CSS

body {
background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/BG.jpg) repeat scroll #FFFFFF;
}

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

* {
border:0 none;
color:#969696;
font-family:Century Gothic;
font-size:12px;
font-weight:normal;
text-decoration:none;
}

/*
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 {
background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Bar_titlev4.png) no-repeat scroll 0 0 transparent;
height:256px;
left:0px;
padding:0px;
position:absolute;
top:-236px;
width:554px;
}

/*
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/Princess/w.png) repeat scroll 0 0 transparent;
display:block;
height:26px;
left:-190px;
padding:30;
position:absolute;
top:22px;
width: 191px;
}
#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/Princess/c.png) no-repeat scroll 0 0 transparent;
top:49px;
}
#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/Princess/o.png) no-repeat scroll 0 0 transparent;
top:76px;
}
#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/Princess/dv2.png) no-repeat scroll 0 0 transparent;
top:103px;
}
#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/Princess/p.png) no-repeat scroll 0 0 transparent;
top:130px;
}
#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 transparent;
display:none;
padding-bottom:30px;
top:205px;
}

/*
OTHER CODES
*/

a:hover {
text-decoration:underline;
}


#list_surround {
background: url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Listv2.png) repeat 0 0 transparent;
left:0px;
margin:258px auto 0;
position:relative;
width:554px;
}

#list_surround .status_selected a {
color:#184900;
display:block;
font-size:1px;
height:26px;
padding:128px 26 0 191px;
width:191px !important;
}

#list_surround .status_not_selected a {
color:#184900;
display:block;
font-size:1px;
height:26px;
padding:128px 26 0 191px;
width:191px !important;
}
#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 {
height: 24px;
margin-left:2px;
padding:22px 5px 5px;
width:550px;
}
#list_surround .header_cw {
background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Bar_titlev3.png) no-repeat scroll 0 0 transparent;
}
#list_surround .header_completed {
background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Bar_titlev3.png) no-repeat scroll 0 0 transparent;
}
#list_surround .header_onhold {
background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Bar_titlev3.png) no-repeat scroll 0 0 transparent;
}
#list_surround .header_ptw {
background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Bar_titlev3.png) no-repeat scroll 0 0 transparent;
}
#list_surround .header_dropped {
background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Bar_titlev3.png) no-repeat scroll 0 0 transparent;
}
#list_surround .animetitle + small {
color:#f987cb;
}
#list_surround .category_totals {
background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/Totalsv2.png) no-repeat 2px 3px;
text-align:center;
height:33px;
color:#969696;
font-size:10px;
}
#list_surround #grand_totals {
display:none;
}
#list_surround .header_title span {
display:none;
}
#list_surround .status_not_selected a {
opacity:0;
}
#list_surround .status_selected a {
background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/selectedv5.png) no-repeat 0 0 !important;
font-size: 0 !important;
opacity:none;
}
.td1 a:hover, .td2 a:hover {
text-shadow: 1px -1px 3px rgb(255, 0, 255,), 1px 1px 3px rgb(180, 20, 60);
}
tr:hover [class^="td"] {
background-color: rgba(249, 133, 203, 0.9) !important;
}
#copyright{
height:36px !important;
width:553px !important;
padding-bottom:10px;
line-height:17px!important;
background:url(http://i1159.photobucket.com/albums/p630/Ins0ne/Princess/copyrightv6.png) no-repeat 2px 0;
padding-top:13px;
}
#copyright, #copyright a{
color: #797979;
}
/* Código da barra de menu/pesquisa */

body #mal_cs_listinfo, body #mal_cs_links, body #mal_cs_otherlinks, body #mal_cs_powered {
-moz-box-sizing: border-box;
-moz-transition: all 0.4s ease 0s;
background: none no-repeat scroll 100% 0 transparent;
border: 0 none;
height: 0 !important;
overflow: hidden;
padding: 32px 0 0;
position: absolute;
right: 4px;
text-align: center;
top: 4px;
width: 150px;
z-index: 10;
}
body #mal_cs_listinfo:hover, body #mal_cs_links:hover, body #mal_cs_otherlinks:hover, body #mal_cs_powered:hover {
height: 200px !important;
padding-top: 32px;
width: 150px;
}
body #mal_cs_listinfo div, body #mal_cs_links div, body #mal_cs_otherlinks div, body #mal_cs_powered div, body #mal_cs_powered dd {
-moz-transition: opacity 0.4s ease-in-out 0s;
background-color: rgba(255, 255, 255, 0.6);
border-radius: 3px 0 0 0;
font-size: 0 !important;
line-height: 0;
margin: 0 !important;
opacity: 0;
padding: 8px 0 0;
}
body #mal_cs_listinfo:hover div, body #mal_cs_links:hover div, body #mal_cs_otherlinks:hover div, body #mal_cs_powered:hover div, body #mal_cs_powered:hover dd {
opacity: 1;
}
body #mal_cs_listinfo div:nth-of-type(2), body #mal_cs_links div:nth-of-type(2), body #mal_cs_otherlinks div:nth-of-type(2), body #mal_cs_powered div:nth-of-type(2) {
border-radius: 0 0 3px 3px;
padding: 4px 0 8px;
}
body #mal_cs_listinfo a, body #mal_cs_links a, body #mal_cs_otherlinks a, body #mal_cs_powered a {
background-color: rgba(64, 60, 90, 0.6);
border-radius: 3px 3px 3px 3px;
display: block;
font: 13px/17px arial,sans-serif;
margin: 4px 12px 0;
padding: 3px 0;
text-decoration: none;
}
body #mal_cs_listinfo a:nth-of-type(1), body #mal_cs_links a:nth-of-type(1), body #mal_cs_otherlinks a:nth-of-type(1), body #mal_cs_powered a:nth-of-type(1) {
margin-top: 0;
}
body #mal_cs_listinfo a:hover, body #mal_cs_links a:hover, body #mal_cs_otherlinks a:hover, body #mal_cs_powered a:hover {
background-color: #403C5A;
}
body #mal_cs_listinfo strong a strong {
font-weight: normal;
}
body #mal_cs_otherlinks strong {
color: #333333;
display: block;
font: bold 13px/17px arial,sans-serif !important;
padding: 0 4px 4px;
text-shadow: 0 1px 1px #FFFFFF;
}
body #mal_cs_otherlinks strong a {
background: none repeat scroll 0 0 transparent;
border-radius: 0 0 0 0;
color: #333333;
display: inline;
font: bold 13px/17px arial,sans-serif !important;
margin: 0;
padding: 0;
text-shadow: 0 1px 1px #FFFFFF;
}
body #mal_cs_powered a {
background-color: rgba(255, 255, 255, 0.6) !important;
border-radius: 3px 0 0 0 !important;
display: block !important;
margin: 0 !important;
opacity: 0;
padding: 8px 0 0 !important;
}
body #mal_cs_powered:hover a {
opacity: 1;
}
body #mal_cs_powered a img {
background: url("http://invise.s3.amazonaws.com/mal/mal.png") no-repeat scroll 50% 6px rgba(64, 60, 90, 0.6);
border-radius: 3px 3px 3px 3px;
display: block;
height: 0;
margin: 0 12px;
padding: 23px 0 0 126px;
width: 0;
}
body #mal_cs_powered a img:hover {
background-color: #403C5A;
}
body #mal_cs_powered #search {
border-radius: 0 0 3px 3px;
padding: 8px;
position: relative;
}
body #mal_cs_powered #search #searchBox {
-moz-box-sizing: border-box;
border-color: #BCBCBC #D6D6D6 #D6D6D6;
border-radius: 2px 2px 2px 2px;
border-style: solid;
border-width: 1px;
color: #333333;
display: inline-block;
font-family: arial,sans-serif;
font-size: 13px;
height: 28px;
padding-left: 6px;
padding-right: 24px;
vertical-align: top;
width: 100%;
}
body #mal_cs_powered #search #searchBox:hover, body #mal_cs_powered #search #searchBox:focus {
border-color: #ACACAC #C6C6C6 #C6C6C6;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
body #mal_cs_powered #search #searchListButton {
background: url("http://invise.s3.amazonaws.com/mal/icon-go.png") no-repeat scroll 0 0 transparent;
border-radius: 3px 3px 3px 3px;
height: 0;
margin: 0;
padding: 16px 0 0 16px;
position: absolute;
right: 12px;
top: 14px;
width: 0;
}
body #mal_cs_listinfo {
background-image: url("http://invise.s3.amazonaws.com/mal/icon1.png");
right: 106px;
}
body #mal_cs_listinfo:hover {
background-image: url("http://invise.s3.amazonaws.com/mal/icon1-over.png");
}
body #mal_cs_links {
background-image: url("http://invise.s3.amazonaws.com/mal/icon2.png");
right: 72px;
z-index: 9;
}
body #mal_cs_links:hover {
background-image: url("http://invise.s3.amazonaws.com/mal/icon2-over.png");
}
body #mal_cs_otherlinks {
background-image: url("http://invise.s3.amazonaws.com/mal/icon3.png");
right: 38px;
z-index: 8;
}
body #mal_cs_otherlinks:hover {
background-image: url("http://invise.s3.amazonaws.com/mal/icon3-over.png");
}
body #mal_cs_powered {
background-image: url("http://invise.s3.amazonaws.com/mal/icon4.png");
right: 4px;
z-index: 7;
}
body #mal_cs_powered:hover {
background-image: url("http://invise.s3.amazonaws.com/mal/icon4-over.png");
}
/* Código de remoção do "All Anime" */
.status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
display:none;
}
}