/*   ************
**** ANIME LIST *****
      *************
*/

/* BODY CODING */

/* BACKGROUND PICTURE 
SnK Wallpaper1 : http://i.imgur.com/Rs9Iyon.jpg 
SnK Wallpaper 2 : http://www.ggwallpaper.com/file/1606/2560x1440/crop/eren-vs-giants.jpg
Steins;Gate bg : http://4.bp.blogspot.com/-Ptz10gI3bqA/ULJG22kSwBI/AAAAAAAAAv4/daS8mUU_3vs/s1600/11_0628steins_gate0105.jpg
Death Note eye : http://stuffpoint.com/anime-and-manga/image/86721-anime-and-manga-death-note-wallpaper.jpg
Itachi gore : http://moodanime.files.wordpress.com/2013/03/ixxxxxxx.jpg
Itachi gore2 : https://images-2.discordapp.net/.eJwlwVEKwyAMANC7eACjsaZZbyNWrNA2ohkMyu6-j733mPc4zWYO1T43gL3NLGO3U2WkWmwVqWdJvU2b5YKkmvJxlVsneF55obi6sHhGiuQAHVKITIjs-EXRB2ifP9vvar4_Lckjgg.Psn5SSWvej_vLmLuPbT15IrMeH8.png
Legend of Korra : https://i.imgur.com/OGm71Rm.png
Clare : http://wallpapersonthe.net/wallpapers/b/3840x2160/3840x2160-claymore_anime-20702.jpg
*/

/* UTB = Used to be */

/* HOVERING OVER LIST ELEMENTS COLOR CHANGE -> #5c8ae6 to #ff0000 (blue to red) */


body {
     font-family: Arial,Verdana,Helvetica,sans-serif;
     font-size: 13px;
}

* {
     text-decoration: none ! important;
}

a {
     color: #ffffff;
}

a:hover {
     border-bottom: 2px solid #ff0000;
     color: #ffffff;
     text-decoration: none;
}

.status_selected {
     background-color: #ff0000;
     border-color: #000000;
     border-width: 0px 1px 1px 0px;
     color: #000000;
     line-height: 2.5em;
     text-decoration: none ! important;
}

.status_not_selected a:hover {
     border-bottom: 0px none ! important;
}

.status_selected a:hover {
     border-bottom: 0px none ! important;
}

.status_not_selected:hover {
     box-shadow: 0px -5px 0px 0px #ff0000 inset;
     transition: all 0.2s ease 0s;
}

.status_not_selected {
     background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.7);
     border-bottom: 0px none ! important;
     border-left-color: #000000;
     border-right-color: #000000;
     border-top-color: #000000;
     color: #000000;
     line-height: 2.5em;
}

.status_selected:hover {
    
}

.status_selected a, .status_not_selected a {
     display: block;
}

/* This is the list background */
#list_surround {
     background: none no-repeat scroll 0px 0px rgba(0, 0, 0, 0.5);
     box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 1);
     height: 100%;
     margin: 240px auto 20px;
     width: 850px;
}


/* MAIN HEADER (top background) */

:nth-child(5) .header_title {
     border-color: #f5f5f5;
     border-radius: 25px;
/*utb border-top-left-radius: 25px;
     border-top-right-radius: 25px;
     border-bottom-left-radius: 25px;
     border-bottom-right-radius: 25px;*/
     border-width: 2px;
     box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0);
     height: 200px;
     margin-left: -28px;
     position: absolute;
     top: 60px;
     width: 850px;
}

/* Transparent banner under content */

:nth-child(5) .header_title:before {
     background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.2);
     color: #f5f5f5;
     display: block;
     font-size: 65px ! important;
     position: relative;
     text-align: center;
     text-shadow: 1px 2px 6px #000000;
     top: 61px;
}


/* LIST HEADERS */

