mymal theme by Shishio-kun

@\import "https://dl.dropboxusercontent.com/s/ed2g365i8phd180/aceface.css";
@\import "https://malscraper.azurewebsites.net/covers/auto/presets/dataimagelinkafter";

/* BACKGROUND */

body {
visibility: visible;
background-color: #F1EBDF;
}


/* HEADER */

.header {
visibility: visible;
}

.header .header-menu {
visibility: visible;
background: green;
}

.header .header-title {
visibility: visible;
}

/* SIDE MENU */

.list-menu-float {
visibility: visible;
}

.list-menu-float .icon-menu {
visibility: visible;
}

.list-menu-float .icon-menu.anime-list {
visibility: visible;
}

/* LIST CONTAINER */

#list-container {
visibility: visible;
}

/* IMAGE BLOCK */

.cover-block {
visibility: visible;
}

.cover-block #cover-image {
/* Cover image */
visibility: visible;
}

.cover-block .image-container .btn-list-setting {
visibility: visible;
}

/* STATUS MENU */

#status-menu {
visibility: visible;
}

#status-menu .status-button {
visibility: visible;
}

#status-menu .status-button.watching {
visibility: visible;
}

/* SEARCH */

.status-menu-container .search-container {
visibility: visible;
}

/* LIST UNIT */

.list-unit {
visibility: visible;
}

/* STATUS TITLE */

.list-unit .list-status-title {
visibility: visible;
}

/* STATS */

#show-stats-button {
visibility: visible;
}

#advanced-options-button {
visibility: visible;
}

.list-unit .list-stats {
visibility: visible;
}

/* LIST TABLE */

/* Sort row */

.list-table .list-table-header {
visibility: visible;
}

.list-table .list-table-header .header-title {
visibility: visible;
position: fixed;
left: -10%;
}

.list-table .list-table-header .header-title.title {
visibility: visible;
}

/* Data rows */

.list-table tbody.list-item {
visibility: visible;
}

.list-table .list-table-data .data {
visibility: visible;
}

.list-table .list-table-data .data.score {
visibility: visible;
}

.list-table .list-table-data .data.title .link {
visibility: visible;
}

.add-edit-more {
visibility: visible;
}

/* LOADING SPACE */

.list-unit .loading-space {
visibility: visible;
}

/* FOOTER */

footer {
visibility: visible;
}


/* MORE SEPARATION FOR INSPECT ELEMENT USERS */
.list-table .list-table-header .header-title.image {
visibility: visible;
}

.list-table .list-table-header .header-title.number {
visibility: visible;
}

.list-table .list-table-header .header-title.score {
visibility: visible;
}

.list-table .list-table-header .header-title.type{
visibility: visible;
}

.list-table .list-table-header .header-title.progress{
visibility: visible;
}

.list-table .list-table-header .header-title.tags{
visibility: visible;
}

.list-table .list-table-header .header-title.rated{
visibility: visible;
}

.list-table .list-table-header .header-title.started{
visibility: visible;
}



.list-table .list-table-header .header-title.finished{
visibility: visible;
}


.list-table .list-table-header .header-title.days{
visibility: visible;
}


.list-table .list-table-header .header-title.storage{
visibility: visible;
}


.list-table .list-table-header .header-title.priority{
visibility: visible;
}

.list-table .list-table-data .data.number{
visibility: visible;
}

.list-table .list-table-data .data.title{
visibility: visible;
}

.list-table .list-table-data .data.type{
visibility: visible;
}

.list-table .list-table-data .data.progress{
visibility: visible;
}

.list-table .list-table-data .data.rated{
visibility: visible;
}

.list-table .list-table-data .data.storage{
visibility: visible;
}

.list-table .list-table-data .data.licensor{
visibility: visible;
}

.list-table .list-table-data .data.studio{
visibility: visible;
}

.list-table .list-table-data .data.title.clearfix{
visibility: visible;
}

#status-menu .status-button.completed{
visibility: visible;
position: fixed;
right: 2%;
top: 16%;
background: olive;
width: 20%;
}

#status-menu .status-button.onhold{
visibility: visible;
}

