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

body {
  background-attachment:fixed;
  background-image:url(https://imgur.com/OwFi3XO.jpg) !important;
  background-position:0 0;
  background-repeat:no-repeat;
  background-size:cover;
  color:#C8C8C8;
  font-family:Candara;
  font-size:12px;
}
#list_surround {
  left:39%;
  margin:auto;
  position:absolute;
  top:100px;
  width:550px;
}
.td1, .td2 {
  background-attachment:scroll;
  background-color:rgba(10, 10, 10, 0.901961);
  background-image:none;
  background-position:0 0;
  background-repeat:repeat;
  padding:3px;
}
.animetitle + small {
  color:white !important;
  text-decoration:none;
}
td:nth-of-type(2) small {
  color:#C8C8C8;
  font-size:10px;
  padding-right:10px;
}
td:nth-of-type(2) small a {
  color:#C8C8C8;
}
.td1:first-of-type, .td2:first-of-type {
  border-left-style:solid !important;
  border-left-width:2px !important;
}
.td1:last-of-type, .td2:last-of-type {
  border-right-style:solid;
  border-right-width:2px;
  color:#FFFFFF;
}
td.table_header:nth-of-type(3) {
  padding-right:7px;
}
a, a:visited {
  color:#C8C8C8;
  text-decoration:initial;
}
tr:hover td.td1 a, tr:hover td.td1, tr:hover td.td2 a, tr:hover td.td2 {
  color:white;
  text-shadow:white 0 0 11px;
}
.table_header {
  background-color:rgba(0, 0, 0, 0.901961);
  border-top-color:#C8C8C8;
  border-top-style:solid;
  border-top-width:2px;
  font-size:10px;
  padding:2px;
}
td.table_header:first-of-type {
  border-left-color:#FFFFFF !important;
  border-left-style:solid !important;
  border-left-width:2px !important;
  border-top-color:#FFFFFF !important;
  border-top-left-radius:10px;
  border-top-style:solid !important;
  border-top-width:2px !important;
}
td.table_header:last-of-type {
  border-right-color:#FFFFFF !important;
  border-right-style:solid !important;
  border-right-width:2px !important;
  border-top-color:#FFFFFF !important;
  border-top-right-radius:10px;
  border-top-style:solid !important;
  border-top-width:2px !important;
}
.category_totals {
  background-color:rgba(0, 0, 0, 0.901961);
  border-bottom-style:solid;
  border-bottom-width:2px;
  border-left-color:#FFFFFF !important;
  border-left-style:solid !important;
  border-left-width:2px !important;
  border-radius:0 0 10px 10px;
  border-right-color:#FFFFFF;
  border-right-style:solid;
  border-right-width:2px;
  font-size:10px;
  padding:2px 2px 2px 40px;
}
.borderRBL {
  border-left-style:solid !important;
  border-left-width:2px !important;
  border-right-color:#FFFFFF !important;
  border-right-style:solid !important;
  border-right-width:2px !important;
  color:#2030F0 !important;
  font-size:11px;
  padding-left:39px;
}
.borderRBL a, .borderRBL a:visited {
  color:#F0304F !important;
  text-decoration:initial;
}
.borderRBL a:hover {
  color:#F0304F !important;
}
#copyright {
  background-color:rgba(1, 1, 1, 0.498039);
  border:2px solid #FFFFFF;
  border-radius:8px;
  color:#FFFFFF;
  display:block;
  font-size:11px;
  margin-top:0;
  padding:2px;
  position:relative !important;
  text-align:center !important;
  top:10px;
}
#copyright::after {
  content:'List Design By Ushioo, Edited By TheHolyPotato' !important;
  display:block;
  margin-top:20px;
  text-align:center !important;
}
#copyright a {
}
#grand_totals {
  display:none;
}
td:nth-of-type(2) small {
  color:transparent;
}
[class^="header_"] * {
  font-size:0;
  height:10px;
  line-height:24px;
  padding-bottom:4px;
  text-align:left;
  vertical-align:bottom;
}
.header_cw {
  background-image:url(https://imgur.com/l2LzEUs.png);
  background-position:20px 10px;
  background-repeat:no-repeat;
  background-size:500px 150px;
  display:inline-block;
  height:150px;
  margin-bottom:-50px;
  opacity:0.85;
  width:500px;
}
.header_completed {
  background-image:url(https://imgur.com/yPYNKxO.png);
  background-position:20px 10px;
  background-repeat:no-repeat;
  background-size:500px 150px;
  display:inline-block;
  height:150px;
  margin-bottom:-50px;
  opacity:0.85;
  width:500px;
}
.header_onhold {
  background-image:url(https://imgur.com/M3XV4rf.png);
  background-position:20px 10px;
  background-repeat:no-repeat;
  background-size:500px 150px;
  display:inline-block;
  height:150px;
  margin-bottom:-50px;
  opacity:0.85;
  width:500px;
}
.header_dropped {
  background-image:url(https://imgur.com/msSwXvy.png);
  background-position:20px 10px;
  background-repeat:no-repeat;
  background-size:500px 150px;
  display:inline-block;
  height:150px;
  margin-bottom:-50px;
  opacity:0.85;
  width:500px;
}
.header_ptw {
  background-image:url(https://imgur.com/9jHKm0g.png);
  background-position:20px 10px;
  background-repeat:no-repeat;
  background-size:500px 150px;
  display:inline-block;
  height:150px;
  margin-bottom:-50px;
  opacity:0.85;
  width:500px;
}
#copyright, #copyright a, #copyright::after {
  color:#FFFFFF !important;
}
a {
  color:#C8C8C8;
  text-decoration:none;
  text-shadow:none;
}
#inlineContent {
  display:inline-block !important;
  height:3000px !important;
  left:0 !important;
  margin:auto !important;
  position:fixed !important;
  right:0 !important;
  top:0 !important;
  width:3000px !important;
  z-index:-1 !important;
}
a:hover {
}
#list_surround .status_selected, #list_surround .status_not_selected {
  background-attachment:scroll;
  background-color:transparent;
  background-image:url(https://imgur.com/rmv5YMN.jpg);
  background-position:0 100%;
  background-repeat:no-repeat;
  border:2px solid white !important;
  border-radius:15px 0 0;
  display:block;
  height:90px;
  padding:0;
  position:fixed;
  right:-178px;
  top:103px;
  width:350px;
}
#list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected {
  background-attachment:scroll;
  background-color:transparent;
  background-image:url(https://imgur.com/jZPaKgh.jpg);
  background-repeat:no-repeat;
  border-bottom-right-radius:0;
  border-top-left-radius:0;
  border-top-right-radius:0;
  top:195px;
}
#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-attachment:scroll;
  background-color:transparent;
  background-image:url(https://imgur.com/gYksW6x.jpg);
  top:287px;
}
#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-attachment:scroll;
  background-color:transparent;
  background-image:url(https://imgur.com/3MIQYbZ.jpg);
  background-repeat:repeat;
  top:379px;
}
#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-attachment:scroll;
  background-color:transparent;
  background-image:url(https://imgur.com/ZrCWzxs.jpg);
  top:471px;
}
#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-attachment:scroll;
  background-color:transparent;
  background-image:url(https://imgur.com/9AJqoVI.jpg);
  background-position:0 0;
  background-repeat:no-repeat;
  border-bottom-left-radius:20px;
  border-bottom-right-radius:0;
  top:563px;
  width:350px;
}
.status_not_selected {
  -webkit-transition:all 0.4s ease 0s;
  opacity:0.7;
  right:-147px !important;
  transition:all 0.4s ease 0s;
}
.status_not_selected:hover {
  -webkit-transition:all 0.25s ease 0s;
  color:transparent;
  opacity:1;
  right:-20px !important;
  transition:all 0.25s ease 0s;
}
.status_selected a, .status_not_selected a, .status_selected:hover a, .status_not_selected:hover a {
  color:transparent;
  display:block;
  height:100px;
  opacity:0;
  width:320px;
}
.status_selected {
  display:block;
}
.status_selected:hover {
  -webkit-transition:all 0.25s ease-in-out;
  color:transparent;
  opacity:1;
  right:-20px !important;
  transition:all 0.25s ease-in-out;
}
.status_selected {
  -webkit-transition:all 0.25s ease-in-out;
  right:-147px !important;
  transition:all 0.25s ease-in-out;
}

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

/* 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
*/
.hide {
background-size: cover;
left: 830px;
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(200, 5, 200, 0.75);
background-position: center 50% !important;
background-repeat: no-repeat !Important;
display: block !important;
position: fixed;
visibility: hidden;
opacity: 0;
}

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


/* OTHER SETTINGS */
:hover + .hide {
visibility: visible;
opacity: 1;
}

/*
COLOR OF THE ICONS
Change the color, and adjust the opacity for brighter color.
Remove the display: none to match the selected icon to the other icons.
*/
 #mal\_cs\_listinfo:before,  #mal\_cs\_links:before,
 #mal\_cs\_otherlinks:before,  #mal\_cs\_powered:before {
background: transparent;
opacity: .9;

}

/*
BORDER OF ICONS
If you're having trouble seeing the border bottom, lower the height by a pixel or two until you see it.

*/
 #mal_cs_listinfo:before,  #mal_cs_links:before,  #mal_cs_otherlinks:before,  #mal_cs_powered:before,  #mal\_cs\_listinfo:before,  #mal\_cs\_links:before,
 #mal\_cs\_otherlinks:before,  #mal\_cs\_powered:before {
    border-color: ;
    border-style: ;
    border-width: ;
    height: 32px !important;
}

/*
BUTTONS COLOR AND BORDER
Buttons within the hover menus, not the icons themselves.
Second code is for button color on hover.
*/
 #mal_cs_listinfo a,  #mal_cs_links a,  #mal_cs_otherlinks a,  #mal_cs_powered a img{
    background-color: rgba(64, 60, 90, 0.6) !important;
    border-color: transparent;
    border-style: solid !important;
    border-width: 1px !important;
}


 #mal\_cs\_listinfo a:hover,  #mal\_cs\_links a:hover,  #mal\_cs\_otherlinks a:hover,  #mal_cs_powered a img:hover {
