❓ Ask for help here + See Frequently Asked Questions

@import url(https://dl.dropboxusercontent.com/u/94694368/FavsChu2byo.css);
@import url(http://dl.dropbox.com/u/49469857/MAL/premade/anime.css);

/*
import Fonts
*/
@import url(http://fonts.googleapis.com/css?family=Finger+Paint);
@import url(http://fonts.googleapis.com/css?family=Finger+Paint);

/*
Background pattern, common color and font.
*/
body {
background: url("http://img19.imageshack.us/img19/4131/backgroundve.png") repeat scroll 0 0 #CCCCCC;
font-family: "Finger Paint";
color: #514d6d !important;
}

/*
Banner with fade pic overlap
*/
#inlineContent {
background-image: url("http://img36.imageshack.us/img36/1723/fadee.png"), url("http://imageshack.us/a/img856/4190/rikkadekobanner1.png");
background-repeat: repeat-x, no-repeat;
background-position: center top;
background-size: auto 100%,
background-color: #C0C0C2;
display: block !important;
height: 380px;
left: 0px;
margin: auto;
position: absolute;
top: 0px;
width: 100%;
z-index: 1;
}


/*
Links decoration
*/
a, a:visited {
color: #514d6d;
text-decoration: none !important;
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 */
}

/*
Links decoration on hover
*/
a:hover {
color: #6cbee3 !important;
}

/*
Font for Anime Titles
*/
.animetitle {
font-family: "Finger Paint";
font-size: 13pt;
}

/*##################AIRING######################*/
.animetitle + small {
background: none repeat scroll 0 0 rgba(225, 225, 42, 0.0);
border-radius: 0 0 5px 5px;
font-size: 15px !important;
font-weight: bold;
left: 295px;
margin-top: 60px;
max-width: 58px;
overflow: hidden;
padding-right: 2px;
pointer-events: none;
position: absolute;
text-align: left;
text-overflow: ellipsis;
white-space: nowrap;
width: 58px;
z-index: 1;
color: #ffff2a;
text-shadow: 0 0 1px black, 0 0 3px black, 0 0 6px white, 1px 1px 2px black;
}

/*
Top bar
*/
#mal_control_strip {
background-color: transparent !important;
background-image: url('http://s017.radikal.ru/i425/1203/8e/8a32093af242.png') !important;
position:fixed;
top: 0;
z-index: 10;
}

#mal_control_strip td {
height: 24px !important;
border-right-color: rgba(0,0,0,0.8) !important;
}

#mal_control_strip div {
display:inline}

#mal_cs_pic img {
height: 24px !important;
width: auto !important}

#mal_cs_listinfo {
width: auto !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: 90px !important}

#mal_cs_links a {
background-image: url('http://s001.radikal.ru/i194/1203/95/6168af5601c9.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: ''}

#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 div:last-of-type {
float:right;
padding-right:150px}

#mal_cs_otherlinks div:first-of-type {
float:left}

#mal_cs_powered img {
display:none}

/*
Search Box
*/
#search {
background-image: url("http://i627.photobucket.com/albums/tt354/EuphoricField/r52searchg.png");
background-position: 100% 0%;
background-repeat: no-repeat;
background-size: cover;
height: 260px;
position: absolute;
right: 0px;
top: 15px;
width: 240px;
}
#searchBox {
background-image: url("http://img13.imageshack.us/img13/4100/searchboxp.png");
background-position: 50% 50%;
background-size: cover;
background-color: transparent;
border: 0px none currentColor !important;
height: 34px;
margin-right: 94px;
margin-top: 160px;
text-align: center;
width: 97px !important;
}


.table_header{display:none} /*Hide #, Anime Title, Score,...*/
#list_surround table:first-of-type td:nth-of-type(6){display:none} /*Hide All Anime Category Menu*/

/*
List propierties
*/
#list_surround {
background-color: rgba(0, 0, 0, 0.102);
box-shadow: 0px 0px 11px 2px #0D0D0D inset;
margin: 380px auto 0px;
padding: 0px 15px;
width: 765px;
}

/*
Category Menu customization
*/
#list_surround > table:first-of-type {
position: fixed;
right: -20px;
top: 280px;
padding-right: 20px;
width: 230px;
z-index: 5;
}

#list_surround > table:first-of-type td {
display: block;
width: 100%;
height: 50px;
}

