Perfect for novices and advanced users who want multiple images and lots of customization! All the headers to the categories have their own background.
/*
CURRENTLY WATCHING/READING HEADER
The image and font above your currently watched and read animes/mangas.
Color is the color of the font.
Font-family is the type of font.
Font-size is the pixel size of the font.
You can change all these!
*/
.header_cw {
background:black url(http://i39.tinypic.com/14xdpiu.jpg) no-repeat scroll center bottom;
color:gold;
font-family:comic Sans MS;
font-size:51px;
}
/*
COMPLETED HEADER
The image and font of the header above your completed animes/mangas.
*/
.header_completed {
background:black url(http://i42.tinypic.com/2ilbptf.jpg) no-repeat scroll center bottom;
color:red;
font-family:comic Sans MS;
font-size:51px;
}
/*
ON-HOLD HEADER
The image and font of the header above your animes/mangas on-hold.
*/
.header_onhold {
background:black url(http://i41.tinypic.com/f51389.jpg) no-repeat scroll center bottom;
color:gold;
font-family:comic Sans MS;
font-size:51px;
}
/*
DROPPED HEADER
The image and font of the header above your dropped animes/mangas.
*/
.header_dropped {
background:black url(http://i43.tinypic.com/apcgty.jpg) no-repeat scroll center bottom;
color:red;
font-family:comic Sans MS;
font-size:51px;
}
/*
PLAN TO WATCH/READ HEADER
The image and font of the header above the anime/manga you plan to see or read on your list.
*/
.header_ptw {
background:black url(http://i41.tinypic.com/vzhnys.jpg) no-repeat scroll center bottom;
color:gold;
font-family:comic Sans MS;
font-size:51px;
}
#grand_totals {
font-size:18px;
}
/*
ANIME/MANGA LIST BACKGROUND
This the background of the anime list itself. Its a good idea to leave this alone to leave it readable.
The background image I've set is a see-thru blue background which works with many colors and backgrounds.
But if you want to make it another color or add a background image, you can change it here.
Remember, some backgrounds can make the list hard to read if it clashes with the colors!
*/
.td1, .td2, .category_totals {
background-color: transparent;
background-image: url(http://i39.tinypic.com/21zorc.png);
}
/*
LIST WIDTH
*/
#list_surround {
width: 950px;
}
/*
LIST HEADERS and LINKS- FONTS COLORS and TYPE
This is the font and color of many other of the links and numbers on the anime list.*/
.td1, .td2, a, a:visited {
color:white;
font-family:Lucida Grande;
}
/*
LIST ANIME/MANGA TITLES- FONT COLORS and TYPES
The color and font style of the anime/manga titles on your list like Bleach, Vampire Knight, etc.
*/
.animetitle, .animetitle:visited{
color:gold;
font-family:times new roman;
font-size:22px;
font-weight:lighter;
}
/*
LIST TOTALS- COLORS and TYPE
This is the font of the bottom totals on the list.*/
.category_totals {
color: silver;
font-family:times new roman;
font-size:18px;
font-weight:lighter;
}
/*
IMPORTANT POSITIONING CODES
These codes are for straightening out the layout and making it clear.
They have little to do with fonts, colors, and background images. That is provided above separately.
Changing or removing these can ruin the whole layout if you don't know what you're doing!
Ask about for further help in my group: http://myanimelist.net/clubs.php?cid=19736
*/
.header_cw, .header_completed, .header_onhold, .header_dropped, .header_ptw {
margin-top:-42px;
-moz-border-radius-topleft:20px;
-moz-border-radius-topright:20px;
padding-bottom:490px;
padding-left:5px;
padding-right:7px;
/*
COPYRIGHT
The copyright at the bottom with credit to me, Shishio-kun, for the coding, plus the website's legal info.
The website does not want the copyright info removed or obscured under penalty of list removal.
In other words, leave this code alone EVEN if you know what you're doing.
*/
#copyright {
background:transparent url(http://i43.tinypic.com/2quirm9.png) no-repeat scroll center bottom;
bottom:0;
background-color: transparent;
color:white;
font-family:Trebuchet MS;
font-size:11px;
height: 50px;
margin:0px auto;
padding: 10px 0 0px 305px;
}
