@import "http://dl.dropboxusercontent.com/s/pr530jjwcnfjvnx/botmenu.css";

/*Fonts*/
@import url("http://fonts.googleapis.com/css?family=Tangerine");
@import url("http://fonts.googleapis.com/css?family=Lemon");
@import url("http://fonts.googleapis.com/css?family=Nova+Slim");
@import "https://malcat-gen.appspot.com/series?preset=animetitle";

/*
BACKGROUND IMAGE
*/

body {
background-image:
url(https://dl.dropboxusercontent.com/s/),
url(https://dl.dropboxusercontent.com/s/xb4ibuzuicqw3ry/yosuga.png),
url(https://dl.dropboxusercontent.com/s/ww4ue9mr92s85yr/road2.png);
background-size:100%,100%,cover;
background-attachment: fixed,fixed,fixed;
background-position: left top, 0% 100%,0% 100%;
text-shadow: 1px 0px 4px #3A6FE7;
background-color: rgb(255, 255, 255);
}

body:after {
background-color:#FFF;
position: fixed;
display: block;
content: '';
right: 0;
top: 0;
width: calc(100% - 946px);
height: 100%;
background-image: url(https://dl.dropboxusercontent.com/s/xb4ibuzuicqw3ry/yosuga.png),
url(https://dl.dropboxusercontent.com/s/ww4ue9mr92s85yr/road2.png);
background-size: 100%, cover;
background-attachment: fixed;
background-position: 0% 100%;
pointer-events:none;
}

/*
HEADER COLOR AND FONT
These codes control the main headers' fonts and colors. Every header is above each part of your list
(they say things like Currently Watching, Completed, Dropped, etc).
*/

.header_title {
padding:2px;
background-color: rgba(237, 130, 237, 0.400);
color: #EBCF9E;
font-family: "Tangerine";
font-size:40px;
border-radius: 20px 20px 0px 0px;
font-weight: 700;
text-align: center;
text-shadow: 3px -1px 5px #0C0C0C;
}

/* Completed*/
.header_completed span { font-size: 0; }
.header_completed span:before { content: 'Finished'; font-size: 40px; }

/*
SUB-HEADERS BACKGROUND COLOR COLOR
Below each main header is the sub-header which says Score, Episodes, Tags, etc.
*/

.table_header {
background-color: rgba(128, 0, 128, 0.400);
}

/*
ANIME/MANGA TITLE FONTS
*/

.animetitle, .animetitle:visited {
color:white;
font-family: "Lemon"!important;
font-size:15px;
display:block;
}

/*
LIST FONTS
This is the type and color for more of the numbers, links, and words on the list itself!
*/

.td1, .td2, a, a:visited, .category_totals, .table_header, #grand_totals, #copyright
{
color:white;
font-family: "Nova Slim" ;
}

#mal\_control_strip, #mal\_control_strip a {
color:white;
font-family: "Nova Slim" !important;
text-decoration:none !important;
}

#mal\_control_strip td, #mal\_control_strip td div {
font-family: "Lemon"!important;
}
#mal_cs_listinfo div:first-of-type:before
{
color:white;
font-family: "Nova Slim" !important;
text-decoration:none !important;
Content:'Welcome '!important;
}
#mal_cs_listinfo div:first-of-type:after
{
color:white;
font-family: "Nova Slim" !important;
text-decoration:none !important;
Content:'-san'!important;
}

#list_surround {
position: fixed;
left: 10px;
top: 0;
width: 935px;
height: 100%;
overflow-y: auto;
min-height:4000px;
}

/*
OTHER CODES
*/
body {
font-weight: light;
background-repeat: no-repeat;
background-color: #FFFFFF;
}
a ,a:visited {
text-decoration:none;
transition: all .8s ease 0s;/* CSS3 reference */
-o-transition: all .8s ease 0s; /* for Opera compatibility */
-ms-transition: all 08s ease 0s; /* for IE compatibility(I think) */
-moz-transition: all .8s ease 0s; /* for Firefox compatibility */
-webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */
}
a:hover, a:visited:hover, #mal_control_strip a:hover, #mal_control_strip a:visited:hover
{
color:rgba(251, 189, 255, 0.702);
text-decoration:none;
}
.category_totals,
.td1,
.td2,
#grand_totals,
#copyright {
background-image:url(http://img15.imageshack.us/img15/228/frame6518.png);
border-width:0;
transition: all .8s ease 0s;/* CSS3 reference */
-o-transition: all .8s ease 0s; /* for Opera compatibility */
-ms-transition: all 08s ease 0s; /* for IE compatibility(I think) */
-moz-transition: all .8s ease 0s; /* for Firefox compatibility */
-webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */
}
.category_totals:HOVER,
.td1:HOVER,
.td2:HOVER,
#grand_totals:HOVER,
#copyright:HOVER {
background-color:rgba(12, 26, 171, 0.400);
border-width:0;
}
#copyright:after {
content: " Custom CSS by Shishio-kun. Google 'Shishio's Custom Lists' for more designs and info. Theme by Al_eXs and Oiomi.";
}
#copyright {
margin-bottom: 30px !important;
border-radius: 20px;
padding: 10px;
}
.status_selected a,.status_not_selected a,.status_selected a:hover
,.status_not_selected a:hover{
transition: all 0s ease 0s;/* CSS3 reference */
-o-transition: all 0s ease 0s; /* for Opera compatibility */
-ms-transition: all 0s ease 0s; /* for IE compatibility(I think) */
-moz-transition: all 0s ease 0s; /* for Firefox compatibility */
-webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility */
}
.thickbox {
color:cyan;
font-family:fantasy;
font-size:12px;
}