.status_not_selected a {
background: url("http://img850.imageshack.us/img850/6228/menuml.png") no-repeat silver;
display: block;
height: 60px;
width: 230px;
color: transparent !important;
border-radius: 20px 0px 0px 20px;
box-shadow: 0px 0px 11px 2px #0D0D0D inset;
text-shadow: none !important;
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 */
}

.status_selected a {
background: url("http://img812.imageshack.us/img812/3886/menuactive.png") no-repeat #F7F59F;
display: block;
height: 60px;
width: 230px;
color: transparent !important;
border-radius: 20px 0px 0px 20px;
box-shadow: 0px 0px 11px 2px #6cbee3 inset;
text-shadow: none !important;
}

.status_not_selected > a[href*="status=1"] {background-position: 50% 0px;}
.status_not_selected > a[href*="status=2"] {background-position: 50% -60px;}
.status_not_selected > a[href*="status=3"] {background-position: 50% -120px;}
.status_not_selected > a[href*="status=4"] {background-position: 50% -240px;}
.status_not_selected > a[href*="status=6"] {background-position: 50% -180px;}
.status_not_selected > a:hover {background-color: #787878;}
.status_selected > a[href*="status=1"] {background-position: 50% 0px;}
.status_selected > a[href*="status=2"] {background-position: 50% -60px;}
.status_selected > a[href*="status=3"] {background-position: 50% -120px;}
.status_selected > a[href*="status=4"] {background-position: 50% -240px;}
.status_selected > a[href*="status=6"] {background-position: 50% -180px;}

/*
Change Render for each category
*/
.header_completed div {
background: url("http://imageshack.us/a/img803/156/takanashirikka600133429.jpg") 50% 100% no-repeat transparent;
background-size: 70%;
bottom: 0px;
color: transparent;
display: block;
height: 100%;
position: fixed;
width: 800px;
z-index: -1;
}

.header_cw div {
background: url("http://imageshack.us/a/img401/2600/rikatak.jpg") 50% 100% no-repeat transparent;
background-size: 70%;
bottom: 0px;
color: transparent;
display: block;
height: 100%;
margin-left: -15px;
position: fixed;
width: 795px;
z-index: -1;
}

.header_onhold div {
background: url("http://imageshack.us/a/img528/1157/takanashirikkafull13215.jpg") 50% 100% no-repeat transparent;
background-size: 70%;
bottom: 0px;
color: transparent;
display: block;
height: 100%;
position: fixed;
width: 800px;
z-index: -1;
}

.header_dropped div {
background: url("http://imageshack.us/a/img221/156/takanashirikka600133429.jpg") 50% 100% no-repeat transparent;
baclground-size: 70%;
bottom: 0px;
color: transparent;
display: block;
height: 100%;
position: fixed;
width: 800px;
z-index: -1;
}

.header_ptw div {
background: url("http://img854.imageshack.us/img854/6995/dekosan.png") 50% 100% no-repeat transparent;
background-size: 70%;
bottom: 0px;
color: transparent;
display: block;
height: 100%;
position: fixed;
width: 800px;
z-index: -1;
}

/*
Anime titles table row
*/
#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) {
height: 160px;
box-shadow: 0px 0px 15px 0px #000000 inset;
background: rgba(250, 250, 250, 0.700);
border-radius: 10px;
padding-left: 52px;
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 */
}

#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) td:not(.category_totals){
display: inline-block;
}
#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) td:nth-of-type(1):not(.category_totals) {
width: 50px;
} /*# cell(td) configuration*/
#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) td:nth-of-type(2) {
width: 380px;
}/*Anime Title cell(td) configuration*/
#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) td:nth-of-type(3) {
width: 80px;
}/*Score cell(td) configuration*/
#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) td:nth-of-type(4) {
width: 70px
}/*Type cell(td) configuration*/
#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) td:nth-of-type(5) {
width: 87px
}/*Progress cell(td) configuration*/
#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) td:nth-of-type(6) {
display: block !important;
left: 33px;
padding-top: 10px;
position: relative;
width: 660px;
}/*Tags(comments) cell(td) configuration*/

