@\import "https://malscraper.azurewebsites.net/covers/auto/presets/more";

/*
// self-explanatory
*/
body
{

color: #081e6b;
font-size: 10.00px;
font-family: verdana, arial;
background-color: #010004;
background-image: url(http://oi62.tinypic.com/1eqf4h.jpg);
background-repeat: repeat;
background-position: top left
}

/*
// determines the positioning of your list
*/

div#list_surround{width:1000px;padding-top:500px; margin: auto 0% auto auto;
background-image: url(http://oi62.tinypic.com/27x3xaa.jpg);
background-position: top left;
background-repeat: no-repeat;
margin-left: 0px;
margin-right:auto;
margin-top: 0px; 
margin-bottom: 20px;
width:1000px;
position:absolute
}




/*
// all links on your list
*/

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

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

a:hover
{
color: #000000;
text-decoration: line-through;
}

/*
// alternating row color 1 
*/


td
{filter:alpha(opacity=0);
-moz-opacity:.80;
opacity:.80;}

.td1
{

color: #000000;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #ffffff;
padding: 2px;
background-color: #ffffff; 
}

/*
// alternating row color 2 
*/

.td2
{

color: #000000;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #ffffff;
padding: 2px;
background-color: #ffffff; 
}

/*
// this represents the "anime title", "score", "# eps" columns 
*/

.table_header
{

color: #000000;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #ffffff;
background-color: #ffffff;
padding: 2px;
}


/*
// headerlink represents the color of the links inside the_header 
*/

.table_headerlink
{
color: ;
}

.table_headerlink:visited
{
color: ;
}

.table_headerlink:hover
{
color: ;
}


/*
// controls the select form decoration (the drop down select box)
*/

.form
{
border-width: 1px 1px 1px 1px;
border-color: #ffffff;
border-style: solid;
color: #ffffff;
padding: 0px;
font-size: 11.00px;
font-family: verdana, arial;
}


/* which 'status' up top is selected? */

.status_selected
{

color: #000000;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #ffffff;
padding: 0px;
background-color: #ffffff;

}

.status_not_selected
{

color: #ffffff;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: #ffffff;
padding: 0px;
background-color: #ffffff;

}

/*
header classes for currently watching, completed, dropped, etc...
*/

.header_cw{
background-image: url(http://oi58.tinypic.com/53l4z6.jpg);
width:250px;
height:43px;
margin-left: 0px;
margin-right:auto;
margin-bottom: 5px;
}
.header_completed{
background-image: url(http://oi59.tinypic.com/2irqeyt.jpg);
width:250px;
height:43px;
margin-left: 0px;
margin-right:auto;
margin-bottom: 5px;
}
.header_onhold{
background-image: url(http://oi62.tinypic.com/ws0h1g.jpg);
width:250px;
height:43px;
margin-left: 0px;
margin-right:auto;
margin-bottom: 5px;
}
.header_dropped{
background-image: url(http://oi62.tinypic.com/2lbjeqp.jpg);
width:250px;
height:43px;
margin-left: 0px;
margin-right:auto;
margin-bottom: 5px;
}
.header_ptw{
background-image: url(http://oi58.tinypic.com/2w56ljp.jpg);
width:250px;
height:43px;
margin-left: 0px;
margin-right:auto;
margin-bottom: 5px;
}

.header_title {
display:none;
}

#grand_totals
{
text-align: left;
}

/* header_al is thesurrounding "user's anime list" at the top */

.header_al
{
font-weight: bold;
font-size: 16px;
}

/* header_al_links is thewith your "profile" and "myanimelist home" links */
.header_al_links
{

}

/* controls what styles you can give to all the anime titles in your list */
.animetitle
{
font-weight: bold;
}

/*
copyright contains the "producted by garrett gyssler" text
do not remove or hide this div
if found to be removed, your list will be removed too
*/

#copyright
{
padding-top: 6px;
text-align: left;
margin: 0 auto;
width: px;
color: #000000;
}

/* 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
*/
:hover + .hide {
background-size: cover;
left: 1000px;
top: 160px;
height: 350px;
width: 226px;
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(90, 90, 90, 100);
color: rgba(90, 90, 90, 100);
background-position: center 50% !important;
background-repeat: no-repeat !important;
display: block !important;
position: fixed;
}

/* 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 {
background: transparent;
content: ;
padding-bottom: 5px;
position: absolute;
text-align: right;
width: 225px;
top: -25px;
border-radius: 25px 25px 0 0;
}

.header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw {
background-repeat: no-repeat;
}