Here's a beginner's layout that centers the list in between the two Hellsing characters on the side. It'll always be centered, and the characters will always be on the side, no matter how big or small your screen is! Switch the wallpaper with any other pic with two people on the sides if you want.
The code, make sure you copy the entire thing in the spoiler tag from the first /* to the last } at the end.
/*
BACKGROUND IMAGE
This is the main background image for the whole page.
Change the image link to the background you want!
If you're not seeing a background, make sure you are copied the
entire CSS code or added any new background image codes correctly.
Also your image link may be broken, try uploading a new background then!
*/
/*
BACKGROUND REFITTING
This refits the background to whatever screen size looks at this list.
*/
body{
background-size: cover;}
/*
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).
*/
/*
LIST WIDTH
Use this to increase the width of your list!
*/
#list_surround {
width: 650px;
}
/*
LIST COLOR
The numbers in parenthesis below control the color of your list background itself. The first number is the amount of red, the second amount of green, third blue, and each can be set to a maximum of 255 and minimum of 0. The 4th number in parenthesis is the opacity amount, which can be set from .0 (invisible) to 1 (completely opaque).
/*
ROW HOVER COLOR
Change the color you see on a row only when you put your cursor over it with this code, you use the same color change style as in the above code.
*/
tr:hover [class^=td] {
background-color: black !important;
}
/*
LIST POSITION
This centers the list in between the two characters. Add to left or right's px amout to move the
list a little that way from center if you want.
*/
#list_surround {
position: absolute;
margin: auto;
right: 0px;
left: 0px;}
/*OTHER CODES
Important codes for the layout's setup. Please don't mess with these unless you know what you're doing! If you want to customize more on the page, use the link at the top of the CSS!
*/