.table_header {
border-width:0;
font-weight:bold;
padding:2px;
}

.category_totals {
border-radius: 0px 0px 20px 20px;
height: 40px;
text-align: center;
}
#grand_totals {
text-align: center;
margin:0 auto;
border-radius: 20px;
padding: 10px 20px;
width: 60%;
}
/*
ROWS TRANSITION
This controls the part where pics appear on your rows.
It controls the timing. You can change the numbers.

The first number in each row by default is .5s, this is a half second.
It controls how fast the pic window "opens".
The second number is the time it takes the window to begin opening.
By default its set to .1s, a tenth of a second.
If you changed it to 2s, it would take two seconds for the window to open.

You'll need to change all the rows timings!
They change different browser's timings.
*/
.td1, .td2 {
line-height: 20px;
}
/*
LIST ROWS HEIGHT ON HOVER
This is the height of the rows when you put your cursor on them.
*/
/*
tr:hover .td1, tr:hover .td2 {
line-height: 340px;
}
tr:hover .td1, tr:hover .td2, .td1, .td2 {
transition: all .8s ease 0s;/* CSS3 reference 
-o-transition: all .8s ease 0s; /* for Opera compatibility 
-ms-transition: all 08s ease 0s; /* for IE compatibility(I think) 
-moz-transition: all .8s ease 0s; /* for Firefox compatibility 
-webkit-transition: all .8s ease 0s; /* for Chrome, Safari compatibility 
}
/*
AIRING
*/
.animetitle + small {
position: relative;
line-height: 1px !important;
display:none;
}

body , body:after , a:hover {
cursor:url(https://dl.dropboxusercontent.com/s/6o8qutx214zirmq/normal_Yosuga_no_Sora.png) 1 2, auto;
}


/*
REMOVE LINES FROM MENU BAR
*/
#mal_cs_pic, #mal_cs_listinfo, #mal_cs_links {
border-right: 0 none !important;
}

.animetitle[href$="/Another"] span:after,
.animetitle[href$="/Hanasaku_Iroha"] span:after,
.animetitle[href$="/Angel_Beats!"] span:after,
.animetitle[href$="/Yosuga_no_Sora:_In_Solitude_Where_We_Are_Least_Alone."] span:after,
.animetitle[href$="/Ore_no_Imouto_ga_Konnani_Kawaii_Wake_ga_Nai"] span:after,
.animetitle[href$="/Vampire_Hunter_D"] span:after {
position: absolute;
display: block;
content: ' ';
margin-left: 810px;
margin-top: -25px;
width: 25px;
height: 25px;
background: url(http://dl.dropboxusercontent.com/s/vat9ise5xmdgq4o/Sora.png) no-repeat;
background-size:100%;

}


#mal_cs_links a {
text-shadow:none !important;
}

