Hi.
One of my wikis here (http://dream.wikidot.com) was added to the featured wikis list. The page said that it had a nice CSS theme. I thought that other users might want to use the theme, so here is the code:
#header { padding:1em 0; margin:0; text-align:left; height: 6em; } #header h1 a span{ display:none; } #header h2{ display:none; } #header h1 a,#header h1 a:hover{ display: block; margin: 0; padding:0; background-image: url(http://dream.wikidot.com/local--files/start/dreamwikilogo.png); background-repeat: no-repeat; height: 100px; width: 850px; position: center; bottom: 0px; left: 350px; } #header { padding:1em 0; margin:0; text-align:left; background-image:url(); background-repeat:no-repeat; background-position:right center; height: 6em; } a:link { color:#FF9933; text-decoration:underline; font-family:arial, sans-serif; } a:visited { color:#FF9933; text-decoration:underline; font-family:arial, sans-serif; } a:active { color:#CC0066; text-decoration:underline; font-family:arial, sans-serif; } a:hover { color:#CC0066; text-decoration:none; font-family:arial, sans-serif; } #login-status{ right: 20px; } #search-top-box{ display: none; right: 20px; } h1 { /*padding:0; margin:0;*/ font-size:200%; font-weight:bold; font-style:italic; color:#FF6600; font-family:arial, sans-serif; text-decoration: underline } body { font-family:arial, sans-serif; font-size:0.5em color:#555555; /* text-align:center;*/ background-color:#DDDDDD; /* min-width: 60em;*/ } #main-content { text-align:left; font-size:0.9em; margin:0.5em 0.5em 0 0; padding:0.5em 1ex 1em 1.5ex; font-family:arial, sans-serif; font-size:1em; } h2 { background-color:#DDDDDD; color:#CC0000; font-weight:normal; margin:0.2em; padding:0; font-style:italic; font-family:arial, sans-serif; } h3{ font-family:arial, sans-serif; font-weight:bold; } h4{ font-family:arial, sans-serif; } h5{ font-family:arial, sans-serif; } #top-bar{ background-color:#000000; left: 0; right:0; width: 100%; } #top-bar ul { background-color:#000000;} #top-bar a:link, #top-bar a:visited { text-decoration:none; background-color:#000000; color:#FFFFFF;} #top-bar a:hover { text-decoration:none; background-image: url(http://dream.wikidot.com/local--files/start/button2.png); background-position:right; background-repeat: no-repeat; color:#FFFFFF; background-color:#000000 } #top-bar a:active { text-decoration:none; background-color:#000000; color:#FFFFFF;} .forum-group div.head{ font-style:italic; color:#000000; background-image: url(http://dream.wikidot.com/local--files/forum:start/background.png); background-position:right; background-repeat: no-repeat; background-color:#FFFFFF; } .forum-group div.head .title{ color: #CC0000; } .thread-container .post .options a{ color: #FFAA00; } .thread-container .post .long .changes a { color: #FFAA00; } .thread-container .post .short .options{ color: #FFAA00; } .forum-group table tr.head td{ background-color: #DDDDDD; } .forum-category-box .description-block{ background-color: #DDDDDD; } .forum-category-box table tr.head td{ background-color:#DDDDDD; } .forum-new-thread-box .description{ background-color: #DDDDDD; } .forum-thread-box .description-block{ background-color: #DDDDDD; } .thread-container .post .head{ background-color: #DDDDDD; } .thread-container .post .long .revisions table tr.active td{ background-color: rgb(243,242,235); } .thread-container .post .short{ background-color: #DDDDDD; } div.new-post a{ background-color: #DDDDDD; }
If you decide to use this theme, you should change the following block:
#header h1 a,#header h1 a:hover{ display: block; margin: 0; padding:0; background-image: url(http://dream.wikidot.com/local--files/start/dreamwikilogo.png);
You need to change the background-image URL to the one for your site's logo.
Also, if you copy the theme into a new "Custom theme", you need to base it on "Localize (no side bar).
I hope that this is of use to some users.
Finally, thanks Wikidot for providing the greatest web hosting ever!
Oliver
NOTE: 1 October 2007 - Updated with new forum design (tested in IE6, FF2.0 and Opera 9).