background-color: #403C5A !important;
}



/*
COLOR OF HOVER MENUS AND SELECTED ICONS
Remove display none from the second code to match the colors of the selected icon to the icons above.
*/
 #mal\_cs\_listinfo div,  #mal\_cs\_links div,  #mal\_cs\_otherlinks div,
 #mal\_cs\_powered div,  #mal\_cs\_powered dd,  #mal\_cs\_powered a  {
  background-color: rgba(255, 255, 255, 0.6) !important;
}

 #mal\_cs\_listinfo:hover:before,  #mal\_cs\_links:hover:before,
 #mal\_cs\_otherlinks:hover:before,  #mal\_cs\_powered:hover:before,
 #mal\_cs\_listinfo:hover:after,  #mal\_cs\_links:hover:after,
 #mal\_cs\_otherlinks:hover:after,  #mal\_cs\_powered:hover:after {
  display: none;
  background-color: ;
  opacity: .2;
}

/*
COLOR OF USERNAME (for visitors)
You don't see this username on the menus when you're logged in, log out to see it.
*/
 #mal\_cs\_otherlinks strong a {
color: #333333 !important;
}

 #mal\_cs\_otherlinks strong a:hover {
color: blue !important;
background-color: transparent !important;
}

/*
POSITION OF TOP BAR
Change to absolute if you want it to not scroll with the page.
*/
#mal\_control\_strip
{
position: fixed !important;
background-color: transparent !important;
background-image: url(none) !important;
}




