323 lines
4.4 KiB
CSS
323 lines
4.4 KiB
CSS
/* DEFAULTS
|
|
----------------------------------------------------------*/
|
|
|
|
body
|
|
{
|
|
background: #b6b7bc;
|
|
font-size: .80em;
|
|
font-family: "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
color: #696969;
|
|
}
|
|
.checklist{
|
|
width: 590px;
|
|
border: 1px dotted #7eae2f;
|
|
border-radius:13px;
|
|
-webkit-border-radius: 13px;
|
|
/*background-color:#bfd798;*/
|
|
color: #192835;
|
|
}
|
|
.btn{
|
|
color: #fff;
|
|
padding:10px;
|
|
background-color: #7d8ea8;
|
|
border: 1px solid #7d8ea8;
|
|
border-radius:5px;
|
|
-webkit-border-radius: 5px;
|
|
|
|
height:40px;
|
|
}
|
|
.btn:hover
|
|
{
|
|
color: #fff;
|
|
background-color: #3f5163;
|
|
|
|
}
|
|
.lab{
|
|
font-size:.80em;
|
|
font-family: "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
|
|
}
|
|
a:link, a:visited
|
|
{
|
|
font-weight:bold;
|
|
color: #260858;
|
|
}
|
|
|
|
a:hover
|
|
{
|
|
font-weight:bold;
|
|
color: #855cca;
|
|
text-decoration: none;
|
|
}
|
|
|
|
a:active
|
|
{
|
|
color: #855cca;
|
|
}
|
|
|
|
p
|
|
{
|
|
margin-bottom: 10px;
|
|
line-height: 1.6em;
|
|
}
|
|
|
|
|
|
/* HEADINGS
|
|
----------------------------------------------------------*/
|
|
|
|
h1, h2, h3, h4, h5, h6
|
|
{
|
|
font-size: 1.5em;
|
|
color: #666666;
|
|
font-variant: small-caps;
|
|
text-transform: none;
|
|
font-weight: 200;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
h1
|
|
{
|
|
font-size: 1.6em;
|
|
padding-bottom: 0px;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
h2
|
|
{
|
|
font-size: 1.5em;
|
|
font-weight: 600;
|
|
}
|
|
|
|
h3
|
|
{
|
|
font-size: 1.2em;
|
|
}
|
|
|
|
h4
|
|
{
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
h5, h6
|
|
{
|
|
font-size: 1em;
|
|
}
|
|
|
|
/* this rule styles <h1> and <h2> tags that are the
|
|
first child of the left and right table columns */
|
|
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
|
|
{
|
|
margin-top: 0px;
|
|
}
|
|
|
|
|
|
/* PRIMARY LAYOUT ELEMENTS
|
|
----------------------------------------------------------*/
|
|
|
|
.page
|
|
{
|
|
width: 960px;
|
|
background-color: #fff;
|
|
margin: 20px auto 0px auto;
|
|
border: 1px solid #496077;
|
|
}
|
|
|
|
.header
|
|
{
|
|
position: relative;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
background: #4b6c9e;
|
|
width: 100%;
|
|
}
|
|
|
|
.header h1
|
|
{
|
|
font-weight: 700;
|
|
margin: 0px;
|
|
padding: 0px 0px 0px 20px;
|
|
color: #f9f9f9;
|
|
border: none;
|
|
line-height: 2em;
|
|
font-size: 2em;
|
|
}
|
|
|
|
.main
|
|
{
|
|
padding: 0px 12px;
|
|
margin: 12px 8px 8px 8px;
|
|
min-height: 420px;
|
|
}
|
|
|
|
.leftCol
|
|
{
|
|
padding: 6px 0px;
|
|
margin: 12px 8px 8px 8px;
|
|
width: 200px;
|
|
min-height: 200px;
|
|
}
|
|
|
|
.footer
|
|
{
|
|
color: #4e5766;
|
|
padding: 8px 0px 0px 0px;
|
|
margin: 0px auto;
|
|
text-align: center;
|
|
line-height: normal;
|
|
}
|
|
|
|
|
|
/* TAB MENU
|
|
----------------------------------------------------------*/
|
|
|
|
div.hideSkiplink
|
|
{
|
|
background-color:#3a4f63;
|
|
width:100%;
|
|
}
|
|
|
|
div.menu
|
|
{
|
|
padding: 4px 0px 4px 8px;
|
|
}
|
|
|
|
div.menu ul
|
|
{
|
|
list-style: none;
|
|
margin: 0px;
|
|
padding: 0px;
|
|
width: auto;
|
|
}
|
|
|
|
div.menu ul li a, div.menu ul li a:visited
|
|
{
|
|
background-color: #465c71;
|
|
border: 1px #4e667d solid;
|
|
color: #dde4ec;
|
|
display: block;
|
|
line-height: 1.35em;
|
|
padding: 4px 20px;
|
|
text-decoration: none;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
div.menu ul li a:hover
|
|
{
|
|
background-color: #bfcbd6;
|
|
color: #465c71;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div.menu ul li a:active
|
|
{
|
|
background-color: #465c71;
|
|
color: #cfdbe6;
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* FORM ELEMENTS
|
|
----------------------------------------------------------*/
|
|
|
|
fieldset
|
|
{
|
|
margin: 1em 0px;
|
|
padding: 1em;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
fieldset p
|
|
{
|
|
margin: 2px 12px 10px 10px;
|
|
}
|
|
|
|
fieldset.login label, fieldset.register label, fieldset.changePassword label
|
|
{
|
|
display: block;
|
|
}
|
|
|
|
fieldset label.inline
|
|
{
|
|
display: inline;
|
|
}
|
|
|
|
legend
|
|
{
|
|
font-size: 1.1em;
|
|
font-weight: 600;
|
|
padding: 2px 4px 8px 4px;
|
|
}
|
|
|
|
input.textEntry
|
|
{
|
|
width: 320px;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
input.passwordEntry
|
|
{
|
|
width: 320px;
|
|
border: 1px solid #ccc;
|
|
}
|
|
|
|
div.accountInfo
|
|
{
|
|
width: 42%;
|
|
}
|
|
|
|
/* MISC
|
|
----------------------------------------------------------*/
|
|
|
|
.clear
|
|
{
|
|
clear: both;
|
|
}
|
|
|
|
.title
|
|
{
|
|
display: block;
|
|
float: left;
|
|
text-align: left;
|
|
width: auto;
|
|
}
|
|
|
|
.loginDisplay
|
|
{
|
|
font-size: 1.1em;
|
|
display: block;
|
|
text-align: right;
|
|
padding: 10px;
|
|
color: White;
|
|
}
|
|
|
|
.loginDisplay a:link
|
|
{
|
|
color: white;
|
|
}
|
|
|
|
.loginDisplay a:visited
|
|
{
|
|
color: white;
|
|
}
|
|
|
|
.loginDisplay a:hover
|
|
{
|
|
color: white;
|
|
}
|
|
|
|
.failureNotification
|
|
{
|
|
font-size: 1.2em;
|
|
color: Red;
|
|
}
|
|
|
|
.bold
|
|
{
|
|
font-weight: bold;
|
|
}
|
|
|
|
.submitButton
|
|
{
|
|
text-align: right;
|
|
padding-right: 10px;
|
|
} |