/* made by http://myanimelist.net/profile/Satiriques */
@\import "https://malscraper.azurewebsites.net/covers/auto/presets/more";
@import url(http://storage.live.com/items/4A07C1EEED420167%21150);
@import "https://2417bc822d5a1a1c0611cf272de2c2bba8f1ceda.googledrive.com/host/0Bwdzx21-2YyneGJMUldmUVljSVk/Philo%20Font/stylesheet.css";

a,a:visited,a:link{
	color: black;
	text-decoration:none;
}

#list_surround{
	width: 750px;
	position: absolute !important;
	right: 10px !important;
	margin: auto !important;
}

body{
	background: url(http://i.imgur.com/Fy4Kq63.jpg) fixed no-repeat bottom;
	background-size: cover;
	font-family: Century Gothic !important;
	color: black;
}

.table_header{
	background-color: orange;
	color: black!important;
	border-color: black;
	border-style:solid;
	border-width:1px;
}

.table_header:nth-of-type(2),.table_header:nth-of-type(3),.table_header:nth-of-type(4),.table_header:nth-of-type(5),.table_header:nth-of-type(6){
	color: black!important;
}

.td1,.td2{
	background-color: rgba(255,255,255,0.85);
	height: 30px;
	
	border-color: black;
	border-bottom-style:dotted!important;
	border-width:0px 0px 1px 0px !important; /*top left bottom right*/
}

.category_totals{
	background-color: rgba(255,255,255,0.85);
	height: 30px;
	text-align:center;
	border-radius: 0px 0px 20px 20px;
	border-style: solid;
	border-color: black;
	border-left-width:1px;
	border-right-width:1px;
	border-bottom-width:1px;
	border-top-width:0px!important;
}

.td1:first-of-type, .td2:first-of-type {
	border-color: black;
	border-left-style:solid!important;
	border-width:0px 0px 1px 1px !important; /*top left bottom right*/
}

.td1:last-of-type, .td2:last-of-type {
	border-color: black;
	border-right-style:solid!important;
	border-width:0px 1px 1px 0px !important; /*top left bottom right*/
}




tr:hover td[class^="td"] {
	background-color: rgba(0,0,0,0.5);
	
}

tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 {
    color: orange;
	text-shadow: 1px 1px #000;
	text-decoration: underline;
}











.header_cw {
background-image:url(http://i.imgur.com/2ed7hCX.png);
height: 350px;/* make sure to set this to the correct height of the image*/
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color:;
font-family:;
font-size:;
}

.header_completed {
background-image:url(http://i.imgur.com/Ep76OxR.png);
height: 350px;
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color:;
font-family:;
font-size:;
}

.header_onhold {
background-image:url(http://i.imgur.com/bdsGzTQ.png);
height: 350px;
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color:;
font-family:;
font-size:;
}


.header_dropped {
background-image:url(http://i.imgur.com/4os5MxH.png);
height: 350px;
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color:;
font-family:;
font-size:;
}

.header_ptw {
background-image:url(http://i.imgur.com/2IcgYdi.png);
height: 350px;
margin-bottom: 0px;
background-color: transparent;
background-repeat: no-repeat;
color:;
font-family:;
font-size:;
}




.header_title {
color: gray !important;
color: transparent !important;
font-size: 1px !important;
font-size: 0px !important;
font-size: 0 !important;
font-size: 0pt !important;

border-radius: 0px 0px 25px 25px;

}









/* WALLPAPER CHANGE LORSQUE CURRENTLY WATCHING ETC */

/* CURRENT BACKGROUND */
.status_selected {
background-attachment: fixed !important;
background-clip: border-box !important;
background-color: orange !important;
background-image: url(http://i.imgur.com/Fy4Kq63.jpg) !important;
background-position: bottom !important;
background-origin: padding-box !important;
background-repeat: repeat !important;
background-size: cover !important;
height: 2000px !important;
position: fixed !important;
top: 0 !important;
width: 2000px !important;
left: 0px !important;
z-index: -2 !important;
}

/* COMPLETE BACKGROUND */
.status_not_selected + .status_selected {
background-attachment: fixed !important;
background-clip: border-box !important;
background-color: black !important;
background-image: url(http://i.imgur.com/16bggo3.jpg) !important;
background-origin: padding-box !important;
background-position: 0 0 !important;
background-repeat: repeat !important;
background-size: cover !important;
height: 2000px !important;
position: fixed !important;
top: 0 !important;
width: 2000px !important;
left: 0px !important;
z-index: -2 !important;
}

/* ON-HOLD BACKGROUND */
.status_not_selected + .status_not_selected + .status_selected {
background-attachment: fixed !important;
background-clip: border-box !important;
background-color: red !important;
background-image: url(http://i.imgur.com/ykLP0ds.jpg) !important;
background-origin: padding-box !important;
background-position: 0 0 !important;
background-repeat: repeat !important;
background-size: cover !important;
position: fixed !important;
top: 0 !important;
height: 2000px !important;
width: 2000px !important;
left: 0px !important;
z-index: -2 !important;
}

/* DROPPED BACKGROUND */
.status_not_selected + .status_not_selected + .status_not_selected + .status_selected {
background-attachment: fixed !important;
background-clip: border-box !important;
background-color: orange !important;
background-image: url(http://i.imgur.com/ykLP0ds.jpg) !important;
background-origin: padding-box !important;
background-position: 0 0 !important;
background-repeat: repeat !important;
background-size: cover !important;
height: 2000px !important;
position: fixed !important;
top: 0 !important;
width: 2000px !important;
left: 0px !important;
z-index: -2 !important;
}

/* PLANNED BACKGROUND */
.status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected   +.status_selected{
background-attachment: fixed !important;
background-clip: border-box !important;
background-color: blue !important;
background-image: url(http://i.imgur.com/KhBH9nd.jpg) !important;
background-origin: padding-box !important;
background-position: 0 0 !important;
background-repeat: repeat !important;
background-size: cover !important;
height: 2000px !important;
position: fixed !important;
top: 0 !important;
width: 2000px !important;
left: 0px !important;
z-index: -2 !important;
}
/*
/* ALL ANIME */
.status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected   + .status_not_selected +.status_selected{
background-attachment: fixed !important;
background-clip: border-box !important;
background-color: blue !important;
background-image: url(http://i.imgur.com/KjJNleF.jpg) !important;
background-origin: padding-box !important;
background-position: 0 0 !important;
background-repeat: repeat !important;
background-size: cover !important;
height: 2000px !important;
position: fixed !important;
top: 0 !important;
width: 2000px !important;
left: 0px !important;
z-index: -1 !important;
}











/* THUMBNAIL SETTINGS
Settings for the thumbnails of covers seen on your list. Height and width control the size, while margin-left and top can be added or taken away to change the position. Change the border size, type, or color, with the first border code.*/
.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;
}

/*THUMBNAIL HOVER SETTING
This is the setting for the cover when you point to a thumbnail. Move the cover's position with the margin codes. Change its size with the padding codes. */
.hide:hover {
margin-left:-140px;
padding-right:150px;
padding-top:220px !important;
background-color:transparent;
background-repeat:no-repeat no-repeat;
background-size:cover;
border-bottom-left-radius:20px;
border-bottom-right-radius:20px;
border-top-left-radius:20px;
border-top-right-radius:20px;
box-shadow:rgba(63, 52, 60, 0.55) 0 0 8px 8px;
position:absolute;
z-index:1;
}


/*THUMBNAIL HOVER FLICKER FIX
If you reposition your covers, and notice flickering, color this red, then reload your layout. Notice where the red bar appears when you point to your covers. Move that box with this code, over the parts where you point and see flickering. Then change it back to transparent! 
*/
.hide:hover:after {
background: transparent;
content: " ";
height: 75px;
left: 0;
position: absolute;
top: 0;
width: 210px;
z-index: 20;
}


/*ANIMATION FOR ZOOM
Change the timing of how long it takes for it zoom out here! Its set to .25 seconds by default.
*/
* {
-webkit-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;
}


/*ROW WIDTH AND SPACING
This will increase the height of your rows and move the anime title to the left. It might look funny on some layouts so you'll have to adjust it or ask for help! Height is the height, padding left is the space the anime title moves from the left. 
*/
.td1:nth-of-type(2), .td2:nth-of-type(2) {
height: 62px;
padding-left: 42px;
}

/*
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;
}









table_header:nth-of-type(6) {
display:none;
}
span[id*="tagRow"] {
display:block !important;
}
span[id*="tagLinks"] {
display:none !important;
}
a, .td1, .td2, .category_totals {
-webkit-transition:all 0.25s ease-in-out 0s;
transition:all 0.25s ease-in-out 0s;
}



#list_surround .status_selected, #list_surround .status_not_selected {
-webkit-background-clip:padding-box !important;
background-clip:padding-box !important;
background-color:transparent;
background-image:url(http://i.imgur.com/rXCNaZZ.png);
background-position:0 0;
background-repeat:no-repeat no-repeat;
background-size:contain;
border:1px solid #000;
border-bottom-left-radius:10px;
border-bottom-right-radius:10px;
border-top-left-radius:10px;
border-top-right-radius:10px;
display:block;
left:20px;
padding:0;
position:fixed;
top:100px;
width:250px;
}
#list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected {
background-image:url(http://i.imgur.com/7zy6tTP.png);
background-position:100% 0;
top:176px;
}
#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-image:url(http://i.imgur.com/G8TfxCb.png);
background-position:0 0;
top:252px;
}
#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-image:url(http://i.imgur.com/IzfBOI6.png);
background-position:100% 0;
top:328px;
}
#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-image:url(http://i.imgur.com/AfUetOz.png);
background-position:0 0;
top:404px;
}
#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-image:url(http://i.imgur.com/49uThXh.png);
background-position:100% 0;
top:480px;
}
.status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a {
color:transparent;
display:block;
font-size:0;
height:75px;
width:250px;
}

.status_selected a{
height:75px;
width:250px;
display:block;
visibility:visible;
background-color: transparent;
position:fixed;
border:1px solid #000;
}

.status_not_selected {
-webkit-transition:all 0.4s ease 0s;
display:block;
left:-110px !important;
opacity:0.7;
transition:all 0.4s ease 0s;
}
.status_not_selected:hover{
-webkit-transition:all 0.4s ease 0s;
color:transparent;
left:-8px !important;
opacity:1;
transition:all 0.4s ease 0s;

}

.status_selected a[href*="status=1"] {
top:100px !important;
left:-8px !important;
display: block!important;
background-image:url(http://i.imgur.com/rXCNaZZ.png);
position:fixed;
}

.status_selected a[href*="status=2"] {
top:176px !important;
left:-8px !important;
display: block!important;
background-image:url(http://i.imgur.com/7zy6tTP.png);
position:fixed;
}
.status_selected a[href*="status=3"] {
top:252px !important;
left:-8px !important;
display: block!important;
background-image:url(http://i.imgur.com/G8TfxCb.png);
position:fixed;
}
.status_selected a[href*="status=4"] {
top:328px !important;
left:-8px !important;
display: block!important;
background-image:url(http://i.imgur.com/IzfBOI6.png);
position:fixed;
}
.status_selected a[href*="status=6"] {
top:404px !important;
left:-8px !important;
display: block!important;
background-image:url(http://i.imgur.com/AfUetOz.png);
position:fixed;
}
.status_selected a[href*="status=7"] {
top:480px !important;
left:-8px !important;
display: block!important;
background-image:url(http://i.imgur.com/49uThXh.png);
position:fixed;
}