get paid to paste

Fighters

@import "https://dl.dropboxusercontent.com/u/144008148/Premade/Requests/Ovyda/Top_bar_without_menu_or_display.css";
@import url(http://dl.dropbox.com/u/49469857/mal/premade/anime.css);



/*
HOW TO USE
Use and COMPLETE this simple tutorial if you never installed CSS, it only takes a few minutes:
http://myanimelist.net/forum/?topicid=200320


When you're done with the tutorial and can see the starter layout on your list, copy and paste this entire page of codes (including this part and the codes above and below) 
to your CSS edit box (the box titled Edit Advanced CSS File) replacing any other codes in the box. 
Save with the blue button at the bottom. It will put this premade layout on your list instead of the starter one from the tutorial! 


If the layout looks weird on your list after installing, you can try to alter your settings here.
Common solutions are to set Default Status Settings to Watching or All Anime, check or uncheck tags (make sure you save afterwards):
http://myanimelist.net/editprofile.php?go=listpreferences


If your list still has problems you can ask us about it here, or other questions:
http://myanimelist.net/forum/?topicid=200323


And you'll find further ways to customize your list here:
http://myanimelist.net/forum/?topicid=419405

*/


/************/
/* -covers- */
/************/

.hide {
visibility: hidden;
position: absolute !important;
display: block !important;
left: 584px !important;
margin-top: -12px !important;
width: 0px !important;
height: 0px !important;
transition: width .5s ease-in-out, height .5s ease-in-out .5s;
-o-transition: width .5s ease-in-out, height .5s ease-in-out .5s;
-moz-transition: width .5s ease-in-out, height .5s ease-in-out .5s;
-webkit-transition: width .5s ease-in-out, height .5s ease-in-out .5s;
border: solid 1px #ffffff;
background-repeat: no-repeat !important;
background-size: 105% 105%;
border-radius: 10px;
-o-border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow:
0 0 16px brown,
inset 0 4px 5px rgba(200, 5, 0, .6),
inset 0 1px 0 rgba(200, 5, 0, .6);
-moz-box-shadow:
0 0 16px brown,
inset 0 4px 5px rgba(200, 5, 0, .6),
inset 0 1px 0 rgba(200, 5, 0, .6);
-webkit-box-shadow:
0 0 16px brown,
inset 0 4px 5px rgba(200, 5, 0, 0.6),
inset 0 1px 0 rgba(200, 5, 0, 0.6);
z-index: 15;
}

:hover + .hide {
visibility: visible !important;
width: 140px !important;
height: 182px !important;
}

/***************************/
/* Highlight Rows on Hover */
/***************************/
tr:hover [class^="td"] {
background-color: red;
}

body {
background:url(http://img19.imageshack.us/img19/5959/6b5r.jpg) no-repeat fixed 0 0 black;
background-size: 100% 100%;
}

/*
LIST FONT
These codes control the font on the list itself (anime titles, etc).
*/

* {
border:0 none;
color:#DBDBDB;
font-family:Verdana;
font-size:9px;
font-weight:normal;
text-decoration:none;
}

/*
BANNER
This controls the image at the top that by default says "Phantom".
You can replace the background image link in parenthesis with your own banner image you upload to a image hosting site like Tinypic.com!
If you don't know how, use Step 2 on in this tutorial: http://myanimelist.net/forum/?topicid=415315
*/

#list_surround .header_title {
background:url(http://img849.imageshack.us/img849/2743/wiuw.png) repeat scroll 0 0 transparent;
height: 169px;
left: -283px;
padding: 25px;
position: absolute;
top: -229px;
width: 819px;
background-size: 100% 100%;
opacity: 0.99;
}

/*
LEFT SIDE BUTTONS
These codes control the buttons on the left side. You can replace these images as well for your own custom buttons! The first controls the Currently Watching panel, followed by Completed, On Hold, Dropped, Planned, and then All.

You can replace the background image links of these buttons in parenthesis with your own images you upload to a image hosting site like Tinypic.com!
If you don't know how, use Step 2 on in this tutorial: http://myanimelist.net/forum/?topicid=415315
*/

#list_surround .status_selected, #list_surround .status_not_selected {
display:block;
height:130px;
left:-284px;
top:0;
width:273px;
background-attachment: scroll !important;
background-image: url("http://imageshack.us/a/img94/4958/2ab.png"), url("http://img9.imageshack.us/img9/2001/qhm5.png");
background-position: 0 0, 0 0;
background-repeat: no-repeat;
background-size: 100% 100%, 100% 100%;
display: block;
height: 130px;
left: -284px;
top: 0;
width: 273px;
background-color: rgba(255,255,255,0.1);
position: absolute;
}
#list_surround .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected {
background: url("http://imageshack.us/a/img837/7196/mzh1.png"), url(http://img4.imageshack.us/img4/4790/jvx.gif);
top:140px;
background-repeat: no-repeat;
background-size: 100% 100%, 100% 100%;
background-position: 0 0, 0 0;
background-color: rgba(255,255,255,0.1);
}
#list_surround .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected {
background: url("http://imageshack.us/a/img405/1227/rxr.png"), url(http://img62.imageshack.us/img62/5626/ei00.png);
top:280px;
background-repeat: no-repeat;
background-size: 100% 100%, 100% 100%;
background-position: 0 0, 0 0;
background-color: rgba(255,255,255,0.1);
}
#list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
background: url("http://imageshack.us/a/img29/2406/pr9s.png"), url(http://imageshack.us/a/img593/8415/hq3.gif);
top:420px;
background-repeat: no-repeat;
background-size: 100% 100%, 100% 100%;
background-position: 0 0, 0 0;
background-color: rgba(255,255,255,0.1);
}
#list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
background: url("http://imageshack.us/a/img43/7956/w6f.png"), url(http://img842.imageshack.us/img842/4986/u8cm.png);
top:560px;
background-repeat: no-repeat;
background-size: 100% 100%, 100% 100%;
background-position: 0 0, 0 0;
background-color: rgba(255,255,255,0.1);
}
#list_surround .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected + .status_not_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_selected, #list_surround .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected + .status_not_selected {
background: url("http://imageshack.us/a/img259/5269/qhu6.png"), url(http://img823.imageshack.us/img823/5280/bdc.gif);
top:700px;
background-repeat: no-repeat;
background-size: 100% 100%, 100% 100%;
background-position: 0 0, 0 0;
background-color: rgba(255,255,255,0.1);
}


/*
HEADERS
*/

#list_surround .header_cw {
background:url(http://i40.tinypic.com/11tq78o.jpg) no-repeat scroll 0 0 transparent;
}
#list_surround .header_completed {
background:url(http://i42.tinypic.com/n539z7.jpg) no-repeat scroll 0 0 transparent;
}
#list_surround .header_onhold {
background:url(http://i44.tinypic.com/b90sy.jpg) no-repeat scroll 0 0 transparent;
}
#list_surround .header_ptw {
background:url(http://i43.tinypic.com/sdioar.jpg) no-repeat scroll 0 0 transparent;
}
#list_surround .header_dropped {
background:url(http://i41.tinypic.com/160wut.jpg) no-repeat scroll 0 0 transparent;
}


/*
OTHER CODES
*/

a:hover {
text-decoration:underline;
}

.td1, .td2, .category_totals {
background: rgba(0, 0, 0, 0.6);
}
.category_totals {
border-radius: 0 0 8px 8px !important;
}

td,td1 [class^=".table_header"] {
background: rgba(0, 0, 0, 0.6);
}

#list_surround {
height:100%;
left:141px;
margin:239px auto 30px;
position:relative;
width:584px;
margin-bottom: 100px;
}