/*
OTHER CODES
If you want to change out the icon images themselves, you can scroll down through the codes and find the background images and change them with your own.
*/

 #mal\_cs\_listinfo,  #mal\_cs\_links,  #mal\_cs\_otherlinks,  #mal\_cs\_powered {
-moz-box-sizing: border-box;
transition: all 0.4s ease 0s;
background: none no-repeat scroll 100% 0 transparent;
border: 0 none;
height: 0 !important;
overflow: hidden;
position: absolute;
right: 4px;
text-align: center;
top: 4px;
width: 150px;
z-index: 10;
}
 #mal\_cs\_listinfo:hover,  #mal\_cs\_links:hover,  #mal\_cs\_otherlinks:hover,  #mal\_cs\_powered:hover {
height: 200px !important;
padding-top: 32px;
width: 150px;
}
 #mal\_cs\_listinfo div,  #mal\_cs\_links div,  #mal\_cs\_otherlinks div,  #mal\_cs\_powered div,  #mal\_cs\_powered dd {
transition: opacity 0.4s ease-in-out 0s;
border-radius: 3px 0 0 0;
font-size: 0 !important;
line-height: 0;
margin: 0 !important;
opacity: 0;
padding: 8px 0 0;
}
 #mal\_cs\_listinfo:hover div,  #mal\_cs\_links:hover div,  #mal\_cs\_otherlinks:hover div,  #mal\_cs\_powered:hover div,  #mal\_cs\_powered:hover dd {
