Separated out CSS files, and updated some of them
This commit is contained in:
9
css/fonts.css
Normal file
9
css/fonts.css
Normal file
@ -0,0 +1,9 @@
|
||||
/**
|
||||
* 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');
|
||||
}
|
28
css/layout.css
Normal file
28
css/layout.css
Normal file
@ -0,0 +1,28 @@
|
||||
/**
|
||||
* 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;
|
||||
}
|
131
css/look.css
Normal file
131
css/look.css
Normal file
@ -0,0 +1,131 @@
|
||||
/**
|
||||
* 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 #ccd;
|
||||
-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: #eee;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #2288aa;
|
||||
}
|
||||
a:hover {
|
||||
color: #006699;
|
||||
}
|
||||
h2 {
|
||||
font-weight: bold;
|
||||
margin: 1em 0 1em 0;
|
||||
border-bottom: 2px solid #ccd;
|
||||
text-shadow: 3px 3px 3px #bbc;
|
||||
}
|
||||
h2 a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
/* Fix-up for Firefox rendering of Cardo in bold */
|
||||
@-moz-document url-prefix() {
|
||||
h2, div#tabs ul li a, #header-inner #title {
|
||||
letter-spacing: -.08em;
|
||||
}
|
||||
}
|
4
css/stylesheet.css
Normal file
4
css/stylesheet.css
Normal file
@ -0,0 +1,4 @@
|
||||
@import url('fonts.css');
|
||||
@import url('layout.css');
|
||||
@import url('look.css');
|
||||
@import url('wordpress.css');
|
57
css/wordpress.css
Normal file
57
css/wordpress.css
Normal file
@ -0,0 +1,57 @@
|
||||
/**
|
||||
* Styles for Wordpress
|
||||
*/
|
||||
|
||||
#sidebar ul {
|
||||
padding: 0px;
|
||||
}
|
||||
#sidebar li {
|
||||
list-style-type: none;
|
||||
}
|
||||
.post {
|
||||
margin: 0 0 3em 0;
|
||||
}
|
||||
.post h2 {
|
||||
margin: 1em 0 0 0;
|
||||
}
|
||||
.post h2 a{
|
||||
color: #001;
|
||||
}
|
||||
.post h2 a:hover{
|
||||
color: #556;
|
||||
}
|
||||
|
||||
/* 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 */
|
||||
|
Reference in New Issue
Block a user