#mal_cs_links div:first-of-type a:first-of-type:hover {
Background:url(https://dl.dropboxusercontent.com/s/y077khhzyk1sdxo/6168af5601c9.png)!important;
background-position: 0px 0px !important;

}
#mal_cs_links div:first-of-type a:last-of-type:hover {
Background:url(https://dl.dropboxusercontent.com/s/y077khhzyk1sdxo/6168af5601c9.png)!important;
background-position: -16px 0px !important;

}
#mal_cs_links div:last-of-type a:first-of-type:hover {
Background:url(https://dl.dropboxusercontent.com/s/y077khhzyk1sdxo/6168af5601c9.png)!important;
background-position: -32px 0px !important;

}
#mal_cs_links div:last-of-type a:last-of-type:hover {
Background:url(https://dl.dropboxusercontent.com/s/y077khhzyk1sdxo/6168af5601c9.png)!important;
background-position: -48px 0px !important;

}
#copyright
{
margin-bottom:40px !important;
}
/* TOP BAR SETTINGS
the numbers in parenthesis change the color and opacity of the bar. Get a color number easily from this page:
http://www.css3maker.com/css-3-rgba.html

Change position to absolute to make the bar not scroll with the page.
Change the background image out with the url in parenthesis. 
*/

#mal\_control\_strip {
background-color: rgba(1,1,1,.5) !important;
background-image: url('http://i.imgur.com/hzPJrg4.png') !important;
position:fixed;
z-index:10;
}



/* 
OTHER CODES
*/
#mal\_control\_strip {
background-position: bottom !important; 
top: -16px;
height: 1px !important;}
#mal\_control\_strip di\v {display:inline}
#mal\_cs\_pic img {height: 24px !important; width: auto !important}
#mal\_cs\_listinfo {
  width: 26% !important;
  height: 0 !important;
  padding-bottom: 18px !important;
  padding-top: 27px !important;
background: ;
position: absolute;
top:-5px;
border-right-color: rgba(0,0,0,0.8) !important;}
#mal\_cs\_listinfo div:first-of-type:before {content:'Logged in as '}
#mal\_cs\_listinfo div:last-of-type a {text-decoration: none}
#mal\_cs\_listinfo div:last-of-type a:hover {text-decoration: underline}
#mal\_cs\_listinfo div:last-of-type:before {font-weight:normal;content:'('}
#mal\_cs\_listinfo div:last-of-type:after {font-weight:normal;content:')'}
#mal\_cs\_links {
  width: 92px !important;
  height: 0 !important;
  padding-bottom: 20px !important;
  padding-top: 27px !important;
left: 28%;
top: -7px;
position: absolute;
border-right-color: rgba(0,0,0,0.8) !important;}
#mal\_cs\_links a {background-image: url('http://i.imgur.com/PAEW4Q8.png') !important;width:16px;height:16px;content:none; display: inline-block !important;color: transparent !important; letter-spacing: -1ex;font-size:xx-small}
#mal\_cs\_links div:first-of-type:after {content: '\a0'}
#mal\_cs\_links div:first-of-type a:first-of-type {background-position: 0px 0px}
#mal\_cs\_links div:first-of-type a:last-of-type {background-position: -16px 0px}
#mal\_cs\_links div:last-of-type a:first-of-type {background-position:-32px 0px}
#mal\_cs\_links div:last-of-type a:last-of-type {background-position:-48px 0px}
#mal\_cs\_otherlinks strong{
  width: 25% !important;
  height: 0 !important;
  padding-bottom: 20px !important;
  padding-top: 27px !important;
left:28%;
margin-left: 130px;
top: -5px;
position: absolute;
border-right-color: rgba(0,0,0,0.8) !important;}
#mal\_cs\_otherlinks div:last-of-type {float:right;padding-right:150px;
margin-top: 19px;}
#mal\_cs\_otherlinks div:first-of-type {float:left}
#mal\_cs\_powered img {display:none}
#searchBox {margin-top: 15px !important; width: 135px !important}
#mal\_control\_strip img {
margin-top: 15px !important;
}

#mal\_cs\_links a {background-image: url('http://i.imgur.com/PAEW4Q8.png') !important;}


form[action*="logout"] {
display: inline;
}