#status-menu .status-button.dropped{
visibility: visible;
}

#status-menu .status-button.plantowatch{
visibility: visible;
}

#status-menu .status-button.all_anime{
visibility: visible;
}

.list-menu-float .icon-menu.profile
{
visibility: visible;
}

.list-menu-float .icon-menu.quick-add {
visibility: visible;
}


.list-menu-float .icon-menu.anime-list {
visibility: visible;
}

.list-menu-float .icon-menu.manga-list{
visibility: visible;
}


.list-menu-float .icon-menu.history{
visibility: visible;
}

.list-menu-float .icon-menu.export{
visibility: visible;
display: none;
}

.list-menu-float .icon-menu.logout{
visibility: visible;
}

.list-menu-float .icon-menu.setting{
visibility: visible;
display: none;
}

.list-menu-float .icon-menu.quick-add {
visibility: visible;
}

.list-table > tbody:nth-of-type(2n+1){
visibility: visible;
}





/* REMOVED CODES */
.list-menu-float .icon-menu.export{
visibility: visible;
display: none;
}

.list-menu-float .icon-menu.logout{
visibility: visible;
}

.list-menu-float .icon-menu.setting{
visibility: visible;
display: none;
}

#status-menu .status-button.all_anime {
visibility: visible;
display: none;
}
.list-menu-float .icon-menu.logout,
.list-menu-float .icon-menu.history,
.list-menu-float .icon-menu.anime-list,
.list-menu-float .icon-menu.manga-list {
visibility: visible;
display: none;
}
.header .header-title{
display: none;
}
.btn-menu {

background: red;
left: -100%;
position: fixed;
}








/* TAGS*/






/* ABOUT ME PANEL */

#advanced-options-button{

visibility: visible;
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwIPvn-9Qb7UOlnWUgK8kylY);
background-size: 120%;
background-position: top right;
background-color: transparent;
WIDTH: 24%;
height: 30%;
position: fixed;
left: 34%;
top: 9%;
clip-path: polygon(0 0, 70% 0, 100% 100%, 0% 100%);
border: 3px black solid;
font-size: 0;
}


#advanced-options-button:hover {
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwKr9bGSxcAN7jdlxFAYiGoQ);
WIDTH: 24%;
background-color: transparent;
}



#advanced-options-button:before{
position: fixed;
background-color:transparent;
background-size: 70% !important;
height: 40%;
width: 16%;
right: 55%;
top: 25%;
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwOM0HHnoiIcI9auRoz3C1Og);
background-position: top right;
background-repeat: no-repeat;
content: "";
pointer-events: none;
background-size: contain;
z-index: 10;
opacity: 0;}






#advanced-options-button:hover:before{
opacity: 1;}



#advanced-options-button:after
{
position: fixed;
height: 100%;
width: 6px;
right: 39% !important;
top: 0%;
content: "";
display: block;
background-color: black;
transform: rotate(-25deg);
}

#advanced-options .advanced-options-header,
#advanced-options .advanced-options-button,
#advanced-options .filter-widget,
#advanced-options .sort-widget {
display: none;
}


#advanced-options {
border: solid black;
z-index: 10002;
height: 90%;
width: 50%;
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwImnURbPVCJV5wTdYoHtuSw);
background-repeat: no-repeat;
background-size: contain;
background-position: bottom center;
}





/* RECOMMENDATION/QUICK ADD PANEL */
.list-menu-float .icon-menu.quick-add {
visibility: visible;
background-image: none;
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwPLEaXvNgE7JmyUESgpmIto) !important;
background-size: 100% !important;
background-position: 80% bottom !important;;
background-repeat: no-repeat !important;;
position: fixed;
left: 52%;
top: 9%;
background: orange;
background-color: white;
width: 25%;
height: 30%;
clip-path: polygon(0 0, 100% 0, 100% 100%, 30% 100%);
border: 3px black solid;
font-size: 0;
}

.list-menu-float .icon-menu.quick-add:hover{
background-color: orange;
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwIUPag3Jh54BMZkJEYGWzHA) !important;
width: 25%;
height: 30%;
}

