214 lines
3.0 KiB
CSS
214 lines
3.0 KiB
CSS
|
html {
|
||
|
margin: 0;
|
||
|
}
|
||
|
body {
|
||
|
background: none repeat scroll 0 0 #DDDDDD;
|
||
|
color: #000000;
|
||
|
font-family: Arial,Helvetica,sans-serif;
|
||
|
margin: 0;
|
||
|
}
|
||
|
.constrain {
|
||
|
margin: auto;
|
||
|
max-width: 60em;
|
||
|
}
|
||
|
|
||
|
|
||
|
/*
|
||
|
--
|
||
|
-- NAVIGATION BARS
|
||
|
--
|
||
|
*/
|
||
|
|
||
|
.inbar_left{
|
||
|
float: left;
|
||
|
}
|
||
|
.inbar_right {
|
||
|
float: right;
|
||
|
}
|
||
|
.inbar_separator {
|
||
|
color: #666666;
|
||
|
display: block;
|
||
|
float: left;
|
||
|
font-size: 18px;
|
||
|
margin-left: 10px;
|
||
|
margin-right: 10px;
|
||
|
padding-top: 4px;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
.navlink_normal {
|
||
|
}
|
||
|
.navlink_special {
|
||
|
}
|
||
|
.navlink_special2 {
|
||
|
}
|
||
|
|
||
|
|
||
|
.navbar ul {
|
||
|
border: 0 none;
|
||
|
list-style-type: none;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
}
|
||
|
.navbar ul li {
|
||
|
display: inline-block;
|
||
|
font-size: 18px;
|
||
|
padding: 4px 7px 0;
|
||
|
}
|
||
|
#navbar ul li a {
|
||
|
color: #CCCCCC;
|
||
|
display: block;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
#navbar ul li a:hover {
|
||
|
color: #FFFFFF;
|
||
|
}
|
||
|
|
||
|
|
||
|
.footerbar ul {
|
||
|
border: 0 none;
|
||
|
list-style-type: none;
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
}
|
||
|
.footerbar ul li {
|
||
|
display: inline-block;
|
||
|
font-size: 18px;
|
||
|
padding: 4px 7px 0;
|
||
|
}
|
||
|
#footerbar ul li a {
|
||
|
color: #CCCCCC;
|
||
|
display: block;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
#footerbar ul li a:hover {
|
||
|
color: #FFFFFF;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
.footerbar {
|
||
|
background: none repeat scroll 0 0 #333333;
|
||
|
height: 32px;
|
||
|
left: 0;
|
||
|
position: fixed;
|
||
|
right: 0;
|
||
|
bottom: 0;
|
||
|
}
|
||
|
.footerbartop {
|
||
|
background-color: rgba(0, 0, 0, 0.3);
|
||
|
display: block;
|
||
|
height: 5px;
|
||
|
left: 0;
|
||
|
position: fixed;
|
||
|
right: 0;
|
||
|
bottom: 32px;
|
||
|
}
|
||
|
|
||
|
.navbar {
|
||
|
background: none repeat scroll 0 0 #333333;
|
||
|
height: 32px;
|
||
|
left: 0;
|
||
|
right: 0;
|
||
|
top: 0;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
#content {
|
||
|
background: none repeat scroll 0 0 #FFFFFF;
|
||
|
font-size: 90%;
|
||
|
margin: 0;
|
||
|
padding: 1em 0 2em;
|
||
|
}
|
||
|
#content img {
|
||
|
margin: 0.5em;
|
||
|
}
|
||
|
#content a img {
|
||
|
border: 1px solid #666666;
|
||
|
}
|
||
|
#content a:hover img {
|
||
|
border: 1px solid #000000;
|
||
|
}
|
||
|
#content a {
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
#content a:visited {
|
||
|
}
|
||
|
#content a:hover {
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
#content h2 h3 h4 {
|
||
|
color: #222222;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
#footer {
|
||
|
background: none repeat scroll 0 0 #DDDDDD;
|
||
|
clear: both;
|
||
|
color: #000000;
|
||
|
display: block;
|
||
|
margin-top: 1em;
|
||
|
padding: 0 0.2em 2em;
|
||
|
}
|
||
|
.footerlogo {
|
||
|
margin: auto;
|
||
|
text-align: center;
|
||
|
}
|
||
|
.footerlogo img {
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
.footerlogo span {
|
||
|
margin: 1em;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
.footermainlist {
|
||
|
display: inline-block;
|
||
|
text-align: left;
|
||
|
vertical-align: middle;
|
||
|
}
|
||
|
#footer ul {
|
||
|
list-style: none outside none;
|
||
|
padding: 0 0 0 1.5em;
|
||
|
}
|
||
|
#footer ul .the_li {
|
||
|
font-size: 16px;
|
||
|
font-weight: bold;
|
||
|
}
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
.tooltip {
|
||
|
color: #005500;
|
||
|
text-decoration: underline;
|
||
|
}
|
||
|
|
||
|
.bigbutton {
|
||
|
width: 210px;
|
||
|
height: 44px;
|
||
|
background-image:url(images/big_button.png);
|
||
|
background-repeat:none;
|
||
|
font-size: 20px;
|
||
|
padding: 18px 0 0 20px;
|
||
|
margin-left: 20px;
|
||
|
}
|
||
|
|
||
|
.bigbutton a {
|
||
|
color: #CCCCCC;
|
||
|
text-decoration: none;
|
||
|
}
|
||
|
.bigbutton a:hover {
|
||
|
color: #FFFFFF;
|
||
|
}
|