#list_surround .status_selected {
background-color: rgba(255,0,0,0.6) !important;
border: 1px solid yellow !important;
}

#list_surround .status_not_selected {
border: 1px solid transparent !important;
}


#list_surround .status_selected a {
color:#184900;
display:block;
font-size:1px;
height:2px;
padding:128px 0 0 243px;
width:30px;
}

#list_surround .status_not_selected a {
color:#184900;
display:block;
font-size:1px;
height:2px;
padding:128px 0 0 243px;
width:30px;
}


#list_surround br {
display:none;
}
#list_surround .header_title span {
color:#000000;
font-size:1px;
}
#list_surround .header_title .thickbox {
display:none;
}
#list_surround .header_cw, #list_surround .header_completed, #list_surround .header_onhold, #list_surround .header_ptw, #list_surround .header_dropped {
margin-left:-1px;
padding:23px 5px 5px;
width:586px;
}
#list_surround .animetitle + small {
color:#00FF00;
}
#list_surround .category_totals {
text-align:center;
padding-top: 10px;
padding-bottom: 10px;
border-right: 1px solid #292929;
border-left: 1px solid #292929;
border-bottom: 1px solid #292929;
}

#list_surround #grand_totals {
text-align:center;
}
/********************/
/* Grand Total Area */
/********************/

#grand_totals {
border: 0 none;
border-radius: 3px 3px 3px 3px;
line-height: 20px;
min-height: 20px;
padding: 4px;
text-align: center;
vertical-align: middle;
padding-bottom: 20px;
padding-top: 30px;
color: snow !important;
text-shadow: -1px -1px 3px deepskyblue, 1px 1px 3px deepskyblue;
}

#grand_totals span {
color: snow !important;
text-shadow: -1px -1px 3px deepskyblue, 1px 1px 3px deepskyblue;
}

#mal_cs_listinfo a strong{
color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-variant: normal;
font-weight: normal;
text-decoration: underline;
text-transform: none;}

#mal_cs_otherlinks strong{
color: #FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
font-variant: normal;
}

.borderRBL {
color: cyan !important;
}

#list_surround .header_title span {
display:none;
}
#list_surround .status_not_selected a {
opacity:0;
}
#list_surround .status_selected a {
opacity:0;
}

/******************/
/* Copyright Info */
/******************/
#copyright {
background-color: rgba(200, 5, 200, .9);
border-radius: 5px 5px 5px 5px;
color: white !important;
display: block !important;
margin-top: 0;
opacity: 0.8;
padding: 5px;
z-index: 1;
}

/*****************/
/* Style Credits */
/*****************/
#copyright:before {
background-color: none;
border-radius: 5px 5px 0 0;
color: gold !important;
content: "CSS Style, or the whole layout code, created by Monsterguy, after a premade design from Drize.";
margin-bottom: 12px;
display: block !important;
padding: 0;
text-align: center;
white-space: pre;
z-index: 1;
}

/*************/
/* -Borders- */
/*************/
table tbody tr .td1:first-of-type, table tbody tr .td2:first-of-type {
border-left: 1px solid #292929;
}
table tbody tr .td1:last-of-type, table tbody tr .td2:last-of-type {
border-right: 1px solid #292929;
}
td.table_header:first-of-type {
border-left: 1px solid #292929;
}
td.table_header:last-of-type {
border-right: 1px solid #292929;
}

Pasted: Jan 2, 2016, 5:01:20 am
Views: 24