.td1:not(.borderRBL):first-of-type:before, .td2:not(.borderRBL):first-of-type:before {
content: "#";
}
.td1:nth-of-type(3):before, .td2:nth-of-type(3):before {
content: "Score: ";
}
.td1:nth-of-type(5):before, .td2:nth-of-type(5):before {
content: "Progress: ";
}
.td1:nth-of-type(6):before, .td2:nth-of-type(6):before {
content: "Comments: ";
display: block;
}

/*
Change color on hover over table row
*/
#list_surround > table:nth-of-type(n+4):hover {
background: rgba(195, 196, 86, 0.700) !important;
}

/*
Category Totals and hidden More Info...
*/
#list_surround table:last-of-type{
background: rgba(91, 108, 130, 0.500) !important;
border-radius: 10px;
box-shadow: 0px 0px 15px 0px #000000 inset;
color: #000000;
padding: 20px 60px !important;
text-align: center;
}

/*
Display Tags as comment
*/
span[id*="tagRow"] {
display: block !important;
}
/*
Hide tags as links
*/
span[id*="tagLinks"] {
display: none !important;
}

/*
hide "-" of Add/Edit and More
*/
.td1 div, .td2 div {
color: transparent !important;
}

/*
Edit/Add propierties
*/
.td1 div small a:first-of-type, .td2 div small a:first-of-type {
color: #339DC4;
float: right;
position: relative;
right: -268px;
top: 20px;
}

/*
More propierties
*/
.td1 div small a:last-of-type, .td2 div small a:last-of-type {
color: #339DC4;
float: right;
position: relative;
right: -291px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.td1 div small a:last-of-type, .td2 div small a:last-of-type {
color: #339DC4;
float: right;
position: relative;
right: -271px;
top: -20px;
}
}

/*
List's top, Welcome...
*/
#list_surround::before {
background: rgba(108, 190, 227, 0.804);
border-bottom-left-radius: 300px 60px;
border-bottom-right-radius: 300px 60px;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.702) inset;
color: #1C1C1C !important;
content: "Welcome to UsakoMoon's Anime List";
display: inline-block;
font-size: 15pt;
font-weight: 700;
height: 80px;
text-align: center;
vertical-align: middle;
width: 100%;
}

/*
Move rows up
*/
#list_surround table:nth-of-type(4) {
margin-top: -40px;
}

/*
Copyright configuration
*/
#copyright {
background: rgba(108, 190, 227, 0.804);
border-top-left-radius: 300px 60px;
border-top-right-radius: 300px 60px;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.702) inset;
color: #1C1C1C !important;
display: block;
margin-left: -15px;
padding: 20px 50px;
position: relative;
white-space: pre-wrap;
width: 695px;
}
#copyright:after {
content: " Theme modified By UsakoMoon codes by Al_eXs. Google 'Shishio's Custom Lists' for more designs and info.";
}
#copyright a {
color: #FFFFFF !important;
}


/*
DISPLAY ANIME/MANGA TITLE PICS
This is the CSS to control and reveal title pics.
You'll need #more CSS or a import link to one in your CSS too.
Got a question or want to learn more? Try this link:

Change background-size from "auto" to "contain" and then adjust height to change the size
of the pics. Move the pics to the left with margin-left, by adding an amount to it.
*/
.hide {
background-size:100%;
height: 80px;
margin-top: -140px !important;
background-position: center;
background-repeat: no-repeat;
display: inline-block !important;
position: absolute;
width: 60px !important;
border-radius: 16px;
transition: all .5s ease .1s;
-o-transition: all.5s ease .1s;
-moz-transition: all .5s ease .1s;
-webkit-transition: all .5s ease .1s;
z-index: 10;
}

:hover + .hide {
width: 130px !important;
height: 180px !important;
z-index: 15;
}


/*
CUSTOM TITLE BAR TEXT
The text in quotations is your title bar text, after "content".
"color" is the color of the text.
"top" and "left" move this text.
For more help ask here:
http://myanimelist.net/forum/?topicid=416125
*/
#mal_cs_otherlinks:before {
background: none repeat scroll 0 0 transparent !important;
color: white !important;
content: "Vers. Chuunibyou demo koi ga shitai!" !important;
left: 800px !important;
width: 330px !important;
position: absolute !important;
top: 4px !important;
}

