|
/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body {
background-color: #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;
}
/* HEADINGS
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
font-size: 1.5em;
color: #000;
}
h1, h2 {
font-size: 2em;
padding-bottom: 0;
margin-bottom: 0;
}
h3 {
font-size: 1.2em;
}
h4 {
font-size: 1.1em;
}
h5, h6 {
font-size: 1em;
}
/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/
#page {
width: 90%;
margin-left: auto;
margin-right: auto;
}
#header {
position: relative;
margin-bottom: 0;
color: #000;
padding: 0;
}
#main {
padding: 30px 30px 15px 30px;
background-color: #fff;
margin-bottom: 30px;
/*CSS3 properties*/
border-radius: 4px 0 4px 4px;
-webkit-border-radius: 4px 0 4px 4px;
-moz-border-radius: 4px 0 4px 4px;
}
#footer {
padding: 10px 0;
text-align: center;
line-height: normal;
margin: 0;
font-size: .9em;
}
/* Site Title
----------------------------------------------------------*/
#header .site-title {
float: left;
font-weight: bold;
padding: 5px 0;
margin: 0;
color: #fff;
border: none;
line-height: 2em;
font-size: 32px;
/*CSS3 properties*/
text-shadow: 1px 1px 2px #111;
}
/* Login Display
----------------------------------------------------------*/
#login {
float: right;
font-size: 1.1em;
display: block;
text-align: right;
color: #000;
}
#login li {
margin: 0;
display: inline;
list-style: none;
padding-left: 5px;
}
#login a:link, #login a:visited {
color: #fff;
text-decoration: none;
}
#login a:hover
{
color: #fff;
text-decoration: underline;
}
/* Tab Menu
----------------------------------------------------------*/
ul#menu {
clear: both;
border-bottom: 1px #5c87b2 solid;
padding: 0 0 2px;
position: relative;
margin: 0;
text-align: right;
}
ul#menu li {
display: inline;
list-style: none;
}
ul#menu li a {
padding: 10px 20px;
font-weight: bold;
text-decoration: none;
line-height: 2.8em;
background-color: #e8eef4;
color: #034af3;
/*CSS3 properties*/
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;
}
/* forms
----------------------------------------------------------*/
fieldset {
margin: 1em 0;
padding: 1em;
border: 1px solid #CCC;
}
fieldset legend {
font-size: 1.1em;
font-weight: bold;
padding: 2px 4px 8px 4px;
}
fieldset ol {
padding: 0;
list-style: none;
}
fieldset ol li {
padding-bottom: 5px;
}
fieldset label {
display: block;
}
fieldset label.checkbox {
display: inline;
}
fieldset input[type="text"], input[type="password"] {
border: 1px solid #ccc;
padding: 2px;
font-size: 1.2em;
color: #444;
width: 300px;
}
fieldset input[type="submit"] {
font-size: 1.2em;
padding: 5px;
}
/* Information and errors
----------------------------------------------------------*/
.message {
clear: both;
border: 1px solid;
margin: 10px 0px;
padding: 15px 15px;
/*CSS3 properties*/
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
box-shadow: 2px 2px 5px #888;
-webkit-box-shadow: 2px 2px 5px #888;
-moz-box-shadow: 2px 2px 5px #888;
}
.info {
background: #bde5f8;
color: #00529b;
}
.error {
background: #ffe4e4;
color: #be3e16;
}
.success {
background: #dff2bf;
color: #4f8a10;
}
input[type="text"].error-field, input[type="password"].error-field {
border: solid 1px #be3e16;
background-color: #ffe4e4;
}
.validation-error {
display: inline;
color: #be3e16;
font-weight: bold;
font-size: 1.1em;
}
.validation-error:before {
content: "»";
}
|
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.
This member has not yet provided a Biography. Assume it's interesting and varied, and probably something to do with programming.