200 lines
3.3 KiB
CSS
200 lines
3.3 KiB
CSS
|
/**
|
||
|
* Handle Self-hosted True Type Fonts
|
||
|
*/
|
||
|
@font-face {
|
||
|
font-family: 'Cardo';
|
||
|
font-style: normal;
|
||
|
font-weight: normal;
|
||
|
src: local('Cardo'), url('fonts/Cardo99s.ttf') format('truetype');
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* These styles handle layout
|
||
|
*/
|
||
|
|
||
|
body {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
}
|
||
|
#header-inner, #content, #footer-inner {
|
||
|
width: 80%;
|
||
|
min-width: 45em;
|
||
|
max-width: 60em;
|
||
|
margin: 0 auto;
|
||
|
}
|
||
|
#main, #sidebar {
|
||
|
position: relative;
|
||
|
}
|
||
|
#main {
|
||
|
float: left;
|
||
|
width: 73%;
|
||
|
}
|
||
|
#sidebar {
|
||
|
float: right;
|
||
|
width: 23%;
|
||
|
}
|
||
|
#footer {
|
||
|
clear: both;
|
||
|
}
|
||
|
|
||
|
/**
|
||
|
* These styles handle look
|
||
|
*/
|
||
|
|
||
|
body {
|
||
|
font: 12pt/18pt Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
|
||
|
font-family: 'Cardo', Georgia, Palatino, 'Palatino Linotype', Times, 'Times New Roman', serif;
|
||
|
/* font: normal 100% Helvetica, Arial, sans-serif;*/
|
||
|
background-color: #eeeeee;
|
||
|
}
|
||
|
#header {
|
||
|
height: 150px;
|
||
|
width: 100%;
|
||
|
background-color: #88BBEE;
|
||
|
border-bottom: 6px solid #003366;
|
||
|
}
|
||
|
#header-inner {
|
||
|
position: relative;
|
||
|
background: url('graphics/stripedTree.png') no-repeat bottom left;
|
||
|
height: 100%;
|
||
|
}
|
||
|
#header-inner #title {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
position: absolute;
|
||
|
height: 53px;
|
||
|
top: 0em;
|
||
|
right: 0em;
|
||
|
font-weight: bold;
|
||
|
font-size: 1.2em;
|
||
|
background: url('graphics/cornerStripedLeft.png') no-repeat bottom left;
|
||
|
}
|
||
|
#header-inner #title a{
|
||
|
display: block;
|
||
|
margin: 0;
|
||
|
padding: 15px 20px 10px 20px;
|
||
|
text-decoration: none;
|
||
|
color: #666666;
|
||
|
background: url('graphics/cornerStripedRight.png') no-repeat top right;
|
||
|
}
|
||
|
#header-inner #title a:hover{
|
||
|
color: #FFFFFF;
|
||
|
}
|
||
|
#content {
|
||
|
padding: 1em 0 0 0;
|
||
|
}
|
||
|
#main {
|
||
|
padding: 0 0 2em 0;
|
||
|
margin: 0;
|
||
|
}
|
||
|
#sidebar {
|
||
|
background-color: #f5f5f5;
|
||
|
margin: 1em 0 1em 0;
|
||
|
border: 2px solid #cccccc;
|
||
|
-moz-border-radius: 5px;
|
||
|
border-radius: 5px;
|
||
|
padding: 5px 0 5px 0;
|
||
|
}
|
||
|
#sidebar > * {
|
||
|
margin: .5em;
|
||
|
}
|
||
|
#footer {
|
||
|
margin: 0;
|
||
|
padding: 1em 0 1em 0;
|
||
|
background-color: #339933;
|
||
|
border-top: 6px solid #006600;
|
||
|
border-bottom: 6px solid #663300;
|
||
|
}
|
||
|
#footer a{
|
||
|
color: #003366;
|
||
|
}
|
||
|
#footer a:hover{
|
||
|
color: #000033;
|
||
|
}
|
||
|
|
||
|
|
||
|
div#tabs {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
position: absolute;
|
||
|
right: 0px;
|
||
|
bottom: 0px;
|
||
|
}
|
||
|
|
||
|
div#tabs ul {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
list-style: none;
|
||
|
text-align: left;
|
||
|
}
|
||
|
|
||
|
div#tabs ul li {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
display:inline;
|
||
|
}
|
||
|
|
||
|
div#tabs ul li a {
|
||
|
position: relative;
|
||
|
bottom: 3px;
|
||
|
font-weight: bold;
|
||
|
color: #333333;
|
||
|
margin: 0 0 0 17px;
|
||
|
padding: 3px;
|
||
|
text-decoration:none;
|
||
|
border-top: #003366 2px solid;
|
||
|
background-color: #88BBEE;
|
||
|
}
|
||
|
div#tabs ul li a:hover {
|
||
|
color: #DDD;
|
||
|
text-shadow: 3px 3px 3px #346;
|
||
|
}
|
||
|
a {
|
||
|
color: #2288aa;
|
||
|
}
|
||
|
a:hover {
|
||
|
color: #006699;
|
||
|
}
|
||
|
|
||
|
/*Styles for Wordpress*/
|
||
|
#sidebar ul {
|
||
|
padding: 0px;
|
||
|
}
|
||
|
#sidebar li {
|
||
|
list-style-type: none;
|
||
|
}
|
||
|
/* Wordpress Captions */
|
||
|
.aligncenter,
|
||
|
div.aligncenter {
|
||
|
display: block;
|
||
|
margin-left: auto;
|
||
|
margin-right: auto;
|
||
|
}
|
||
|
|
||
|
.wp-caption {
|
||
|
border: 1px solid #ddd;
|
||
|
text-align: center;
|
||
|
background-color: #f3f3f3;
|
||
|
padding-top: 4px;
|
||
|
margin: 10px;
|
||
|
-moz-border-radius: 3px;
|
||
|
-khtml-border-radius: 3px;
|
||
|
-webkit-border-radius: 3px;
|
||
|
border-radius: 3px;
|
||
|
}
|
||
|
|
||
|
.wp-caption img {
|
||
|
margin: 0;
|
||
|
padding: 0;
|
||
|
border: 0 none;
|
||
|
}
|
||
|
|
||
|
.wp-caption p.wp-caption-text {
|
||
|
font-size: 11px;
|
||
|
line-height: 17px;
|
||
|
padding: 0 4px 5px;
|
||
|
margin: 0;
|
||
|
}
|
||
|
/* End captions */
|
||
|
|