Sign in to follow this  
Michael Tanczos

[web] New Challenge : GDNet Black (or alternate skins!)

Recommended Posts

Michael Tanczos    5681
Well, we implemented a new style for the site. All colors are controlled by the site stylesheet. In fact, the entire graphical header for the most part is controlled by stylesheets as well. Right now people are complaining about the white, and we unfortunately can't focus on making alternative themes in the mean time. So check this out, the styles at this point gives a user the ability to do some pretty interesting things with the site look. Examine the front page source to see what tags are just waiting to be customized. The winner(s) of this challenge will get free GDNet+ for a year if their design is chosen in whole or as a basis for a new site skin. If you already have GDNet+, then participate just for the creative aspects of the challenge. Don't worry so much about icons and such.. Link to main style sheet If you use Mozilla Firefox, you can install this Add-on/Extension to your firefox browser to tweak the CSS in real time. Just go to Tools -> Web Developer -> CSS -> Edit CSS. If you click on the "Stick" button in the side window that opens, your style will be applied from page to page. Post links to your uploaded styles so we can all apply them against the existing site. Oh, and as an added benefit.. you will be given credit in the theme description and will be the savior of many gdnet users not quite satisfied with the white theme. --- Michael Tanczos

Share this post


Link to post
Share on other sites
nts    968
If anyone needs a start then here are most of the colors/style converted over from the classical site (menu, calendars, quotes and some others may be missing)


.dummy {font-size: 10px}

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; margin: 0px; background: #000000; color: #FFFFFF; }
P, TD, OL, UL, DL {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10pt;
color: rgb(255, 255, 255);
}