.list-menu-float .icon-menu.quick-add:after
{
position: fixed;
height: 100%;
width: 4px;
right: 37.6% !important;
top: 0%;
content: "";
display: block;
background-color: black;
transform: rotate(-25.5deg);
}

.list-unit .list-status-title .stats{
font-size: 0;
}


.list-menu-float .icon-menu:hover .text {
width: 94px;
opacity: 0;
}
.list-menu-float .icon-menu svg.icon {
position: absolute;
fill: #323232;
display: none;
}

#fancybox-outer:before{
content: "";
display: block;
z-index: 100;
position: fixed;
background-repeat: no-repeat;
pointer-events: none;
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwNZ9gLKIWmOAfWhUaTGscG4) !important;
background-color: transparent !important;
background-position: bottom right;
background-size: 25%;
height: 100%;
width: 100%;
left: 0 !important;
bottom:0 !important;
padding-top: 30%;
}



/* SCORE ASSISTANT PANEL */

.list-table .list-table-header .header-title.score a {
visibility: visible;
background: white;
position: fixed !important;
height: 50%;
width: 20%;
}
.list-table .list-table-header .header-title.score a {
visibility: visible;
background: white;
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwKVbEQEO81cLKyWA9xtBDwI);
background-size: 100%, cover;
background-position: bottom center !important;
background-repeat: no-repeat;
font-size: 0;
position: fixed !important;
bottom: 1%;
right: 7%;
height: 58%;
width: 25%;
border: 3px black solid;

z-index: 1000 !important;
}
.list-table .list-table-header .header-title.score a:after{
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwDTMJQX5sDJg8NTOqE1iIUU);
bottom: 45%;
left: 34.5%;
height: 10%;
width: 24%;
background-color: transparent;
content: "";
position: fixed;
background-size: contain;
background-repeat: no-repeat;
}


.list-table .list-table-header .header-title.score a:hover{
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwKzGtbC7KfWIN2DearwqdbQ);
background-color: rgba(243, 158, 206, 1);
}
.list-table .list-table-header .header-title.score a:before{
position: fixed;
background-color:transparent;
background-size: 100% !important;
height: 40%;
width: 16%;
right: 35%;
bottom: 6%;
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwPgEi1I94PJ_EjyzFDdtjtM);
background-position: top right;
background-repeat: no-repeat;
content: "";
pointer-events: none;
background-size: contain;
z-index: 100;
opacity: 0;
}

.list-table .list-table-header .header-title.score a:hover:before{
opacity: 1;
}
.list-table .list-table-header .header-title.score a:hover:after{
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwNJN2lUFF8r9rNsjHD1-vhw);
transform: rotate(-15deg);
margin-left: -50px !important;
background-size: 100%;
width: 26%;
left: 36%;
}




.list-table .list-table-header .header-title.score a {
right: 41%;
}



/* MADOKA/EXIT PANEL */
.list-menu-float .icon-menu.profile {
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwN4iYRxSxh02II8h1UZ_iNE) !important;
background-position: 140% 20%, top left;
background-repeat: no-repeat;
background-size: contain, 150%;
background-color: white;
font-size: 0;
width: 17%;
height: 24%;
position: fixed !important;
right: 23% !important;
bottom: 1% !important;
border: 3px black solid;
z-index: 1 !important;
}

.list-menu-float .icon-menu.profile:hover{
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwHEhRwmkMQzRYZWky0631SI)!important;;
background-color: rgba(171, 158, 220, 1);
}

.list-menu-float .icon-menu.profile:before{
position: fixed;
background-color:transparent;
background-size: contain !important;;
height: 35%;
width: 20%;
right: 20%;
bottom: 0;
background-image: url(https://i.imgur.com/HbFXpz5.png);
background-position: top left;
background-repeat: no-repeat;
content: "";
pointer-events: none;
background-size: contain;
z-index: 10;
opacity: 0;

}

.list-menu-float .icon-menu.profile:hover:before{
opacity: 1;
}

.list-menu-float .icon-menu.profile:after{
position: fixed;
background-color:black;
background-size: contain !important;
height: 2%;
width: 8%;
right: 32.3%;
background-position: top right;
background-repeat: no-repeat;
content: "The exit appears!";
font-size: 12px !important;
color: white;
pointer-events: none;
background-size: contain;
z-index: 10;
opacity: 1;

}

.list-menu-float .icon-menu.profile:hover:after{
opacity: 0;
}





/* COPYRIGHT PANEL */
#footer-block {
position: fixed;
margin: auto;
right: 23%;
width: 17%;
bottom: 27%;
height: 29%;
background-color: white !important;

background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwKhtbfX1xxLiqYwy84MbUj0);
background-size: contain, cover;
border: 3px black solid;
z-index: -10;
background-position: center 101%;
background-repeat: no-repeat;
}

