|
/*----------------------------------------------------------
The base color for this template is #0078ae. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
background-color: #C0C0C0; /* #FFCC66; #5c87b2; */
font-size: .85em;
font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
color: #696969;
}
a:link
{
color: #034af3;
text-decoration: underline;
}
a:visited
{
color: #505abc;
}
a:hover
{
color: #1d60ff;
text-decoration: none;
}
a:active
{
color: #12eb87;
}
p, ul
{
margin-bottom: 20px;
line-height: 1.6em;
}
header, footer, nav, section
{
display: block;
}
/* HEADINGS
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
font-size: 1.5em;
color: #000;
}
.headerTitle
{
font-size: 2.5em;
padding-bottom: 0;
margin-bottom: 20;
color: #FFCC66;
text-align: left;
width: 100%;
padding-left: 10px;
}
h2
{
padding: 0 0 10px 0;
}
h3
{
font-size: 1.2em;
}
h4
{
font-size: 1.1em;
}
h5, h6
{
font-size: 1em;
}
/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/
/* you can specify a greater or lesser percentage for the
page width. Or, you can specify an exact pixel width. */
.page
{
min-width: 800px;
margin-left: auto;
margin-right: auto;
padding: 10px 10px 10px 10px;
}
header, #header
{
position: relative;
margin-bottom: 4px;
margin-top: 0px;
color: #000;
padding: 2px 8px 0px 8px;
background-color: #0078ae;
border-radius: 4px 4px 4px 4px;
-webkit-border-radius: 4px 0 0 0;
-moz-border-radius: 4px 0 0 0;
}
#main
{
min-height: 500px;
height: auto;
padding: 4px 4px 4px 4px;
background-color: #e8eef4;
border-radius: 4px 4px 0px 0px;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
}
footer, #footer
{
background-color: #0078ae;
color: #FFCC66;
height: 20px;
text-align: center;
vertical-align: bottom;
padding: 8px 0 4px 0;
line-height: normal;
margin: 4px 0px 0 0;
font-size: .9em;
font-weight: bold;
border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
}
/* TAB MENU
----------------------------------------------------------*/
ul#menu
{
border-bottom: 1px #0078ae solid;
padding: 0 0 2px 0px;
position: relative;
margin: 0;
text-align: left;
}
ul#menu li
{
display: inline;
list-style: none;
}
ul#menu li#greeting
{
padding: 10px 20px;
font-weight: bold;
text-decoration: none;
line-height: 2.8em;
color: #fff;
}
ul#menu li a
{
padding: 10px 20px;
font-weight: bold;
text-decoration: none;
line-height: 2.8em;
background-color: #e8eef4;
color: #034af3;
border-radius: 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0;
}
ul#menu li a:hover
{
background-color: #fff;
text-decoration: none;
}
ul#menu li a:active
{
background-color: #a6e2a6;
text-decoration: none;
}
ul#menu li.selected a
{
background-color: #fff;
color: #000;
}
/* FORM LAYOUT ELEMENTS
----------------------------------------------------------*/
fieldset
{
border: 1px solid #ddd;
padding: 0 1.4em 1.4em 1.4em;
margin: 0 0 1.5em 0;
}
legend
{
font-size: 1.2em;
font-weight: bold;
}
textarea
{
min-height: 75px;
}
input[type="text"], input[type="password"]
{
border: 1px solid #ccc;
padding: 2px;
font-size: 1.2em;
color: #444;
width: 200px;
}
select
{
border: 1px solid #ccc;
padding: 2px;
font-size: 1.2em;
color: #444;
}
/* MISC
----------------------------------------------------------*/
.clear
{
clear: both;
}
.error
{
color: Red;
}
nav, #menucontainer
{
margin-top: 0px;
width: 100%;
}
#logindisplay
{
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
display: block;
text-align: right;
margin: 0px;
color: #FFCC66;
}
#logindisplay a:link
{
color: #FFCC66;
text-decoration: underline;
}
#logindisplay a:visited
{
color: #FFCC66;
text-decoration: underline;
}
#logindisplay a:hover
{
color: #fff;
text-decoration: none;
}
div#_quickSearch
{
display: block;
text-align: right;
font-size: 1.2em;
color: #FFCC66;
}
.currentCulture
{
font-size: 14px;
display: block;
text-align: right;
color: Black;
width: 100px;
}
.quickSearch
{
border: none;
padding: 0;
margin: 0;
vertical-align: top;
}
img#_leftImage
{
height: 80px;
}
/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
color: #ff0000;
}
.field-validation-valid
{
display: none;
}
.input-validation-error
{
border: 1px solid #ff0000;
background-color: #ffeeee;
}
.validation-summary-errors
{
font-weight: bold;
color: #ff0000;
}
.validation-summary-valid
{
display: none;
}
/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label
{
margin: 1em 0 0 0;
}
.display-field, .editor-field
{
margin: 0.5em 0 0 0;
}
.text-box
{
width: 30em;
}
.text-box.multi-line
{
height: 6.5em;
}
.tri-state
{
width: 6em;
}
.submitButton
{
height: 26px;
font-size: 14px;
margin-right: 4px;
}
.actionFinalized
{
color: #CC9900;
}
.addressDropDown
{
height: 26px;
width: 206px;
}
#header .errorMessage
{
float: left;
}
|
By viewing downloads associated with this article you agree to the Terms of Service and the article's licence.
If a file you wish to view isn't highlighted, and is a text file (not binary), please
let us know and we'll add colourisation support for it.
I have about 20 years experiences in leading software projects and teams and about 25 years of working experience in software development (SW Developer, SW Lead, SW Architect, SW PM, SW Manager/Group Leader).