opacity: 1;
}
 #mal\_cs\_listinfo div:nth-of-type(2),  #mal\_cs\_links div:nth-of-type(2),  #mal\_cs\_otherlinks div:nth-of-type(2),  #mal\_cs\_powered div:nth-of-type(2) {
border-radius: 0 0 3px 3px;
padding: 4px 0 8px;
}
 #mal\_cs\_listinfo a,  #mal\_cs\_links a,  #mal\_cs\_otherlinks a,  #mal\_cs\_powered a {
background-color: rgba(64, 60, 90, 0.6);
border-radius: 3px 3px 3px 3px;
display: block;
font: 13px/17px arial,sans-serif;
margin: 4px 12px 0;
padding: 3px 0;
text-decoration: none;
}
 #mal\_cs\_listinfo a:nth-of-type(1),  #mal\_cs\_links a:nth-of-type(1),  #mal\_cs\_otherlinks a:nth-of-type(1),  #mal\_cs\_powered a:nth-of-type(1) {
margin-top: 0;
}

 #mal\_cs\_listinfo strong a strong {
font-weight: normal;
}
 #mal\_cs\_otherlinks strong {
color: #333333;
display: block;
font: bold 13px/17px arial,sans-serif !important;
padding: 0 4px 4px;
text-shadow: 0 1px 1px #FFFFFF;
}
 #mal\_cs\_otherlinks strong a {
background: none repeat scroll 0 0 transparent !important;
border-color: transparent !important;
border-radius: 0 0 0 0;
color: #333333;
display: inline;
font: bold 13px/17px arial,sans-serif !important;
margin: 0;
padding: 0;
text-shadow: 0 1px 1px #FFFFFF;
}
 #mal\_cs\_powered a {
border-radius: 3px 0 0 0 !important;
display: block !important;
margin: 0 !important;
opacity: 0;
padding: 8px 0 0 !important;
}
 #mal\_cs\_powered:hover a {
opacity: 1;
}
 #mal\_cs\_powered a img {
background: url("https://imgur.com/mpnov2j.png") no-repeat scroll 50% 6px rgba(64, 60, 90, 0.6);
border-radius: 3px 3px 3px 3px;
display: block;
height: 0;
margin: 0 12px;
padding: 23px 0 0 126px;
width: 0;
}
 #mal\_cs\_powered a img:hover {
background-color: #403C5A;
}
 #mal\_cs\_powered #search {
