diff options
Diffstat (limited to 'media/sass/ie.sass')
| -rw-r--r-- | media/sass/ie.sass | 320 |
1 files changed, 320 insertions, 0 deletions
diff --git a/media/sass/ie.sass b/media/sass/ie.sass new file mode 100644 index 0000000..2937cf9 --- /dev/null +++ b/media/sass/ie.sass @@ -0,0 +1,320 @@ +@import _mixins.sass +//main content container +body + max-width: 61.75em + margin: 0 auto +header[role="banner"] + text-align: left + clear: both + border-bottom: $brown 2px solid + height: 9.375em + h1, h2 + float: left + padding-top: 2.2em + background-position: left bottom + margin: 0 !important + 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: 7.3em + padding-left: 15em + a + letter-spacing: 1px + li + font-size: 12px +//global +#pagination + font-family: Helvetica, Verdana, sans-serif !important + font-size: 1.125em +//homepage specific +#archive + clear: both + article + width: 18.75em + float: left + text-align: justify + h1 + text-align: left + font-size: 1.125em + margin: 1em 0 .5em + .hyphenate + font-size: .9375em + line-height: 1.4375em + .dateline + text-align: left + margin-bottom: .75em + font-size: .65em + .mid + margin: 0 2.5em + + +article img + width: auto !important + +.img + float: right + img + margin: 0 + +//writing archives +.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, #projects-page .top:after + content: "." + display: block + height: 0 + clear: both + visibility: hidden + +//breadcrumbs +#page-nav + border: none + text-align: left + margin-top: 2em +#breadcrumbs + margin-left: 0 + li + letter-spacing: 1px + + +//photo pages + +#photo-galleries li + float: left + width: 291px + margin: 0 1em 1em 1em + .figure img + width: 100% + +#photo-galleries .legend + width: 97% + padding: 1em + font-size: .75em !important + line-height: 95% + +//map page +#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 + li:after + content: "" +.infowin + h4 + font: normal 1.3em Helvetica, Verdana, sans-serif + margin: .5em 0 + p + font-size: 95% + overflow: auto +//projects page +#projects-page .col + float: left + font-size: .875em + 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 + #post-body + margin-top: 0 + .legend + width: 96% + font-size: 1em + + h1, aside + text-align: left + margin: 0 0 .4em 0 + h1 + font-size: 1.875em + p:nth-of-type(1) + font-size: 1.25em + line-height: 28px + #post-metadata + border-bottom: 1px $brown dotted + margin-bottom: 1em + margin-top: 1.5em + padding: .75em 0 + p + line-height: 1.5em !important + margin: 0 + 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 +// two col layout +.double article[role="main"] + p:nth-of-type(1) + font-size: 1.0625em /* 17px / 16px */ + line-height: 1.5em /* 24px / 16px */ + margin: 1em 0 0 + header + width: 11.25em + float: left + margin-left: 0 + h1, aside + text-align: right + line-height: 1.2em + #post-body + margin: 2em 0 0 1.25em + float: left + width: 48.75em + .col + float: left + width: 23.125em + .sec + margin-left: 2.5em + .narrow + width: 35.625em + margin-left: -8px + margin-bottom: 1em + clear: both + #post-metadata + clear: both +//About Page +#about article[role="main"] + .content + width: 35.625em + margin: 0 0 0 12.4em + h2 + margin-left: 8.2em + p:nth-of-type(1) + font-size: 1.063em + line-height: 1.5em +footer[role="contentinfo"] + font-family: Helvetica, Verdana, sans-serif + background: $brown + height: 3em + color: #888888 + margin: 80px auto 0 + font-size: 1em + padding: 0 + li + float: left + text-transform: uppercase + line-height: 3em + margin-top: .75em + margin-left: 8px + a + color: #888888 !important + &:hover + color: $orange !important + nav + border: none + margin: 0 1em 0 0 + padding: 0 + float: right + p + float: left + padding-left: 8px + line-height: 4em + margin-top: .75em +.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 + +.picwide + border: 10px solid $brown + clear: both + margin: 30px 0 30px -200px + +.ie8 .drop + padding-top: 28px +.ie7 footer[role="contentinfo"], .ie7 #projects-archive, .ie7 #writing-archive article, .ie7 #pagination, .ie7 #projects-archive .button + clear: both +.ie7 .top + height: 90px +.ie7 nav[role="navigation"] + padding-top: 6.2em + padding-left: 3.5em + margin-left: 90px !important
\ No newline at end of file |