/* -----------------------------------------------------------------------------
  ___ _  _ ___ ___  ___  _   _ ___   _   ___ ___ _____ _  _ ___ __  __ ___ ___
 / __| || |_ _| _ \/ _ \| | | / __| /_\ / __|_ _|_   _| || | __|  \/  | __/ __|
 \__ \ __ || ||   / (_) | |_| \__ \/ _ \ (_ || |  | | | __ | _|| |\/| | _|\__ \
 |___/_||_|___|_|_\\___/ \___/|___/_/ \_\___|___| |_| |_||_|___|_|  |_|___|___/
 --------------------------------------------------------------------------------
 - requested by anko96 ----------------------------------------------------------
 -------------------------------------------------------------------------------- 
 ----------------------------------------------------------------------------- */
 
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import "https://malcat-gen.appspot.com/series?preset=more";

*
{font-weight: normal !important;}

body
{font-size: 12px;
font-family: Roboto Condensed;
color: #004760;
background-color: light-blue;
background-image: url(http://i.imgur.com/4RW1abz.jpg);
background-repeat: no-repeat;
background-position: left middle;
background-attachment: fixed;
background-size: cover;}

#list_surround
{position: absolute !important;
right: 20px;
width: 600px;}

a
{color: #004760;
transition: .5s ease;
text-decoration: none;}

a:hover
{color: #004760;}

.td1, .td2, .table_header
{height: 30px;
background-color: rgba(150,220,250,0.5);}

tr:hover [class^=td]
{background-color: rgba(150,220,250,0.9) !important;
color: #a1102d;
transition: .5s ease;}

tr:hover [class^=td] a
{color: #a1102d;}

small
{font-size: 10px;
color: #a00f2d;}

small a
{font-size: 10px;}

.header_title, .category_totals
{color: #ffffff;
background-color: rgba(160,15,45,0.5);
display: block;
height: 30px;
line-height: 30px;}

.header_title
{font-size: 12px;
text-transform: uppercase;
padding-left: 12px;
letter-spacing: 1px;
border-radius: 10px 10px 0 0;}

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

[class^="status_"]
{position: fixed;
right: 640px;
height: 30px;
width: 150px;
display: block;
background-color: rgba(150,220,250,0.5);
transition: .5s ease;}

[class^="status_"] a
{font-family: Roboto Condensed;
font-weight: 300;
text-transform: uppercase;
line-height: 30px;
height: 30px;
width: 150px;
letter-spacing: 1px;
text-align: center;
transition: .5s ease;}

[class^="status_"]:hover
{background-color: rgba(150,220,250,0.9);}

[class^="status_"] a:hover
{color: #a1102d;}

[class^="status_"]:first-of-type
{bottom: 290px;}

[class^="status_"]:nth-of-type(2)
{bottom: 260px;}

[class^="status_"]:nth-of-type(3)
{bottom: 230px;}

[class^="status_"]:nth-of-type(4)
{bottom: 200px;}

[class^="status_"]:nth-of-type(5)
{bottom: 170px;}

[class^="status_"]:last-of-type
{bottom: 140px;}

#copyright, #grand_totals
{display: block;
position: fixed;
background-color: rgba(150,220,250,0.5);
color: #a00f2d;
width: 140px;
text-align: justify !important;
padding-left: 5px;
padding-right: 5px;
line-height: 20px;
font-family: Roboto Condensed;}

#copyright
{bottom: 20px;
right: 640px;
height: 80px;}

#grand_totals
{bottom: 20px;
right: 810px;}

#copyright:after, [class^="status_"]:first-of-type:before, #grand_totals:before
{color: #ffffff;
position: fixed;
text-align: center;
display: block;
font-size: 12px;
font-family: Roboto Condensed;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
background-color: rgba(160,15,45,0.5);
width: 150px;
height: 30px;
line-height: 30px;
border-radius: 10px 10px 0 0;}

[class^="status_"]:first-of-type:before
{content: "navigation";
bottom: 320px;
right: 640px;}

#copyright:after
{content: "copyright";
bottom: 100px;
right: 640px;}

#grand_totals:before
{content: "grand totals";
bottom: 100px;
right: 810px;}

/* topbar */

#mal\_control\_strip, #mal\_control\_strip *
{font-family: Roboto Condensed !important;
color: #004760 !important;
font-size: 14px !important;
letter-spacing: 2px;
font-weight: normal !important;
text-decoration: none !important;
text-transform: uppercase !important;
transition: .3s linear;}

#mal\_control\_strip:before
{position: absolute;
display: block;
content: 'MENU';
margin-top: 105px;
width: 115px;
height: 30px;
line-height: 30px;
left: 0;
color: #ffffff;
background-color: rgba(160,15,45,0.5);
border-top: none;
border-radius: 0 0 10px 10px;
font-weight: 400;
text-align: center;
letter-spacing: 1px;} 

#mal\_control\_strip
{position: fixed !important;
display: block !important;
margin-top: -105px !important;
height: 105px !important;
width: 115px !important;
left: 20px !important;
background: rgba(150,220,250,0.5) !important;}

#mal\_control\_strip *:hover
{color: #a00f2d !important;}

#mal\_control\_strip:hover
{margin-top: 0 !important;}

#mal\_control\_strip table, #mal\_control\_strip td
{display: block;
width: 115px !important;}

#mal\_cs\_powered, #mal\_cs\_pic img, #mal\_cs\_otherlinks strong,  #searchBox, #mal\_cs\_otherlinks div a[href*="sharedanime"], #mal\_cs\_otherlinks div span[title*="Compatibility Score"], span[title="Affinity"]
{display: none !important;}

#mal_cs_pic, #mal_cs_listinfo, #mal_cs_links
{border-right: none !important;}

/* Username, Logout */
#mal\_cs\_listinfo div
{margin: 0 !important;
width: 115px !important;} 

#mal\_cs\_listinfo div a
{position: relative !important; 
display: block !important; 
top: 4px !important;
line-height: 16px !important;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;}

/* Add to List, Home, Anime List, Manga List */
#mal\_cs\_links div { 
margin: 0 !important;
width: 115px !important;}

#mal\_cs\_links div a
{position: relative !important; 
display: inline-block !important; 
top: 4px !important;
line-height: 16px !important;}

/* History, Forum, Export */
#mal\_cs\_otherlinks div a[href*="history"], #mal\_cs\_otherlinks div a[href*="forum"], #mal\_cs\_otherlinks div a[href*="export"], #mal\_cs\_otherlinks div a[href*="mangalist"]
{display: none !important;} 

/* Log in, Create list, Learn more */
#mal\_cs\_otherlinks div
{margin: 0 !important;
width: 115px !important;}

#mal\_cs\_otherlinks div:nth-of-type(2)
{position: absolute;
top: 27px;
color: transparent !important;
font-size: 0 !important;}

#mal\_cs\_otherlinks div a
{position: relative !important; 
display: block !important; 
line-height: 16px !important;}

#mal\_cs\_listinfo, #mal\_cs\_links, #mal\_cs\_otherlinks
{box-sizing: border-box;
padding: 0 0 0 5px !important;
height: auto !important;}

/* covers */

table:hover + .hide
{background-size: 150px 300px;
right: 640px;
bottom: 360px;
width: 150px;
height: 225px;
padding-bottom: 0px;
background-size: cover;
background-position: center 50% !important;
background-repeat: no-repeat !important;
display: block !important;
position: fixed;}

.hide:before
{color: #ffffff;
position: absolute;
text-align: center;
display: block;
font-size: 12px;
font-family: Roboto Condensed;
font-weight: 400;
text-transform: uppercase;
letter-spacing: 1px;
background-color: rgba(160,15,45,0.5);
width: 150px;
height: 30px;
line-height: 30px;
content: "cover";
top: -30px;
border-radius: 10px 10px 0 0;}

[id^="xmenu"]
{display: none;}

[class^=td] div small
{font-size: 0;
color: transparent;}

[class^=td] div small a
{font-size: 10px;
color: inherit;}