#footer-block:hover{
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwINeauqPcArIwhTIondOSKU), url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwHAbi_4WeYoDxRGfXgTlesg);
}
#copyright{
color: black !important;
font-size: 9px;
}
#copyright:after{
content: "Layout by Shishio-kun, made with Photoshop and JASC Animation Shop."}


/* STATS */

.header .header-menu .header-info{
background: transparent;
position: fixed;
right: 0%;
text-align: center;
top: 7%;
width: 22%;
z-index: 10001;
color: black;
}

.header a {

font-weight: bold;
color: black;

}






/* RIGHT PANEL WITH CATEGORIES */

#status-menu .status-button.watching {
visibility: visible;
background: transparent;
position: fixed;
right: 2%;
top: 10%;
width: 20%;
height: 10%;
font-size: 0;
z-index: 11111 !important;
}

#status-menu .status-button.watching:after {
visibility: visible;
background-color: transparent;
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwPzeHr4HcZycy5dRjvUky7k);
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
position: fixed;
left:0%;
top: 0%;
width: 40%;
height: 100%;
content: "";
opacity: 0;
pointer-events: none;
}

#status-menu .status-button.watching:hover:after {
-webkit-animation-name: slide; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
animation-name: slide;
animation-duration: 1s;
opacity: 1;
}

@-webkit-keyframes slide {
from {left: -50%}
to { left:0%;}
}

@keyframes slide {
from {left: -50%}
to { left:0%;}
}



#status-menu .status-button.completed {
visibility: visible;
position: fixed;
right: 2%;
top: 23%;
background: transparent;
width: 20%;
height: 10%;
font-size: 0 !important;
color: transparent;
z-index: 100 !important;
}


#status-menu .status-button.completed:after {
visibility: visible;
background-color: transparent;
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwJG8sK0TkWHfGlf00V0tKXE);
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
position: fixed;
left:0%;
top: 0%;
width: 40%;
height: 100%;
content: "";
opacity: 0;
font-size: 0;
pointer-events: none;
z-index: 100 !important;}


#status-menu .status-button.completed:hover:after {
-webkit-animation-name: slide; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
animation-name: slide;
animation-duration: 1s;
opacity: 1;
}


#status-menu .status-button.onhold {
visibility: visible;
position: fixed;
right: 2%;
top: 36%;
background: transparent;
width: 20%;
height: 10%;
font-size: 0;
}
#status-menu .status-button.onhold:after {
visibility: visible;
background-color: transparent;
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwPXD-Xd85hU7nKptfnefKV4);
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
position: fixed;
left:0%;
top: 0%;
width: 40%;
height: 100%;
content: "";
opacity: 0;
pointer-events: none;
}

#status-menu .status-button.onhold:hover:after {
-webkit-animation-name: slide; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
animation-name: slide;
animation-duration: 1s;
opacity: 1;
}



#status-menu .status-button.dropped {
visibility: visible;
position: fixed;
right: 2%;
top: 48%;
background: transparent;
width: 20%;
height: 10%;
font-size: 0;
}
#status-menu .status-button.dropped:after {
visibility: visible;
background-color: transparent;
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwHxm_P6-3_0x3Q3QqiRi4lI);
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
position: fixed;
left:0%;
top: 0%;
width: 40%;
height: 100%;
content: "";
opacity: 0;
pointer-events: none;
}

#status-menu .status-button.dropped:hover:after {
-webkit-animation-name: slide; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
animation-name: slide;
animation-duration: 1s;
opacity: 1;
}


