{{ANILIST-COVERS=LRG}

/ General List Based Stuff /

    {
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    }
    body {
    background-color: #FFF;
    }
    / Fixing that blank space at the bottom of the list /
    view:right {
    height: 5 !important;
    }

/ Adjusting the Width of the Navigation Bar /
nav, .navfooter, #nav:hover, #nav:hover .navfooter {
width: 300px !important;
background: #000;
}
container-main, nav:hover+#container-main {

margin-left: 300px !important;
}

div#view.clearfix {
left: 300px !important;
}
.navfooter {
display: none;
}
.navheader {
display: none;
}

/LIST HEADER/
sideNav-wrap, #list_header {background:#000000;opacity:0.6;}
sideNav-wrap:hover, #list_header:hover {opacity:1}

/BACKGROUND/

body {background: url(http://megahdwall.com/wp-content/uploads/2014/06/Architecture-Widescreen-Fullmetal-Alchemist-Hd-And-675959.jpg)no-repeat center center fixed;
background-size:cover;}

/SIDENAV WIDTH/
sideNav,#sideNav-wrap{width:50px!important;padding-top:}

/SIDENAV PROFILE IMAGE PADDING/
sideNav header{padding:0;-moz-padding:0}

/SIDENAV ICON POSITIONING AND BOX SHADOW/
sideNav ul{margin-top:0;font-size:.12cm;box-shadow:0 2px 5px rgba(225,225,225,.4)}

/SIDENAV PROFILE PICTURE CROP/
sideNav header,#sideNav header .img_crop{width:48px!important;height:48px!important;

margin:0;border:none}

/SIDENAV ICON AND POP OUT BOXES ALIGNMENT/
sideNav header h1{display:block!important;position:absolute;left:-160px;background:0 0;

width:auto;height:0;padding:0 16px;line-height:48px;margin:0;transition:all 200ms ease;
z-index:-99;border:none;box-sizing:border-box;-moz-box-sizing:border-box;
word-break:normal;word-wrap:normal}

/PROFILE SECTION/
sideNav header:hover h1{left:48px;border:none;color:#FFFFFF;}li[data-hint]

/SIDNAV ICON COLOUR/
{padding:16px!important;background:#000000;height:6px}

/SIDNAV ICON BACKGROUND SIZE AND COLOUR/POPOUT BACKGROUND SIZE/
li[data-hint] span{background:#000000;display:block;
position:absolute;z-index:-99;top:0;width:100px;height:38px;
padding:0 6px;margin:0 0 0 32px;
/HIDES ICON TITLE/
transition:all 200ms ease;left:-148px;
line-height:38;line-height:38px}

/SIDENAV POP OUT BACKGROUND COLOUR/
li[data-hint]:hover span{left:16px;background:#000000}

/SIDENAV BACKGROUND COLOUR FOR SECTIONS WITH NO ICONS/
sideNav-wrap{background:none /#000000!important;opacity:0.6/;border:none;

box-shadow:none!important}

/SIDENAV ICON COLOUR/
sideNav a{background:#FFFFFF!important;color:#FFFFFF!important}

/SIDENAV SEARCH ICON AND POP OUT TEXT COLOUR/
sideNav,#sideNav ul li:hover,.sideNav-sml [data-hint]:

after{color:#2A0A22!important;}

/SIDENAV PROFILE SECTION AND ICON BREAK/HOVER OVER COLOUR/
sideNav,#sideNav ul li:hover,

.sideNav-sml [data-hint]:after{background:#000000!important;}

/LIST TRANSPARANCY & BACKGROUND COLOUR/

table.list {opacity:0.6;background-color: #000000;
-webkit-transition: linear 1s;transition: linear 1s}

table.list:hover{opacity:1}

/ROUNDED LIST BORDERS/

table.list {-webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}

/ HIGHLIGHT LIST ITEM ON HOVER/

.rtitle:hover {color: #FFFFFF;background-color: rgba(225, 225, 225, 0.4)}

/LIST TITLE COLOUR & FONT (WATCHING,COMPLETE ETC.)/

h3 {font-family: ‘Time New Roman’, cursive; font-size: 2em; letter-spacing: 1px;
color: #FFFFFF;text-shadow:2px 2px #000080;}

/REMOVE ALL LIST HEADERS (TITLE,PROGRESS,TYPE ect.)/

thead, td.sml_col_status { display: none !important; }

/LIST ITEM TEXT COLOUR/

table.list

tr,table.list a{color:#FFFFFF;font-size: 1.01em}

/LIST ITEM PADDING & SIZE/

th, td {padding-top: 0px; padding-bottom: 0px ;padding-left: 6px; padding-right: 0px;}

th, td {padding: 0px 2px;border-width: 0;}

tr.rtitle td {padding-top: 3px;padding-bottom: 3px;}

.sml_col {width: 40px;}

.sml_col .plus {margin-left: 2px;}
lists table {position: relative;}

/AIRED STATUS TO RIGHT/
td.hover_icon {position: relative;}

.tag_airing {position: relative;float: right;}

.tag_notairedyet{position: relative;float: right;}

/AIRING SIGN COLOUR/

.tag_airing
{color:#FFFFFF;opacity: 1;}

/REWATCHED COLOUR/

.tag_notes {color: #FFFFFF}

/LIST ITEM UPDATE BOX/

body, table.list tr.update {background-color:#000000 !important;
color:#000000 !important}

body, table.list textarea.listNotes,
{color: #FFFFFF}

/SEATCH BAR COLOUR/
searchResults{background:rgba(0,0,0,0.6);}

/FILTER OPTION BACKGROUND COLOUR (ANIME,MANGA, CHARACTER ETC.)/
option{background-color:#000000;opacity: 0.6;
/FILTER OPTION TEXT COLOUR/
color:#FFFFFF;}

/ SEARCH FIELD BACKGROUND COLOUR/
.searchField{background:rgba(0,0,0,0.6);
/COLOUR OF TYPE SEARCH TEXT/
color:#FFFFFF;padding-left:10%;margin-left:0px;width:100%;}

/FILTER BOX BACKGROUND AND BORDER REMOVAL/
.searchOption{margin-right:100px!important;width:100px;background:none!important;
border:none!important;
/COLOUR OF FILTER TITLE WHEN SELECTED/
color:#FFFFFF;}

/MOVES LEFT MARGIN AND SETS SEARCH BOX BACKGROUND COLOUR/
searchBar{margin-left:0px;border-top:none;

background-color:#000000; Opacity: 0.6;
/REMOVES BOX SHADOW/
box-shadow:none;}

/ ADDING NUMERIC COUNTER /

.rtitle {counter-increment: count}

table.list tr.rtitle td.hover_icon:before {float: left; min-width: 1em;
content: counter(count)’.’;}