@import url(https://dl.dropboxusercontent.com/u/94694368/FavsChu2byo.css);
@import url(http://dl.dropbox.com/u/49469857/MAL/premade/anime.css);

/*
import Fonts
*/
@import url(http://fonts.googleapis.com/css?family=Finger+Paint);
@import url(http://fonts.googleapis.com/css?family=Finger+Paint);

/*
Background pattern, common color and font.
*/
body {
background: url("http://img19.imageshack.us/img19/4131/backgroundve.png") repeat scroll 0 0 #CCCCCC;
font-family: "Finger Paint";
color: #514d6d !important;
}

/*
Banner with fade pic overlap
*/
#inlineContent {
background-image: url("http://img36.imageshack.us/img36/1723/fadee.png"), url("http://imageshack.us/a/img856/4190/rikkadekobanner1.png");
background-repeat: repeat-x, no-repeat;
background-position: center top;
background-size: auto 100%,
background-color: #C0C0C2;
display: block !important;
height: 380px;
left: 0px;
margin: auto;
position: absolute;
top: 0px;
width: 100%;
z-index: 1;
}


/*
Links decoration
*/
a, a:visited {
color: #514d6d;
text-decoration: none !important;
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 */
}

/*
Links decoration on hover
*/
a:hover {
color: #6cbee3 !important;
}

/*
Font for Anime Titles
*/
.animetitle {
font-family: "Finger Paint";
font-size: 13pt;
}

/* -AIRING- */
.animetitle + small {
color: #FFFF2A;
font-size: 15px !important;
font-style: italic;
font-weight: bold;
margin-left: -223px;
margin-top: 97px;
padding-right: 2px;
position: absolute;
text-overflow: ellipsis;
text-shadow: 0 0 1px black, 0 0 3px black, 0 0 6px white, 1px 1px 2px black;
z-index: 1;
}

/*
Top bar
*/
#mal_control_strip {
background-color: transparent !important;
background-image: url('http://s017.radikal.ru/i425/1203/8e/8a32093af242.png') !important;
position:fixed;
top: 0;
z-index: 10;
}

#mal_control_strip td {
height: 24px !important;
border-right-color: rgba(0,0,0,0.8) !important;
}

#mal_control_strip div {
display:inline}

#mal_cs_pic img {
height: 24px !important;
width: auto !important}

#mal_cs_listinfo {
width: auto !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: 90px !important}

#mal_cs_links a {
background-image: url('http://s001.radikal.ru/i194/1203/95/6168af5601c9.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: ''}

#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 div:last-of-type {
float:right;
padding-right:150px}

#mal_cs_otherlinks div:first-of-type {
float:left}

#mal_cs_powered img {
display:none}

/*
Search Box
*/
#search {
background-image: url("http://i627.photobucket.com/albums/tt354/EuphoricField/r52searchg.png");
background-position: 100% 0%;
background-repeat: no-repeat;
background-size: cover;
height: 260px;
position: absolute;
right: 0px;
top: 15px;
width: 240px;
}
#searchBox {
background-image: url("http://img13.imageshack.us/img13/4100/searchboxp.png");
background-position: 50% 50%;
background-size: cover;
background-color: transparent;
border: 0px none currentColor !important;
height: 34px;
margin-right: 94px;
margin-top: 160px;
text-align: center;
width: 97px !important;
}


.table_header{display:none} /*Hide #, Anime Title, Score,...*/
#list_surround table:first-of-type td:nth-of-type(6){display:none} /*Hide All Anime Category Menu*/

/*
List propierties
*/
#list_surround {
background-color: rgba(0, 0, 0, 0.102);
box-shadow: 0px 0px 11px 2px #0D0D0D inset;
margin: 380px auto 0px;
padding: 0px 15px;
width: 765px;
}

/*
Category Menu customization
*/
#list_surround > table:first-of-type {
position: fixed;
right: -20px;
top: 280px;
padding-right: 20px;
width: 230px;
z-index: 5;
}

#list_surround > table:first-of-type td {
display: block;
width: 100%;
height: 50px;
padding-bottom: 10px;
}

.status_not_selected a {
background: url("http://img850.imageshack.us/img850/6228/menuml.png") no-repeat silver;
display: block;
height: 60px;
width: 230px;
color: transparent !important;
border-radius: 20px 0px 0px 20px;
box-shadow: 0px 0px 11px 2px #0D0D0D inset;
text-shadow: none !important;
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 */
}

