Color Coded Stylesheet Help

General Category => General => Topic started by: simply sibyl on May 13, 2007, 10:52:07 am



Title: How to make the fonts white everywhere on a black background
Post by: simply sibyl on May 13, 2007, 10:52:07 am
Change the a:link color to #FFFFFF in this section

Code:

/* Normal, standard links. */
a:link
{
color: #FFFFFF;
text-decoration: underline;
}
a:visited
{
color: #333333;
text-decoration: none;
}
a:hover
{
color: #525252;
text-decoration: underline;
}


Change the Navigation link color to:   #FFFFFF in this section
NOTE:   I set font weight to bold so that it shows up better on a dark background.
This can be done in other areas as well.

Code:
/* Navigation links - for the link tree. */
.nav, .nav:link, .nav:visited
{
color: #FFFFFF;
             font-weight: bold;
text-decoration: none;
             width: 50%;

}

 

Look for this:      

/* The main body of the entire forum. */
body

Add  "color: #FFFFFF;


Look for this:

/* By default (td, body..) use verdana in black. */
body, td, th , tr
{
   color: #000000;
   font-size: small;
   font-family: verdana, sans-serif;
}


Change it to:

Code:
/* By default (td, body..) use verdana in black. */
body, th
{
color: #000000;
font-size: small;
font-family: verdana, sans-serif;
}


Look for the section for windowbg, windowbg2, windowbg3 (heading for it is:  /* Alternating backgrounds for posts, and several other sections of the forum. */)

replace it with this:
NOTE:   be sure you set your background colors/fonts as you want them.
           This section now allows you to setup windowbg, windowbg2, windowbg3 separately so that you can
           change the default colors in other sections without it effecting these sections.

Code:
/* Alternating backgrounds for posts, and several other sections of the forum. */
.windowbg
{
color: #000000;
background-color: #D4D4D4;
}
.windowbg2
{
color: #000000;
background-color: #DBDBDB;
}
.windowbg3
{
color: #000000;
background-color: #BDBDBD;
}

/* windowbg, windowbg2, windowbg3 link colors */
.windowbg a:link, .windowbg2 a:link, .windowbg3 a:link
{
color: #000000;
text-decoration: none;
}
.windowbg a:visited, .windowbg2 a:visited, .windowbg3 a:visited
{
color: #000000;
text-decoration: none;
}
.windowbg a:hover, .windowbg2 a:hover, .windowbg3 a:hover
{
             color: #000000;
text-decoration: underline;
}