❓ Ask for help here + See Frequently Asked Questions

@import "http://dl.dropboxusercontent.com/u/78192465/MyAnimeList/CSS/Menu.css";

@import "http://dl.dropboxusercontent.com/u/78340470/animeafter.css";

body {
background-image: url(http://i.minus.com/iW718zt3UEfH8.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
background-position: 60% 18%;
color: #fff;
font-size: 14.20px;
font-family: "Comic Sans MS", cursive, sans-serif;
/*text-shadow: 2px 2px 6px #aaa;*/
}

/*************/
/* List Area */
/*************/

#list_surround {
margin-left:15px;
margin-top:-60px;
margin-bottom: 100px;
width:800px;
background: rgba(0, 0, 0, 0.6);

/* Gradient Borders */
border: 20px solid transparent;
-moz-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round;
-webkit-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round;
-o-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round;
border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
}

/****************************/
/* Highlights Rows on Hover */
/****************************/

tr:hover .td1, tr:hover .td2 {
background-image:url(https://dl.dropbox.com/s/mh1xxfqpkpebxm8/hl2.png);
background-size:100% 100%;
}

/* Highlight Image for First Column */
tr:hover.td1:first-of-type, tr:hover.td2:first-of-type
{background-image:url(https://dl.dropbox.com/s/1brcvy03yoln0eu/hl3.png);}

/* Highlight Image for Last Column */
tr:hover.td1:last-of-type, tr:hover.td2:last-of-type
{background-image:url(https://dl.dropbox.com/s/p58vjxqufjitetw/hl4.png);}

/* Cover Image */
tr:hover .animetitle:after {
display:block !important;
position:fixed;
content: '';
top:160px;
left:830px;
width:225px;
height:350px;
background-color: rgba(0, 0, 0, 0.6);
border: 30px solid transparent;
-moz-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round;
-webkit-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round;
-o-border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round;
border-image:url(https://dl.dropbox.com/s/h35wdxbaxjtvnal/border.png) 30 30 round;
-webkit-background-clip: padding-box !important;
background-clip: padding-box !important;
background-repeat: no-repeat;
background-size: contain;
}

/* Preview text */
tr:hover .animetitle:before
{
position:fixed;
top:180px;
left:850px;
content:"Covera ";
white-space: pre;
display:block;
font-weight: bold;
padding: 3px;
font-size: 18px;
margin-top:-30px;
}

/*****************/
/* Styling */
/*****************/

/* Header Styling */
.header_title
{
font-weight: bold;
padding: 3px;
text-align:center;
font-size: 20px;
/* Highlight Headers */
background-image:url(https://dl.dropbox.com/s/bogat6oa13f6iyl/hl.png);
background-size:100% 100%;
}



.td1, .td2, .table_header {padding: 2px 3px;}

/* Links Styling */
a {color: #fff; text-decoration: none;}
a:hover {text-decoration: underline;}


#grand_totals
{
padding:3px;
margin-bottom:20px;
text-align:center;
font-size:12px;
/* Highlight Grand total Header */
background-image:url(https://dl.dropbox.com/s/bogat6oa13f6iyl/hl.png);
background-size:100% 70%;
background-position:center top;
background-repeat:no-repeat;
}

/*Grand total Header*/
#grand_totals:before
{
content:"Grand Totals a ";
white-space: pre;
font-weight: bold;
padding: 3px;
text-align:center;
font-size: 18px;
}

/******************/
/* Copyright Info */
/******************/

#copyright
{
padding:3px;
font-size:12px;
margin-bottom:5px;
}

/*****************/
/* Style Credits */
/*****************/

#copyright:before
{
content:"CSS Style created by b1o2r3i4s5 a Special Thanks to Kyouhansha, al_exs, and Shishio-kun a a";
white-space: pre;
}

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

body {
background-attachment: fixed;
background-color: black;
background-image: url();
background-position: right top;
background-repeat: no-repeat;
}

.status_selected a[href*="status=1"]:before, .status_selected a[href*="status=2"]:before,
.status_selected a[href*="status=3"]:before, .status_selected a[href*="status=4"]:before,
.status_selected a[href*="status=6"]:before, .status_selected a[href*="status=7"]:before {
pointer-events: none;
position: fixed;
content: '';
right: 0;
top: 35px;
width: 1250px;
padding-top: 1000px;
background-repeat: no-repeat;
background-position: top right;
background-attachment: scroll;
z-index: -1;
}

.status_selected a[href*="status=1"]:before {
background-image: url('http://i42.tinypic.com/2l9ii5g.png');
}

.status_selected a[href*="status=2"]:before {
background-image: url('http://i41.tinypic.com/2ivnpj8.jpg');
}

.status_selected a[href*="status=3"]:before {
background-image: url('http://i44.tinypic.com/2ptp4rl.jpg');
}

.status_selected a[href*="status=4"]:before {
background-image: url('http://i43.tinypic.com/2qjgb40.jpg');
}

.status_selected a[href*="status=6"]:before {
background-image: url('http://i40.tinypic.com/ju8qs0.jpg');
}

.status_selected a[href*="status=7"]:before {
background-image: url();
}

.animetitle, .animetitle:visited {
color: AliceBlue;
font-family: Lucida Console,Arial;
font-size: 15px;
}
.td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright {
color: aliceBlue;
font-family: arial;
}
.status_selected a {
color: white;
}
.status_not_selected a {
color: white;
}

.td2 {
background-color: transparent;
padding: 4px;
}
.td1:hover, .td2:hover {
}
.header_title {
background-color: #0;
color: white;
font-family: Tahoma,Arial;
font-size: 48px;
}
.table_header {
background-color: #0;
}
#list_surround {
width: 650px;
}
#list_surround {
left: 20px !important;
position: absolute !important;
}
a:hover, a:visited:hover {
color: coral;
text-decoration: underline;
}
.category_totals, .td1, .td2, #grand_totals, #copyright {
background-image: url();
border-width: 0;
padding: 0;
}
.status_selected {
background-color: windowframe;
color: white;
padding: 8px;
text-decoration: blink;
}
.status_not_selected {
background-color: #0;
color: white;
padding: 6px;
}
.thickbox {
color: cyan;
font-family: fantasy;
font-size: 12px;
}
.header_title {
height: 55px;
padding: 4px;
}
.table_header {
border-width: 0;
font-weight: bold;
padding: 0;
}
.category_totals {
height: 30px;
}
#copyright, #grand_totals {
margin: 0 auto;
text-align: center;
}

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

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

.hide:hover:after {
background: transparent;
content: " ";
height: 75px;
left: 0;
position: absolute;
top: 0;
width: 210px;
z-index: 20;
}

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

.td1:nth-of-type(2), .td2:nth-of-type(2) {
height: 62px;
padding-left: 42px;
}