Separated out CSS files, and updated some of them
This commit is contained in:
Aaron Lindsay
parent
ca2a0f8795
commit
0d23d11143
@ -12,7 +12,7 @@
|
||||
|
||||
<title><?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?></title>
|
||||
|
||||
<link rel="stylesheet" href="http://aclindsay.com/stylesheet.css" type="text/css" media="screen" />
|
||||
<link rel="stylesheet" href="http://aclindsay.com/css/stylesheet.css" type="text/css" media="screen" />
|
||||
<link rel="pingback" href="<?php bloginfo('pingback_url'); ?>" />
|
||||
|
||||
<?php if ( is_singular() ) wp_enqueue_script( 'comment-reply' ); ?>
|
||||
|
||||
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;
|
||||
}
|
||||
@ -1,42 +1,3 @@
|
||||
/**
|
||||
* 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
|
||||
*/
|
||||
@ -55,7 +16,7 @@ body {
|
||||
}
|
||||
#header-inner {
|
||||
position: relative;
|
||||
background: url('graphics/stripedTree.png') no-repeat bottom left;
|
||||
background: url('../graphics/stripedTree.png') no-repeat bottom left;
|
||||
height: 100%;
|
||||
}
|
||||
#header-inner #title {
|
||||
@ -67,7 +28,7 @@ body {
|
||||
right: 0em;
|
||||
font-weight: bold;
|
||||
font-size: 1.2em;
|
||||
background: url('graphics/cornerStripedLeft.png') no-repeat bottom left;
|
||||
background: url('../graphics/cornerStripedLeft.png') no-repeat bottom left;
|
||||
}
|
||||
#header-inner #title a{
|
||||
display: block;
|
||||
@ -75,7 +36,7 @@ body {
|
||||
padding: 15px 20px 10px 20px;
|
||||
text-decoration: none;
|
||||
color: #666666;
|
||||
background: url('graphics/cornerStripedRight.png') no-repeat top right;
|
||||
background: url('../graphics/cornerStripedRight.png') no-repeat top right;
|
||||
}
|
||||
#header-inner #title a:hover{
|
||||
color: #FFFFFF;
|
||||
@ -90,7 +51,7 @@ body {
|
||||
#sidebar {
|
||||
background-color: #f5f5f5;
|
||||
margin: 1em 0 1em 0;
|
||||
border: 2px solid #cccccc;
|
||||
border: 2px solid #ccd;
|
||||
-moz-border-radius: 5px;
|
||||
border-radius: 5px;
|
||||
padding: 5px 0 5px 0;
|
||||
@ -120,20 +81,17 @@ div#tabs {
|
||||
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;
|
||||
@ -146,54 +104,28 @@ div#tabs ul li a {
|
||||
background-color: #88BBEE;
|
||||
}
|
||||
div#tabs ul li a:hover {
|
||||
color: #DDD;
|
||||
text-shadow: 3px 3px 3px #346;
|
||||
color: #eee;
|
||||
}
|
||||
|
||||
a {
|
||||
color: #2288aa;
|
||||
}
|
||||
a:hover {
|
||||
color: #006699;
|
||||
}
|
||||
|
||||
/*Styles for Wordpress*/
|
||||
#sidebar ul {
|
||||
padding: 0px;
|
||||
h2 {
|
||||
font-weight: bold;
|
||||
margin: 1em 0 1em 0;
|
||||
border-bottom: 2px solid #ccd;
|
||||
text-shadow: 3px 3px 3px #bbc;
|
||||
}
|
||||
#sidebar li {
|
||||
list-style-type: none;
|
||||
}
|
||||
/* Wordpress Captions */
|
||||
.aligncenter,
|
||||
div.aligncenter {
|
||||
display: block;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
h2 a{
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.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;
|
||||
/* 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;
|
||||
}
|
||||
}
|
||||
|
||||
.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 */
|
||||
|
||||
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 */
|
||||
|
||||
@ -3,7 +3,7 @@
|
||||
<meta http-equiv="Owner" content="Aaron Lindsay" />
|
||||
<meta http-equiv="Author" content="Aaron Lindsay" />
|
||||
<link rel="shortcut icon" href="http://aclindsay.com/favicon.ico" />
|
||||
<link rel="stylesheet" type="text/css" href="http://aclindsay.com/stylesheet.css" media="all" />
|
||||
<link rel="stylesheet" type="text/css" href="http://aclindsay.com/css/stylesheet.css" media="all" />
|
||||
</head>
|
||||
<body>
|
||||
<div id="header">
|
||||
|
||||
Loading…
Reference in New Issue
Block a user