#status-menu .status-button.plantowatch {
visibility: visible;
position: fixed;
right: 2%;
top: 60%;
background: transparent;
width: 20%;
height: 10%;
font-size: 0;
}
#status-menu .status-button.plantowatch:after {
visibility: visible;
background-color: transparent;
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwFdtKMt-Vy84PEfz6lsC-ds);
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
position: fixed;
left:0%;
top: 0%;
width: 40%;
height: 100%;
content: "";
opacity: 0;
pointer-events: none;
}

#status-menu .status-button.plantowatch:hover:after {
-webkit-animation-name: slide; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 1s; /* Safari 4.0 - 8.0 */
animation-name: slide;
animation-duration: 1s;
opacity: 1;
}

.status-menu-container .search-container {
visibility: visible;
position: fixed;
background: red;
bottom: 10%;
right: 0;
width: 10%;
}

.status-menu-container .search-container {
visibility: visible;
position: fixed;
background: transparent;
bottom: 1%;
right: 12%;
}

.status-menu-container {
position: fixed;
background-color: white;
height: 89.5%;
width: 21%;
right: 1%;
bottom: 1%;
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwEKju5WNWzoHVs9aANc-ZoY);
background-position: 100% 180%;
background-repeat: no-repeat;
border: 3px black solid;
}

.status-menu-container:hover{
background-color: rgb(199,239,241);
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwMY6dBoE7GCM_KrUv8ihQoA);

}

.status-menu-container:After{
position: fixed;
background-color: transparent;
height: 90%;
width: 21%;
right: 1%;
bottom: 8%;
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwGMI6NgUR17-0F41q3Jd9AM);
background-position: bottom right;
background-repeat: no-repeat;
content: "";
pointer-events: none;
background-size: contain;
}


.status-menu-container:before{
position: fixed;
background-color: transparent;
height: 100%;
width: 21%;
right: 16%;
bottom: 18%;
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwPLNy0_k96Vby79bSkVZ1PE);
background-position: bottom right;
background-repeat: no-repeat;
content: "";
pointer-events: none;
background-size: contain;
z-index: 10;
opacity: 0;

}

.status-menu-container:hover:before{
-webkit-animation-name: A1; /* Safari 4.0 - 8.0 */
-webkit-animation-duration: 10s; /* Safari 4.0 - 8.0 */
animation-name: A1;
animation-duration: 10s;}


@-webkit-keyframes A1 {
0% {opacity: 0}
24% {opacity: 0;}
25% {opacity: 1;}
99% {opacity: 1}
100% {opacity: 0;}
}

.status-menu-container .status-menu .status-button::after {
background-color: transparent;}

.status-menu-container.fixed {
position: fixed !important;
top: 9%;
bottom: 1% !important;
}




/* HEADING */
body[data-query*='"status":1']:before
{
background-color: #F1EBDF;
height: 6%;
padding-top: 1%;
content: "Here is Shishio's current anime, you stalker.";
font-size: 36px;
color: black;
position: fixed;
left: 0% !important;
top: 0%;
width: 100%;
text-align: center;
pointer-events: none;
display: block;
z-index: 1 !important;
}

body[data-query*='"status":2']:before
{
background-color: #F1EBDF;
height: 7%;
padding-top: 1%;
content: "This long list is Shishio's Completed Anime! It's ok to feel impressed and turned on, that's natural.";
font-size: 25px;
color: black;
position: fixed;
left: 0% !important;
top: 0%;
width: 100%;
text-align: center;
pointer-events: none;
display: block;
z-index: 1 !important;
}

body[data-query*='"status":3']:before
{
content: "Shishio's On-hold anime, but it might as well be dropped since he never goes back to these.";
background-color: #F1EBDF;
height: 6%;
padding-top: 1%;
font-size: 26px;
color: black;
position: fixed;
left: 0% !important;
top: 0%;
width: 100%;
text-align: center;
pointer-events: none;
display: block;

z-index: 1 !important;
}

