diff --git a/aclindsa-wordpress-theme/header.php b/aclindsa-wordpress-theme/header.php index b9a7b9e..69dbbbe 100644 --- a/aclindsa-wordpress-theme/header.php +++ b/aclindsa-wordpress-theme/header.php @@ -12,7 +12,7 @@ <?php wp_title('«', true, 'right'); ?> <?php bloginfo('name'); ?> - + diff --git a/css/fonts.css b/css/fonts.css new file mode 100644 index 0000000..f708240 --- /dev/null +++ b/css/fonts.css @@ -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'); +} diff --git a/css/layout.css b/css/layout.css new file mode 100644 index 0000000..94e908f --- /dev/null +++ b/css/layout.css @@ -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; +} diff --git a/stylesheet.css b/css/look.css similarity index 52% rename from stylesheet.css rename to css/look.css index a16fb60..edf7f41 100644 --- a/stylesheet.css +++ b/css/look.css @@ -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 */ - diff --git a/css/stylesheet.css b/css/stylesheet.css new file mode 100644 index 0000000..6a6f49a --- /dev/null +++ b/css/stylesheet.css @@ -0,0 +1,4 @@ +@import url('fonts.css'); +@import url('layout.css'); +@import url('look.css'); +@import url('wordpress.css'); diff --git a/css/wordpress.css b/css/wordpress.css new file mode 100644 index 0000000..8309cdf --- /dev/null +++ b/css/wordpress.css @@ -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 */ + diff --git a/header_bottom.php b/header_bottom.php index 55ebd6b..638bb22 100644 --- a/header_bottom.php +++ b/header_bottom.php @@ -3,7 +3,7 @@ - +