A:link {text-decoration: none; color: #EEEE88 }
A:visited {text-decoration: none; color: #EEEE88}
A:active {text-decoration: none; color: #9999FF}
A:hover {text-decoration: none; color: #9999FF}

#recentthreadslink {text-decoration:none; color: #FFFFFF}
#recentthreadslink:hover { text-decoration:underline; color:#CCCCCC}

a.rss, a.rss:link, a.rss:visited {color: #0000FF; width: 30px; height: 14px; background-color: #FFDD66; font-weight: bold; font-face: Tahoma; line-height: 11px; font-size: 11px; text-decoration: none; padding: 0 2px; 0 2px; border: 1px solid; border-color: #FFDD33 #887711 #442200 #FFDD33;}
a.rss:hover {background-color: #FFEEAA; text-decoration: none;}

/* Font sizing */
.maintext {font-size: 10pt}
.maintext1 {font-size: 15px}
.maintext2 {font-size: 16px}
.maintext3 {font-size: 18px}
.maintext4 {font-size: 20px}
.maintext5 {font-size: 19pt}
.maintext6 {font-size: 28px}
.maintext-1 {font-size: 12px}
.maintext-2 {font-size: 11px}
.caption {font-size: 11px; font-weight: bold}
.maintext-3 {font-size: 8px}
.maintext-4 {font-size: 10px}

H1 {font-size: 18px; font-weight: bold; color: black}
H2 {font-size: 15px; font-weight: bold; color: black}
H3 {font-size: 10pt; font-weight: bold; color: black}

/* MAIN PRESENTATION CSS */

.feathdr {font-weight: bold; background: #993333; color: #FFFFFF}
.feattitle {font-size: 10pt; font-weight: bold;}
.featbody {
font-size: 11px;
background-color: rgb(27, 27, 61);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}

.boxheader { font-family: verdana, arial; font-size: 9pt; font-weight: bold; background: RGB(44,44,48); }
.boxbody, .boxtext { font-family: verdana, arial; font-size: 8pt; border: 0px; background: RGB(44,44,48); }
.headerlink { color: white }
.menuheadr, .boxheadr { font-family: verdana, arial; font-size: 9pt; font-weight: bold; background: #5B82B6; background-image: url('../pics/int_drk_bkg_bdy2.gif'); border-top: solid 1px #88BBEE; border-left: solid 1px #88BBEE; border-right: solid 1px #336699; border-bottom: solid 1px #336699; color: white}
.spotlighthdr { font-family: verdana, arial; font-size: 9pt; font-weight: bold; background: #64A364; background-image: url('../pics/spotlight_bkg.png'); border-top: solid 1px #99DD99; border-left: solid 1px #99DD99; border-right: solid 1px #559955; border-bottom: solid 1px #559955; color: white}

/* featbody, spotlightbody are legacy styles */
.featbox, .featbody, .spotlightbody, .featmenu {
font-size: 11px;
background-color: rgb(27, 27, 61);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}

.spotlightbox {
font-size: 11px;
background-color: rgb(27, 27, 61);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}


.purplehdr { font-family: verdana, arial; font-size: 17px; font-weight: bold; color: white }
.tblhdr {font-family: Verdana, sans-serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; background: #000000; border-top: solid 1px #434376; border-left: solid 1px #434376; border-bottom: solid 1px #232356; border-right: solid 1px #232356;}

.articletitle { font-family: trebuchet MS, tahoma, verdana, arial; font-size: 23px; font-weight: bold; color: #9B5952 }
.articleauthor { font-family: trebuchet MS, verdana; font-size: 13px}
.articlehr, .sectionhr { height: 1px; color: #FFFFFF; border-top: 0px; border-bottom: 1px solid #0B315D; margin-bottom: 15px; }
.newshr { height: 1px; color: #FFFFFF; border-top: 0px; border-bottom: 1px solid #CCCCCC;}

.sectiontitle { font-family: tahoma, verdana, arial; font-size: 25px; font-weight: bold; color: #FFFFFF }
.subsectiontitle { font-family: verdana, arial; font-size: 17px; font-weight: bold; color: #FFFFFF }

.threadmessage {font-family: verdana, arial; font-size: 8pt;}
.threadtime {font-size: 11px; color: #444444}

.submitbutton {/*font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; background: #666666; color: white*/}
.textfield {background: #000000; color: #FFFFFF; font-family: Verdana, sans-serif; font-size: 11px}

.inlinebox { padding: 10px; background: #EAEAEA; border-top: solid 1px #F3F3F7; border-left: solid 1px #F3F3F7; border-bottom: solid 1px #E7E7EF; border-right: solid 1px #E7E7EF;}

.subtle {font-size: 11px; color: #666666; font-weight: normal}

/* TEMPORARY FOR DEMONSTRATION OF LEGACY NEWS */
.ZWNewsFmt01-Date { position: relative; font-family: verdana, arial; padding-bottom: 2px; padding-top: 2px; font-size: 11pt; font-weight: bold; color: white; border: none; background-color:RGB(51,51,153)}
.ZWNewsFmt01-Headline { font-family: verdana, arial; width: 100%; font-size: 10pt; font-weight: bold; padding: 3px; padding-bottom: 2px; background-color: RGB(51,51,75) }
.ZWNewsFmt01-Byline { font-family: verdana, arial; font-size: 10px; color:white; }
.ZWNewsFmt01-Story { font-family: Verdana, Tahoma, Arial; font-size: 10pt; color:white; }
/* END TEMPORARY FOR DEMONSTRATION OF LEGACY NEWS */

.BlockNews-Date { position: relative; font-family: verdana, arial; padding-bottom: 2px; padding-top: 2px; font-size: 11pt; font-weight: bold; color: white; background-image: url('../pics/int_drk_bkg_bdy2.gif'); border: solid 1px black;}
.BlockNews-Headline { font-family: verdana, arial; width: 100%; font-size: 9pt; font-weight: bold; background-image: url('../pics/int_hdbkg.png'); padding: 5px; border-bottom: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD}
.BlockNews-Byline { font-family: verdana, arial; font-size: 11px }

.news-table {}
.news-headline {font-family: verdana, tahoma, arial; font-size: 16pt; font-weight: bold; color: #000000}
.news-byline {font-family: verdana, arial; font-size: 8pt }
.news-author {font-family: verdana, arial; font-size: 8pt}
.news-date {font-family: verdana, arial; font-size:8pt;}
.news-story {font-family: Verdana, Arial; font-size: 10pt}

.Newsbody { font-family: verdana, arial; font-size: 8pt; padding: 5px; background-color: #000000; border-left: solid 1px #F3F3F9; border-top: solid 1px #F3F3F9; border-right: solid 1px #BBBBC3; border-bottom: solid 1px #BBBBC3}
.news_headline {font-family: verdana, arial; font-size: 8pt; font-weight:bold;}
.news_comment {font-family:verdana, arial; font-size:7pt; font-weight:none;}
.news_body {}
.news_author {font-family: verdana, arial; font-size: 7pt; font-weight:none; color: #999999}
.news_date {font-family: verdana, arial; font-size:10pt; font-weight:bold; color: #4D96E3;}

.jobs_count {font-family:verdana, arial; font-size:7pt; font-weight:none;}
.jobs_jobtype {font-family:verdana, arial; font-size:7pt; font-weight:none;}
.jobs_jobtypecount {font-family:verdana, arial; font-size:7pt; font-weight:none; color: #999999;}

.events_date {font-family: verdana, arial; font-size:7pt; font-weight:none; color: #999999;}

.stats_bold {font-family: verdana, arial; font-size:8pt; font-weight:bold; color: #4D96E3;}


/* Top searchbar */
.contextNav {
position: relative;
top: -6px;
}

.hdrTopLinks, .hdrSearchBox {
font-size: 10px;
font-family: verdana, arial;
color: #002266;
width: 100%;
/* height: 15px; */
vertical-align: top;
text-align: right;
}


.hdrbreadcrumbs
{
font-size: 10px;
}

.searchinput { font-size: 10px; height: 17px }
.searchbutton { position: relative; top: 2px }


/* Javascript Pulldown Menu Styles */

.topMenuHdr {
text-align: center;
}

.topMenu {
background: transparent;
text-align: center;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

.submenu {
background-color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #AAAAAA;
}

.topItemNormal {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #1D3A7F;
border-right: solid 1px #848CA3;
text-indent: 3px;
cursor: pointer;
}

.topItemNormal_Start
{
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #1D3A7F;
border-left: solid 1px #848CA3;
border-right: solid 1px #848CA3;
text-indent: 3px;
cursor: pointer;
}

.topItemOver {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background-color: #0A7CC3;/*#004D7E;*/
text-indent: 3px;
color: #FFFFFF;
cursor: pointer;
border-left: solid 1px #5064A6;
border-right: solid 1px #5064A6;
border-top: solid 1px #5064A6;
border-bottom: solid 1px #004D7E;
}

.itemNormal {
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
cursor: pointer;
background-color:#396094; /*#004D7E;*/
border-bottom: solid 1px #6175B7;
}

.itemOver {
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
cursor: pointer;
background-color: #0A7CC3;
border-bottom: solid 1px #11aadd;
}



/* Informative textbox decoration */

.roundedBox {
position: relative;
left: 0;
top: 0;
width: 100%;
}

.boxCorners {
text-align: right;
}
.boxCorners_MM {
text-align: right;
}

.boxLeft {
position: absolute;
top: 0px;
left: 0px;
}
.boxContentHeadr {
font-weight: bold;
background-color: rgb(51, 51, 153);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(57, 76, 184);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184);
}

.boxCImgR {
position: absolute; right: 0px; top: 0px;
}

.boxCImgL {
position: absolute; left: 0px; top: 0px
}

.boxContentHeadr_MM {
font-weight: bold;
background-color: rgb(51, 51, 153);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(57, 76, 184);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184);
}

.boxContentHeadr_Title {
font-weight: bold;
background-color: rgb(51, 51, 153);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(57, 76, 184);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184);
}

.boxContent_MM {
font-size: 11px;
font-weight: bold;
background-color: rgb(51, 51, 102);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}

.boxContent {
font-size: 11px;
background-color: rgb(27, 27, 61);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}


/* Specific textbox formatting, for left hand navigation menu */

/* Based off of .roundedBox */
#CMS_Features, #CMS_Resources, #CMS_Community, #CMS_Members {
position: relative;
left: 0;
top: 0;
width: 99%;
}

.CMS_Spacer {
font-size: 5px;
}

#CMS_LogoAlt {
display: none;
}


/* Quote of the day */
.qotd {
position: static; float: left; font-size: 11px; font-family: verdana, arial; width: 100%; margin-top: 15px; margin-bottom: 15px; text-align: center;
}


/* Layout markup */

.leftcolumn {
float:left;
width:135px;
margin-left:5px;
margin-top:38px; /* comment this line out if we're not lining up the tops of all columns */
}

#centercolumn {
margin-right:180px;
font-family:"\"}\"";
font-family:inherit;
margin-right:183px;
}

#centercolumn_2col {
margin-left:135px;
font-family:"\"}\"";
font-family:inherit;
margin-left:138px;
}

.centerpadding {
margin-left: 0px;
margin-right: 0px;
padding: 5px;
width: 99%
}

#rightcolumn {
float:right;
width:180px;
/*margin:0px 0px 0px 0px;*/
margin-top: 5px;
}
* html #rightcolumn {
/*margin:0px 0px 0px 0px;*/
width:180px;
margin-top: 5px;
}
body>div #rightcolumn {
/*margin:0px 0px 0px 0px;*/
}


/* Central page boxes, for making one, two, and three equal width boxes */
.wrapper { position: static; }
.singlebox {/*float: left;*/ position:static; display:block; width:100%; margin:0; padding:0;}
.wrapper>.singlebox { width: 100% }

.doublebox { /*float: left;*/ position: static; display: block; width: 48%; margin: 0;}
.wrapper>.doublebox { width: 100% }
.triplebox { float: left; position: static; display: block; width: 32.5%; margin-right: 4px; padding: 0;}
.wrapper>.triplebox { width: 33.3% }



/* Graphical header CSS for table */

#CM_Wrapper {
position: relative;
height: 99px;
margin: 0px;
padding: 0px;
border: 0px;
/* overflow: hidden;*/
}

#CM_Logo {
width: 325px;/*296px;*/
height: 99px;
padding: 0px;
margin: 0px;
border: 0px;
background-image: url('../mirror/images/hdrmain-new4.gif');
/*.gif');*/
}

#CM_AdSpace {
padding-right: 4px;
height: 73px;
width: 100%;
text-align: right;
vertical-align: middle;
background-image: url('../pics/default8_02.gif');
}

#CM_AdSpaceTrailer {
margin: 0px;
padding: 0px;
width: 4px;
height: 73px;
background-image: url('../pics/default8_03.gif');
background-repeat: no-repeat;
}

#CM_AdContainer {
position: relative;
top: 0px;
right: 2px;
}

#CM_MidSpace {
margin-top: 0px;
margin-bottom: 0px;
font-size: 1px;
height: 3px;
background-image: url('../pics/default8_05.gif');
}

#CM_MidSpaceTrailer {
width: 4px;
height: 3px;
background-image: url('../pics/default8_06.gif');
background-repeat: no-repeat;
}

#CM_NavSpace {
padding: 0px;
height: 22px;
background-image: url('../pics/default8_08.gif');
}

#CM_NavSpaceTrailer {
width: 4px;
height: 22px;
background-image: url('../pics/default8_09.gif');
}

#CM_ExOptA {
height: 4px;
font-size: 1px;
background-image: url('../pics/default8_11.gif');
}


#CM_ExOptB {
width: 4px;
height: 4px;
font-size: 1px;
background-image: url('../pics/default8_12.gif');
}


/* Footer */

#footer {
font-size: 11px;
font-family: verdana, arial;
color: black;
text-align: center;
}



/* Forum Style */

.img { border: 0px solid #000; vertical-align: middle; }
.smallfont {font-size: 10px}
.mediumfont {font-size: 11px}
.largefont {font-size: 18px}
.regularfont {font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif}
.path {font-size: 10px; color: silver}
.smallfontwhite { font-size:10px; color: #CCCCCC}

.head {
color: silver;
background-color: rgb(51, 51, 153);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
}
.headsmall
{
font-family: verdana,sans-serif;
font-size: 10px;
color: silver;
background-color: rgb(51, 51, 153);
background-repeat: repeat;
background-attachment: scroll;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(57, 76, 184);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184);
}
.headsmalllink { color: White; }
.category
{
color: silver;
background-color: rgb(51, 51, 102);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}
.postcell {font-size: 12px; background: RGB(44,44,48); color: white}
.altforumcell
{
background: RGB(42,44,61);
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(58, 58, 74);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(58, 58, 74);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(9, 9, 32);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(9, 9, 32);
}
.forumcell {background: RGB(44,44,48);
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(48, 48, 64);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(48, 48, 64);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(9, 9, 32);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(9, 9, 32);
}
.announcecell {
background-color: rgb(51, 51, 153);
background-repeat: repeat;
background-attachment: scroll;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(57, 76, 184);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184);
}

.post_trailer {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10pt;
color: rgb(255, 255, 255);
}
.post_dateline
{
font-size: 10px;
color: silver;
background-color: rgb(51, 51, 102);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
}
.post_author { font-family: verdana,sans-serif;
font-size: 10px;
color: silver;
background-color: rgb(51, 51, 153);
background-repeat: repeat;
background-attachment: scroll;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(57, 76, 184);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184); }
.post_body {background: RGB(44,44,48);
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(48, 48, 64);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(48, 48, 64);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(9, 9, 32);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(9, 9, 32);
}
.post_separator {font-size: 10px; background: #576982; border-top: solid 1px #2E4461; border-bottom: solid 1px #B9C6D7; border-left: solid 1px #FFFFFF; border-right: solid 1px #FFFFFF; width: 95%;}

.threadhighlight {background: #003366}
.time {color: RGB(255,255,136)}
.staff { color: #10AB10;/*21BC21;*/ /*font-weight: bold*//*#32CD32/*#00781A;*/ }
.moderator { color: /*#DC143C;*/#CB021A; /*font-weight: bold*/ /*#BD282D*/ }
.premium { color: /*#D27A1E*//*#FFCC33*/#B57438; font-weight: bold }
.premiumusernames { color: /*#D27A1E*//*#DDAA11*/#B57438; font-weight: bold }
.suspended { color: pink; text-decoration: line-through;}
.banned { color: red; text-decoration: line-through; }
.quote { font-size: 11px; background: #E6E6DA;/*F7F7EB;*/ border-top: solid 1px #5B5D82; border-left: solid 1px #5B5D82; border-bottom: solid 1px #1B1D42; border-right: solid 1px #1B1D42;}
.quote .quote { font-size: 11px; background: #DADACE;/*#EBEBDF;*/ border-top: solid 1px #484570; border-left: solid 1px #484570; border-bottom: solid 1px #1B1D42; border-right: solid 1px #1B1D42;}
.quote .quote .quote { font-size: 11px; background: #D0D0D3;/*#E0E0D4;*/ border-top: solid 1px #444166; border-left: solid 1px #444166; border-bottom: solid 1px #242146; border-right: solid 1px #242146;}
.quote .quote .quote .quote { font-size: 11px; background: #C4C4B8;/*#D5D5C9;*/ border-top: solid 1px #5B5D82; border-left: solid 1px #5B5D82; border-bottom: solid 1px #1B1D42; border-right: solid 1px #1B1D42;}
.forumrules {border: solid #555555 2px; background: #F3EEEE; font-family: verdana, sans-serif; color: black; font-size: 10px}
.source {background: #ffffff; border: solid 2px; font-family: Courier New; color: black; font-size: 9pt; width: 95%; height: 250px; overflow: auto; padding: 3px;}
.editedby {color: #333333; font-size: 10px;}
.register_required { color: red}

/* The .code style is causing problems in articles because it is used inline with text, so I'm removing the border and reducing the padding - KH */
/* We will need an "inlinecode" style for use of inline functions/constants in articles. I like the original .code - it's just not working for these articles. */
/*.code {font-family: Courier New; font-size: 10pt; color: #477280; background: #F7F7EB; padding: 8px 8px 8px 8px; border: solid 1px #5B5D82}*/
.inlinecode { font-family: Courier New; font-size: 10pt; color: #477280; }
/* Once we get some articles converted to inlinecode we can put the code padding back to 8px */
.code {font-family: Courier New; font-size: 10pt; color: #477280; background: #F7F7EB; padding: 2px 2px 2px 2x; border: solid 1px #5B5D82}
.vbcode {font-family: Courier New; font-size: 11px; color: #ADD8E6}
.codecomment {font-family: Courier New; font-size: 10pt; color: #9999FF}



/* Developer Journal Calendar */
.calendarhead {
font-family:tahoma,verdana, arial, sans-serif;
color:white;
font-size:13px;
font-weight:bold;
padding:6px;
background: #1476B5;
}

.calendar {
font-family:verdana, arial, sans-serif;
color:#707070;
background:#EAEAEA;
font-size:10px;
font-weight:normal;
padding:4px;
}

.calendarsel {
font-family:verdana, arial, sans-serif;
background:#0071BC;
font-size:12px;
font-weight:bold;
padding:4px;
}

.calendarlink { color:white; }


/* Bookmarks tabs */

ul#tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #333399;
margin: 0;
}

ul#tabnav li {
float: left;
height: 21px;
background-color: #20205C;
margin: 2px 2px 0 2px;
border: 1px solid #3333AD;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 {
border-bottom: 1px solid #333399;
background-color: #333399;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a {
color: white;
}

#tabnav a {
float: left;
display: block;
color: #a09dc3;
text-decoration: none;
padding: 4px;
}

#tabnav a:hover {
background: #5555DD;
color: white;
}



I dont think I have the time to convert the whole site so good luck to anyone who does, looking forward to it :)

btw the FF tool was eating up 50% of my CPU cycles when i was using it :|

Share this post


Link to post
Share on other sites
Michael Tanczos    5681
Major props to nts for his work thus far.


NTS theme:
Black Theme

Turn off theme


* HINT * HINT * HINT

If you don't like a page element in the style that is built into www.gamedev.net, you can turn it it's display off using "display: none" in the stylesheet. The corners of the boxes that were curved were turned off in this same way.

SECOND HINT!

Pretty much anything that has an image in the header does so by using a background image url in the css. So it is entirely possible to use any graphics you can imagine.

Awesome so far. The nts skin is so close.

---
Michael Tanczos

Share this post


Link to post
Share on other sites
Zahlman    1682
Quote:
Original post by Michael Tanczos
So it is entirely possible to use any graphics you can imagine.


Why do I get the feeling this is a *bad* thing to inform lounge lizards about :S

Share this post


Link to post
Share on other sites
nts    968
Quote:
Original post by Michael Tanczos
Major props to nts for his work thus far.
...


Thanks for the encouragement, I'm gonna work on it more and will try to get it finished :)

Share this post


Link to post
Share on other sites
nts    968
Quote:
Original post by Michael Tanczos
Hey nts, I tried adding on to yours. Check out my additions:

Black Theme (altered)

---
Michael Tanczos


Very nice, I really like the header with the logo and the background color.

I did some more work on the original one, so quotes, calendar and user status's among others are now the same color. I played with the menu colors but I like your header background color more.

What I wasn't able to get was the bar under a reply with the rating and buttons. When I made the separator black the bar appeares black aswell... probably doing something wrong with it.

Here's my updated style


.dummy {font-size: 10px}

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; margin: 0px; background: #000000; color: #FFFFFF; }
P, TD, OL, UL, DL {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10pt;
color: rgb(255, 255, 255);
}

A:link {text-decoration: none; color: #EEEE88 }
A:visited {text-decoration: none; color: #EEEE88}
A:active {text-decoration: none; color: #9999FF}
A:hover {text-decoration: none; color: #9999FF}

#recentthreadslink {text-decoration:none; color: #FFFFFF}
#recentthreadslink:hover { text-decoration:underline; color:#CCCCCC}

a.rss, a.rss:link, a.rss:visited {color: #0000FF; width: 30px; height: 14px; background-color: #FFDD66; font-weight: bold; font-face: Tahoma; line-height: 11px; font-size: 11px; text-decoration: none; padding: 0 2px; 0 2px; border: 1px solid; border-color: #FFDD33 #887711 #442200 #FFDD33;}
a.rss:hover {background-color: #FFEEAA; text-decoration: none;}

/* Font sizing */
.maintext {font-size: 10pt}
.maintext1 {font-size: 15px}
.maintext2 {font-size: 16px}
.maintext3 {font-size: 18px}
.maintext4 {font-size: 20px}
.maintext5 {font-size: 19pt}
.maintext6 {font-size: 28px}
.maintext-1 {font-size: 12px}
.maintext-2 {font-size: 11px}
.caption {font-size: 11px; font-weight: bold}
.maintext-3 {font-size: 8px}
.maintext-4 {font-size: 10px}

H1 {font-size: 18px; font-weight: bold; color: black}
H2 {font-size: 15px; font-weight: bold; color: black}
H3 {font-size: 10pt; font-weight: bold; color: black}

/* MAIN PRESENTATION CSS */

.feathdr {font-weight: bold; background: #993333; color: #FFFFFF}
.feattitle {font-size: 10pt; font-weight: bold;}
.featbody {
font-size: 11px;
background-color: rgb(27, 27, 61);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}

.boxheader { font-family: verdana, arial; font-size: 9pt; font-weight: bold; background: RGB(44,44,48); }
.boxbody, .boxtext { font-family: verdana, arial; font-size: 8pt; border: 0px; background: RGB(44,44,48); }
.headerlink { color: white }
.menuheadr, .boxheadr { font-family: verdana, arial; font-size: 9pt; font-weight: bold; background: #5B82B6; background-image: url('../pics/int_drk_bkg_bdy2.gif'); border-top: solid 1px #88BBEE; border-left: solid 1px #88BBEE; border-right: solid 1px #336699; border-bottom: solid 1px #336699; color: white}
.spotlighthdr { font-family: verdana, arial; font-size: 9pt; font-weight: bold; background: #64A364; background-image: url('../pics/spotlight_bkg.png'); border-top: solid 1px #99DD99; border-left: solid 1px #99DD99; border-right: solid 1px #559955; border-bottom: solid 1px #559955; color: white}

/* featbody, spotlightbody are legacy styles */
.featbox, .featbody, .spotlightbody, .featmenu {
font-size: 11px;
background-color: rgb(27, 27, 61);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}

.spotlightbox {
font-size: 11px;
background-color: rgb(27, 27, 61);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}


.purplehdr { font-family: verdana, arial; font-size: 17px; font-weight: bold; color: white }
.tblhdr {font-family: Verdana, sans-serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; background: #000000; border-top: solid 1px #434376; border-left: solid 1px #434376; border-bottom: solid 1px #232356; border-right: solid 1px #232356;}

.articletitle { font-family: trebuchet MS, tahoma, verdana, arial; font-size: 23px; font-weight: bold; color: #9B5952 }
.articleauthor { font-family: trebuchet MS, verdana; font-size: 13px}
.articlehr, .sectionhr { height: 1px; color: #FFFFFF; border-top: 0px; border-bottom: 1px solid #0B315D; margin-bottom: 15px; }
.newshr { height: 1px; color: #FFFFFF; border-top: 0px; border-bottom: 1px solid #CCCCCC;}

.sectiontitle { font-family: tahoma, verdana, arial; font-size: 25px; font-weight: bold; color: #FFFFFF }
.subsectiontitle { font-family: verdana, arial; font-size: 17px; font-weight: bold; color: #FFFFFF }

.threadmessage {font-family: verdana, arial; font-size: 8pt;}
.threadtime {font-size: 11px; color: #444444}

.submitbutton {/*font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; background: #666666; color: white*/}
.textfield {background: #000000; color: #FFFFFF; font-family: Verdana, sans-serif; font-size: 11px}

.inlinebox { padding: 10px; background: #EAEAEA; border-top: solid 1px #F3F3F7; border-left: solid 1px #F3F3F7; border-bottom: solid 1px #E7E7EF; border-right: solid 1px #E7E7EF;}

.subtle {font-size: 11px; color: #666666; font-weight: normal}

/* TEMPORARY FOR DEMONSTRATION OF LEGACY NEWS */
.ZWNewsFmt01-Date { position: relative; font-family: verdana, arial; padding-bottom: 2px; padding-top: 2px; font-size: 11pt; font-weight: bold; color: white; border: none; background-color:RGB(51,51,153)}
.ZWNewsFmt01-Headline { font-family: verdana, arial; width: 100%; font-size: 10pt; font-weight: bold; padding: 3px; padding-bottom: 2px; background-color: RGB(51,51,75) }
.ZWNewsFmt01-Byline { font-family: verdana, arial; font-size: 10px; color:white; }
.ZWNewsFmt01-Story { font-family: Verdana, Tahoma, Arial; font-size: 10pt; color:white; }
/* END TEMPORARY FOR DEMONSTRATION OF LEGACY NEWS */

.BlockNews-Date { position: relative; font-family: verdana, arial; padding-bottom: 2px; padding-top: 2px; font-size: 11pt; font-weight: bold; color: white; background-image: url('../pics/int_drk_bkg_bdy2.gif'); border: solid 1px black;}
.BlockNews-Headline { font-family: verdana, arial; width: 100%; font-size: 9pt; font-weight: bold; background-image: url('../pics/int_hdbkg.png'); padding: 5px; border-bottom: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD}
.BlockNews-Byline { font-family: verdana, arial; font-size: 11px }

.news-table {}
.news-headline {font-family: verdana, tahoma, arial; font-size: 16pt; font-weight: bold; color: #000000}
.news-byline {font-family: verdana, arial; font-size: 8pt }
.news-author {font-family: verdana, arial; font-size: 8pt}
.news-date {font-family: verdana, arial; font-size:8pt;}
.news-story {font-family: Verdana, Arial; font-size: 10pt}

.Newsbody { font-family: verdana, arial; font-size: 8pt; padding: 5px; background-color: #000000; border-left: solid 1px #F3F3F9; border-top: solid 1px #F3F3F9; border-right: solid 1px #BBBBC3; border-bottom: solid 1px #BBBBC3}
.news_headline {font-family: verdana, arial; font-size: 8pt; font-weight:bold;}
.news_comment {font-family:verdana, arial; font-size:7pt; font-weight:none;}
.news_body {}
.news_author {font-family: verdana, arial; font-size: 7pt; font-weight:none; color: #999999}
.news_date {font-family: verdana, arial; font-size:10pt; font-weight:bold; color: #4D96E3;}

.jobs_count {font-family:verdana, arial; font-size:7pt; font-weight:none;}
.jobs_jobtype {font-family:verdana, arial; font-size:7pt; font-weight:none;}
.jobs_jobtypecount {font-family:verdana, arial; font-size:7pt; font-weight:none; color: #999999;}

.events_date {font-family: verdana, arial; font-size:7pt; font-weight:none; color: #999999;}

.stats_bold {font-family: verdana, arial; font-size:8pt; font-weight:bold; color: #4D96E3;}


/* Top searchbar */
.contextNav {
position: relative;
top: -6px;
}

.hdrTopLinks, .hdrSearchBox {
font-size: 10px;
font-family: verdana, arial;
color: #002266;
width: 100%;
vertical-align: top;
text-align: right;
}


.hdrbreadcrumbs
{
font-size: 10px;
}

.searchinput { font-size: 10px; height: 17px }
.searchbutton { position: relative; top: 2px }


/* Javascript Pulldown Menu Styles */

.topMenuHdr {
text-align: center;
color:Black;
}

.topMenu {
background: RGB(44,44,61);
text-align: center;
font-family: Verdana;
font-size: 11px;
font-weight: bold;
text-decoration: none;
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(58, 58, 74);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(9, 9, 32);
}

.submenu {
background-color: RGB(51,51,102);
border-width: 1px;
border-style: solid;
border-color: #AAAAAA;
}

.topItemNormal {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: black;
border-right: solid 1px #848CA3;
text-indent: 3px;
cursor: pointer;
}

.topItemNormal_Start
{
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: black;
border-left: solid 1px #848CA3;
border-right: solid 1px #848CA3;
text-indent: 3px;
cursor: pointer;
}

.topItemOver {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background-color: RGB(51,51,153);
text-indent: 3px;
color: #FFFFFF;
cursor: pointer;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(57, 76, 184);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184);
}

.itemNormal {
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
cursor: pointer;
background-color:rgb(27, 27, 61);
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}

.itemOver {
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
cursor: pointer;
background-color:RGB(51,51,102);
border-top-style: solid;
border-top-width: 1px;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}



/* Informative textbox decoration */

.roundedBox {
position: relative;
left: 0;
top: 0;
width: 100%;
}

.boxCorners {
text-align: right;
display: none;
}
.boxCorners_MM {
text-align: right;
}

.boxLeft {
position: absolute;
top: 0px;
left: 0px;
}
.boxContentHeadr {
font-weight: bold;
background-color: rgb(51, 51, 153);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(57, 76, 184);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184);
}

.boxCImgR {
position: absolute; right: 0px; top: 0px; display: none;
}

.boxCImgL {
position: absolute; left: 0px; top: 0px; display: none;
}

.boxContentHeadr_MM {
font-weight: bold;
background-color: rgb(51, 51, 153);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(57, 76, 184);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184);
}

.boxContentHeadr_Title {
font-weight: bold;
background-color: rgb(51, 51, 153);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(57, 76, 184);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184);
}

.boxContent_MM {
font-size: 11px;
font-weight: bold;
background-color: rgb(51, 51, 102);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}

.boxContent {
font-size: 11px;
background-color: rgb(27, 27, 61);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}


/* Specific textbox formatting, for left hand navigation menu */

/* Based off of .roundedBox */
#CMS_Features, #CMS_Resources, #CMS_Community, #CMS_Members {
position: relative;
left: 0;
top: 0;
width: 99%;
}

.CMS_Spacer {
font-size: 5px;
}

#CMS_LogoAlt {
display: none;
}


/* Quote of the day */
.qotd {
position: static; float: left; font-size: 11px; font-family: verdana, arial; width: 100%; margin-top: 15px; margin-bottom: 15px; text-align: center;
}


/* Layout markup */

.leftcolumn {
float:left;
width:135px;
margin-left:5px;
margin-top:38px; /* comment this line out if we're not lining up the tops of all columns */
}

#centercolumn {
margin-right:180px;
font-family:"\"}\"";
font-family:inherit;
margin-right:183px;
}

#centercolumn_2col {
margin-left:135px;
font-family:"\"}\"";
font-family:inherit;
margin-left:138px;
}

.centerpadding {
margin-left: 0px;
margin-right: 0px;
padding: 5px;
width: 99%
}

#rightcolumn {
float:right;
width:180px;
/*margin:0px 0px 0px 0px;*/
margin-top: 5px;
}
* html #rightcolumn {
/*margin:0px 0px 0px 0px;*/
width:180px;
margin-top: 5px;
}
body>div #rightcolumn {
/*margin:0px 0px 0px 0px;*/
}


/* Central page boxes, for making one, two, and three equal width boxes */
.wrapper { position: static; }
.singlebox {/*float: left;*/ position:static; display:block; width:100%; margin:0; padding:0;}
.wrapper>.singlebox { width: 100% }

.doublebox { /*float: left;*/ position: static; display: block; width: 48%; margin: 0;}
.wrapper>.doublebox { width: 100% }
.triplebox { float: left; position: static; display: block; width: 32.5%; margin-right: 4px; padding: 0;}
.wrapper>.triplebox { width: 33.3% }



/* Graphical header CSS for table */

#CM_Wrapper {
position: relative;
height: 99px;
margin: 0px;
padding: 0px;
border: 0px;
/* overflow: hidden;*/
}

#CM_Logo {
width: 325px;/*296px;*/
height: 99px;
padding: 0px;
margin: 0px;
border: 0px;
background-image: url('../mirror/images/hdrmain-new4.gif');
/*.gif');*/
}

#CM_AdSpace {
padding-right: 4px;
height: 73px;
width: 100%;
text-align: right;
vertical-align: middle;
background-image: url('../pics/default8_02.gif');
}

#CM_AdSpaceTrailer {
margin: 0px;
padding: 0px;
width: 4px;
height: 73px;
background-image: url('../pics/default8_03.gif');
background-repeat: no-repeat;
}

#CM_AdContainer {
position: relative;
top: 0px;
right: 2px;
}

#CM_MidSpace {
margin-top: 0px;
margin-bottom: 0px;
font-size: 1px;
height: 3px;
background-image: url('../pics/default8_05.gif');
}

#CM_MidSpaceTrailer {
width: 4px;
height: 3px;
background-image: url('../pics/default8_06.gif');
background-repeat: no-repeat;
}

#CM_NavSpace {
padding: 0px;
height: 22px;
background-image: url('../pics/default8_08.gif');
}

#CM_NavSpaceTrailer {
width: 4px;
height: 22px;
background-image: url('../pics/default8_09.gif');
}

#CM_ExOptA {
height: 4px;
font-size: 1px;
background-image: url('../pics/default8_11.gif');
}


#CM_ExOptB {
width: 4px;
height: 4px;
font-size: 1px;
background-image: url('../pics/default8_12.gif');
}


/* Footer */

#footer {
font-size: 11px;
font-family: verdana, arial;
color: white;
text-align: center;
}



/* Forum Style */

.img { border: 0px solid #000; vertical-align: middle; }
.smallfont {font-size: 10px}
.mediumfont {font-size: 11px}
.largefont {font-size: 18px}
.regularfont {font-size: 10pt; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif}
.path {font-size: 10px; color: silver}
.smallfontwhite { font-size:10px; color: #CCCCCC}

.head {
color: silver;
background-color: rgb(51, 51, 153);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
}
.headsmall
{
font-family: verdana,sans-serif;
font-size: 10px;
color: silver;
background-color: rgb(51, 51, 153);
background-repeat: repeat;
background-attachment: scroll;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(57, 76, 184);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184);
}
.headsmalllink { color: White; }
.category
{
color: silver;
background-color: rgb(51, 51, 102);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}
.postcell {font-size: 12px; background: RGB(44,44,48); color: white}
.altforumcell
{
background: RGB(42,44,61);
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(58, 58, 74);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(58, 58, 74);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(9, 9, 32);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(9, 9, 32);
}
.forumcell {background: RGB(44,44,48);
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(48, 48, 64);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(48, 48, 64);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(9, 9, 32);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(9, 9, 32);
}
.announcecell {
background-color: rgb(51, 51, 153);
background-repeat: repeat;
background-attachment: scroll;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(57, 76, 184);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184);
}

.post_trailer {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10pt;
color: rgb(255, 255, 255);
}
.post_dateline
{
font-size: 10px;
color: silver;
background-color: rgb(51, 51, 102);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
}
.post_author { font-family: verdana,sans-serif;
font-size: 10px;
color: silver;
background-color: rgb(51, 51, 153);
background-repeat: repeat;
background-attachment: scroll;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(57, 76, 184);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184); }
.post_body {background: RGB(44,44,48);
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(48, 48, 64);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(48, 48, 64);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(9, 9, 32);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(9, 9, 32);
}
.post_separator {font-size: 10px; background: black; }

.time {color: #FFFF88}
.staff { color: #43FF43}
.moderator { color: #FFA07A }
.premium { color: #FFEA00; font-weight: bold }
.premiumusernames { color: #F2D366; }
.suspended { color: #FF6C12 }
.banned { color: red }
.quote { font-size: 11px; background: #3B3D62; border-top: solid 1px #5B5D82; border-left: solid 1px #5B5D82; border-bottom: solid 1px #1B1D42; border-right: solid 1px #1B1D42;}
.quote .quote { font-size: 11px; background: #383560; border-top: solid 1px #484570; border-left: solid 1px #484570; border-bottom: solid 1px #1B1D42; border-right: solid 1px #1B1D42;}
.quote .quote .quote { font-size: 11px; background: #343156; border-top: solid 1px #444166; border-left: solid 1px #444166; border-bottom: solid 1px #242146; border-right: solid 1px #242146;}
.quote .quote .quote .quote { font-size: 11px; background: #302853; border-top: solid 1px #5B5D82; border-left: solid 1px #5B5D82; border-bottom: solid 1px #1B1D42; border-right: solid 1px #1B1D42;}
.forumrules {border: solid #555555 2px; font-family: verdana, sans-serif; color: white; font-size: 10px}
.source {background: #ffffff; border: solid 2px; font-family: Courier New; color: black; font-size: 9pt; width: 95%; height: 250px; overflow: auto; padding: 3px;}
.editedby {color: #DDDDDD; font-size: 10px;}
.register_required { color: red} .register_required { color: red}

/* The .code style is causing problems in articles because it is used inline with text, so I'm removing the border and reducing the padding - KH */
/* We will need an "inlinecode" style for use of inline functions/constants in articles. I like the original .code - it's just not working for these articles. */
/*.code {font-family: Courier New; font-size: 10pt; color: #477280; background: #F7F7EB; padding: 8px 8px 8px 8px; border: solid 1px #5B5D82}*/
.inlinecode { font-family: Courier New; font-size: 10pt; color: #477280; }
/* Once we get some articles converted to inlinecode we can put the code padding back to 8px */
.code {font-family: Courier New; font-size: 10pt; color: #477280; background: #F7F7EB; padding: 2px 2px 2px 2x; border: solid 1px #5B5D82}
.vbcode {font-family: Courier New; font-size: 11px; color: #ADD8E6}
.codecomment {font-family: Courier New; font-size: 10pt; color: #9999FF}



/* Developer Journal Calendar */
.calendarhead {
font-family:tahoma,verdana, arial, sans-serif;
color:white;
font-size:13px;
font-weight:bold;
padding:6px;
background: #333366;
}

.calendar {
font-family:verdana, arial, sans-serif;
color:#B0B0B0;
background:#333344;
font-size:10px;
font-weight:normal;
padding:4px;
}

.calendarsel {
font-family:verdana, arial, sans-serif;
background:#6699cc;
font-size:13px;
font-weight:bold;
padding:4px;
}

.calendarlink {
color:white;
}

ul#tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #333399;
margin: 0;
}

ul#tabnav li {
float: left;
height: 21px;
background-color: #20205C;
margin: 2px 2px 0 2px;
border: 1px solid #3333AD;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 {
border-bottom: 1px solid #333399;
background-color: #333399;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a {
color: white;
}

#tabnav a {
float: left;
display: block;
color: #a09dc3;
text-decoration: none;
padding: 4px;
}

#tabnav a:hover {
background: #5555DD;
color: white;
}




/* Bookmarks tabs */

ul#tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #333399;
margin: 0;
}

ul#tabnav li {
float: left;
height: 21px;
background-color: #20205C;
margin: 2px 2px 0 2px;
border: 1px solid #3333AD;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 {
border-bottom: 1px solid #333399;
background-color: #333399;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a {
color: white;
}

#tabnav a {
float: left;
display: block;
color: #a09dc3;
text-decoration: none;
padding: 4px;
}

#tabnav a:hover {
background: #5555DD;
color: white;
}




EDIT: Hmmm I think my FF is messed up a bit, opening a new instance with the same style loaded yields different results...

Share this post


Link to post
Share on other sites
Michael Tanczos    5681
Quote:
Original post by cowsarenotevil
I'm extremely interested in making dark "logout," "control panel," "bookmarks," etc. icons. Would these be of use to you?


Sure, we can create a test theme out of them if you make enough for one. We do still have the old ones on www2.gamedev.net, but knock your socks off.

---
Michael Tanczos

Share this post


Link to post
Share on other sites
nts    968
Quote:
Original post by Kwizatz
The background of the Quotes on NTS theme is still comming up as gray, but the font is white, so they're unreadable... just reporting a tiny bug [smile]


odd, try to do a force-refresh (Ctrl+F5). When editing sometimes my FF screws up and kind of combines two styles together, fun results especially when I go hunting for the bug :)

Anyway, one more updated style. The posts/replys should look exactly the same (classical) and I integrated the top menu bar. I'm not completely sold on the menu colors I chose so input greatly appreciated.


.dummy {font-size: 10px}

body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; margin: 0px; background: #000000; color: #FFFFFF; }
P, TD, OL, UL, DL {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10pt;
color: rgb(255, 255, 255);
}

A:link {text-decoration: none; color: #EEEE88 }
A:visited {text-decoration: none; color: #EEEE88}
A:active {text-decoration: none; color: #9999FF}
A:hover {text-decoration: none; color: #9999FF}

#recentthreadslink {text-decoration:none; color: #FFFFFF}
#recentthreadslink:hover { text-decoration:underline; color:#CCCCCC}

a.rss, a.rss:link, a.rss:visited {color: #0000FF; width: 30px; height: 14px; background-color: #FFDD66; font-weight: bold; font-face: Tahoma; line-height: 11px; font-size: 11px; text-decoration: none; padding: 0 2px; 0 2px; border: 1px solid; border-color: #FFDD33 #887711 #442200 #FFDD33;}
a.rss:hover {background-color: #FFEEAA; text-decoration: none;}

/* Font sizing */
.maintext {font-size: 10pt}
.maintext1 {font-size: 15px}
.maintext2 {font-size: 16px}
.maintext3 {font-size: 18px}
.maintext4 {font-size: 20px}
.maintext5 {font-size: 19pt}
.maintext6 {font-size: 28px}
.maintext-1 {font-size: 12px}
.maintext-2 {font-size: 11px}
.caption {font-size: 11px; font-weight: bold}
.maintext-3 {font-size: 8px}
.maintext-4 {font-size: 10px}

H1 {font-size: 18px; font-weight: bold; color: black}
H2 {font-size: 15px; font-weight: bold; color: black}
H3 {font-size: 10pt; font-weight: bold; color: black}

/* MAIN PRESENTATION CSS */

.feathdr {font-weight: bold; background: #993333; color: #FFFFFF}
.feattitle {font-size: 10pt; font-weight: bold;}
.featbody {
font-size: 11px;
background-color: rgb(27, 27, 61);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}

.boxheader { font-family: verdana, arial; font-size: 9pt; font-weight: bold; background: RGB(44,44,48); }
.boxbody, .boxtext { font-family: verdana, arial; font-size: 8pt; border: 0px; background: RGB(44,44,48); }
.headerlink { color: white }
.menuheadr, .boxheadr { font-family: verdana, arial; font-size: 9pt; font-weight: bold; background: #5B82B6; background-image: url('../pics/int_drk_bkg_bdy2.gif'); border-top: solid 1px #88BBEE; border-left: solid 1px #88BBEE; border-right: solid 1px #336699; border-bottom: solid 1px #336699; color: white}
.spotlighthdr { font-family: verdana, arial; font-size: 9pt; font-weight: bold; background: #64A364; background-image: url('../pics/spotlight_bkg.png'); border-top: solid 1px #99DD99; border-left: solid 1px #99DD99; border-right: solid 1px #559955; border-bottom: solid 1px #559955; color: white}

/* featbody, spotlightbody are legacy styles */
.featbox, .featbody, .spotlightbody, .featmenu {
font-size: 11px;
background-color: rgb(27, 27, 61);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}

.spotlightbox {
font-size: 11px;
background-color: rgb(27, 27, 61);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}


.purplehdr { font-family: verdana, arial; font-size: 17px; font-weight: bold; color: white }
.tblhdr {font-family: Verdana, sans-serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; background: #000000; border-top: solid 1px #434376; border-left: solid 1px #434376; border-bottom: solid 1px #232356; border-right: solid 1px #232356;}

.articletitle { font-family: trebuchet MS, tahoma, verdana, arial; font-size: 23px; font-weight: bold; color: #9B5952 }
.articleauthor { font-family: trebuchet MS, verdana; font-size: 13px}
.articlehr, .sectionhr { height: 1px; color: #FFFFFF; border-top: 0px; border-bottom: 1px solid #0B315D; margin-bottom: 15px; }
.newshr { height: 1px; color: #FFFFFF; border-top: 0px; border-bottom: 1px solid #CCCCCC;}

.sectiontitle { font-family: tahoma, verdana, arial; font-size: 25px; font-weight: bold; color: #FFFFFF }
.subsectiontitle { font-family: verdana, arial; font-size: 17px; font-weight: bold; color: #FFFFFF }

.threadmessage {font-family: verdana, arial; font-size: 8pt;}
.threadtime {font-size: 11px; color: #444444}

.submitbutton {/*font-family: Verdana, sans-serif; font-size: 11px; font-weight: bold; background: #666666; color: white*/}
.textfield {background: #000000; color: #FFFFFF; font-family: Verdana, sans-serif; font-size: 11px}

.inlinebox { padding: 10px; background: #EAEAEA; border-top: solid 1px #F3F3F7; border-left: solid 1px #F3F3F7; border-bottom: solid 1px #E7E7EF; border-right: solid 1px #E7E7EF;}

.subtle {font-size: 11px; color: #666666; font-weight: normal}

/* TEMPORARY FOR DEMONSTRATION OF LEGACY NEWS */
.ZWNewsFmt01-Date { position: relative; font-family: verdana, arial; padding-bottom: 2px; padding-top: 2px; font-size: 11pt; font-weight: bold; color: white; border: none; background-color:RGB(51,51,153)}
.ZWNewsFmt01-Headline { font-family: verdana, arial; width: 100%; font-size: 10pt; font-weight: bold; padding: 3px; padding-bottom: 2px; background-color: RGB(51,51,75) }
.ZWNewsFmt01-Byline { font-family: verdana, arial; font-size: 10px; color:white; }
.ZWNewsFmt01-Story { font-family: Verdana, Tahoma, Arial; font-size: 10pt; color:white; }
/* END TEMPORARY FOR DEMONSTRATION OF LEGACY NEWS */

.BlockNews-Date { position: relative; font-family: verdana, arial; padding-bottom: 2px; padding-top: 2px; font-size: 11pt; font-weight: bold; color: white; background-image: url('../pics/int_drk_bkg_bdy2.gif'); border: solid 1px black;}
.BlockNews-Headline { font-family: verdana, arial; width: 100%; font-size: 9pt; font-weight: bold; background-image: url('../pics/int_hdbkg.png'); padding: 5px; border-bottom: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD}
.BlockNews-Byline { font-family: verdana, arial; font-size: 11px }

.news-table {}
.news-headline {font-family: verdana, tahoma, arial; font-size: 16pt; font-weight: bold; color: #000000}
.news-byline {font-family: verdana, arial; font-size: 8pt }
.news-author {font-family: verdana, arial; font-size: 8pt}
.news-date {font-family: verdana, arial; font-size:8pt;}
.news-story {font-family: Verdana, Arial; font-size: 10pt}

.Newsbody { font-family: verdana, arial; font-size: 8pt; padding: 5px; background-color: #000000; border-left: solid 1px #F3F3F9; border-top: solid 1px #F3F3F9; border-right: solid 1px #BBBBC3; border-bottom: solid 1px #BBBBC3}
.news_headline {font-family: verdana, arial; font-size: 8pt; font-weight:bold;}
.news_comment {font-family:verdana, arial; font-size:7pt; font-weight:none;}
.news_body {}
.news_author {font-family: verdana, arial; font-size: 7pt; font-weight:none; color: #999999}
.news_date {font-family: verdana, arial; font-size:10pt; font-weight:bold; color: #4D96E3;}

.jobs_count {font-family:verdana, arial; font-size:7pt; font-weight:none;}
.jobs_jobtype {font-family:verdana, arial; font-size:7pt; font-weight:none;}
.jobs_jobtypecount {font-family:verdana, arial; font-size:7pt; font-weight:none; color: #999999;}

.events_date {font-family: verdana, arial; font-size:7pt; font-weight:none; color: #999999;}

.stats_bold {font-family: verdana, arial; font-size:8pt; font-weight:bold; color: #4D96E3;}


/* Top searchbar */
.contextNav {
position: relative;
top: -6px;
}

.hdrTopLinks, .hdrSearchBox {
font-size: 10px;
font-family: verdana, arial;
color: white;
width: 100%;
vertical-align: top;
text-align: right;
}


.hdrbreadcrumbs
{
font-size: 10px;
}

.searchinput { font-size: 10px; height: 17px }
.searchbutton { position: relative; top: 2px }


/* Javascript Pulldown Menu Styles */

.topMenuHdr {
text-align: center;
color:Black;
display:none;
}

.topMenu {
background: rgb(51,51,153);
text-align: center;
font-family: Verdana;
font-size: 11px;
font-weight: bold;
text-decoration: none;
border-left-width: 0px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184);
border-right-width: 0px;
border-right-style: solid;
border-right-color: rgb(57, 76, 184);
}

.submenu {
background-color: RGB(51,51,102);
border-width: 1px;
border-style: solid;
border-color: #AAAAAA;
display:none;
}

.topItemNormal {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: black;
border-top:0px solid white;
border-bottom:0px solid white;
border-left: solid 1px rgb(57, 76, 184);
border-right: 1px solid black;
text-indent: 3px;
cursor: pointer;
}

.topItemNormal_Start
{
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: black;
border-top:0px solid white;
border-left: solid 1px rgb(57, 76, 184);
border-right: solid 1px black;
border-bottom:0px solid white;
text-indent: 3px;
cursor: pointer;
}

.topItemOver {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background-color: RGB(51,51,153);
text-indent: 3px;
color: #FFFFFF;
cursor: pointer;
border-top-width: 0px;
border-top-style: solid;
border-top-color: rgb(57, 76, 184);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184);
border-right: solid 1px black;
background-image: url(../pics/int_drk_bkg_bdy2.gif);
}

.itemNormal {
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
cursor: pointer;
background-color:rgb(41, 41, 61);
border-top-width: 0px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 0px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 0px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}

.itemOver {
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
cursor: pointer;
background-color:RGB(51,51,102);
border-top-style: solid;
border-top-width: 0px;
border-top-color: rgb(67, 67, 118);
border-left-width: 0px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 0px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 0px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}



/* Informative textbox decoration */

.roundedBox {
position: relative;
left: 0;
top: 0;
width: 100%;
}

.boxCorners {
text-align: right;
display: none;
}
.boxCorners_MM {
text-align: right;
}

.boxLeft {
position: absolute;
top: 0px;
left: 0px;
}
.boxContentHeadr {
padding-left-value: 2px;
padding-left-ltr-source: physical;
padding-left-rtl-source: physical;
padding-top: 2px;
padding-bottom: 2px;
font-weight: bold;
background-color: rgb(51, 51, 153);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(57, 76, 184);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184);
}

.boxCImgR {
position: absolute; right: 0px; top: 0px; display: none;
}

.boxCImgL {
position: absolute; left: 0px; top: 0px; display: none;
}

.boxContentHeadr_MM {
font-weight: bold;
background-color: rgb(51, 51, 153);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(57, 76, 184);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184);
}

.boxContentHeadr_Title {
padding-top: 2px;
padding-bottom: 2px;
padding-left-value: 2px;
padding-left-ltr-source: physical;
padding-left-rtl-source: physical;
font-weight: bold;
background-color: rgb(51, 51, 153);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(57, 76, 184);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184);
}

.boxContent_MM {
font-size: 11px;
font-weight: bold;
background-color: rgb(51, 51, 102);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}

.boxContent {
font-size: 11px;
background-color: rgb(27, 27, 61);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}


/* Specific textbox formatting, for left hand navigation menu */

/* Based off of .roundedBox */
#CMS_Features, #CMS_Resources, #CMS_Community, #CMS_Members {
position: relative;
left: 0;
top: 0;
width: 99%;
}

.CMS_Spacer {
font-size: 5px;
}

#CMS_LogoAlt {
display: none;
}


/* Quote of the day */
.qotd {
position: static; float: left; font-size: 11px; font-family: verdana, arial; width: 100%; margin-top: 15px; margin-bottom: 15px; text-align: center;
}


/* Layout markup */

.leftcolumn {
float:left;
width:135px;
margin-left:5px;
margin-top:38px; /* comment this line out if we're not lining up the tops of all columns */
}

#centercolumn {
margin-right:180px;
font-family:"\"}\"";
font-family:inherit;
margin-right:183px;
}

#centercolumn_2col {
margin-left:135px;
font-family:"\"}\"";
font-family:inherit;
margin-left:138px;
}

.centerpadding {
margin-left: 0px;
margin-right: 0px;
padding: 5px;
width: 99%
}

#rightcolumn {
float:right;
width:180px;
/*margin:0px 0px 0px 0px;*/
margin-top: 5px;
}
* html #rightcolumn {
/*margin:0px 0px 0px 0px;*/
width:180px;
margin-top: 5px;
}
body>div #rightcolumn {
/*margin:0px 0px 0px 0px;*/
}


/* Central page boxes, for making one, two, and three equal width boxes */
.wrapper { position: static; }
.singlebox {/*float: left;*/ position:static; display:block; width:100%; margin:0; padding:0;}
.wrapper>.singlebox { width: 100% }

.doublebox { /*float: left;*/ position: static; display: block; width: 48%; margin: 0;}
.wrapper>.doublebox { width: 100% }
.triplebox { float: left; position: static; display: block; width: 32.5%; margin-right: 4px; padding: 0;}
.wrapper>.triplebox { width: 33.3% }



/* Graphical header CSS for table */

#CM_Wrapper {
position: relative;
height: 99px;
margin: 0px;
padding: 0px;
border: 0px;
/* overflow: hidden;*/
}

#CM_Logo {
width: 10px; /*325px;*/ /*296px;*/
height: 99px;
padding: 0px;
margin: 0px;
border: 0px;
background: #333366; /* url('http://www2.gamedev.net/community/forums/themes/theme1/sitelogo.gif') left;*/
background-repeat: no-repeat;
display:none;
}

#CM_AdSpace {
padding-right: 4px;
height: 73px;
width: 100%;
text-align: right;
vertical-align: middle;
background: #333366 url('http://www2.gamedev.net/community/forums/themes/theme1/sitelogo.gif') left;
background-repeat: no-repeat;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);

}

#CM_AdSpaceTrailer {
margin: 0px;
padding: 0px;
width: 4px;
height: 73px;
background: #333366;
}

#CM_AdContainer {
position: relative;
top: 0px;
right: 2px;
}

#CM_MidSpace {
margin-top: 0px;
margin-bottom: 0px;
font-size: 1px;
height: 3px;
background-image: url('../pics/default8_05.gif');
display: none;
}

#CM_MidSpaceTrailer {
width: 4px;
height: 3px;
background-image: url('../pics/default8_06.gif');
background-repeat: no-repeat;
display: none;
}

#CM_NavSpace {
padding: 0px;
height: 22px;
background: rgb(51,51,153);
border:1px solid rgb(57, 76, 184);
}

#CM_NavSpaceTrailer {
display: none;
}

#CM_ExOptA {
display: none;
}


#CM_ExOptB {
display: none;
}


/* Footer */

#footer {
font-size: 11px;
font-family: verdana, arial;
color: white;
text-align: center;
}



/* Forum Style */

.img { border: 0px solid #000; vertical-align: middle; }
.smallfont {font-size: 10px}
.mediumfont {font-size: 11px}
.largefont {font-size: 18px}
.regularfont {font-size: 10pt; color: #FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif}
.path {font-size: 10px; color: silver}
.smallfontwhite { font-size:10px; color: #CCCCCC}

.head {
color: silver;
background-color: rgb(51, 51, 153);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
border-bottom:1px solid black;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
}
.headsmall
{
font-family: verdana,sans-serif;
font-size: 10px;
color: silver;
background-color: rgb(51, 51, 153);
background-repeat: repeat;
background-attachment: scroll;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(57, 76, 184);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184);
}
.headsmalllink { color: White; }
.category
{
color: silver;
background-color: rgb(51, 51, 102);
background-image: none;
background-repeat: repeat;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(35, 35, 86);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(35, 35, 86);
}
.postcell {font-size: 12px; background: RGB(51,51,102); color: white; }

.altforumcell
{
background: RGB(42,44,61);
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(58, 58, 74);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(58, 58, 74);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(9, 9, 32);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(9, 9, 32);
}
.forumcell {background: RGB(44,44,48);
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(48, 48, 64);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(48, 48, 64);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(9, 9, 32);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(9, 9, 32);
}
.announcecell {
background-color: rgb(51, 51, 102);
background-repeat: repeat;
background-attachment: scroll;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(67, 67, 118);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(67, 67, 118);
border-bottom:1px solid rgb(35,35,86);
border-right:1px solid rgb(35,35,86);
}

.post_trailer {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 10pt;
background-color: rgb(51, 51, 102);
border-top:1px solid black;
border-bottom:1px solid black;
border-left-width:0px;
border-right-width:0px;
}
.post_dateline
{
font-size: 10px;
color: silver;
background-color: rgb(51, 51, 102);
background-image: none;
background-repeat: repeat;
border-left:0px;
border-right:1px solid black;
border-top:0px;
border-bottom:1px solid black;
background-attachment: scroll;
-x-background-x-position: 0%;
-x-background-y-position: 0%;
-moz-background-clip: initial;
-moz-background-origin: initial;
-moz-background-inline-policy: initial;
}
.post_author { font-family: verdana,sans-serif;
font-size: 10px;
color: silver;
background-color: rgb(51, 51, 153);
background-repeat: repeat;
background-attachment: scroll;
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(57, 76, 184);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(57, 76, 184);
border-right:1px solid black;
border-bottom:1px solid black;
}
.post_body {background: RGB(44,44,48);
border-top-width: 1px;
border-top-style: solid;
border-top-color: rgb(48, 48, 64);
border-left-width: 1px;
border-left-style: solid;
border-left-color: rgb(48, 48, 64);
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(9, 9, 32);
border-right-width: 1px;
border-right-style: solid;
border-right-color: rgb(9, 9, 32);
}
.post_separator
{
font-size: 10px; background: black;
border-left:1px solid black;
border-right:1px solid black;
border-top-width:0px;
border-bottom-width:0px;
}

.time {color: #FFFF88}
.staff { color: #43FF43}
.moderator { color: #FFA07A }
.premium { color: #FFEA00; font-weight: bold }
.premiumusernames { color: #F2D366; }
.suspended { color: #FF6C12 }
.banned { color: red }
.quote { font-size: 11px; background: #3B3D62; border-top: solid 1px #5B5D82; border-left: solid 1px #5B5D82; border-bottom: solid 1px #1B1D42; border-right: solid 1px #1B1D42;}
.quote .quote { font-size: 11px; background: #383560; border-top: solid 1px #484570; border-left: solid 1px #484570; border-bottom: solid 1px #1B1D42; border-right: solid 1px #1B1D42;}
.quote .quote .quote { font-size: 11px; background: #343156; border-top: solid 1px #444166; border-left: solid 1px #444166; border-bottom: solid 1px #242146; border-right: solid 1px #242146;}
.quote .quote .quote .quote { font-size: 11px; background: #302853; border-top: solid 1px #5B5D82; border-left: solid 1px #5B5D82; border-bottom: solid 1px #1B1D42; border-right: solid 1px #1B1D42;}
.forumrules {border: solid #555555 2px; font-family: verdana, sans-serif; color: white; font-size: 10px}
.source {background: #ffffff; border: solid 2px; font-family: Courier New; color: black; font-size: 9pt; width: 95%; height: 250px; overflow: auto; padding: 3px;}
.editedby {color: #DDDDDD; font-size: 10px;}
.register_required { color: red} .register_required { color: red}

/* The .code style is causing problems in articles because it is used inline with text, so I'm removing the border and reducing the padding - KH */
/* We will need an "inlinecode" style for use of inline functions/constants in articles. I like the original .code - it's just not working for these articles. */
/*.code {font-family: Courier New; font-size: 10pt; color: #477280; background: #F7F7EB; padding: 8px 8px 8px 8px; border: solid 1px #5B5D82}*/
.inlinecode { font-family: Courier New; font-size: 10pt; color: #477280; }
/* Once we get some articles converted to inlinecode we can put the code padding back to 8px */
.code {font-family: Courier New; font-size: 10pt; color: #477280; background: #F7F7EB; padding: 2px 2px 2px 2x; border: solid 1px #5B5D82}
.vbcode {font-family: Courier New; font-size: 11px; color: #ADD8E6}
.codecomment {font-family: Courier New; font-size: 10pt; color: #9999FF}



/* Developer Journal Calendar */
.calendarhead {
font-family:tahoma,verdana, arial, sans-serif;
color:white;
font-size:13px;
font-weight:bold;
padding:6px;
background: #333366;
}

.calendar {
font-family:verdana, arial, sans-serif;
color:#B0B0B0;
background:#333344;
font-size:10px;
font-weight:normal;
padding:4px;
}

.calendarsel {
font-family:verdana, arial, sans-serif;
background:#6699cc;
font-size:13px;
font-weight:bold;
padding:4px;
}

.calendarlink {
color:white;
}

ul#tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #333399;
margin: 0;
}

ul#tabnav li {
float: left;
height: 21px;
background-color: #20205C;
margin: 2px 2px 0 2px;
border: 1px solid #3333AD;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 {
border-bottom: 1px solid #333399;
background-color: #333399;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a {
color: white;
}

#tabnav a {
float: left;
display: block;
color: #a09dc3;
text-decoration: none;
padding: 4px;
}

#tabnav a:hover {
background: #5555DD;
color: white;
}




/* Bookmarks tabs */

ul#tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #333399;
margin: 0;
}

ul#tabnav li {
float: left;
height: 21px;
background-color: #20205C;
margin: 2px 2px 0 2px;
border: 1px solid #3333AD;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 {
border-bottom: 1px solid #333399;
background-color: #333399;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a {
color: white;
}

#tabnav a {
float: left;
display: block;
color: #a09dc3;
text-decoration: none;
padding: 4px;
}

#tabnav a:hover {
background: #5555DD;
color: white;
}



EDIT: Feel free to update it, I might not have enough time to make another update today.

EDIT2: More updates, I believe all the colors and the whole style is now there (Added PMs, Profile, CP, Menu updates -- Fixed: Forum announce colors). Any suggestions welcome (please report bugs too). :)

EDIT3: Quick menu color/style updates, thats it for me for today :)

EDIT4: Quick menu update, left aligned under the logo with a blue bar behind it



[Edited by - nts on November 26, 2005 1:47:56 AM]

Share this post


Link to post
Share on other sites
CJM    454
Hey,

Here's my 'classic' skin. If anyone can find anywhere that breaks this [except maybe the header, which I'm still working on], please do tell. Oh, and the indentation's not yet done.

--CJM

Edited!

.dummy {font-size: 10px}


BODY {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:

10pt; color: #FFFFFF; background: #000000; margin: 0px;}
P, TD, OL, UL, DL {font-family: Verdana, Arial, Helvetica,

sans-serif; font-size: 10pt; color: #FFFFFF}

A:link {text-decoration: none; color: #EEEE88}
A:visited {text-decoration: none; color: #EEEE88}
A:active {text-decoration: none; color: #9999FF}
A:hover {text-decoration: none; color: #9999FF}

#recentthreadslink {text-decoration:none; color: #EEEE88}
#recentthreadslink:hover { text-decoration:underline; color:#9999FF}

a.rss, a.rss:link, a.rss:visited {color: #0000FF; width: 30px;

height: 14px; background-color: #FFDD66; font-weight: bold;

font-family: verdana, tahoma, sans-serif; line-height: 11px;

font-size: 11px;

text-decoration: none; padding: 0 2px 0 2px; border: 1px;

border-color: #FFDD33 #887711 #442200 #FFDD33;}
a.rss:hover {background-color: #FFEEAA; text-decoration: none;}

/* Font sizing */
.maintext {font-size: 10pt}
.maintext1 {font-size: 15px}
.maintext2 {font-size: 16px}
.maintext3 {font-size: 18px}
.maintext4 {font-size: 20px}
.maintext5 {font-size: 19pt}
.maintext6 {font-size: 28px}
.maintext-1 {font-size: 12px}
.maintext-2 {font-size: 11px}
.caption {font-size: 11px; font-weight: bold}
.maintext-3 {font-size: 8px}
.maintext-4 {font-size: 10px}

H1 {font-size: 18px; font-weight: bold; color: black}
H2 {font-size: 15px; font-weight: bold; color: black}
H3 {font-size: 10pt; font-weight: bold; color: black}

/* MAIN PRESENTATION CSS */

.feathdr {font-weight: bold; background: #993333; color:

#FFFFFF}
.feattitle {font-size: 10pt; font-weight: bold;}
.featbody {font-size: 11px; background: #1B1B3D}

.boxheader { font-family: verdana, arial; font-size: 9pt;

font-weight: bold; background: #5B82B6; border-top: solid 1px

#88BBEE; border-left: solid 1px #88BBEE;

border-right: solid 1px #336699; border-bottom: solid 1px #336699;

color: white}
.boxbody, .boxtext { font-family: verdana, arial; font-size: 8pt;

border: 0px; background: #1B1B3D }
.headerlink { color: white }

.menuheadr, .boxheadr {
text-indent: 8px;
vertical-align: middle;
font-family: tahoma, verdana, sans-serif;
font-weight: bold;
font-size: 10pt;
background-color: #333399;
border-left: solid 1px #394CB8;
border-right: solid 1px #333399;
border-top: solid 1px #394CB8;
border-bottom: solid 1px #000000;
}

.spotlighthdr {
text-indent: 8px;
vertical-align: middle;
font-family: tahoma, verdana, sans-serif;
font-weight: bold;
font-size: 10pt;
background-color: #4D9933;
border-left: solid 1px #437643;
border-right: solid 1px #1B3D29;
border-top: solid 1px #437643;
border-bottom: solid 1px #235623;
}

/* featbody, spotlightbody are legacy styles */
.featbox, .featbody, .spotlightbody, .featmenu {
font-family: verdana, arial;
font-size: 8pt;
background: #1B1B3D;
border-left: solid 1px #434376;
border-top: solid 1px #434376;
border-right: solid 1px #232356;
border-bottom: solid 1px #232356;
}

.spotlightbox {
font-family: verdana, arial;
font-size: 8pt;
background: #1B3D29;
border-left: solid 1px #437643;
border-top: solid 1px #437643;
border-right: solid 1px #1B3D29;
border-bottom: solid 1px #235623;
}


.purplehdr { font-family: verdana, arial; font-size: 17px;

font-weight: bold; color: #4DC482; }
.tblhdr {font-family: Verdana, sans-serif; font-size: 10pt;

color: #FFFFFF; font-weight: bold; background: #666699; border-top:

solid 1px #434376; border-left: solid 1px

#434376; border-bottom: solid 1px #232356; border-right: solid 1px

#232356;}

.articletitle { font-family: trebuchet MS, tahoma, verdana,

arial; font-size: 23px; font-weight: bold; color: #9B5952 }
.articleauthor { font-family: trebuchet MS, verdana;

font-size: 13px}
.articlehr, .sectionhr { height: 1px; color: #FFFFFF;

border-top: 0px; border-bottom: 1px solid #0B315D; margin-bottom:

15px; }
.newshr { height: 1px; color: #FFFFFF; border-top: 0px;

border-bottom: 1px solid #CCCCCC;}

.sectiontitle { font-family: tahoma, verdana, arial;

font-size: 25px; font-weight: bold; color: #4DC482}
.subsectiontitle { font-family: verdana, arial; font-size:

17px; font-weight: bold; color: #4DC482 }

.threadmessage {font-family: verdana, arial; font-size: 8pt;}
.threadtime {font-size: 11px; color: #444444}

.submitbutton {/*font-family: Verdana, sans-serif; font-size:

11px; font-weight: bold; background: #666666; color: white*/
}
.textfield {background: #000000; color: #FFFFFF; font-family:

Verdana, sans-serif; font-size: 11px}

.inlinebox { padding: 10px; background: #EAEAEA; border-top:

solid 1px #F3F3F7; border-left: solid 1px #F3F3F7; border-bottom:

solid 1px #E7E7EF; border-right: solid 1px

#E7E7EF;}

.subtle {font-size: 11px; color: #666666; font-weight:

normal}

/* TEMPORARY FOR DEMONSTRATION OF LEGACY NEWS */
.ZWNewsFmt01-Date { position: relative; font-family: verdana, arial;

padding-bottom: 2px; padding-top: 2px; font-size: 11pt; font-weight:

bold; color: white;

background-color:#333366; border: none;}/*solid 1px black;}*/
.ZWNewsFmt01-Headline { font-family: verdana, arial; width: 100%;

font-size: 10pt; font-weight: bold; padding: 3px; padding-bottom:

2px; }
.ZWNewsFmt01-Byline { font-family: verdana, arial; font-size: 10px }
.ZWNewsFmt01-Story { font-family: Verdana, Tahoma, Arial; font-size:

10pt }
/* END TEMPORARY FOR DEMONSTRATION OF LEGACY NEWS */

.BlockNews-Date { position: relative; font-family: verdana, arial;

padding-bottom: 2px; padding-top: 2px; font-size: 11pt; font-weight:

bold; color: white;

background-color:#333366; border: none;}/*solid 1px black;}*/
.BlockNews-Headline { font-family: verdana, arial; width: 100%;

font-size: 10pt; font-weight: bold; padding: 3px; padding-bottom:

2px; }
.BlockNews-Byline { font-family: verdana, arial; font-size: 10px }

.news-table {}
.news-headline {font-family: verdana, tahoma, arial;

font-size: 16pt; font-weight: bold; color: #9B5952}
.news-byline {font-family: verdana, arial; font-size: 8pt }
.news-author {font-family: verdana, arial; font-size: 8pt}
.news-date {font-family: verdana, arial; font-size:8pt;}
.news-story {font-family: Verdana, Arial; font-size: 10pt}

.Newsbody { font-family: verdana, arial; font-size: 8pt;

padding: 5px; background-color: #FAFAFA; border-left: solid 1px

#F3F3F9; border-top: solid 1px #F3F3F9;

border-right: solid 1px #BBBBC3; border-bottom: solid 1px #BBBBC3}
.news_headline {font-family: verdana, arial; font-size: 8pt;

font-weight:bold;}
.news_comment {font-family:verdana, arial; font-size:7pt;

font-weight:normal;}
.news_body {}
.news_author {font-family: verdana, arial; font-size: 7pt;

font-weight:normal; color: #999999}
.news_date {font-family: verdana, arial; font-size:10pt;

font-weight:bold; color: #4D96E3;}

.jobs_count {font-family:verdana, arial; font-size:7pt;

font-weight:normal;}
.jobs_jobtype {font-family:verdana, arial; font-size:7pt;

font-weight:normal;}
.jobs_jobtypecount {font-family:verdana, arial;

font-size:7pt; font-weight:normal; color: #999999;}

.menubody{
font-family: verdana, arial;
font-size: 8pt;
background: #1B1B3D;
border-left: solid 1px #434376;
border-top: solid 1px #434376;
border-right: solid 1px #232356;
border-bottom: solid 1px #232356;
}

.events_date {font-family: verdana, arial; font-size:7pt;

font-weight:normal; color: #999999;}

.stats_bold {font-family: verdana, arial; font-size:8pt;

font-weight:bold; color: #FFFF00;}


/* Top searchbar */
.contextNav {
position: relative;
top: -6px;
}

.hdrTopLinks, .hdrSearchBox {
font-size: 10px;
font-family: verdana, arial;
color: white;
width: 100%;
vertical-align: top;
text-align: right;
}


.hdrbreadcrumbs
{
font-size: 10px;
}

.searchinput { font-size: 10px; height: 17px }
.searchbutton {
position: relative;
top: 2px;
}


/* Javascript Pulldown Menu Styles */

.topMenuHdr {
text-align: center;
}

.topMenu {
background: transparent;
text-align: center;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

.submenu {
background-color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #AAAAAA;
}

.topItemNormal {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #1D3A7F;
background-color: #333366;/*#004D7E;*/
border-right: solid 1px #333399;
text-indent: 3px;

cursor: pointer;
}

.topItemNormal_Start
{
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: #1D3A7F;
border-left: solid 1px #848CA3;
border-right: solid 1px #848CA3;
background-color: #333366;/*#004D7E;*/
text-indent: 3px;
cursor: pointer;
}

.topItemOver {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background-color: #0A7CC3;/*#004D7E;*/
text-indent: 3px;
color: #FFFFFF;
cursor: pointer;
border-left: solid 1px #5064A6;
border-right: solid 1px #5064A6;
border-top: solid 1px #5064A6;
border-bottom: solid 1px #004D7E;
}

.itemNormal {
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
cursor: pointer;
background-color:#396094; /*#004D7E;*/
border-bottom: solid 1px #6175B7;
}

.itemOver {
font-family: Verdana;
font-size: 11px;
color: #FFFFFF;
cursor: pointer;
background-color: #0A7CC3;
border-bottom: solid 1px #11aadd;
}



/* Informative textbox decoration */

.roundedBox {
position: relative;
left: 0;
top: 0;
width: 100%;
}

.boxCorners {
display: none; text-align: right;
}
.boxCorners_MM {
display: none; text-align: right;
}

.boxLeft {
position: absolute;
top: 0px;
left: 0px;
}

.boxContentHeadr {
text-indent: 8px;
vertical-align: middle;
font-family: tahoma, verdana, sans-serif;
font-weight: bold;
font-size: 10pt;
background: #333399;
border-left: solid 1px #394CB8;
border-right: solid 1px #333399;
border-top: solid 1px #394CB8;
border-bottom: solid 1px #000000;
height: 21px;
}

.boxCImgR {
/* TODO: To get rid of the G icon uncomment */
/* display: none; */
position: absolute; right: 0px; top: 0px;
}

.boxCImgL {
display:none; position: absolute; left: 0px; top: 0px
}


.boxContentHeadr_MM {
text-indent: 8px;
vertical-align: middle;
font-family: tahoma, verdana, sans-serif;
font-weight: bold;
font-size: 10pt;
background-color: #333399;
border-left: solid 1px #394CB8;
border-right: solid 1px #333399;
border-top: solid 1px #394CB8;
border-bottom: solid 1px #000000;
height: 21px;
}

.boxContentHeadr_Title {
text-indent: 8px;
color: white;
font-family: verdana, arial;
font-size: 12px;
font-weight: bold;
vertical-align: middle;
padding-top: 3px;
}

.boxContent_MM {
padding: 7px;
color: white;
font-family: verdana, arial;
font-size: 11px;
vertical-align: top;
background-color: #1B1B3D;
border-left: solid 1px #434376;
border-right: solid 1px #232356;
border-top: solid 1px #434376;
border-bottom: solid 1px #232356;
}

.boxContent {
padding: 7px;
color: white;
font-family: verdana, arial;
font-size: 11px;
vertical-align: top;
background-color: #1B1B3D;
border-left: solid 1px #434376;
border-right: solid 1px #232356;
border-top: solid 1px #434376;
border-bottom: solid 1px #232356;
}


/* Specific textbox formatting, for left hand navigation menu */

/* Based off of .roundedBox */
#CMS_Features, #CMS_Resources, #CMS_Community, #CMS_Members {
position: relative;
left: 0;
top: 0;
width: 99%;
}

.CMS_Spacer {
font-size: 5px;
}

#CMS_LogoAlt {
display: none;
}


/* Quote of the day */
.qotd {
position: static; float: left; font-size: 11px; font-family:

verdana, arial; width: 100%; margin-top: 15px; margin-bottom: 15px;

text-align: center;
}


/* Layout markup */

.leftcolumn{
float:left;
width:135px;
margin-left:5px;
margin-top:38px;/* comment this line out if

we're not lining up the tops of all columns */

}

#centercolumn {
margin-right:180px;
font-family:"\"}\"";
font-family:inherit;
margin-right:183px;
}

#centercolumn_2col {
margin-left:135px;
font-family:"\"}\"";
font-family:inherit;
margin-left:138px;
}

.centerpadding {
margin-left: 0px;
margin-right: 0px;
padding: 5px;
width: 99%
}

#rightcolumn {
float:right;
width:180px;
/*margin:0px 0px 0px 0px;*/
margin-top: 5px;
}
* html #rightcolumn {
/*margin:0px 0px 0px 0px;*/
width:180px;
margin-top: 5px;
}
body>div #rightcolumn {
/*margin:0px 0px 0px 0px;*/
}


/* Central page boxes, for making one, two, and three equal

width boxes */

.wrapper { position: static; }
.singlebox {/*float: left;*/ position:static; display:block;

width:100%; margin:0; padding:0;}
.wrapper>.singlebox { width: 100% }

.doublebox { /*float: left;*/ position: static; display:

block; width: 48%; margin: 0;}
.wrapper>.doublebox { width: 100% }
.triplebox { float: left; position: static; display: block;

width: 32.5%; margin-right: 4px; padding: 0;}
.wrapper>.triplebox { width: 33.3% }



/* Graphical header CSS for table */

#CM_Wrapper {
position: relative;
height: 99px;
margin: 0px;
padding: 0px;
border: 0px;
/* overflow: hidden;*/
}

#CM_Logo {
width: 325px;/*296px;*/
height: 99px;
padding: 0px;
margin: 0px;
border: 0px;
background-image: url('../mirror/images/hdrmain-new4.gif');
/*.gif');*/
}

#CM_AdSpace {
padding-right: 4px;
height: 73px;
width: 100%;
text-align: right;
vertical-align: middle;
background-image: url('../pics/default8_02.gif');
}

#CM_AdSpaceTrailer {
margin: 0px;
padding: 0px;
width: 4px;
height: 73px;
background-image: url('../pics/default8_03.gif');
background-repeat: no-repeat;
}

#CM_AdContainer {
position: relative;
top: 0px;
right: 2px;
}

#CM_MidSpace {
margin-top: 0px;
margin-bottom: 0px;
font-size: 1px;
height: 3px;
background-image: url('../pics/default8_05.gif');
}

#CM_MidSpaceTrailer {
width: 4px;
height: 3px;
background-image: url('../pics/default8_06.gif');
background-repeat: no-repeat;
}

#CM_NavSpace {
padding: 0px;
height: 22px;
background-image: url('../pics/default8_08.gif');
}

#CM_NavSpaceTrailer {
width: 4px;
height: 22px;
background-image: url('../pics/default8_09.gif');
}

#CM_ExOptA {
height: 4px;
font-size: 1px;
background-image: url('../pics/default8_11.gif');
}


#CM_ExOptB {
width: 4px;
height: 4px;
font-size: 1px;
background-image: url('../pics/default8_12.gif');
}


/* Footer */
#footer {
font-size: 11px;
font-family: verdana, arial;
color: white;
text-align: center;
}



/* Forum Style */

.img { border: 0px solid #000; vertical-align: middle; }
.smallfont {font-size: 10px}
.mediumfont {font-size: 11px}
.largefont {font-size: 18px}
.regularfont {font-size: 10pt; font-family: Verdana, Arial,

Helvetica, sans-serif;}
.path {font-size: 10px; color: silver}
.smallfontwhite { font-size:10px; color: #CCCCCC}

.head {
color: white;
background: #333399;
border-left: solid 1px #394CB8;
border-right: solid 1px #000000;
border-top: solid 1px #394CB8;
border-bottom: solid 1px #000000;
}

.headsmall {font-family: verdana, sans-serif; font-size: 10px; color:

#87CEEB; background: #333399;}
.headsmalllink { color: White; }
.category {color: #c0c0c0; background: #333366;}
.postcell {font-size: 12px; background: #0071BC; color: white}
.altforumcell {background: #2A2C3D;}
.forumcell {background: #2C2630; }
.announcecell {overflow: auto; color: white; background: #333366; }

.altforumcell a{color: white;}

.post_trailer {
background: #333366;
font-size: 10px;
border-top: solid 1px #000000;
}

.post_dateline {
background: #333366;
font-size: 10px;
border-right: solid 1px #000000;
}

.post_author {
background: #333399;
font-size: 11px;
vertical-align: middle;
border-left: solid 1px #394CB8;
border-right: solid 1px #000000;
border-top: solid 1px #394CB8;
border-bottom: solid 1px #000000;
}

.post_body {
background: #2C2C30;
padding: 5px 5px 5px 5px;
border-top: solid 1px #000000;
border-left: solid 1px #000000;
border-right: solid 1px #000000;
}

.post_separator {font-size: 10px; background: #000000; width: 95%;}

.threadhighlight {background: #003366}
.time {color: #FFFFFF}
.staff { color: #43FF43}
.moderator { color: #FFA07A }
.premium { color: #FFEA00; font-weight: bold }
.premiumusernames { color: #F2D366; }
.suspended { color: #FFC0CB; text-decoration: line-through;}
.banned {color: red;text-decoration: line-through; }

.quote { font-size: 11px; background: #3B3D62; border-top: solid 1px

#5B5D82; border-left: solid 1px #5B5D82; border-bottom: solid 1px

#1B1D42; border-right: solid 1px #1B1D42;}
.quote .quote { font-size: 11px; background: #383560; border-top:

solid 1px #484570; border-left: solid 1px #484570; border-bottom:

solid 1px #1B1D42; border-right: solid 1px

#1B1D42;}
.quote .quote .quote { font-size: 11px; background: #343156;

border-top: solid 1px #444166; border-left: solid 1px #444166;

border-bottom: solid 1px #242146; border-right: solid

1px #242146;}
.quote .quote .quote .quote { font-size: 11px; background: #302853;

border-top: solid 1px #5B5D82; border-left: solid 1px #5B5D82;

border-bottom: solid 1px #1B1D42; border-right:

solid 1px #1B1D42;}
.forumrules {border: solid #555555 2px; font-family: verdana,

sans-serif; color: white; font-size: 10px}
.source {background: #ffffff; border: solid 2px; font-family: Courier

New; color: black; font-size: 9pt; width: 95%; height: 250px;

overflow: auto; padding: 3px;}
.editedby {color: #DDDDDD; font-size: 10px;}
.register_required { color: red}


/* The .code style is causing problems in articles because it is

used inline with text, so I'm removing the border and reducing the

padding - KH */

/* We will need an "inlinecode" style for use of inline

functions/constants in articles. I like the original .code - it's

just not working for these articles. */

/*.code {font-family: Courier New; font-size: 10pt; color: #477280;

background: #F7F7EB; padding: 8px 8px 8px 8px; border: solid 1px

#5B5D82}*/

.inlinecode { font-family: Courier New; font-size: 10pt; color:

#477280; }
/* Once we get some articles converted to inlinecode we can put the

code padding back to 8px */

.code {font-family: Courier New; font-size: 10pt; color: #477280;

background: #F7F7EB; padding: 2px 2px 2px 2px; border: solid 1px

#5B5D82}
.vbcode {font-family: Courier New; font-size: 11px; color: #ADD8E6}
.codecomment {font-family: Courier New; font-size: 10pt; color:

#9999FF}



/* Developer Journal Calendar */
.calendarhead {
font-family:tahoma,verdana, arial, sans-serif;
color:white;
font-size:13px;
font-weight:bold;
padding:6px;
background: #333366;
}

.calendar {
font-family:verdana, arial, sans-serif;
color:#B0B0B0;
background:#333344;
font-size:10px;
font-weight:normal;
padding:4px;
}

.calendarsel {
font-family:verdana, arial, sans-serif;
background:#6699cc;
font-size:13px;
font-weight:bold;
padding:4px;
}

.calendarlink {
color:white;
}

ul#tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #333399;
margin: 0;
}

ul#tabnav li {
float: left;
height: 21px;
background-color: #20205C;
margin: 2px 2px 0 2px;
border: 1px solid #3333AD;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3,

body#tab4 li.tab4 {
border-bottom: 1px solid #333399;
background-color: #333399;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3

a, body#tab4 li.tab4 a {
color: white;
}

#tabnav a {
float: left;
display: block;
color: #a09dc3;
text-decoration: none;
padding: 4px;
}

#tabnav a:hover {
background: #5555DD;
color: white;
}


/* Bookmarks tabs */

ul#tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid #333399;
margin: 0;
}

ul#tabnav li {
float: left;
height: 21px;
background-color: #20205C;
margin: 2px 2px 0 2px;
border: 1px solid #3333AD;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3,

body#tab4 li.tab4 {
border-bottom: 1px solid #333399;
background-color: #333399;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3

a, body#tab4 li.tab4 a {
color: white;
}

#tabnav a {
float: left;
display: block;
color: #a09dc3;
text-decoration: none;
padding: 4px;
}

#tabnav a:hover {
background: #5555DD;
color: white;
}



NB: all my own work, using the original main style sheet given and looking at the www2 site and wayback machine.

[Edited by - CJM on November 25, 2005 11:12:33 PM]

Share this post


Link to post
Share on other sites
CJM    454
ooh, charcoal grey...

Looking nice there, except I couldn't tell what the bookmarks one was from its icon [until I read the text]... But no, very sleek.

--CJM

Share this post


Link to post
Share on other sites
cowsarenotevil    3006
Quote:
Original post by CJM
ooh, charcoal grey...

Looking nice there, except I couldn't tell what the bookmarks one was from its icon [until I read the text]... But no, very sleek.

--CJM


Thanks. Yeah, I had trouble with the bookmarks one. I think I'll replace it with something recognizeable as a bookmark (not a whole book) because it's hard to make a book with only two colors ;)

EDIT: The gear is a bit flowery, too...

Share this post


Link to post
Share on other sites
CJM    454
Now all the staff need to do is wrap the images [logout, control panel, bookmarks, who's etc.] in two layers of classes...

Something like:
<span class="buttonlogout"></span>

And then it'll take only a jiffy for people to replace all of the icons...

--CJM

Share this post


Link to post
Share on other sites
CJM    454
Quote:
Original post by cowsarenotevil

EDIT: The gear is a bit flowery, too...


Maybe a touch of 3D perspective?

--CJM

Share this post


Link to post
Share on other sites
nts    968
Quote:
Original post by Michael Tanczos
http://www.gamedev.net/?csslink=black

A pseudo-try at a light blue bottom. It would be easier just to load up photoshop and create the left-side graphic with some cool button style and be done with it.

---
Michael Tanczos



The same top might work (as the white site), maybe just convert the menu bar from light blue to something like neutral gray.

Or with the bar maybe you can span the menu across like on classical gamedev (top menu). I wanted to try that but wasn't sure how to go about it. One other idea I had was to put the menu directly under the logo (again not sure how from the style sheet).




Share this post


Link to post
Share on other sites
MrEvil    970
Maybe not the best place for this, since it's about black styles, but I didn't want to start a new thread.
I'm working on a nice pink scheme at the moment [inlove]:


.dummy {font-size: 10px}


body {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; margin: 0px; background: #ffe6fb; color: #000000}
P, TD, OL, UL, DL {font-family: verdana,arial; font-size: 10pt;}

A:link {text-decoration: none; color: #a6001d} /* 1D3A7F */
A:visited {text-decoration: none; color: orangered}
A:active {text-decoration: none; color: #000000}
A:hover {text-decoration: underline; color: #dd1100}

#recentthreadslink {text-decoration:none; color: #FFFFFF}
#recentthreadslink:hover { text-decoration:underline; color:#CCCCCC}

a.rss, a.rss:link, a.rss:visited {color: #FF0000; width: 30px; height: 14px; background-color: #ffe1e7; font-weight: bold; font-face: Tahoma; line-height: 11px; font-size: 11px; text-decoration: none; padding: 0 2px; 0 2px; border: 1px solid; border-color: #FFDD33 #887711 #442200 #FFDD33;}
a.rss:hover {background-color: #FFEEAA; text-decoration: none;}

/* Font sizing */
.maintext {font-size: 10pt}
.maintext1 {font-size: 15px}
.maintext2 {font-size: 16px}
.maintext3 {font-size: 18px}
.maintext4 {font-size: 20px}
.maintext5 {font-size: 19pt}
.maintext6 {font-size: 28px}
.maintext-1 {font-size: 12px}
.maintext-2 {font-size: 11px}
.caption {font-size: 11px; font-weight: bold}
.maintext-3 {font-size: 8px}
.maintext-4 {font-size: 10px}

H1 {font-size: 18px; font-weight: bold; color: black}
H2 {font-size: 15px; font-weight: bold; color: black}
H3 {font-size: 10pt; font-weight: bold; color: black}

/* MAIN PRESENTATION CSS */

.feathdr {font-weight: bold; background: #993333; color: #FFFFFF}
.feattitle {font-size: 10pt; font-weight: bold;}
.featbody {font-size: 11px; background: #1B1B3D}

.boxheader { font-family: verdana, arial; font-size: 9pt; font-weight: bold; background: #5B82B6; border-top: solid 1px #88BBEE; border-left: solid 1px #88BBEE; border-right: solid 1px #336699; border-bottom: solid 1px #336699; color: white}
.boxbody, .boxtext { font-family: verdana, arial; font-size: 8pt; border: 0px; background: #EEEEF3 }
.headerlink { color: white }
.menuheadr, .boxheadr { font-family: verdana, arial; font-size: 9pt; font-weight: bold; background: #ff1637; border:1px outset #ff1637; color: #ffe1e7; }
.spotlighthdr { font-family: verdana, arial; font-size: 9pt; font-weight: bold; background: #ff4062; border: 1px outset #ff4062; color: #ffe1e7; }

/* featbody, spotlightbody are legacy styles */
.featbox, .featbody, .spotlightbody, .featmenu { font-family: verdana, arial; font-size: 8pt; background: #ffe1e7; border: 1px outset #ffe1e7;}
.spotlightbox { font-family: verdana, arial; font-size: 8pt; background-color: pink; border: 1px outset pink;}


.purplehdr { font-family: verdana, arial; font-size: 17px; font-weight: bold; color: #9B5952 }
.tblhdr {font-family: Verdana, sans-serif; font-size: 10pt; color: #FFFFFF; font-weight: bold; background: #666699; border-top: solid 1px #434376; border-left: solid 1px #434376; border-bottom: solid 1px #232356; border-right: solid 1px #232356;}

.articletitle { font-family: trebuchet MS, tahoma, verdana, arial; font-size: 23px; font-weight: bold; color: #9B5952; }
.articleauthor { font-family: trebuchet MS, verdana; font-size: 13px}
.articlehr, .sectionhr { height: 1px; color: #FFFFFF; border-top: 0px; border-bottom: 1px solid #0B315D; margin-bottom: 15px; }
.newshr { height: 1px; color: #FFFFFF; border-top: 0px; border-bottom: 1px solid #CCCCCC;}

.sectiontitle { font-family: tahoma, verdana, arial; font-size: 25px; font-weight: bold; color: #9B5952 }
.subsectiontitle { font-family: verdana, arial; font-size: 17px; font-weight: bold; color: #9B5952 }

.threadmessage {font-family: verdana, arial; font-size: 8pt;}
.threadtime {font-size: 11px; color: #444444}

.submitbutton { background: pink; border-style: outset; cursor: default; }
input[value=Update] { background: pink; border: 2px outset pink; }
.textfield {background: #000000; color: #FFFFFF; font-family: Verdana, sans-serif; font-size: 11px}

.inlinebox { padding: 10px; background: #EAEAEA; border-top: solid 1px #F3F3F7; border-left: solid 1px #F3F3F7; border-bottom: solid 1px #E7E7EF; border-right: solid 1px #E7E7EF;}

.subtle {font-size: 11px; color: #666666; font-weight: normal}

/* TEMPORARY FOR DEMONSTRATION OF LEGACY NEWS */
.ZWNewsFmt01-Date { position: relative; font-family: verdana, arial; padding-bottom: 2px; padding-top: 2px; font-size: 11pt; font-weight: bold; color: white; background-color: hotpink; border: 1px outset pink;}
.ZWNewsFmt01-Headline { background-color: pink; font-family: verdana, arial; width: 100%; font-size: 10pt; font-weight: bold; padding: 3px; border: 1px outset #ffe1e7; padding-bottom: 2px; color: #501020; }
.ZWNewsFmt01-Byline { font-family: verdana, arial; font-size: 10px }
.ZWNewsFmt01-Story { font-family: Verdana, Tahoma, Arial; font-size: 10pt }
/* END TEMPORARY FOR DEMONSTRATION OF LEGACY NEWS */

.BlockNews-Date { position: relative; font-family: verdana, arial; padding-bottom: 2px; padding-top: 2px; font-size: 11pt; font-weight: bold; color: white; background-image: url('../pics/int_drk_bkg_bdy2.gif'); border: solid 1px black;}
.BlockNews-Headline { font-family: verdana, arial; width: 100%; font-size: 9pt; font-weight: bold; background-image: url('../pics/int_hdbkg.png'); padding: 5px; border-bottom: solid 1px #DDDDDD; border-right: solid 1px #DDDDDD}
.BlockNews-Byline { font-family: verdana, arial; font-size: 11px }

.news-table {}
.news-headline {font-family: verdana, tahoma, arial; font-size: 16pt; font-weight: bold; color: #9B5952}
.news-byline {font-family: verdana, arial; font-size: 8pt }
.news-author {font-family: verdana, arial; font-size: 8pt}
.news-date {font-family: verdana, arial; font-size:8pt;}
.news-story {font-family: Verdana, Arial; font-size: 10pt}

.Newsbody { font-family: verdana, arial; font-size: 8pt; padding: 5px; background-color: #FAFAFA; border-left: solid 1px #F3F3F9; border-top: solid 1px #F3F3F9; border-right: solid 1px #BBBBC3; border-bottom: solid 1px #BBBBC3}
.news_headline {font-family: verdana, arial; font-size: 8pt; font-weight:bold;}
.news_comment {font-family:verdana, arial; font-size:7pt; font-weight:none;}
.news_body {}
.news_author {font-family: verdana, arial; font-size: 7pt; font-weight:none; color: #999999}
.news_date {font-family: verdana, arial; font-size:10pt; font-weight:bold; color: #4D96E3;}

.jobs_count {font-family:verdana, arial; font-size:7pt; font-weight:none;}
.jobs_jobtype {font-family:verdana, arial; font-size:7pt; font-weight:none;}
.jobs_jobtypecount {font-family:verdana, arial; font-size:7pt; font-weight:none; color: #999999;}

.events_date {font-family: verdana, arial; font-size:7pt; font-weight:none; color: #ff4062;}

.stats_bold {font-family: verdana, arial; font-size:8pt; font-weight:bold; color: #ff4062;}


/* Top searchbar */
.contextNav {
position: relative;
top: -6px;
}

.hdrTopLinks, .hdrSearchBox {
font-size: 10px;
font-family: verdana, arial;
color: #400013;
width: 100%;
/* height: 15px; */
vertical-align: top;
text-align: right;
}


.hdrbreadcrumbs
{
font-size: 10px;
}

.searchinput { font-size: 10px; height: 17px; background-color: #ffe1e7; border: 2px inset #ffe1e7; }
.searchbutton { position: relative; top: 2px }


/* Javascript Pulldown Menu Styles */

.topMenuHdr {
text-align: center;
}

.topMenu {
background: transparent;
text-align: center;
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

.submenu {
background-color: #FFFFFF;
border-width: 1px;
border-style: solid;
border-color: #AAAAAA;
}

.topItemNormal {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: crimson;
border-right: solid 1px crimson;
text-indent: 3px;
cursor: pointer;
}

.topItemNormal_Start
{
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
color: crimson;
border-left: solid 1px crimson;
border-right: solid 1px crimson;
text-indent: 3px;
cursor: pointer;
}

.topItemOver {
font-family: Verdana;
font-size: 12px;
font-weight: bold;
text-decoration: none;
background-color: #ffd2da;/*#004D7E;*/
text-indent: 3px;
color: orangered;
cursor: pointer;
border: 1px solid #ff1837;
}

.itemNormal {
font-family: Verdana;
font-size: 11px;
color: crimson;
cursor: pointer;
background-color:#ffd2da; /*#004D7E;*/
border-left: solid 1px #ff4062;
border-right: solid 1px #ff4062;
border-bottom: solid 1px #ff4062;
}

.itemOver {
font-family: Verdana;
font-size: 11px;
color: #ffe1e7;
cursor: pointer;
background-color: #ff4062;
border-bottom: solid 1px #ff4062;
}



/* Informative textbox decoration */

.roundedBox {
position: relative;
left: 0;
top: 0;
width: 100%;
}

.boxCorners {
text-align: right;
//background-image: url('../pics/int_hdbkg.png');
display: none;
}
.boxCorners_MM {
text-align: right;
display: none;
//background-image: url('../pics/int_drk_bkg_hdr.gif');
}

.boxLeft {
position: absolute;
top: 0px;
left: 0px;
}
.boxContentHeadr {
padding-bottom: 2px;
text-indent: 8px;

font-family: verdana, arial;
font-size: 12px;
font-weight: bold;
vertical-align: top;
//background-image: url('../pics/int_hdbkg_wrt.png');
background-color: hotpink;
border: 1px outset pink;
color: white;
}

.boxCImgR {
display: none;
position: absolute; right: 0px; top: 0px;
}

.boxCImgL {
display: none;
position: absolute; left: 0px; top: 0px
}


.boxContentHeadr_MM {
//background-image: url('../pics/int_drk_bkg_bdy2.gif');
border-bottom: solid 1px white;
border-right: solid 3px white;
background-color: hotpink;
border: 1px outset pink;
height: 21px;
}

.boxContentHeadr_Title {
text-indent: 8px;
color: #FFFFFF;
font-family: verdana, arial;
font-size: 12px;
font-weight: bold;
vertical-align: middle;
padding-top: 3px;
}

.boxContent_MM {
padding: 7px;
color: #000000;
font-family: verdana, arial;
font-size: 11px;
vertical-align: top;
background-color: #ffe1e7;
border-left: solid 1px #EEEEFA;
border-top: solid 1px #EEEEFA;
border-bottom: solid 1px #CCCCCC;
border-right: solid 1px #CCCCCC;
}

.boxContent {
padding: 7px;
color: #000000;
font-family: verdana, arial;
font-size: 11px;
vertical-align: top;
background-color: #ffe1e7;
border-left: solid 1px #DDDDDD;
border-right: solid 1px #DDDDDD;
border-top: solid 1px #EEEEEE;
border-bottom: solid 1px #CCCCCC;
}


/* Specific textbox formatting, for left hand navigation menu */

/* Based off of .roundedBox */
#CMS_Features, #CMS_Resources, #CMS_Community, #CMS_Members {
position: relative;
left: 0;
top: 0;
width: 99%;
}

.CMS_Spacer {
font-size: 5px;
}

#CMS_LogoAlt {
display: none;
}


/* Quote of the day */
.qotd {
position: static; float: left; font-size: 11px; font-family: verdana, arial; width: 100%; margin-top: 15px; margin-bottom: 15px; text-align: center;
}


/* Layout markup */

.leftcolumn {
float:left;
width:135px;
margin-left:5px;
margin-top:38px; /* comment this line out if we're not lining up the tops of all columns */
}

#centercolumn {
margin-right:180px;
font-family:"\"}\"";
font-family:inherit;
margin-right:183px;
}

#centercolumn_2col {
margin-left:135px;
font-family:"\"}\"";
font-family:inherit;
margin-left:138px;
}

.centerpadding {
margin-left: 0px;
margin-right: 0px;
padding: 5px;
width: 99%
}

#rightcolumn {
float:right;
width:180px;
/*margin:0px 0px 0px 0px;*/
margin-top: 5px;
}
* html #rightcolumn {
/*margin:0px 0px 0px 0px;*/
width:180px;
margin-top: 5px;
}
body>div #rightcolumn {
/*margin:0px 0px 0px 0px;*/
}


/* Central page boxes, for making one, two, and three equal width boxes */
.wrapper { position: static; }
.singlebox {/*float: left;*/ position:static; display:block; width:100%; margin:0; padding:0;}
.wrapper>.singlebox { width: 100% }

.doublebox { /*float: left;*/ position: static; display: block; width: 48%; margin: 0;}
.wrapper>.doublebox { width: 100% }
.triplebox { float: left; position: static; display: block; width: 32.5%; margin-right: 4px; padding: 0;}
.wrapper>.triplebox { width: 33.3% }



/* Graphical header CSS for table */

#CM_Wrapper {
position: relative;
height: 99px;
margin: 0px;
padding: 0px;
border: 0px;
/* overflow: hidden;*/
}

#CM_Logo {
width: 325px;/*296px;*/
height: 99px;
padding: 0px;
margin: 0px;
border: 0px;
background-image: url('../mirror/images/hdrmain-new4.gif');
/*.gif');*/
}

#CM_AdSpace {
padding-right: 4px;
height: 73px;
width: 100%;
text-align: right;
vertical-align: middle;
background-image: url('../pics/default8_02.gif');
}

#CM_AdSpaceTrailer {
margin: 0px;
padding: 0px;
width: 4px;
height: 73px;
background-image: url('../pics/default8_03.gif');
background-repeat: no-repeat;
}

#CM_AdContainer {
position: relative;
top: 0px;
right: 2px;
}

#CM_MidSpace {
margin-top: 0px;
margin-bottom: 0px;
font-size: 1px;
height: 3px;
background-image: url('../pics/default8_05.gif');
}

#CM_MidSpaceTrailer {
width: 4px;
height: 3px;
background-image: url('../pics/default8_06.gif');
background-repeat: no-repeat;
}

#CM_NavSpace {
padding: 0px;
height: 22px;
background-image: url('../pics/default8_08.gif');
}

#CM_NavSpaceTrailer {
width: 4px;
height: 22px;
background-image: url('../pics/default8_09.gif');
}

#CM_ExOptA {
height: 4px;
font-size: 1px;
background-image: url('../pics/default8_11.gif');
}


#CM_ExOptB {
width: 4px;
height: 4px;
font-size: 1px;
background-image: url('../pics/default8_12.gif');
}


/* Footer */

#footer {
font-size: 11px;
font-family: verdana, arial;
color: black;
text-align: center;
}



/* Forum Style */

.img { border: 0px solid #000; vertical-align: middle; }
.smallfont {font-size: 10px}
.mediumfont {font-size: 11px}
.largefont {font-size: 18px}
.regularfont {font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif}
.path {font-size: 10px; color: hotpink}
.smallfontwhite { font-size:10px; color: #CCCCCC}

.head {color: crimson; background: #ffb0ba; border: 2px outset #ffb0ba}
.headsmall {font-family: verdana, sans-serif; font-size: 10px; color: crimson; background: #ff909d; border: 1px outset #ff909d; }
.headsmalllink { color: orangered; }
.category {color: white; background: #ff909d; border: 1px outset #ffe1e7; }
.postcell {font-size: 12px; background: #ffb0ba; color: crimson; border: 1px outset #ffe1e7; }
.altforumcell {background: #ffd2da; border-left: 1px outset #ffd2da; border-top: 1px outset #ffd2da; border-right: 1px solid #ffc0c8; border-bottom: 1px solid #ffc0c8;}
.forumcell {background: #ffe1e7; border-left: 1px outset #ffe1e7; border-top: 1px outset #ffe1e7; border-right: 1px solid #ffd2da; border-bottom: 1px solid #ffd2da;}
.announcecell {overflow: auto; color: black; background: pink; border: 1px outset #ffe1e7;}

.post_trailer {background: pink; font-size: 10px; border: 1px outset pink; }
.post_dateline {background: pink; font-size: 10px; border: 1px outset pink;}
.post_author {background: pink; font-size: 11px;vertical-align: middle; border: 1px outset pink;}
.post_body {background: #ffe1e7; padding: 5px 5px 5px 5px; border-style: outset; border-color: #ffe1e7; border-width: 2px 1px 1px 1px}
.post_separator {font-size: 10px; background: #ff4062; width: 95%; border-left: 1px outset #ff4062; border-right: 1px outset #ff4062;}

.threadhighlight {background: #003366}
.time {color: #560000;}
.staff { color: hotpink;/*21BC21;*/ font-weight: bold/*#32CD32/*#00781A;*/ }
.moderator { color: /*#DC143C;*/#CB021A; font-weight: bold /*#BD282D*/ }
.premium { color: orangered; font-weight: bold }
.premiumusernames { color: orangered; font-weight: bold }
.suspended { color: red; text-decoration: line-through;}
.banned { color: red; text-decoration: line-through; }
.quote { font-size: 11px; background: #ffd2da; border: 1px outset #ffd2da;}
.quote .quote { font-size: 11px; background: #ffc0c8; border: 1px outset #ffc0c8}
.quote .quote .quote { font-size: 11px; background: #ffa5b5; border: 1px outset #ffa5b5}
.quote .quote .quote .quote { font-size: 11px; background: #ff93a6; border: 1px outset #ff93a6; }
.forumrules {border: outset #ffd2da 2px; background: #ffd2da; font-family: verdana, sans-serif; color: black; font-size: 10px}
.source {background: #ffffff; border: solid 2px; font-family: Courier New; color: black; font-size: 9pt; width: 95%; height: 250px; overflow: auto; padding: 3px;}
.editedby {color: #332323; font-size: 10px;}
.register_required { color: red}

/* The .code style is causing problems in articles because it is used inline with text, so I'm removing the border and reducing the padding - KH */
/* We will need an "inlinecode" style for use of inline functions/constants in articles. I like the original .code - it's just not working for these articles. */
/*.code {font-family: Courier New; font-size: 10pt; color: #477280; background: #F7F7EB; padding: 8px 8px 8px 8px; border: solid 1px #5B5D82}*/
.inlinecode { font-family: Courier New; font-size: 10pt; color: #477280; }
/* Once we get some articles converted to inlinecode we can put the code padding back to 8px */
.code {font-family: Courier New; font-size: 10pt; color: #477280; background: #F7F7EB; padding: 2px 2px 2px 2x; border: solid 1px #5B5D82}
.vbcode {font-family: Courier New; font-size: 11px; color: #ADD8E6}
.codecomment {font-family: Courier New; font-size: 10pt; color: #9999FF}



/* Developer Journal Calendar */
.calendarhead {
font-family:tahoma,verdana, arial, sans-serif;
color:white;
font-size:13px;
font-weight:bold;
padding:6px;
background: #ff1637;
}

.calendar {
font-family:verdana, arial, sans-serif;
color:crimson;
background:#ffe1e7;
font-size:10px;
font-weight:normal;
padding:4px;
}

.calendarsel {
font-family:verdana, arial, sans-serif;
background:#ff1637;
font-size:12px;
font-weight:bold;
padding:4px;
}

.calendarlink { color:white; }


/* Bookmarks tabs */

ul#tabnav {
font: bold 11px verdana, arial, sans-serif;
list-style-type: none;
padding-bottom: 24px;
border-bottom: 1px solid crimson;
margin: 0;
}

ul#tabnav li {
float: left;
height: 21px;
background-color: #ffd2da;
margin: 2px 2px 0 2px;
border: 1px solid crimson;
}

body#tab1 li.tab1, body#tab2 li.tab2, body#tab3 li.tab3, body#tab4 li.tab4 {
border-bottom: 1px solid crimson;
background-color: #ff4062;
}

body#tab1 li.tab1 a, body#tab2 li.tab2 a, body#tab3 li.tab3 a, body#tab4 li.tab4 a {
color: white;
}

#tabnav a {
float: left;
display: block;
color: crimson;
text-decoration: none;
padding: 4px;
}

#tabnav a:hover {
background: #ff1637;
color: white;
}



[grin] I still need to change all the images though, to sparkly pink images [grin]

Revision: Calendar
Revision: Bookmarks, Main Page panels,

[Edited by - MrEvil on November 26, 2005 1:00:38 AM]

Share this post


Link to post
Share on other sites
johnhattan    2346
Dunno what to do about the news icons. Far as I know, there's not a good way to blend against any color background, short of putting complementary-colored borders around everything.

For example, the text in my games. Much of it is a light color with a dark border. That way it's visible no matter what kind of color or pattern you make as a background. Case in point, the score-text here.

But that'd be ugly to do everywhere on icons. We'll probably just have to have an extra set of icons blended against black. Thankfully we've already got that, although the news icons just had black backgrounds and no alpha-channel as they have now.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this