🏮 Follow this guiding fox through the darkness of the night 🏮
🏮 He will take you to the brightest festival of the forest Shiruba 🏮
🏮 And the spirits shall entertain you till the end of the time 🏮
My list has the same problem as you mentioned where the boxes end up slightly mis-aligned, but it's something I'll try and fix later. For now, copying and pasting the following into the advanced CSS list design should make your list look like mine:
I had to do some digging through the MAL forum tutorials and modify the numbers myself. I'm an absolute beginner when it comes to this, but I can give you the exact code I used if my list looks like what you want. I should mention that I still haven't increased the character limit of the tags section. If that's what you're looking for, I can't really help with that quite yet, but I know there is a tutorial for it somewhere.
All Comments (149) Comments
Happy Birthday :)
🏮 Follow this guiding fox through the darkness of the night 🏮
🏮 He will take you to the brightest festival of the forest Shiruba 🏮
🏮 And the spirits shall entertain you till the end of the time 🏮
/*
// Self-explanatory
*/
BODY
{
color: #000000;
font-size: 11.00px;
font-family: Verdana, Arial;
background-color: #FFFFFF;
}
/*
// Determines the positioning of your list
*/
#list_surround
{
margin: 0 auto;
width: 920px;
}
/*
// All links on your list
*/
a
{
color: #51819f;
text-decoration: none;
}
a:visited
{
color: #51819f;
text-decoration: none;
}
a:hover
{
color: #51819f;
text-decoration: underline;
}
/*
// Alternating row color 1
*/
.td1
{
color: #000000;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #ABABAB;
padding: 2px;
background-color: #FFFFFF;
}
/*
// Alternating row color 2
*/
.td2
{
color: #000000;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #ABABAB;
padding: 2px;
background-color: #F1F1F1;
}
/*
// This represents the "Anime Title", "Score", "# Eps" columns
*/
.table_header
{
color: #000000;
border-width: 1px 1px 1px 0px;
border-style: solid;
border-color: #ABABAB;
background-color: #E7F1F7;
padding: 2px;
}
/*
// headerLink represents the color of the links inside the_header
*/
.table_headerLink
{
color: ;
}
.table_headerLink:Visited
{
color: ;
}
.table_headerLink:Hover
{
color: ;
}
/*
// Controls the select form decoration (the drop down select box)
*/
.form
{
border-width: 1px 1px 1px 1px;
border-color: #ABABAB;
border-style: solid;
color: #000000;
padding: 2px;
font-size: 11.00px;
font-family: Verdana, Arial;
}
/* Which 'status' up top is selected? */
.status_selected
{
color: #000000;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #ABABAB;
padding: 2px;
background-color: #FFFFFF;
}
.status_not_selected
{
color: #000000;
border-width: 0px 1px 1px 0px;
border-style: solid;
border-color: #ABABAB;
padding: 2px;
background-color: #F1F1F1;
}
/*
Header classes for Currently Watching, Completed, Dropped, etc...
*/
.header_cw
{
}
.header_completed
{
}
.header_onhold
{
}
.header_dropped
{
}
.header_ptw
{
}
.header_title {
font-size: 14px;
font-weight: bold;
}
.category_totals
{
}
#grand_totals
{
text-align: center;
}
/* header_al is thesurrounding "User's Anime List" at the top */
.header_al
{
font-weight: bold;
font-size: 16px;
}
/* header_al_links is thewith your "Profile" and "MyAnimeList home" links */
.header_al_links
{
}
/* controls what styles you can give to all the anime titles in your list */
.animetitle
{
font-weight: bold;
}
/*
copyright contains the "Producted by Garrett Gyssler" text
DO NOT REMOVE OR HIDE THIS DIV
IF FOUND TO BE REMOVED, YOUR LIST WILL BE REMOVED TOO
*/
#copyright
{
padding-top: 6px;
text-align: center;
margin: 0 auto;
width: 920px;
}
/*
Tags Row Width
*/
.td1:nth-of-type(6), .td2:nth-of-type(6){
width: 400px;
}
/*
Tags Header width
*/
.table_header:nth-of-type(6) {
width: 400px;
}
/*
Animetitle's box width
*/
.td1:nth-of-type(2), .td2:nth-of-type(2){
width: 300px;
}
/*
Animetitle header width
*/
.table_header:nth-of-type(2) {
width: 300px;
}