diff options
Diffstat (limited to 'media/sass/base.sass')
| -rw-r--r-- | media/sass/base.sass | 219 |
1 files changed, 215 insertions, 4 deletions
diff --git a/media/sass/base.sass b/media/sass/base.sass index 87784c9..c9150c7 100644 --- a/media/sass/base.sass +++ b/media/sass/base.sass @@ -34,6 +34,7 @@ body p font-size: 1.0625em /* 17px / 16px */ line-height: 1.5em /* 24px / 16px */ + margin: 1em 0 0 footer p font-size: .625em text-align: center @@ -47,11 +48,11 @@ ul li display: inline margin: 0 .125em -.dateline, nav li, .breadcrumbs li, .meta p, .legend h3 +.dateline, nav li, .breadcrumbs li, .geo, .legend h3 text-transform: uppercase font-size: .75em letter-spacing: .0625em -.meta p +.geo text-align: center img border: 10px $brown solid @@ -85,7 +86,7 @@ h1 text-align: left /* ######### layout small ################*/ -header +header[role="banner"] margin: 0 auto 1em auto text-align: center #logo h1 @@ -100,7 +101,7 @@ header width: 184px height: 54px margin: 0 auto -nav +nav[role="navigation"] margin: 1em auto 2em auto text-align: center border-top: 1px $brown dotted @@ -190,7 +191,217 @@ article object, article embed width: 95% height: 300px +/* ######### layout large ################*/ +@media only screen and (min-width: 800px) + body + max-width: 61.75em + margin: 0 auto + header[role="banner"] + text-align: left + clear: both + border-bottom: $brown 2px solid + height: 9.375em + #logo h1, #logo h2 + float: left + padding-top: 2.2em + background-position: left bottom + margin: 0 !important + #logo h2 + padding-top: 3.5em + background: url('../img/text-wide.png') left bottom no-repeat !important + margin-left: 1.7em !important + nav[role="navigation"] + width: 25em + border: none + padding-top: 6.3em + padding-left: 13em + a + letter-spacing: 1px + li + font-size: 12px + article img + width: auto !important + #archive + clear: both + #featured + img + float: right + margin: 0 + .img + float: right + img + margin: 0 + + .archive + padding-top: 2em + article + margin-bottom: 2em + padding-bottom: 2em + border: none !important + h1, p + width: 41% + float: left + text-align: left + margin: 0 + font-size: 1em + h1 + font-size: 1.5em + line-height: 1.3em + margin-top: .15em + letter-spacing: .5px + .dateline + clear: left + margin: .75em 0 + font-size: .6875em + .hyphenate + text-align: justify + time + display: inline + float: right + #photo-galleries:after, .archive article:after, #projects-page .top:after + content: "." + display: block + height: 0 + clear: both + visibility: hidden + #page-nav + border: none + text-align: left + margin-top: 2em + + #photo-galleries .legend + width: 90% + padding: 1em 1em .5em 1em + font-size: .75em !important + line-height: 95% + #photo-galleries li + float: left + width: auto !important + + #map-canvas + width: 47.5em + height: 31.25em + float: right + + .map-legend + h4 + margin-bottom: .25em + letter-spacing: 1px + font-size: .875em + li + display: block + font-size: .875em + margin: 3px 0 + + #projects-page .col + float: left + font-size: 14px + margin: 0 40px 0 0 + width: 360px + #projects-page .two + margin: 0 0 0 3.5em + width: 32em + #projects-page .top + padding-bottom: 2em + margin-bottom: 2em + border-bottom: 1px solid #E3E3E3 + #projects-page article p + margin: 1em 0 0 0 + + //Permalink pages + article[role="main"] + header, #post-body, footer, #comments + width: 35.625em + margin: 3.5em 0 0 12em + h1, aside + text-align: left + margin: 0 0 .4em 0 + p:nth-of-type(1) + font-size: 1.25em + line-height: 28px + #post-metadata + border-bottom: 1px $brown dotted + margin-bottom: 2em + p + line-height: 1.5em !important + a + color: $orange + #page-navigation + text-transform: uppercase + font: normal 1.125em Helvetica, Verdana, sans-serif + a + color: $orange + li#next + float: right + padding-right: 9em + li#prev + float: left + padding-left: 6em + + footer[role="contentinfo"] + font-family: Helvetica, Verdana, sans-serif + background: $brown + height: 2.25em + color: #888888 + margin: 80px auto 0 + font-size: 1em + padding: 0 + li + float: left + text-transform: uppercase + line-height: 3em + margin-left: 8px + a + color: #888888 !important + &:hover + color: $orange !important + nav + border: none + height: auto + width: 15em + margin: 0 + padding: 0 + float: right + p + float: left + padding-left: 8px + line-height: 4em + margin: 0 + .drop + font-size: 4.8em + display: block + float: left + padding: 38px 10px 5px 0 + overflow: visible + + .drop-small + font-size: 2.9em + display: block + float: left + padding: 19px 8px 5px 0 + overflow: visible + .postpic, .postpicright + display: block + margin: 0.3em 0.6em + + .postpic + float: left + margin-left: 0 + margin-top: 0.3em + + .postpicright + float: right + margin-right: 0 + + .postpicleft + float: left + margin: 5px + + .picfull + margin-top: 20px + + //.formatted // column-count: 3 // column-gap: 1.125em |