#list_surround .header_cw {
/* animated red : http://i.imgur.com/jK7DRGc.gif */
background: url("http://i.imgur.com/0pnhW6x.png")
no-repeat scroll center center rgba(255, 255, 255, 0);
     opacity: 0.87;
     box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 1);
}

#list_surround .header_completed {
/* animated red : http://i.imgur.com/AACvkpA.gif */
background: url("http://i.imgur.com/uJSMWVe.png")
no-repeat scroll center center rgba(255, 255, 255, 0);
     opacity: 0.87;
     box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 1);
}

#list_surround .header_onhold {
/* animated red : http://i.imgur.com/l3coSd6.gif */
 background: url("http://i.imgur.com/aPjPIap.png")
no-repeat scroll center center rgba(255, 255, 255, 0);
     opacity: 0.87;
     box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 1);
}

#list_surround .header_ptw {
/* animated red : http://i.imgur.com/TytUO5d.gif */    
 background: url("http://i.imgur.com/SUGytnW.png") 
no-repeat scroll center center rgba(255, 255, 255, 0);
     opacity: 0.87;
     box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 1);
}

#list_surround .header_dropped {
/* animated red : http://i.imgur.com/EIbjWZ6.gif */
     background: url("http://i.imgur.com/HGJ9AOR.png") no-repeat scroll center center rgba(255, 255, 255, 0);
     opacity: 0.87;
     box-shadow: 0px 7px 10px 0px rgba(0, 0, 0, 1);
}

#list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround .header_ptw, #list_surround .header_dropped {
     margin-top: 12px;

     margin-left: 0px;
     padding: 28px;
}

#list_surround .header_title span {
     color: #000000;
     display: none;
     font-size: 1px;
}

#list_surround .header_title .thickbox {
     display: none;
}

#list_surround br {
     display: none;
}

.borderRBL {
     color: #cccccc ! important;
}

.borderRBL br {
     display: block ! important;
}

.table_header {
     background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.8);
     border-color: #ababab;
     border-style: solid;
     border-width: 1px 1px 1px 0px;
     color: #ffffff;
     line-height: 1.8em;
     padding: 4px;
}

.td1 {
     background: none repeat scroll 0% 0% rgba(255, 255, 255, 0.3);
     line-height: 20px;
     padding: 4px;
}

.td2 {
     background: none repeat scroll 0% 0% rgba(49, 49, 49, 0.3);
     line-height: 20px;
     padding: 4px;
}

#list_surround .animetitle + small {
     background: none repeat scroll 0% 0% #ff0000;
     font-size: 13px;
     margin-left: 10px;
     opacity: 1;
     padding: 2px;
     text-transform: lowercase;
}

.td1, .td2, .table_header {
     border-color: #ffffff;
     border-width: 0px 0px 1px ! important;
     color: #ffffff;
}

tr:hover td.td1 small, tr:hover td.td2 small {
     font-size: 13px;
     opacity: 1;
}

.td1 small, .td2 small {
     font-size: 13px;
     opacity: 0;
}


/* HOVERING OVER LIST ELEMENTS COLOR CHANGE -> #5c8ae6 to #ff0000 (blue to red) */


tr:hover .td2, tr:hover .td1 {
     background: none repeat scroll 0% 0% rgba(5, 5, 5, 0.7);
}

#list_surround .category_totals {
     background-color: rgba(0, 0, 0, 0.5);
     color: #ffffff;
     line-height: 25px;
     margin-top: 15px;
     text-align: center;
}

#list_surround #grand_totals {
     background-color: #ff0000;
     color: #ffffff;
     display: none;
     line-height: 25px;
     text-align: center;
}

#search {
     bottom: 50px ! important;
     left: 100px ! important;
}