body[data-query*='"status":4']:before
{
content: "Dropped anime, the worst of the worst! Prepare to be offended by our comments!";
background-color: #F1EBDF;
height: 6%;
padding-top: 1%;
font-size: 25px;
color: black;
position: fixed;
left: 0% !important;
top: 0%;
width: 100%;
text-align: center;
pointer-events: none;
display: block;

z-index: 1 !important;
}

body[data-query*='"status":6']:before
{
content: "Planned anime AKA seems-good-but-not-good-enough-to-start-right-away anime.";
background-color: #F1EBDF;
height: 6%;
padding-top: 1%;
font-size: 25px;
color: black;
position: fixed;
left: 0% !important;
top: 0%;
width: 100%;
text-align: center;
pointer-events: none;
display: block;
z-index: 1 !important;
}





/* FONT */

*{ font-family: ace, fontawesome !important;}






/* LIST LEFT TABLE SETTINGS */

/* COVER SIZE */
.data.image a:after{
width: 200px;
height: 300px;
}


/* COVER POSITION */
.data.image a:after{
position: fixed;
right: 0;
left: -40px;
top: 25%;
margin: auto;

}


/* OTHER CODES */
.data.image a:after
{content: "";
display: block !important;
background-color: rgba(0,0,0,.3);
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover;
border: 1px solid #ffffff;
box-shadow: 0 2px 5px rgba(0,0,0, 0.7);
visibility: hidden;
opacity: 1;
pointer-events: none !important;;
transition: opacity .8s linear, margin-left .5s ease, transform 1s ease-in-out;
z-index: 5;}


.list-table .list-table-data:hover .data.image a:after {
visibility: visible;

pointer-events: none !important;;
opacity: 1;
transition: .3s ease-out;}


/* review section */

.list-table .list-table-data .data.tags {
position: fixed;
right: 0;
left: 0;
top: 50%;
margin: auto;
background-image: url(https://image.myanimelist.net/ui/5LYzTBVoS196gvYvw3zjwAmmNei3ftWHltBOI97xl-A);
display: inline !important;
line-height: 20px !important;
text-align:center;
pointer-events: none !important;
z-index: 6;
background-size: contain;
padding: 120px !important;
padding-top: 155px !important;;
height:450px;
width: 550px;
background-repeat: no-repeat;
background-color: transparent;
background-size: contain;
opacity: 0;
font-size: 18px;
}



.list-table .list-table-data .data.tags *
{
animation-name: pop;
animation-duration: 1s;
pointer-events: none !important;
color: black !important;}


.list-table .list-table-data:hover .data.tags, .list-table .list-table-data:hover .data.tags span:after {
opacity: 1;
animation-name: pop;
animation-duration: 1s;
pointer-events: none !important;
}

@keyframes pop {
0% { height:450px;
width: 550px;
font-size: 0px;}
12% { height:800px;
width: 800px;
font-size: 0px;}
26% { height:450px;
width: 550px;
font-size: 0px;
}
27% { height:450px;
width: 550px;
font-size: 18px;
}
100% { height:450px;
width: 550px;
font-size: 18px;}
}



.list-container {
position: absolute;
left: -5%;
filter: grayscale !important;
}

.list-table .list-table-header .header-title {
visibility: visible;
position: fixed;
left: -10%;
}

.list-table {
border-collapse: collapse;
width: 70%;

}
#list-container {
visibility: visible;
overflow: auto;
height: 96%;
width: 46%;
}

.list-menu-float {
border: 0;
}

.list-table {
width: 55%;
position: relative;
left: -20%;
}




.list-unit .list-status-title{
background-color: transparent;
position: fixed;
top: 0;
font-size: 0;
}



.list-table > tbody:nth-of-type(2n+1){
background: white;
}

.list-table .list-table-data .data{
border: none;
}


#list-container {
border: 3px black solid;
width: 32%;
top: 9%;
left: 1%;
height: 100%;
background: white;
}



.list-unit .list-status-title .text {
pointer-events: none;
}


#advanced-options {
z-index: 10002;

}

.list-unit {
width: 931px;

}


.list-table .list-table-data .data {
-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
filter: grayscale(100%);
}



.list-table-data:hover td
{
-webkit-filter:inherit !important;;
filter: inherit !important;
background-color: whitesmoke;
}