diff options
Diffstat (limited to 'media/sass')
| -rw-r--r-- | media/sass/base.sass | 41 |
1 files changed, 28 insertions, 13 deletions
diff --git a/media/sass/base.sass b/media/sass/base.sass index c9150c7..a6c4064 100644 --- a/media/sass/base.sass +++ b/media/sass/base.sass @@ -47,7 +47,10 @@ a ul li display: inline margin: 0 .125em - +div[role="main"] + ul li + display: block + margin: .5em 0 .dateline, nav li, .breadcrumbs li, .geo, .legend h3 text-transform: uppercase font-size: .75em @@ -65,7 +68,7 @@ h1 font: normal 1.875em Helvetica, Verdana, sans-serif letter-spacing: 0.5px text-align: center -#archive article h1 +article h1 font: normal 1.5em Helvetica, Verdana, sans-serif letter-spacing: 0.5px text-align: center @@ -84,10 +87,13 @@ h1 p font-size: .875em text-align: left + +.col + font-size: .875em /* ######### layout small ################*/ header[role="banner"] - margin: 0 auto 1em auto + margin: 0 auto text-align: center #logo h1 background: url('../img/tree.png') 0 0 no-repeat @@ -102,23 +108,18 @@ header[role="banner"] height: 54px margin: 0 auto nav[role="navigation"] - margin: 1em auto 2em auto + margin: 1em auto .5em auto text-align: center border-top: 1px $brown dotted border-bottom: 1px $brown dotted width: 100% padding: .25em 0 -nav:after, footer:before +nav:after, footer:before, .archive article:after content: "." display: block height: 0 clear: both visibility: hidden - -footer - margin-top: 2em - - .dateline text-align: center time @@ -134,13 +135,17 @@ article img width: 95% article object, article embed width: 100% +#breadcrumbs + margin: 0 0 2em 1em + /* misc classes */ .hide display: none #writing-archive article border-bottom: 1px $brown dotted - + margin-bottom: 1.5em + padding-bottom: 1.5em //Photos .figure @@ -191,6 +196,16 @@ article object, article embed width: 95% height: 300px +footer + margin-top: 2em +footer[role="contentinfo"] + nav + text-align: center + padding: .25em + border-top: 1px $brown dotted + border-bottom: 1px $brown dotted + + /* ######### layout large ################*/ @media only screen and (min-width: 800px) @@ -259,7 +274,7 @@ article object, article embed time display: inline float: right - #photo-galleries:after, .archive article:after, #projects-page .top:after + #photo-galleries:after, #projects-page .top:after content: "." display: block height: 0 @@ -296,7 +311,7 @@ article object, article embed #projects-page .col float: left - font-size: 14px + font-size: .875em margin: 0 40px 0 0 width: 360px #projects-page .two |