AnimeTwist Anilist Theme V3

@import url(https://fonts.googleapis.com/css?family=Lato);
@keyframes pulse {
   50% { color: white; }
}



/*///////*/
/* Fonts */
/*///////*/
body
{
  	font-size: 20px;
 	line-height: 100%;
 	font-family: Lato, sans-serif;
 	color: rgba(255,255,255,0.8);
  	box-shadow: 0 0 16px rgba(0, 0, 0, .8);
}



/*//////////////////////*/
/* Notification button  */
/*//////////////////////*/
.nav__notifications
{
  	background-color: inherit;
	color: inherit
}



/*////////////*/
/* List Fonts */
/*////////////*/
.rtitle
{
  	color: inherit
}



/*////////////*/
/* List input */
/*////////////*/
.list-input section
{
    background: #111;
    display: inline-block;
    position: relative;
    width: 25%;
}

.list-input .notes textarea {
    background: #1c1c1c;
    border: 0;
    font-family: 'Montserrat',sans-serif;
    min-height: 65px;
    padding: 12px;
    vertical-align: top;
    width: 100%;
}
.list-input .input__main input, .list-input .input__main select {
    background: rgba(0,0,0,0);
    border: 0;
    color: rgba(255,255,255,0.8);
    font-family: inherit;
    font-size: 14px;
    height: 55px;
    padding: 12px;
    padding-left: 13px;
    padding-top: 25px;
    vertical-align: top;
    width: 100%;
}
.list-input section b
{
 	color: #FFF;
}
.listNotes-btn
{
 	background-color: #1c1c1c;
}



/*///////*/
/* score */
/*///////*/
.row__score
{
	display:none;
}

tr:nth-of-type(odd) {
    background-color: #111;
}



/*////////////*/
/* Background */
/*////////////*/
body
{
  	background: #111
}



/*//////*/
/* List */
/*//////*/
.update, table, q
{
  	background: inherit;
}



/*/////////////////*/
/* List Background */
/*/////////////////*/
a
{
    background-color: #111;
}



/*/////////////*/
/* List Tweaks */
/*/////////////*/
.list_wrapper table
{
  	box-shadow: none;
}
.list__tag
{
    display: none;
}



/*//////////////////*/
/* search font size */
/*//////////////////*/
input[type=text]
{
  	font-size: inherit;
  	text-transform: uppercase;
}



/*////////*/
/* Header */
/*////////*/
#list_header
{
    top: 32px;
  	background: #e63c3c;
 	border-radius: 2px;
  	box-shadow: 0 0 16px rgba(0, 0, 0, .8);
   	color: rgba(255, 255, 255, .35);
   	overflow: hidden;
   	position: block;
  	padding: 16px;
    height: 50px;
}



/*///////////////*/
/* Header hiding */
/*///////////////*/
#list_header .display_name, #list_header a
{
 	background: #e63c3c;
}



/*///////////////*/
/* Header avatar */
/*///////////////*/
#list_header .img_crop
{
  	height: 50px;
    margin-left: -16px;
    margin-right: 15px;
    margin-top: -16px;
    overflow: hidden;
    width: 50px;
  	display: none;
}



/*////////////*/
/* Search Bar */
/*////////////*/
 	input::-webkit-input-placeholder { color: rgba(255, 255, 255, .35); }
 	input:-ms-input-placeholder { color: rgba(255, 255, 255, .35); }
 	input::-moz-placeholder {
    color: rgba(255, 255, 255, .3);
    opacity: 1;
}



/*///////////////////*/
/* Search Bar Tweaks */
/*///////////////////*/
#list_header input
{
  float: none;
  padding: 0px;
  width: 47%;
  color: rgba(255,255,255,0.8);
  text-transform: none;
  font-family: Lato, sans-serif;
}



/*///////////////////*/
/* Search Bar Mobile */
/*///////////////////*/
@media (max-width: 768px)
{ #list_header input
{ display: inline-block;
  width: 40%;} }



/*////////////*/
/* Main Title */
/*////////////*/
#lists h3, main title
{
   	color: #fff;
   	padding-top: 40px;
}



/*/////////*/
/* Borders */
/*/////////*/
th, tr
{
   	border-bottom: 1px solid #1c1c1c;
}



/*//////////////*/
/* Navbar color */
/*//////////////*/
.nav
{
   	background: #111;
  	box-shadow: 0 0 16px rgba(0, 0, 0, .8);
}
.nav__links div
{
  	color: #111;
}


/*////////////////////*/
/* Navbar Icons Color */
/*////////////////////*/
nav a
{
	color: inherit;
}



/*/////////*/
/* padding */
/*/////////*/
th, td
{
    padding: 0px 10px;
}



/*////////////////////*/
/* Navbar Icons hover */
/*////////////////////*/
nav a:hover
{
  	background: inherit;
}



/*///////////////*/
/* Navbar Mobile */
/*///////////////*/
.nav-mobile, .nav-draw
{
  	box-shadow: 0 0 16px rgba(0,0,0,.8);
}
.nav-mobile .nav-draw a:nth-of-type(even), .nav-mobile>span
{
    background: #111;
}
.nav-mobile>span i
{
  	color: #FFF;
}



/*///////////////////////////////*/
/* makes things easily clickable */
/*///////////////////////////////*/
td > *
{
  	padding: 16px 0;
}



/*/////////////////////////////////////////*/
/* makes things even more easily clickable */
/*/////////////////////////////////////////*/
td > a
{
  	display: block;
}



/*///////////////////////////////////*/
/* makes airing correctly positioned */
/*///////////////////////////////////*/
td
{
  	position:relative;
}
.tag_airing
{
  	position:absolute;right:0;
  	top:0;
  	text-transform: uppercase;
}



/*//////////*/
/* Category */
/*//////////*/
th
{
  	display:none;
}



/*///////////*/
/* list font */
/*///////////*/
th, td
{
  font-size: inherit;
}



/*////////////*/
/* episode/tv */
/*////////////*/
.sml_col
{
    text-align: center;
  	width: 64px;
}



/*/////////////*/
/* Plus Symbol */
/*/////////////*/
.sml_col .plus
{
	display:none;
}



/*////////////*/
/* Airing Tag */
/*////////////*/
.tag_airing, .tag_notairing
{
    color: #e53232;
    font-size: 0.75rem;
    opacity: 1;
}



/*//////////////*/
/* Hover Effect */
/*//////////////*/
a:hover, a:active, a:focus {
   	outline: none;
   	animation: pulse .38s infinite;
   	color: inherit;
}



/*//////////////*/
/* Anilist Logo */
/*//////////////*/
.nav__footer
{
	display:none;
}



/*//////////////*/
/* Notification */
/*//////////////*/
.noti
{
	background: #111;
    color: rgba(255, 255, 255, .5);
    border-bottom: 1px solid rgba(255, 255, 255, .05);
    padding: 16px;
}
.nav__links a:hover{
    background: #111;
    color: rgba(255, 255, 255, .8);
}
.nav__links a:hover div {
    color: rgba(255, 255, 255, .5) !important;
}


/*///////////////////*/
/* Notification Name */
/*///////////////////*/
.noti__link b
{
  	color: #fff;
}



/*/////////////////////*/
/* Notification Banner */
/*/////////////////////*/
.noti .noti_row
{
	background: inherit;
	border: inherit;
}



/*//////////////////////////*/
/* Notification Banner Hover*/
/*//////////////////////////*/
.noti .noti_row:hover
{
  	background: inherit;
  	color: inherit;
}



/*////////////*/
/* scroll bar */
/*////////////*/
::-webkit-scrollbar-thumb
{
 	background-color: #1c1c1c;
}



/*///////////////////*/
/* scroll background */
/*///////////////////*/
::-webkit-scrollbar-track-piece
{
 	background-color: inherit;
}



/*//////////////*/
/* scroll hover */
/*//////////////*/
::-webkit-scrollbar-thumb:hover
{
 	background-color: #ffffff;
}