@charset "ISO-8859-1"; /* The Serpent master_style.css Rev 1.0 */ /************************************************* Section: Basic page elements Desc: Styles for all basic top level elements *************************************************/ body { margin: 0; padding: 0; background-color: #333; font-family: "Verdana", "Arial", "Geneva", "Helvetica", sans-serif; font-size: 11px; color: #1e1e1e; line-height: 1.7em; } a, a:visited { color: #0099FF; text-decoration: none; } /************************************************* Section: MasterContainer (called from common.php) Desc: Master container for all centered content we apply common element stlyes here instead of (no reason). Provide base padding *************************************************/ #masterContainer { margin: 0px auto; width: 960px; border-left: 1px solid black; border-right: 1px solid black; border-bottom: 1px solid black; background: url(../../images/master_layout/content_bg.gif) repeat; } #masterContainer img { /* supress border IE sometimes adds */ border: 0; } #masterContainer p { margin: 1.1em 0 0 0; padding: 0; } #masterContainer strong { color: #3366FF; } /************************************************* Section: header Desc: Main Serpent header and nav links *************************************************/ #header { background: url(../../images/master_layout/header_green.png) no-repeat; /* background: url(../../images/master_layout/header_purple.png) no-repeat; /* /*background: url(../../images/master_layout/header_bw.png) no-repeat;*/ /* background: url(../../images/master_layout/header_blue.png) no-repeat; */ height: 190px; margin: 0; padding: 0; } #headerNavLinks { padding-left: 10px; position: relative; top: 154px; font-size: 11px; /*fixed size */ } #headerNavLinks > a, #headerNavLinks a:visited { color: #21536A; text-decoration: none; font-weight: bold; } #headerNavLinks > a:hover { color: #0099FF; } /************************************************* Section: content Desc: Main viewport for all text outside of the header, everything wrapped in content *************************************************/ #content { width: 96%; margin: 30px auto 0 auto; text-align: justify; } #content h1 { color: #3366FF; font-size: 1.5em; } #content > h2 { color: #3366FF; font-size: 1.0em; } /* Standard content text */ #contentText { width: 70%; padding: 10px; } /************************************************* Section: newsItem Desc: News item on homepage + image *************************************************/ .newsItem { padding: 0; margin: 45px 0 0 0; } #content .newsItem > h1 { margin: 0; padding: 0; color: #34323a; font-size: 1.5em; } .newsItem > h2 { margin: 0; padding: 3px 0 0 0; font-weight: normal; border-bottom: 1px dashed #ccc; color: #666; font-size: 1em; font-style: italic; } .newsItem a, .newsItem a:visited { text-decoration: none; font-weight: normal; color: #0099FF; } .newsItem a:hover { color: #21536A; } .newsItem .newsItemImage { float: left; margin: 0 10px 0 0; padding: 0; } .newsItem > .newsContent { margin: 0; padding: 0 20px 0 55px; } .newsItem > .addedDate { font-weight: bold; font-size: 0.8em; color: #666; float: right; } /************************************************* Section: articleItem Desc: Individual article items within article.php *************************************************/ #articleItem { padding: 0; margin: 0; text-align: left; } #articleItem > h1 { letter-spacing: 1px; font-size: 1.6em; font-weight: 700; color: #333; margin: 0; } #articleItem > h2 { font-size: 0.9em; font-weight: normal; color: #333; margin: 0; padding: 0 0 6px 0; border-bottom: 1px dashed #ccc; } #articleItem > h3 { padding: 0; margin: 0; font-size: 1.0em; } #articleItem > h4 { padding: 0; margin: 0; color: #999; font-style: italic; font-weight: normal; font-size: 0.9em; } #articleImage { float: left; margin: 0 10px 0 0; } #articleDate { float: right; font-size: 0.9em; color: #999; } #articleContents { margin: 20px 0 20px 10px; width: 70%; } #articleContents a, #articleContents a:visited { text-decoration: none; color: #0099FF; border-bottom: 1px dotted #0099FF; } #articleContents a:hover { color: #3366FF; } ul.otherNews { text-align: left; margin: 15px 0 0 0; padding: 0; list-style-type: none; font-size: 10px; font-family: "Verdana", "Arial", "Geneva", "Helvetica", sans-serif; } ul.otherNews li { padding: 0px 0 0 20px; margin: 5px 0 0 0; background: url(../../images/master_layout/write_bullet.png) no-repeat center left; } /************************************************* Section: allArticlesItems Desc: List of all available articles *************************************************/ .allArticlesItems { margin: 20px 0 0 0; padding: 10px; border: 1px solid #bae2f0; width: 60%; } .allArticlesItems a, .allArticlesItems a:visited { text-decoration: none; color: #0099FF; } .allArticlesItems a:hover { color: #21536A; } .allArticlesItems:hover { background-color: #e3f4f9; border: 1px solid #bae2f0; } #content .allArticlesItems h1 { padding: 0; margin: 0; font-size: 14px; } .allArticlesItems h2 { padding: 0; margin: 0; font-size: 0.8em; } /************************************************* Section: baseContent Desc: Display any base content wanted (usually on homepage) *************************************************/ #baseContent { margin: 35px 0 0 0; text-align: center; border-top: 1px solid #ccc; } #baseContent > h1 { text-align: left; color: #0099FF; font-size: 1.5em; } /************************************************* Section: #footer Desc: Display bottom page footer *************************************************/ #footer { clear: both; border-top: 1px dashed #ccc; font-size: 0.9em; text-align: center; padding: 15px 0 15px 0; color: #999; margin: 30px 0 0 0; } #footer > p { line-height: 0.3em; } #footer img { margin: 1em 0.5em 1em 0; } #footer a { color: #3366FF; text-decoration: none; font-weight: normal; } #footer a:hover { color: #21536A; } /********************************************* Various box styles *********************************************/ #adsense_box { float: right; margin: 0; padding: 0; width: 200px; text-align: center; } #introBox { /* used to display a blue box center screen */ background-color: #e3f4f9; padding: 5px 10px 15px 10px; margin-bottom: 35px; border: 1px solid #bae2f0; } #introBox > h1 { font-size: 18px; letter-spacing: 1px; font-weight: normal; color: #0099FF; } #introBox > #introImage { float: left; margin: 5px 10px 5px 5px; border: 1px solid black; height: 80px; } #warningBox { background-color: #ffcccc; border: 1px solid #ff9999; padding: 5px; margin-bottom: 35px; } #warningBox strong { color: #F00; } #articleBox { /* blue box for right hand side */ text-align: center; padding: 5px; font-size: 10px; background-color: #e3f4f9; float: right; width: 200px; border: 1px solid #bae2f0; line-height: 1.6em; margin: 20px 0px 20px 0px; } #articleBox h1 { text-align: center; font-size: 1.1em; margin: 0; padding: 0; } #articleBox h2 { font-style: normal; font-weight: bold; border: none; font-size: 10px; } #articleBox a, #article a:visited { color: #21536A; } #articleBox a:hover { color: #0099FF; } #masterContainer .starRating { /* Star rating box, and response */ text-align: center; padding: 0; margin: 0; } #starRatingResult { color: green; } #masterContainer .starRating td img { padding: 5px; } /********************************************* Feedback Form *********************************************/ #feedbackForm { margin: 20px 0 0 0; } #feedbackForm input, textarea { font-family: "Verdana", "Arial", "Geneva", "Helvetica", sans-serif; } #feedbackForm .error { background-color: #FF8A84; } #feedbackForm textarea { font-size: 12px; color: #000; } .errorBox { border: 1px solid red; width: 600px; margin: 20px 0 0 0; padding: 10px; background-color: #FCC; } #masterContainer .errorBox p { font-size: 10px; color: red; } #masterContainer .errorBox h1 { font-size: 10px; color: #000; font-weight: bold; padding: 0; margin: 0; } .sec { padding: 10px 0 0 0; } #masterContainer .sec img { border: 1px solid #000; vertical-align: middle; } /********************************************* Topic containers for main techie content *********************************************/ #topicContainer { text-align: center; } #topicContainer h1 { text-align: left; font-size: 20px; } #topicContainer h2 { font-size: 12px; font-weight: normal; } .topicChoice { width: 90%; margin: 40px auto; text-align: left; } .topicChoice a, a:visited { text-decoration: none; color: #21536A; } .topicChoice a:hover { color: #0099FF; } .topicImage { margin-top: 5px; margin-right: 20px; float: left; } #content .topicImage img { border: 1px solid black; } .topicTitle { font-variant: small-caps; font-size: 16px; letter-spacing: 1px; line-height: 25px; color: #36F; } .topicTitle a { border-bottom: 1px #36F dotted; } .topicDesc { text-align: justify; } /********************************************* Document selection, list documents available *********************************************/ .docSelectContainer { width: 90%; margin: 40px auto 0 auto; } .docSelectTitle { border-bottom: 1px #36F dotted; font-size: 1.3em; letter-spacing: 1px; line-height: 25px; font-variant: small-caps; } .docSelectTitle a, .docSelectTitle a:visited { text-decoration: none; color: #36F; } .docSelectTitle a:hover { text-decoration: none; color: #0099FF; } .docSelectImage { border: 1px solid #000; width: 40px; height: 40px; float: left; margin: 10px 0 0 5px; } .docSelectDesc { width: 90%; margin-left: 55px; text-align: justify; font-size: 10px; } #content .docSelectDesc p { padding: 0; margin: 8px; } .docSelectDesc .docSelectHighlight { margin: 0; padding: 0; font-weight: bold; font-size: 10px; } .docSelectDesc .docSelectUpdate { margin: 0; padding: 0; font-weight: bold; font-size: 10px; color: #393; } /********************************************* Misc works in progress\ideas *********************************************/ code { color: blue; } .codeSample { line-height: 18px; } strong { color: #3366FF; } .highlight { color: green; } .codeSample .comment { font-family: courier; font-size: 12px; color: #999; }