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

Started by
77 comments, last by Pipo DeClown 18 years, 4 months ago
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
Advertisement
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]
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]
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]
I just drafted a couple of buttons to see how they came out. Tell me what you think of the style.

-~-The Cow of Darkness-~-
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
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...
-~-The Cow of Darkness-~-
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
Quote:Original post by cowsarenotevil

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


Maybe a touch of 3D perspective?

--CJM
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

This topic is closed to new replies.

Advertisement