/* -----------------------------------------------------------------------------
  ___ _  _ ___ ___  ___  _   _ ___   _   ___ ___ _____ _  _ ___ __  __ ___ ___   
 / __| || |_ _| _ \/ _ \| | | / __| /_\ / __|_ _|_   _| || | __|  \/  | __/ __|  
 \__ \ __ || ||   / (_) | |_| \__ \/ _ \ (_ || |  | | | __ | _|| |\/| | _|\__ \  
 |___/_||_|___|_|_\\___/ \___/|___/_/ \_\___|___| |_| |_||_|___|_|  |_|___|___/  
 --------------------------------------------------------------------------------
 - requested by masamilow -------------------------------------------------------
 --------------------------------------------------------------------------------
 ----------------------------------------------------------------------------- */
 
@import 'https://dl.dropboxusercontent.com/s/hquo3rbkyitvw6o/violet-icon-topbar.css';
@import "https://fonts.googleapis.com/css?family=Varela";
@import "https://malcat-gen.appspot.com/series?preset=more";

body
{background-image: url(https://dl.dropboxusercontent.com/s/7ieqqu4ivzmgr75/nisekoi-chitoge.jpg);
background-position: top center;
background-size: cover;
background-repeat: no-repeat;
background-attachment: fixed;
color: #fff;
font-family: Varela;
font-size: 15px;
font-variant: small-caps;
font-weight: normal !important;}

a
{color: #ffe6ff;
text-decoration: none;
text-shadow: 1px 1px 2px rgba(0,0,0,1);}

strong
{font-weight: normal !important;}

#list_surround
{width: 700px;
left: 150px;
position: absolute;}

.td1, .td2
{background-color: rgba(110,84,193,0.6);
font-weight: normal !important;}

.table_header, .category_totals
{background-color: rgba(110,84,193,0.9);
font-weight: normal !important;
height: 20px;}

.category_totals
{border-radius: 0 0 8px 8px;
font-size: 12px;
text-align: center;}

.table_header:first-of-type
{border-radius: 8px 0 0 0;}

.table_header:last-of-type
{border-radius: 0 8px 0 0;}

.table_header:nth-of-type(2)
{padding-left: 42px;}

.table_headerLink
{color: #fff !important;}

.header_title span
{display: none;}
.header_title
{height: 52px;}

.header_cw
{background-image: url(https://dl.dropboxusercontent.com/s/64wv3vwp092v1l2/nisekoi-chitoge-watching.png);
background-position: center;
background-repeat: no-repeat;}
.header_completed
{background-image: url(https://dl.dropboxusercontent.com/s/mg6enn6nseoxxdz/nisekoi-chitoge-completed.png);
background-position: center;
background-repeat: no-repeat;}
.header_onhold
{background-image: url(https://dl.dropboxusercontent.com/s/d3heh4vqgi0ruhk/nisekoi-chitoge-onhold.png);
background-position: center;
background-repeat: no-repeat;}
.header_dropped
{background-image: url(https://dl.dropboxusercontent.com/s/xed366rr1f68hid/nisekoi-chitoge-dropped.png);
background-position: center;
background-repeat: no-repeat;}
.header_ptw
{background-image: url(https://dl.dropboxusercontent.com/s/n9ey11vtdknfon7/nisekoi-chitoge-ptw.png);
background-position: center;
background-repeat: no-repeat;}

tr:hover [class^=td]
{background-color: rgba(110,84,193,0.9);
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

tr:hover [class^=td] .animetitle
{letter-spacing: 1px;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;}

#list_surround table:first-of-type td
{display: block;
position: fixed;
right: 20px;
height: 22px;
width: 120px;
padding: 0 10px 0 10px;
background-color: rgba(110,84,193,0.6);}

#list_surround table:first-of-type td:first-of-type a
{font-size: 0px !important;
color: transparent !important;}

#list_surround table:first-of-type td:first-of-type a:before
{content: "Watching";
font-size: 15px !important;
color: #ffe6ff !important;}

#list_surround table:first-of-type a:hover
{letter-spacing: 1px;}

#list_surround table:first-of-type td:first-of-type
{bottom: 130px;}
#list_surround table:first-of-type td:nth-of-type(2)
{bottom: 108px;}
#list_surround table:first-of-type td:nth-of-type(3)
{bottom: 86px;}
#list_surround table:first-of-type td:nth-of-type(4)
{bottom: 64px;}
#list_surround table:first-of-type td:nth-of-type(5)
{bottom: 42px;}
#list_surround table:first-of-type td:last-of-type
{bottom: 20px;}

#grand_totals, #copyright
{background-color: rgba(110,84,193,0.9);
font-size: 12px;
text-align: center;
height: 20px;
line-height: 20px;
border-radius: 8px;}

::-webkit-scrollbar
{width:10px;
background-color: #ffffff;}
 
::-webkit-scrollbar-thumb:vertical
{background-color: rgba(110,84,193,0.6);
border: 2px solid #fff;
border-radius: 4px;}   

::-webkit-scrollbar-thumb:vertical:hover
{background-color: rgba(110,84,193,0.9);}

/* THUMBNAIL SETTINGS */
.hide
{height:50px;
width:30px;
margin-left:33px;
margin-top:-57px;
border:1px solid #FFFFFF;
background-color:rgba(110,84,193,0.7);
background-position:50% 50%;
background-repeat:no-repeat no-repeat;
background-size:cover;
border-bottom-left-radius:1px;
border-bottom-right-radius:4px;
border-top-left-radius:4px;
border-top-right-radius:1px;
display:inline-block !important;
position: absolute;}

/* THUMBNAIL HOVER SETTING */
.hide:hover
{margin-left:-142px;
padding-right:100px;
padding-top:150px !important;
background-color:transparent;
background-repeat:no-repeat no-repeat;
background-size:cover;
border-bottom-left-radius:15px;
border-bottom-right-radius:5px;
border-top-left-radius:5px;
border-top-right-radius:15px;
box-shadow: 4px 4px 5px 0px rgba(110,84,193,0.75);
position:absolute;
z-index:1;}

/* THUMBNAIL HOVER FLICKER FIX */
.hide:hover:after
{background: transparent;
content: " ";
height: 75px;
left: 0;
position: absolute;
top: 0;
width: 210px;
z-index: 20;}

/*ANIMATION FOR ZOOM */
*
{-webkit-transition:all 0.25s ease-in-out;
transition:all 0.25s ease-in-out;}

/*ROW WIDTH AND SPACING */
.td1:nth-of-type(2), .td2:nth-of-type(2)
{height: 62px;
padding-left: 42px;}