.status_selected a {
background: url("http://img812.imageshack.us/img812/3886/menuactive.png") no-repeat #F7F59F;
display: block;
height: 60px;
width: 230px;
color: transparent !important;
border-radius: 20px 0px 0px 20px;
box-shadow: 0px 0px 11px 2px #6cbee3 inset;
text-shadow: none !important;
}

.status_not_selected > a[href*="status=1"] {background-position: 50% 0px;}
.status_not_selected > a[href*="status=2"] {background-position: 50% -60px;}
.status_not_selected > a[href*="status=3"] {background-position: 50% -120px;}
.status_not_selected > a[href*="status=4"] {background-position: 50% -240px;}
.status_not_selected > a[href*="status=6"] {background-position: 50% -180px;}
.status_not_selected > a:hover {background-color: #787878;}
.status_selected > a[href*="status=1"] {background-position: 50% 0px;}
.status_selected > a[href*="status=2"] {background-position: 50% -60px;}
.status_selected > a[href*="status=3"] {background-position: 50% -120px;}
.status_selected > a[href*="status=4"] {background-position: 50% -240px;}
.status_selected > a[href*="status=6"] {background-position: 50% -180px;}

/*
Change Render for each category
*/
.header_completed div {
background: url("http://imageshack.us/a/img803/156/takanashirikka600133429.jpg") 50% 100% no-repeat transparent;
background-size: 70%;
bottom: 0px;
color: transparent;
display: block;
height: 100%;
position: fixed;
width: 800px;
z-index: -1;
}

.header_cw div {
background: url("http://imageshack.us/a/img401/2600/rikatak.jpg") 50% 100% no-repeat transparent;
background-size: 70%;
bottom: 0px;
color: transparent;
display: block;
height: 100%;
margin-left: -15px;
position: fixed;
width: 795px;
z-index: -1;
}

.header_onhold div {
background: url("http://imageshack.us/a/img528/1157/takanashirikkafull13215.jpg") 50% 100% no-repeat transparent;
background-size: 70%;
bottom: 0px;
color: transparent;
display: block;
height: 100%;
position: fixed;
width: 800px;
z-index: -1;
}

.header_dropped div {
background: url("http://imageshack.us/a/img221/156/takanashirikka600133429.jpg") 50% 100% no-repeat transparent;
baclground-size: 70%;
bottom: 0px;
color: transparent;
display: block;
height: 100%;
position: fixed;
width: 800px;
z-index: -1;
}

.header_ptw div {
background: url("http://img854.imageshack.us/img854/6995/dekosan.png") 50% 100% no-repeat transparent;
background-size: 70%;
bottom: 0px;
color: transparent;
display: block;
height: 100%;
position: fixed;
width: 800px;
z-index: -1;
}

/*
Anime titles table row
*/
#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) {
height: 160px;
box-shadow: 0px 0px 15px 0px #000000 inset;
background: rgba(250, 250, 250, 0.700);
border-radius: 10px;
padding-left: 52px;
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 */
}

#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) td:not(.category_totals){
display: inline-block;
}
#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) td:nth-of-type(1):not(.category_totals) {
width: 50px;
} /*# cell(td) configuration*/
#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) td:nth-of-type(2) {
width: 380px;
}/*Anime Title cell(td) configuration*/
#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) td:nth-of-type(3) {
width: 80px;
}/*Score cell(td) configuration*/
#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) td:nth-of-type(4) {
width: 70px
}/*Type cell(td) configuration*/
#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) td:nth-of-type(5) {
width: 87px
}/*Progress cell(td) configuration*/
#list_surround > table:nth-of-type(n+4):not(.header_cw):not(.header_completed):not(.header_onhold):not(.header_dropped):not(.header_ptw) td:nth-of-type(6) {
display: block !important;
left: 33px;
padding-top: 10px;
position: relative;
width: 660px;
}/*Tags(comments) cell(td) configuration*/

.td1:not(.borderRBL):first-of-type:before, .td2:not(.borderRBL):first-of-type:before {
content: "#";
}
.td1:nth-of-type(3):before, .td2:nth-of-type(3):before {
content: "Score: ";
}
.td1:nth-of-type(5):before, .td2:nth-of-type(5):before {
content: "Progress: ";
}
.td1:nth-of-type(6):before, .td2:nth-of-type(6):before {
content: "Comments: ";
display: block;
}

