diff options
Diffstat (limited to 'media/css')
-rw-r--r-- | media/css/base.css | 51 |
1 files changed, 31 insertions, 20 deletions
diff --git a/media/css/base.css b/media/css/base.css index 33d1e10..2b65bb8 100644 --- a/media/css/base.css +++ b/media/css/base.css @@ -31,7 +31,7 @@ body { font-size: 93.75%; /* line height of 24 px */ line-height: 23px; - color: #000; + color: #241d13; } body {height:100%;text-align: center;} @@ -60,35 +60,40 @@ blockquote, blockquote p { font-size: 14px !important; margin: 1.2em !important; /* global header and nav elements */ -header {margin-bottom: 55px;text-align: center;} -header nav ul { margin: 35px auto 0;text-align: center;} -header nav li {display: inline; font-style: italic; font-size: 11px; margin: 0 0 2px 0; letter-spacing: 1px;} +header {margin: 15px auto 0; width: 700px; padding-bottom: 85px;text-align: center;} +header nav {float: left;margin-left: 35px; margin-top: 2px; letter-spacing: .10em} +header nav.rt { float: left; margin: 2px 0 0 0; clear:right;} +header nav ul { margin: 0 auto 0;} +header nav li {display: block; text-align: right; font-size: 11px; margin: 0 0 2px 0; line-height: 19px; text-transform: uppercase;} +header nav.rt li {text-align: left;} +header hgroup {float: left;} header hgroup h1, header hgroup h1 a { - font: 40px/40px Georgia, "Times New Roman", Times, Serif; + font: 44px/44px Georgia, "Times New Roman", Times, Serif; text-transform: uppercase; - letter-spacing: 4px; + letter-spacing: 6px; color: #b53a04 !important; + width: 480px; } header hgroup h1 a:hover, header hgroup h2 a:hover { color: #736357 !important; } header hgroup h2 { font-size: 18px; - line-height: 26px; + line-height: 30px; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; font-style: italic; } -header hgroup h2 a {color: #b53a04 !important;} +header hgroup h2, header hgroup h2 a {color: #b53a04 !important;} /* global article styles */ article h1, article h1 a { - font: 48px/48px Georgia, "Times New Roman", Times, Serif; + font: 42px/48px Georgia, "Times New Roman", Times, Serif; font-style: normal; - color: #000 !important; + color: #241d13 !important; margin: 55px 0 5px 0; border: none; text-align: center; @@ -113,7 +118,7 @@ body.writing-detail article section#post p:nth-of-type(1), body#home article sec -article {margin: 0 auto; width: 560px;} +article {margin: 0 auto; width: 530px;} .all-link { color: #888; text-align: center; margin: 12px 0 22px;text-transform: uppercase; font-size: 80%;font-style: italic; } .all-link a {border: none;} @@ -149,8 +154,8 @@ body#home section#writing-archive ul h3 {font-size: 22px; line-height: 28px; mar body#home section#writing-archive ul h3 a {border: none;} body#home section#writing-archive ul li {clear:both; padding: 18px 0; color: #888;} body#home section#writing-archive ul li:first-child {padding-top: 0;} -body#home section#writing-archive ul li img {border: #000 10px solid; float: left; margin: 4px 18px 0 0; background: #f3f;} -body#home section#writing-archive ul li p.intro {float:left; color: #000; width: 375px; margin: 6px 0 0 0;} +body#home section#writing-archive ul li img {border: #000 10px solid; float: left; margin: 4px 18px 0 0; } +body#home section#writing-archive ul li p.intro {float:left; color: #000; width: 345px; margin: 6px 0 0 0;} @@ -171,8 +176,8 @@ body#writing article ul h3 {font-size: 26px; line-height: 34px; margin: 36px 0 8 body#writing article ul h3 a {border: none;} body#writing article ul li {clear:both; padding: 24px 0; color: #888;} body#writing article ul li:first-child {padding-top: 0;} -body#writing article ul li img {border: #000 10px solid; float: left; margin: 4px 18px 0 0; background: #f3f;} -body#writing article ul li p.intro {float:left; color: #000; width: 375px; margin:0;} +body#writing article ul li img {border: #000 10px solid; float: left; margin: 4px 18px 0 0;} +body#writing article ul li p.intro {float:left; color: #000; width: 345px; margin:0;} @@ -208,10 +213,11 @@ aside h4 { margin: 8px 0 2px; } aside ul li { margin-left: 4px; font-size: 80%; line-height: 20px;} -aside.meta { float: none; text-align: center; margin: 22px 0 22px 0; color: #888; text-transform: uppercase; font-size: 80%;font-style: italic;} -aside.meta a {color: #888; border: none;} -aside.meta span {line-height: 18px;} +aside.meta { float: none; text-align: center; margin: 22px 0 22px 0; color: #736357; font-size: 12px;} +aside.meta a {color: #736357; border: none;} +aside.meta span {line-height: 16px;} aside.meta .topics {display: block;} +aside.meta div.geo {letter-spacing: .10em; font-size: 13px;text-transform: uppercase;} /* Writing Detail Pages */ .all-link {display: block;color: #888; text-align: center; margin: 12px 0 22px;} @@ -263,6 +269,10 @@ section#comments h4 { section#comments h4 span {font-size: 90%; font-style: italic;} section p.pull-quote {text-align: center; font-style: italic;font-size: 14px !important; line-height: 18px !important;margin-bottom: 24px;} span.credit {display: block;} +/* Projects */ +dl.lprog dd {text-indent: 15px;} +dl.lprog {margin: 44px 0 22px 0;} + /*contact form*/ .form-holder {width: 500px; margin: 40px auto;} @@ -289,7 +299,7 @@ footer section h4 { padding-bottom: 3px; color: #333; } -footer section p {margin: 0; } +footer section p {margin: 0; padding-bottom: 20px;} footer section ul li {list-style-type: none; margin-left: 4px;} footer ul li img {margin-right:5px; position:relative; @@ -338,4 +348,5 @@ p.update {font-size: 12px !important; line-height: 18px !important;} #dsq-comments-title {display: none;} #dsq-new-post {padding: 10px !important; background:#ded1c0 !important; margin-top: 50px !important} .disqus-link-count {text-decoration: none; border: none;} -a.disqus-link-count:hover {color: #222 !important; cursor:pointer !important;}
\ No newline at end of file +a.disqus-link-count:hover {color: #222 !important; cursor:pointer !important;} +span.alert { color: red;}
\ No newline at end of file |