MAL CSS

/*Panels*/
@import "https://googledrive.com/host/0BxjwQr0BBXs-aDYxM2JlaFM2bnM";
@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";
@import url(http://fonts.googleapis.com/css?family=Scheherazade);


/*Background*/
body {
background-image: url(http://i.imgur.com/cnMRGDQ.png);
background-attachment: fixed;
background-size: cover;
}

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

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

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

/*Background colour and opacity*/
.header_title, .table_header, .category_totals, .td1, .td2, #grand_totals, #copyright {
background: rgba(80, 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;
}


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

        </style>
        }

/*
CODES (REPLACEMENT FOR "CSS FOR FOXGIRLS" IMPORT)
Used to remove the more button (which no longer works after using the code above to show covers). Also helps with settings for the tag hover option if you use that.
*/

#list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(3),
#list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(4),
#list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(5),
#list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(6),
#list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(7),
#list_surround tab\le:nth-of-type(n+4):hover td:nth-of-type(8) {
    display: tab\le-cell;
}

#list_surround small a:last-of-type {
    display: none !important;
}

.animetitle + small {
    visibility: visible !important;
}

#list_surround a[href*="http://myanimelist.net/panel.php?go=edit"],
#list_surround a[href*="http://myanimelist.net/editlist.php?type="],
#list_surround a[href*="http://myanimelist.net/panel.php?go=add"] {
    visibility: visible !important;
    margin-right: 10px
}

.td1:nth-of-type(6) small, .td2:nth-of-type(6) small,
.td1:nth-of-type(5) small, .td2:nth-of-type(5) small,
.td1:nth-of-type(4) small, .td2:nth-of-type(4) small {
    visibility: visible !important;
}

.td1:nth-of-type(6) small:hover, .td2:nth-of-type(6) small:hover,
.td1:nth-of-type(5) small:hover, .td2:nth-of-type(5) small:hover,
.td1:nth-of-type(4) small:hover, .td2:nth-of-type(4) small:hover{
    text-decoration: underline;
}

/* COVER AREA
The surrounding area containing each cover pic which appears when you point to a row (requires #more CSS to see a DVD or manga cover).

Move the cover's location around with left and top.
Remove only the border-radius: 25px 25px 25px 25px; lines to take the rounded corners away.
Increase height and width to make the pics bigger.
Delete border-style: solid; to remove the border.

For changing the original background color see the bottom of the original post:
http://myanimelist.net/forum/?topicid=563993
*/
.hide {
background-size: cover;
left: -190px;
vertical-align: 50%;
height: 250px;
width: 180px;
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);
}

/* PREVIEW MSG ABOVE COVERS
Remove content: "preview"; to remove the PREVIEW text.
Change the text in quotations after content to what you want it to say above your cover pic.
Top and width controls the position of the text.
*/
.hide:before {
color: white;
background: transparent;
padding-bottom: 5px;
position: absolute;
text-align: center;
width: 225px;
top: -25px;
border-radius: 25px 25px 0 0;
}


/* OTHER SETTINGS */
:hover + .hide {
visibility: visible;
opacity: 1;
}