Forum: Community Center


Subject: I have to say on the new 'site look'

FaeMoon opened this issue on Jul 04, 2011 · 200 posts


cherokee69 posted Sat, 13 August 2011 at 5:30 AM

Quote - > Quote - > Quote - My scheme is the old Renderosity one. The code for the CSS is in the thread in the CSS forum.

Acadia,

Which one is that? I can't seem to locate it rightnow since there are several diffeent post about the subject in there.

Thanks

 

It's in the thread by nruddock from July 2011.  Here is the code. Just copy everything from below to the forum options CSS box and save.

 

/* Colours refer to -> http://www.w3schools.com/cssref/css_colors.asp /
/
Be sure to pick your own and edit in. /
/
These are just what works for me, your not expected to like them */

/* Link colouring -> http://www.w3schools.com/css/css_link.asp */
a { color: #FFFFFF }
a:hover { color: #9CA3C6; }
a:visited { color: #EAD310; }
a:active { color: #FFFFFF; }

/* Sizing to expand to full screen width /
table { width: 100%; }
#container { width: 100%; }
/
See note below on how to calculate for your screen size */
#content { width: 85%; }

/* Thread / post colouring */
body { background-image: none; background-color: #8793A1; color: #000000; }

#forum_inner_table { background-color: #1A293E; }

#forum_inner_table th { color: #C0C0C0; background-color: #1A293E; }

#forum_inner_table td { color: #C0C0C0; background-color: #2C3B4E; }

.inner_page { background-color: #2C3B4E; color: #C0C0C0; }

.forum_message_cell { width: 90%; }

#top_navigation li ul { opacity: 1.0; }

text-decoration: underline;

When copying to the stylesheet editor, you can remove comment lines, i.e. those between /* */ as they are not necessary, but may help you remember what each bit is for.

The calculation for the optimal value for the width % to use for #content is :-

rounddown(1 - (160 / screen width)) * 100

Adjust if the righthand menu shifts to the bottom of the page.
If you really do not care about the righthand strip being oddly placed, use 100%.

 

Thanks Acadia.

Going to have to do a little adjustment of colors. For me, the body color should be the header and side bar color and the body color should be black. At least that's the way I had mine set for the old site colors.