border-radius: 0 0 3px 3px;
padding: 8px;
position: relative;
}
 #mal\_cs\_powered #search #searchBox {
-moz-box-sizing: border-box;
border-color: #BCBCBC #D6D6D6 #D6D6D6;
border-radius: 2px 2px 2px 2px;
border-style: solid;
border-width: 1px;
color: #333333;
display: inline-block;
font-family: arial,sans-serif;
font-size: 13px;
height: 28px;
padding-left: 6px;
padding-right: 24px;
vertical-align: top;
width: 100%;
}
 #mal\_cs\_powered #search #searchBox:hover,  #mal\_cs\_powered #search #searchBox:focus {
border-color: #ACACAC #C6C6C6 #C6C6C6;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
}
 #mal\_cs\_powered #search #searchListButton {
background: url("https://imgur.com/uJRLAmy.png") no-repeat scroll 0 0 transparent;
border-radius: 3px 3px 3px 3px;
height: 0;
margin: 0;
padding: 16px 0 0 16px;
position: absolute;
right: 12px;
top: 14px;
width: 0;
}
 #mal\_cs\_listinfo {
background-image: url("https://imgur.com/MpFlRjs.png");
right: 106px;
}
 #mal\_cs\_listinfo:hover {
background-image: url("https://imgur.com/iNf341p.png");
}
 #mal\_cs\_links {
background-image: url("https://imgur.com/0eYOlrl.png");
right: 72px;
z-index: 9;
}
 #mal\_cs\_links:hover {
background-image: url("https://imgur.com/ZXIrXrz.png");
}
 #mal\_cs\_otherlinks {
background-image: url("https://imgur.com/2Ol3pjK.png");
right: 38px;
z-index: 8;
}
 #mal\_cs\_otherlinks:hover {
background-image: url("https://imgur.com/AYXOHRk.png");
}
 #mal\_cs\_powered {
background-image: url("https://imgur.com/vKRpy8S.png");
right: 4px !important;
z-index: 7;
}
 #mal\_cs\_powered:hover {
background-image: url("https://imgur.com/gus4J0D.png");
}
td#mal\_cs\_pic a img {
display: none;
}
#mal\_cs\_pic, #mal\_cs\_listinfo, #mal\_cs\_links {
border-right: 0 none !important;
}

 #mal\_cs\_listinfo,  #mal\_cs\_links,  #mal\_cs\_otherlinks,  #mal\_cs\_powered {
padding: 32px 0 0 !important;
}

 #mal\_cs\_listinfo:before,
 #mal\_cs\_links:before,
 #mal\_cs\_otherlinks:before,
 #mal\_cs\_powered:before {
  z-index: 10 !important;
  content: "";
  right: 0 !important;
  top: 0 !important;
  width: 32px !important;
  position: absolute !important;
  border-radius: 4px;
}

 #mal\_cs\_listinfo:after{
background-image: url(https://imgur.com/KoWhW5V.png);
}
 #mal\_cs\_links:after{
background-image: url(https://imgur.com/3d6QdC1.png);
}
 #mal\_cs\_otherlinks:after{
background-image: url(https://imgur.com/aIWPl90.png);
}
 #mal\_cs\_powered:after{
background-image: url(https://imgur.com/hf5rV9o.png);
}

 #mal\_cs\_listinfo:after,
 #mal\_cs\_links:after,
 #mal\_cs\_otherlinks:after,
 #mal\_cs\_powered:after {
  z-index: 10 !important;
  content: "";
  right: 0 !important;
  top: 0 !important;
  width: 32px !important;
  height: 32px !important;
  position: absolute !important;
}



#searchBox {
    width: 128px !important;
    margin-left: 1px;
}

#mal_cs_powered #search #searchListButton {
    right: 15px !important;
    top: 12px !important;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
#searchBox {
    width: 96px !important;
}
}
* {cursor: url(https://imgur.com/Q5qrXF4.png), auto !important;}