/* made by http://myanimelist.net/profile/Satiriques */ @\import "https://malscraper.azurewebsites.net/covers/auto/presets/more"; @import url(http://fonts.googleapis.com/css?family=Rationale); body { background: url(http://i.minus.com/iyhixGDpOf63B.jpg) no-repeat fixed; font-family: Rationale; font-style: italic; opacity: 0,1; color: #1c9dc5 !important; } #list_surround { height:100%; width:1000px; margin: auto !important; position: absolute !important; left: 100px !important; } a:visited,a:link{ color:#39bcb4; text-decoration:none; } a:hover{ color:#FFF; text-decoration:none; } #list_surround .animetitle + small { color:#FF0000 !important; text-decoration:underline !important; } .table_header{ background-color: rgba(0,0,0,0.9); border-style: solid; border-width: 1px; border-color: black; border-top-width:0px; border-left-width: 0px; !important; } .td1,.td2{ background-color: rgba(50,50,50,0.9); height: 30px; border-style: solid; border-width: 1px; border-color: black; border-top-width:0px; border-left-width: 0px; !important; transition: all 1s linear; } .category_totals{ background-color: #323232; height:50px; border-radius: 0px 0px 25px 25px; color: #323232; text-align: center; } .category_totals:hover{ transition: all 1s linear; color: #FFF; text-shadow: 1px 1px #000; } .status_selected, #grand_totals, .status_not_selected, .header_title, #copyright { border-color: black; border-style: solid; border-width: 1px; background-color: rgba(0,0,0,0.7); } tr:hover td[class^="td"] { background-color: rgba(57,188,180,0.6); } tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 { color: #FFF; text-shadow: 1px 1px #000; text-decoration: underline; } .status_not_selected:nth-of-type(1), .status_not_selected:nth-of-type(3), .status_not_selected:nth-of-type(2), .status_not_selected:nth-of-type(4), .status_not_selected:nth-of-type(5), .status_not_selected:nth-of-type(6) { -webkit-background-clip:padding-box !important; background-clip:padding-box !important; background-color:transparent; /*background-image:url(http://i.imgur.com/XgV1UlR.png);*/ background-position:100% 0; background-repeat:no-repeat no-repeat; background-size:contain; border:1px solid #000; border-bottom-left-radius:0px; border-bottom-right-radius:20px; border-top-left-radius:0px; border-top-right-radius:20px; display:block; right: -210px; padding:0; position:absolute; top:174px; width:200px; transition: all 1s linear; height:75px; } .status_not_selected:nth-of-type(1){ background-image:url(http://i.imgur.com/XgV1UlR.png); background-position:100% 0; transition: all 1s ease; top:274px; border:1px solid #000; } .status_selected:nth-of-type(1), .status_not_selected:nth-of-type(1):hover{ background: url(http://i.imgur.com/txGctRd.png); border-bottom-left-radius:0px; border-bottom-right-radius:20px; border-top-left-radius:0px; border-top-right-radius:20px; } .status_not_selected:nth-of-type(2){ background-image:url(http://i.imgur.com/c5rXyQJ.png); top:374px; background-position:0 0; border:1px solid #000; } .status_selected:nth-of-type(2), .status_not_selected:nth-of-type(2):hover{ background: url(http://i.imgur.com/P5NrkMX.png); border-bottom-left-radius:0px; border-bottom-right-radius:20px; border-top-left-radius:0px; border-top-right-radius:20px; } .status_not_selected:nth-of-type(3){ background-image:url(http://i.imgur.com/UCo0NEc.png); top:474px; border:1px solid #000; } .status_selected:nth-of-type(3) , .status_not_selected:nth-of-type(3):hover{ background: url(http://i.imgur.com/wcySUYO.png); border-bottom-left-radius:0px; border-bottom-right-radius:20px; border-top-left-radius:0px; border-top-right-radius:20px; } .status_not_selected:nth-of-type(4){ background-image:url(http://i.imgur.com/RjZtKyx.png); top:574px; border:1px solid #000; } .status_selected:nth-of-type(4) , .status_not_selected:nth-of-type(4):hover{ background: url(http://i.imgur.com/6H2ELE6.png); border-bottom-left-radius:0px; border-bottom-right-radius:20px; border-top-left-radius:0px; border-top-right-radius:20px; } .status_not_selected:nth-of-type(5){ background-image:url(http://i.imgur.com/MXUdscQ.png); top:674px; border:1px solid #000; } .status_selected:nth-of-type(5) , .status_not_selected:nth-of-type(5):hover{ background: url(http://i.imgur.com/KMG6sXc.png); border-bottom-left-radius:0px; border-bottom-right-radius:20px; border-top-left-radius:0px; border-top-right-radius:20px; } .status_not_selected:nth-of-type(6){ background-image:url(http://i.imgur.com/pw9B2GV.png); top:774px; border:1px solid #000; } .status_selected:nth-of-type(6) , .status_not_selected:nth-of-type(6):hover{ background: url(http://i.imgur.com/q8VoHp3.png); border-bottom-left-radius:0px; border-bottom-right-radius:20px; border-top-left-radius:0px; border-top-right-radius:20px; } /*SIZE OF CATEGORY BOXES*/ .status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a { color:transparent; display:block; height:75px; width:200px; } /* anime Cover when hover */ #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; } .hide { background-color:rgba(0,0,0,0.85); background-position:50% 50%!important; background-repeat:no-repeat!important; border-radius:25px 25px 25px 25px; display:block!important; height:350px; left:80%; position:fixed; top:25%; width:234px; background-size:250px!important; visibility:hidden; opacity:0; box-shadow:5px 5px 5px 1px rgba(0,0,0,0.65); -webkit-box-shadow:5px 5px 5px 1px rgba(0,0,0,0.65); border-color:#FFF; border-style:solid; border-width:1px; padding:79px 40px 10px 10px; } td[class^=td]:nth-of-type(6) { visibility:hidden; opacity:0; position:fixed; top:70%; left:80%; background-color:rgba(0,0,0,0.85)!important; border-radius:25px 25px 25px 25px; font-size:12px; height:145px; width:250px; color:#FFF!important; z-index:1; text-align:center; box-shadow:5px 5px 5px 1px rgba(0,0,0,0.65); -webkit-box-shadow:5px 5px 5px 1px rgba(0,0,0,0.65); border-color:#FFF; border-style:solid; border-width:1px; padding:10px 10px 0 24px; } tr:hover td[class^=td]:nth-of-type(6) a { color:#FFF!important; } :hover + .hide,tr:hover td[class^=td]:nth-of-type(6) { visibility:visible; opacity:1; transition:opacity .5s linear; -moz-transition:opacity .5s linear; -webkit-transition:opacity .5s linear; }