codeproject.css

This is a simple GPS tracer developed for Window Mobile 2005/2003 on Compact Framework 2.0 SDK. So f

/*
# Black               : #000000
# White               : #ffffff

-- Main Theme --
# Bold Orange         : #ff9900 - Main theme, headings
# Light Orange Yellow : #FFCC66 - Sub theme, Side Menu backgrounds
# close to "Sand"     : #FFE0B3 - Sub-sub theme. Feature header background, Side submenu background
# AntiqueWhite1       : #FFEFDB - Side Submenu hover/selected colour
# close to "Wheat2"   : #FBEDBB - PRE block Highlight, Article header and highlights
# Darker Orange       : #E08900 - Makes button elements match the main theme colour
# Dark Faded Red      : #990000 - in-text Code, Feature Header Text
# Floral white        : #FFFAF0 - Feature content background

-- Contrast Theme --
# nearly Forest Green : #488E00 - Contrast main theme. Site dropdown menus
# nearly Yellow Green : #C3DE6C - Site dropdown menu highlight/hover
# "Bob Green"         : #76AB40 or #85BC4C

-- Highlights and Shadings --
# Very light grey     : #FAFAFA - Good for backgrounds
# Grey93              : #EDEDED - Main Content box Header background, Search bar
# Pale Gray           : #CCCCCC - Main Content box border
# Dark Gray           : #666666 - H6, Descriptions
# Obscure Gray        : #333333 - Nav Menu Chapter heading

# Lavender            : #E6E6FA - Unedited article header
# Grey89              : #E3E3E3 - Article in Purgatory

*/
HTML
{
    font-size: 100.01%;
}
BODY, P, H1, H2, H3, H4, H5, H6, LI, TR, TD, TH, DD, DT
{
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 10pt; /*93%; */
	/*line-height: 1.25em;*/
	color: black;
}
BODY
{
	background-color: #ffffff;
	margin: 0pt; 
}
H1, H2, H3, H4, H5, TH
{
	font-weight: bold;
}
H1
{
    margin-top:0px;
    margin-bottom:0px;
    padding-bottom:0px;
}
H2, H3, H5
{
	color: #ff9900;
}
H1 { font-size: 16pt; }
H2 { font-size: 13pt;	}
H3 { font-size: 12pt; letter-spacing:-1px;	}
H4 { font-size: 10pt; margin-top: 2px; margin-bottom: 0px;	}
H5 { font-size: 9pt; font-weight: bold;	margin-bottom: 2px;	}
H6 { font-size: 65%; color: #666666; font-weight: normal;	}
PRE
{
	background-color: #FBEDBB;
	padding: 7pt;
	font: 9pt "Courier New", Courier, mono;
	white-space: pre;
	overflow:auto;
}
CODE
{
	color: #990000;
	font-family: "Courier New" , Courier, mono;
	font-size:11pt;
}

a:link		{ text-decoration: none;	  }
a:visited	{ text-decoration: none;	  }
a:active	{ text-decoration: underline; }
a:hover		{ text-decoration: underline; }
a:focus     { outline: none; }

/*a[href^="http://"]:not([href*="codeproject.com"])::after { content: "\2197"; }*/
TT.equation 
{ 
	font-family: 'Times New Roman', serif; 
	font-size:10pt; 
	font-style: italic; 
	white-space: pre; 
}

/* General styles */

.FormInput
{
	width: 500px;
}
.FormInputLong
{
	width: 800px;
}

/* Menu and navigation styles */
.MenuCat
{
	border-width:0px;
	text-transform: uppercase; 
	color: #FFFFFF; 
	font-family: Arial,Verdana; 
	font-size: 12px; /* fixed for layout */
	font-weight: bold; 
	background-color: #333;	
	width:160px;
	padding: 2px 0px 2px 5px;
	margin:0px;
}
.MenuSectionBlock
{
	border-width:0px;
	background-color: #FFCC66;
	font-weight: normal;
	font-family: Tahoma, Arial, sans-serif;
	position: relative;
	top: 0px;
	width: 160px;
	padding:0px;
	margin:0px;
}
.MenuChapter
{
	font-family: Arial; 
	font-size: 11px; /* fixed for layout */
	color: #000000; 
	font-weight: bold; 
	width: 160px;
	border-style: solid; 
	border-width: 1px; 
	padding: 1px 0px 1px 5px;
	margin:0px;
    border-color:#ff9900;
	border-top-width: 0px;
	background-color: #FFCC66;
}
.MenuChapter a
{
	color: #000000; 
}
/* short names since these are used a lot */
.MI, .MI a,.MIS, .MIS a
{
    background-color:#FFE0B3;
	color: black;
	font-size: 8pt; 
	font-weight: normal;
	font-family: Verdana, Arial, sans-serif;
	width: 155 !important; 
	padding: 1px 0px 1px 3px;
}
.MI a:hover, .MIS, .MIS a
{	
	text-decoration: none;
    background-color:#FFEFDB;
}
/* End Menu and navigation styles */

/* General headlines and bar text */
.HeaderLogo
{
    background-color:#ff9900;
}
.HeaderBanner
{
    background-color:#ff9900;
    text-align:right;
    vertical-align:middle;
    width:100%;
}
.MainBlockHeader
{
    padding:2px;
    padding-left:5px;
    font-weight:bold;
    text-transform:uppercase;
    color:Black;
    font-family:Arial,Verdana;
    font-size:13px; 
    background-color:#EDEDED;
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    border-bottom-style:none;
    white-space: nowrap;
}
.TitleHeader
{
    font-size:13px;
}
.MainBlockContent
{
    width:inherit;    
    padding:5px;
    font-size:8pt; 
    border-style: solid;
    border-width: 1px;
    border-color: #CCCCCC;
    /*border-top-style:none;*/
    margin-bottom:10px;
}
.MainBlockContent span, .MainBlockContent td
{
    font-size: 8pt;
}
.FeatureBlockHeader
{
    width:inherit;
    padding:2px;
    padding-left:5px;
    font-weight:bold;
    text-transform:uppercase;
    color:#990000;
    font-family:Arial,Verdana;
    font-size:13px; 
    background-color:#FFE0B3;
    border-style: solid;
    border-width: 1px;
    border-color: #FF9900;
    border-bottom-style:none;    
    white-space: nowrap;
}
.FeatureBlockHeader a
{
    color:#990000;
}
.FeatureBlockContent 
{
    padding:5px;
    background-color:#FFFAF0;
    border-style: solid;
    border-width: 1px;
    font-size: 8pt; 
    border-color: #FF9900;
    /*border-top-style:none;*/
    margin-bottom:10px;
    overflow:hidden;
    text-overflow:ellipsis;	
}
.FeatureBlockContent li, .FeatureBlockContent td, .FeatureBlockContent p
{
    font-size: 8pt;
}
.FeatureBox
{
    border-style:solid;
    border-color:Black;
    border-width:1;
    background-color:#FFFAF0;
    padding:10px;
}
.FeatureTable 
{
	border: 1px solid #CCCCCC;
    background-color:#FFFAF0;
    border-collapse:collapse;
    background-color:White;
}
.FeatureTable td
{
	border: 1px solid #CCCCCC;
    margin:0;
    padding:5px;
    font-size: 8pt; 
}
.FeatureHeader, .FeatureTable thead
{
    background-color:#FFCC66;
    font-weight:bold;
}
.FeatureTable tr.AltItem
{
    background-color:#FBEDBB;
}
.BlockExtraText
{
    text-transform:none;
    padding-left:20px;
}
.TitleBar
{
  	font-family: Verdana,Arial, Helvetica, sans-serif;
	/*color: #990000; - Java*/
	color: #488E00; 
    font-size:1.6em;/*135%;*/
	font-weight: bold;
	margin-top:10px;
	text-align:left;
	margin-bottom:5px;
	float:left;
	letter-spacing: -1px;
}
.TitleBarSideText
{
	margin-top:20px;
    float:right;
    text-align:right;
    font-size:.85em;
	font-weight: normal;
}
/* Not used
.TableListHeader
{
	color:Black;
	font-weight:bold;
	font-size:8pt;
	white-space:nowrap;	
}
*/
.Divider
{
    color:#ff9900;
    background-color:#ff9900;
    height:1px;
    /*width:95%;*/
    /*text-align:center;*/
    margin:0px;
    padding:0px;
    border: 0;
}
.DividerFaint
{
    color:#ccc;
    background-color:#ccc;
    height:1px;
    margin:0px;
    padding:0px;
    border: 0;
}
/* End General headlines and bar text */

/* Specialised homepage headers */
.JoinHeader
{
    font-size: 17px;
    margin:4px;
    white-space:nowrap;
    font-weight:bold;
    border-style:solid;
    border-width:1px;
    border-color:black;
    background-color:#FFCC66;
    padding:4px;
    vertical-align:middle;
}
.JoinHeader a
{
    color: #990000;
    height:20px;
}
.ShopHeader
{
    font-size:17px;
    margin:4px;
    white-space:nowrap;
    font-weight:bold;
    border-style:solid;
    border-width:1px;
    border-color:black;
    background-color:#76AB40;
    padding:4px;
    vertical-align:middle;
}
.ShopHeader a
{
    color: White;
    filter: Shadow(color=#000000,strength=1,direction=135); 
    height:20px;
}
/* End Specialised homepage headers */


/* Info and quick-pick bars */
.MemberNavBar
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: black;
    background-color:#FFCC66;
}
.MemberNavBarText, .MemberNavBarText a
{
    font-size:0.9em;
    color:Black;
    font-family:verdana,Sans-Serif;
    letter-spacing:-1px;
}
.SiteNavBar td
{
    border-color:#488E00;
    border-style:solid;
    border-width:1px;
    margin:0px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top:0px;
	padding-bottom:0px;
	position: relative;
    background-color:#488E00;
}
.SiteNavBar a
{
    font-weight:bold;
    font-size:12px; /* fixed for layout */
    color:White;
    height:16px;
    padding:1px;
    border-width:1px;
    border-color:#488E00;
    border-style:solid;
}
.SiteNavBar a:hover
{
   background-color: #C3DE6C;
   color:Black;
   padding:1px;
   text-decoration:none;
}
td.SelCat   /* Selected category in the site nav bar */
{
	border-color:#488E00;
	background-color:#C3DE6C;
}
td.SelCat a  /* Selected category in the site nav bar */
{
	color:black;
	border-color:#C3DE6C;
	background-color:#C3DE6C;
}
.SearchHeaderBar
{
    background-color:#EDEDED;
    border-bottom-color:#CCCCCC;
    border-bottom-style:solid;
    border-bottom-width:1px;
    padding:3px;
    margin:0px;
}
.LHNavBar
{
    vertical-align:top;
    width:160px;
    /*width: expression(document.body.clientWidth > 160? "160px" : "auto");    */
    background-color:#FF9900;
    padding:3px;
}
.ContentPane
{
    vertical-align:top;
    padding-top:3px;
    padding-left:7px;
    padding-right:7px;
    min-height: 300px;    
    height: expression(this.height < 300? "300px" : "auto");
    width:expression(document.body.clientWidth < 973? "813px" : document.body.clientWidth-160);
    position:relative;
}
.ArticlePane
{
    vertical-align:top;
    padding-top:3px;
    padding-left:7px;
    padding-right:7px;
    min-height: 300px;    
    height: expression(this.height < 300? "300px" : "auto");
    width:expression(document.body.clientWidth < 973? "813px" : document.body.clientWidth-160);
    position:relative;
}
.RHFeatureBar
{
    vertical-align:top;
    max-width:160px;
    width:160px;
    overflow:hidden;
}
/* End Info and quick-pick bars */

/* Quick styles for consistency */
.precollapse
{
	font-size:7pt;
	font-weight:bold;
	background-color: #FBEDBB;
	display:inline;
	border-bottom-style:solid;
	border-bottom-width:1px;
	border-bottom-color:#CCCCCC;
}
.FormButton
{ 
	font-size:90%;
	color: white; 
	border-color: #FFEFDB; 
	background-color: #E08900; 
	font-weight: 700; 
}
.TextButton
{ 
	color: blue; 
	font-weight: 500; 
	border-width: 0px;
	cursor:pointer;
	text-align:left;
	background-color: white; 
}
.SmallText
{
	font-size:8pt; 
}
.LargeText
{
	font-size: 13pt;
	font-weight:bold;
}
.TinyText
{
	font-size:7pt;
}
.SeparatorBottom
{
	vertical-align:top;
	text-decoration:none;
	color:#ff9900;
	text-shadow:none;		
}
.SeparatorTop
{
	vertical-align:bottom;
	text-decoration:none;
	color:#ff9900;
	text-shadow:none;		
}

.SiteError
{
    /*
    border-left-style: solid;
    border-left-width: 1;
    border-left-color: red;
    border-top-style: solid;
    border-top-width: 1;
    border-top-color: red;
    */
    padding: 10px;
    padding: 10px;
    margin-left: 20px;
    width: 80%;
    font-size: 9pt;
}
.Caption
{	
	font-size:8pt;
	font-style:italic;
	font-weight: bold;
}
.Filename
{	
	font-style:italic;
}
.Command
{
	font-weight: bold;
}
.Warning
{
	 border: 1px red solid;
	 padding:5px;
	 margin: 20px;
	 /*color:red;*/
	 background-color:#FFE3E0;
}
.Error, .Error li
{
    color:Red;		
}
.Success
{
	color:Green;
	font-weight:bold;
}
.Failure
{
	color:Red;
	font-weight:bold;
}
.Callout
{
	margin: 20px; 
	background-color: #FFFFCC;
	border: solid 1px blue;
	padding: 5px;
}
.highlight
{
	background-color:yellow;
	/*border: 1px solid #CCCC00;*/
}
.emphasis
{
	color:red;
}
.subdue
{
	color:#666;
}
.AddTo