body
{
/* Set the pages background color */
background-color: #93B4E2;
/* Set the background image ("url('URL_TO_IMAGE')")*/
background-image: none;
/* Set the background image position (center, left, right, top, bottom, pixelX, pixelY, percentX%, percentY%)*/
background-position: center center;
/* Set the background image attachment (scroll, fixed)*/
background-attachment: fixed;
/* Set the background image repeat (no-repeat, repeat, repeat-x, repeat-y)*/
background-repeat: no-repeat;
}
a
{
/* Set the link color */
color: #E5FB00 !important;
}
.page_header .title, .page_header .subtitle
{
/* Set the title's text color */
color: #E5FB00 !important;
}
.box, .big_box, .post, .comment, .title, p, #forum_data, .favorite_game
{
/* Set the text color */
color: #05316D !important;
}
.box, .big_box, .post, .comment, #content .title, #forum_data, .favorite_game
{
/* Set the box color */
background: #6996D3 !important;
/* Set the box border rounding (0px to 30px) */
border-radius: 0px !important;
}
.box, .big_box, .post, #center #comments_box, #forum_data, .favorite_game
{
/* Set the box border width, style, and color (style: none, solid, dotted, dashed, double, inset, outset, ect) */
border: 3px solid #284C7E !important;
}
input[type=text], textarea
{
/* Set the text-input background color */
background: #0F4FA8 !important;
/* Set the text-input text color */
color: #000000 !important;
/* Set the boxes' border width, style, and color (style: none, solid, dotted, dashed, double, inset, outset, ect) */
border: 1px solid #6996D3 !important;
}
input[type=button], input[type=submit]
{
/* Set the button-input background color */
background: #0F4FA8 !important;
/* Set the button-input text color */
color: #93B4E2 !important;
/* Set the boxes' border width, style, and color (style: none, solid, dotted, dashed, double, inset, outset, ect) */
border: 2px outset #6996D3 !important;
}
.style1, .style2
{
/* Set the forum post shell background color */
background: #4380D3 !important;
/* Set the forum post shell text color */
color: #000000 !important;
}
.style3
{
/* Set the forum post content background color */
background: #6996D3 !important;
/* Set the forum post content text color */
color: #000000 !important;
}
/* Minor fixes */
#tab_content {background: transparent !important;}
#fan_content {margin-top: 40px !important;}
.title {margin-left: 10px !important;margin-right: 10px !important;}
Here's a basic style sheet that will allow you to control the style across your page. Simply fill in the values with what you want (those without clear values are commented with the list of possible choices).
Currently, you can configure:
- Your page background color and/or image
- The color of all links
- The page title color
- The text color, background color, and border of all boxes
- The background color, text color, and border of input boxes and buttons
- The text color and background color and forum posts
As you can see from my site (at the time of this writing), the design is very simple.
If you have any questions or requests for additions, feel free to post in the comments.
You can do a quick google search for good color schemes (I used this site's color scheme designer).