/*
Change color on hover over table row
*/
#list_surround > table:nth-of-type(n+4):hover {
background: rgba(195, 196, 86, 0.700) !important;
}

/*
Category Totals and hidden More Info...
*/
#list_surround table:last-of-type{
background: rgba(91, 108, 130, 0.500) !important;
border-radius: 10px;
box-shadow: 0px 0px 15px 0px #000000 inset;
color: #000000;
padding: 20px 60px !important;
text-align: center;
}

/*
Display Tags as comment
*/
span[id*="tagRow"] {
display: block !important;
}
/*
Hide tags as links
*/
span[id*="tagLinks"] {
display: none !important;
}

/*
hide "-" of Add/Edit and More
*/
.td1 div, .td2 div {
color: transparent !important;
}

/*
Edit/Add propierties
*/
.td1 div small a:first-of-type, .td2 div small a:first-of-type {
color: #339DC4;
float: right;
position: relative;
right: -268px;
top: 20px;
}

/*
More propierties
*/
.td1 div small a:last-of-type, .td2 div small a:last-of-type {
color: #339DC4;
float: right;
position: relative;
right: -291px;
}
@media screen and (-webkit-min-device-pixel-ratio:0){
.td1 div small a:last-of-type, .td2 div small a:last-of-type {
color: #339DC4;
float: right;
position: relative;
right: -271px;
top: -20px;
}
}

/*
List's top, Welcome...
*/
#list_surround::before {
background: rgba(108, 190, 227, 0.804);
border-bottom-left-radius: 300px 60px;
border-bottom-right-radius: 300px 60px;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.702) inset;
color: #1C1C1C !important;
content: "Welcome to UsakoMoon's Anime List";
display: inline-block;
font-size: 15pt;
font-weight: 700;
height: 80px;
text-align: center;
vertical-align: middle;
width: 100%;
}

/*
Move rows up
*/
#list_surround table:nth-of-type(4) {
margin-top: -40px;
}

/*
Copyright configuration
*/
#copyright {
background: rgba(108, 190, 227, 0.804);
border-top-left-radius: 300px 60px;
border-top-right-radius: 300px 60px;
box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.702) inset;
color: #1C1C1C !important;
display: block;
margin-left: -15px;
padding: 20px 50px;
position: relative;
white-space: pre-wrap;
width: 695px;
}
#copyright:after {
content: " Theme modified By UsakoMoon codes by Al_eXs. Google 'Shishio's Custom Lists' for more designs and info.";
}
#copyright a {
color: #FFFFFF !important;
}


/*
DISPLAY ANIME/MANGA TITLE PICS
This is the CSS to control and reveal title pics.
You'll need #more CSS or a import link to one in your CSS too.
Got a question or want to learn more? Try this link:

Change background-size from "auto" to "contain" and then adjust height to change the size
of the pics. Move the pics to the left with margin-left, by adding an amount to it.
*/
.hide {
background-position: center center;
background-repeat: no-repeat;
background-size: cover !important;
border-radius: 15px 15px 15px 15px;
box-shadow: 0 -4px 9px #EED8A2 inset, 0 0 2px lightblue;
display: inline-block !important;
height: 96px;
margin-left: 10px;
margin-top: -130px;
position: absolute;
width: 70px;
}

.hide:hover {
background-color: transparent;
background-position: center center;
background-repeat: no-repeat;
background-size: cover !important;
border-color: rgba(255, 255, 255, 0.9);
border-radius: 30px 30px 30px 30px;
border-style: outset;
border-width: 1px;
box-shadow: 0 0 10px #CAC1F8, 0 0 20px #CAC1F8 inset;
margin-left: -147px;
margin-top: -140px;
padding-right: 195px;
padding-top: 229px !important;
position: absolute;
width: 30px;
z-index: 2;
}


/*
CUSTOM TITLE BAR TEXT
The text in quotations is your title bar text, after "content".
"color" is the color of the text.
"top" and "left" move this text.
For more help ask here:
http://myanimelist.net/forum/?topicid=416125
*/
#mal_cs_otherlinks:before {
background: none repeat scroll 0 0 transparent !important;
color: white !important;
content: "Vers. Chuunibyou demo koi ga shitai!" !important;
left: 800px !important;
width: 330px !important;
position: absolute !important;
top: 4px !important;
}