CSS MyAnimeList

/* If you want a copy of the css message me or just cut and paste.
Here's the tutorials I used http://myanimelist.net/forum/?topicid=419405*/



/*Tiles*/
@import "https://googledrive.com/host/0BxjwQr0BBXs-aWFrYzJjVnpoVVE";

/*Top Panel*/
@import "http://storage.live.com/items/4A07C1EEED420167%21162";

/*Fonts*/
@import "http://fonts.googleapis.com/css?family=Carrois+Gothic+SC";


/*Background*/
body {
background-image: url(http://fc05.deviantart.net/fs71/f/2014/185/2/7/nisekoi___onodera_and_marika__edit__by_mackaged-d7p6nu2.jpg);
background-attachment: fixed;
background-size: cover;
}

/*Header*/
.header_title {
color: #FFFFFF;
font-family: 'Carrois Gothic SC', sans-serif;
font-size:30px;
font-weight: 700;
border-radius: 20px 20px 0px 0px;
text-align: center;
text-shadow: 1px 1px 1px #000000;
}

/*List width*/
#list_surround {
width:1000px
}

/*List position*/
#list_surround{
left: 150px;
position: relative;
}

/*Background colour and opacity*/
.header_title, .table_header, .category_totals, .td1, .td2, #grand_totals, #copyright {
background: rgba(26, 16, 51, 0.550) !important;
}

/*Font*/
.td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright {
color:white;
font-size:16px;
font-family: 'Carrois Gothic SC', sans-serif;
text-shadow: 2px 1px 2px #000000;
text-decoration: none;
}

/*Column sizing*/
td:nth-of-type(1){
width: 40px;
}
td:nth-of-type(3){
width: 60px;
}
td:nth-of-type(4){
width: 75px;
}
td:nth-of-type(5){
width: 80px;
}

/*Bottom 2 boxs*/
#copyright {
margin-bottom: 30px !important;
border-radius: 20px;
padding: 10px;
}
#grand_totals {
text-align: center;
margin:0 auto;
border-radius: 20px;
padding: 10px 20px;
width: 600px;
}

/*Bottom of each list totals*/
.category_totals {
border-radius: 0px 0px 20px 20px;
height: 40px;
text-align: center;
}

/*Panel*/
.hide {
background-size: cover;
left: -132px;
vertical-align: 50%;
height: 176px;
width: 114px;
padding-bottom: 0px;
border-style: solid;
border-color: white;
border-top: 1px solid white;;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid white;
border-radius: 25px 25px 25px 25px;
background-color: rgba(200, 5, 200, 0.75);
background-position: center 50% !important;
background-repeat: no-repeat !Important;
display: block !important;
position: absolute;
visibility: hidden;
opacity: 0;
}

/*Centre panel to line*/
.hide {
    -ms-transform: translateY(-78px); /* IE 9 */
    -webkit-transform: translateY(-78px); /* Chrome, Safari, Opera */
    transform: translateY(-78px);
}

/* Show panel when name hovered over */
:hover + .hide {
visibility: visible;
opacity: 1;
}

/* Silver highlight and font resize on Hover */
tr:hover [class^="td"] {
background-color: rgba(72, 64, 87, 0.6) !important;
}


/*Hide navigation (menu for Watching, Completed, etc.)*/
[class^=status_] {
    display: none;
}