[web] New Challenge : GDNet Black (or alternate skins!)
Author
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
Can you add a css setting to the url? Something like http://www.gamedev.net/community/forums/topic.asp?topic_id=360158&cssfile=some_url_here
Similar to how css Zen Garden works. 1, 2, and 3.
Similar to how css Zen Garden works. 1, 2, and 3.
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)
.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 :|
.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 :|
Author
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
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
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
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 :)
Author
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...
Author
Very nice. Feel free to steal the header stuff from the one I made btw. I updated your css on the server. Check it out.
---
Michael Tanczos
---
Michael Tanczos
I'm extremely interested in making dark "logout," "control panel," "bookmarks," etc. icons. Would these be of use to you?
This topic is closed to new replies.
Advertisement
Popular Topics
Advertisement