#searchBox {
     background: none repeat scroll 0px 0px #ffffff !important;
     border-radius: 5px;
     border-style: hidden;
     box-shadow: 0px 0px 3px #e2e2e2;
     color: #aaaaaa;
     display: block ! important;
     font-family: Consolas,Arial,sans-serif ! important;
     font-size: 10px;
     height: 20px ! important;
     letter-spacing: 0.1em;
     padding-left: 10px;
     padding-right: 10px;
     right: 6px ! important;
     text-align: center ! important;
     text-transform: uppercase ! important;
     top: 8px ! important;
     width: 220px ! important;
}

#searchListButton {
     display: none;
}

#mal\_control\_strip {
     background-color: #8f8f8f ! important;
     background-image: url("http://i.imgur.com/fv1Pc.png") ! important;
}

#mal_cs_powered a {
     display: none;
}

#copyright {
     background: none repeat scroll 0% 0% #ff0000;
     color: #ffffff;
     line-height: 2.5em;
     margin-top: 0px ! important;
     border-bottom-left-radius: 25px;
     border-bottom-right-radius: 25px;
}

#copyright:after {
     background-color: #333333;
     background-image: url("http://db.tt/uBvPkq8g");
     background-position: center center;
     background-repeat: no-repeat;
     bottom: 5px;
     color: rgba(0, 0, 0, 0) ! important;
     content: "Minimalist Version 5.3 Designed by iSayChris, modified by blob";
     display: block;
     font-size: 0px ! important;
     height: 5px;
     padding-bottom: 20px;
     position: fixed;
     right: 5px;
     transition: all 0.15s ease-out 0s;
     width: 25px;
}

#copyright:hover:after {
     background-image: none;
     color: #e5e5e5 ! important;
     font-size: 13px ! important;
     height: auto ! important;
     padding: 5px;
     text-align: justify ! important;
     transition: all 0.15s ease-in 0s;
     width: 150px;
}


/* added body */

body {
     background-attachment: fixed ! important; 
     background-image: url("https://i.imgur.com/OGm71Rm.png") !important; 
     background-size: cover;
}

:nth-child(5) .header_title { 
/* utb background: url("http://media.giphy.com/media/ywkUk5y6kvrNK/giphy.gif")
  utb2 background:url("http://i.imgur.com/YUrHAnl.png") */
	background:url("http://imgur.com/CasaTsu.png")
no-repeat scroll center right /* 100% 100% */
rgba(255, 255, 255, 0);
} 


/* Header title typed in (removed) */
:nth-child(5) .header_title:before { 
/*   content: "blob's EPIC list";
     font-family: give you glory; */
} 


/* Making titles on 2 lines if too long instead of 1 and not seeing Edit button */


/* TOP BAR on the right of MyAnimeList(not logged in)
*/
#mal_control_strip td div #mal_control_strip td #mal_control_strip{
height: 0%;
font-size:100%;
}


/* HOVER COVER STYLE 2 MODE */

.hide {
     background-color: rgba(248, 162, 200, 0.7);
     background-position: 50% 50%;
     background-repeat: no-repeat no-repeat;
     background-size: cover;
     border-radius: 5px;
     border: 1px solid #FFFFFF;
     display: inline-block ! important;
     height: 20px;
     margin-left: 39px;
     margin-top: -25px;
     position: absolute;
     width: 35px;
}

.hide:hover {
     background-color: transparent;
     background-size: cover;
     border-radius: 25px;
     border-style: none;
     border-width: 1px;
     box-shadow: 0px 0px 12px 2px rgba(0, 0, 0, 0.41);
     margin-left: -220px;
     margin-top: -320px;
     padding-right: 170px;
     padding-top: 300px ! important;
     position: absolute;
     z-index: 1;
}

.hide:hover:after {
     background: rgba( 0, 0, 0, 0);
     content: " ";
     height: 22px;
     left: 259px;
     position: absolute;
     top: 295px;
     width: 37px;
     z-index: 20;
}

.animetitle {
     margin-left: 50px;
}

.table_header:nth-of-type(2) a {
     margin-left: 50px;
}


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