diff options
Diffstat (limited to 'media/sass')
| -rw-r--r-- | media/sass/_about.sass | 2 | ||||
| -rw-r--r-- | media/sass/_globals.sass | 193 | ||||
| -rw-r--r-- | media/sass/_mixins.sass | 1 | ||||
| -rw-r--r-- | media/sass/_photos.sass | 37 | ||||
| -rw-r--r-- | media/sass/_projects.sass | 104 | ||||
| -rw-r--r-- | media/sass/_writing.sass | 339 | ||||
| -rw-r--r-- | media/sass/base.sass | 110 | ||||
| -rw-r--r-- | media/sass/dark.sass | 24 |
8 files changed, 417 insertions, 393 deletions
diff --git a/media/sass/_about.sass b/media/sass/_about.sass index a9d67d5..7dbbc74 100644 --- a/media/sass/_about.sass +++ b/media/sass/_about.sass @@ -1,6 +1,6 @@ //About page -body#about +#about section clear= both margin-top: 24px diff --git a/media/sass/_globals.sass b/media/sass/_globals.sass index 6a583de..1ff5386 100644 --- a/media/sass/_globals.sass +++ b/media/sass/_globals.sass @@ -3,19 +3,26 @@ !luxagraf_brown = #201a11 !luxagraf_orange = #b53a04 + *:focus outline= !luxagraf_orange dotted thin +html + height: 100% body background= #fff - font-family= "Hoefler Text", Georgia, "Times New Roman", Times, serif + font-family= "Hoefler Text", "Georgia", "Times New Roman", "Times", "serif" /* font-size 15px */ font-size= 62.5% /* line height of 24 px */ line-height= 23px color= !luxagraf_brown - height=100% - text-align= center + position: relative + min-height: 100% + width= !full + height: 100% + text-align= "center" + margin: 0 auto p margin: 0.8em 0 0 0 @@ -32,50 +39,49 @@ a text-decoration= "none" -// structure +// structure ------------------------------ header - width= !full - margin= 0 auto 40px - //background= url("../img/horiz.png") repeat-x left bottom - -header border-bottom= !luxagraf_brown 2px "solid" height= 160px - - h1 - a - background= url("../img/logo.gif") no-repeat left bottom - height= 158px - width= !col7 - float = left - text-indent= -1000px - h2 - float= left - text-indent= -1000px - display: none + margin-bottom: 40px + +small-serif nav + text-transform= uppercase float= left - margin-top= 110px + margin-top= 113px margin-left= !col - li - display= "inline" - +small-serif - font-size= 1.2em - margin-left= 4px + li + display= "inline" + font-size= 12px + margin-left= 4px + letter-spacing: 1px a:hover color= !luxagraf_orange + +//logo link +#logo + background= url("../img/logo.png") no-repeat left bottom + height= 158px + width= !col7 + float = left + text-indent= -1000px + +header h2 + float= left + text-indent= -1000px + display: none + footer - width= !full + +sm-sans background= !luxagraf_brown height: 36px color: #888 font-size= 1.2em margin= 80px auto 0 - nav li + li float: left - +sm-sans text-transform: uppercase line-height: 36px margin-left= 8px @@ -88,68 +94,64 @@ footer margin-right: 8px p float= left - +sm-sans padding-left= 8px line-height: 36px margin: 0 -article - width= !full - margin= 0 auto - //background= url("../img/bg.gif") - - ul - font-size= 1.5em +article ul + font-size= 1.5em -ul#breadcrumbs +#breadcrumbs font-weight= normal +tiny-serif font-size: 110% li display= "inline" + + +// global classes ------------------------------ + + + .hide display= "none" -img - &.postpic, &.postpicright - display: block - margin: .3em .6em - border= !luxagraf_brown 10px "solid" - clear: both +.postpic, .postpicright + display: block + margin: .3em .6em + border= !luxagraf_brown 10px "solid" + clear: both - &.postpic - float: left - margin-left: 0 - margin-top: .3em +.postpic + float: left + margin-left: 0 + margin-top: .3em - &.postpicright - float: right - margin-right: 0 +.postpicright + float: right + margin-right: 0 - &.postpicleft - float: left - margin: 5px +.postpicleft + float: left + margin: 5px - &.picfull - border= !luxagraf_brown 10px "solid" - margin-top: 20px +.picfull + border= !luxagraf_brown 10px "solid" + margin-top: 20px - &.post-image - margin: 0 10px 0 0 - float: left - border= !luxagraf_brown 10px "solid" !important +.post-image + margin: 0 10px 0 0 + float: left + border= !luxagraf_brown 10px "solid" !important +.picwide + clear= "both" + margin= 30px 0 30px -200px + border= !luxagraf_brown 10px "solid" -.hide, .dsq-brlink, img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'], .terms-of-use-link, #dsq-comments-count - display: "none" - - -div[dir='ltr'] span - width: 0 - visibility: collapse -p.pull-quote +.pull-quote font-size= 14px !important font-style= "italic" !important @@ -160,7 +162,7 @@ sup padding: 3px 0 3px 3px a line-height: 0 -span.numeral +.numeral font-family= Helvetica,Verdana,sans-serif font-size: 22px font-weight: bold @@ -168,4 +170,51 @@ span.numeral margin-top: 60px margin-bottom: 0 .nfirst - margin-top: 0px !important
\ No newline at end of file + margin-top: 0px !important + + +.figure + position: relative + margin: 0 + .legend + display: block + +transparent_class_light + position: absolute + bottom: 9px + left: 0 + font-size= 13px + padding: 8px 0 8px 8px + width: auto + background= !luxagraf_brown + color: #999 +.button + display: block + +sm-sans + margin: 10px 10px 0 0 + width: auto + +sm-sans + font-size: 10px + a + padding: 9px 14px 7px 14px + font-weight: bold + line-height: 25px + text-transform: uppercase + background= #d7d7d7 + color: #666 + -moz-border-radius: 25px + -webkit-border-radius: 25px + border-radius: 25px + a:hover + background= !luxagraf_orange + color: #fff + +// shit to hide ------------------------------ + + +.hide, .dsq-brlink, img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'], .terms-of-use-link, #dsq-comments-count + display: "none" + + +div[dir='ltr'] span + width: 0 + visibility: collapse diff --git a/media/sass/_mixins.sass b/media/sass/_mixins.sass index 1c866ab..596de54 100644 --- a/media/sass/_mixins.sass +++ b/media/sass/_mixins.sass @@ -2,7 +2,6 @@ font-size= 1.1em letter-spacing= 1px line-height= 1.2em - text-transform= uppercase =tiny-serif font-size= .8em diff --git a/media/sass/_photos.sass b/media/sass/_photos.sass index 5e481f0..4179908 100644 --- a/media/sass/_photos.sass +++ b/media/sass/_photos.sass @@ -1,39 +1,33 @@ #photo-archive article width= !full - h1 display: none + -ul#photo-galleries +#photo-galleries margin-left= -10px + width= !full+!pad li - float= left - margin= 10px - width: 310px + float= "left" + margin= 8px position: relative display: block + height= 352px + width: 295px + border= 10px !luxagraf_brown "solid" - div.figure - border= 10px !luxagraf_brown solid - height= 350px - img - border= none - - span.legend - display= block + + .figure + height= 362px + width: 291px + .legend color: #888 - padding: 10px 10px 10px 15px - font-size: 85% - line-height: 18px width: 285px - background= !luxagraf_brown +transparent_class - position: absolute - bottom: 0 - left: 0 - + margin-left: 1px + line-height: 18px h3 color: #fff padding: 0 @@ -42,4 +36,3 @@ ul#photo-galleries p margin: 0 -
\ No newline at end of file diff --git a/media/sass/_projects.sass b/media/sass/_projects.sass index 576315f..31e23cd 100644 --- a/media/sass/_projects.sass +++ b/media/sass/_projects.sass @@ -1,4 +1,5 @@ -div.top + +.top margin= 36px 0 36px 0 clear: both width= !col16 @@ -13,61 +14,61 @@ p.two margin: 0 margin-left= !col width: 450px -div.break +.break border-bottom: #e3e3e3 1px solid width= !col16+!pad*2 height: 2px padding-top: 36px clear: both margin: 0 -ul.project-tease +.project-tease margin-top: 65px li - +sm-sans - font-size: 18px - line-height: 16px margin-top: 36px clear= both - .tease - float: left - h4 - font-size: 24px - line-height: 24px - margin: 0 - width= !col7-!pad - .lede - - clear: both + h3 + +sm-sans + font-size: 24px + line-height: 24px margin: 0 - padding-top: 12px width= !col7-!pad - p - font-family: Hoefler Text,Georgia,Times New Roman,Times,serif - font-size: .9em !important - line-height: 23px - text-align: justify - - - span.proj + font-weight: bold - font-size: 64px - line-height: 50px - float: left - margin: 2px 2px 0 0 - span - font-size: 36px - dt - a - display: block - width= 175px - float: left - - div.img - float: right - width = !col9+!pad - margin-bottom= 72px - img - border= !luxagraf_brown 10px solid + .tease + float: left + .img + float: right + width = !col9+!pad + margin-bottom= 72px + img + border= !luxagraf_brown 10px solid + .lede + clear: both + margin: 0 + padding-top: 12px + width= !col7-!pad + p + font-family: Hoefler Text,Georgia,Times New Roman,Times,serif + font-size: 16px + line-height: 23px + text-align: justify + + .proj + font-size: 64px + line-height: 50px + float: left + margin: 2px 2px 0 0 + span + font-size: 36px + dt a + display: block + width= 175px + float: left + + + +// National Parks detail page + .map-container width: 469px @@ -98,6 +99,7 @@ ul.project-tease line-height: 25px margin: 4px 0 font-family= Helvetica,Verdana,sans-serif + color: #fff dt clear: left @@ -116,12 +118,13 @@ ul.project-tease //border-bottom: 1px solid #999 a:hover color= !luxagraf_orange + .map-wrapper width: 400px height: 328px margin: 37px 0 0 44px - -ul#parks + +#parks margin-top: 36px li width= !col16+!pad*2 @@ -130,7 +133,7 @@ ul#parks margin-top: 36px clear: both margin-bottom: 72px - div.figure + .figure img border= none h4 @@ -145,7 +148,7 @@ ul#parks color: #fff +headline-sans margin: 0 - div.legend + .legend display= block padding: 10px 10px 10px 15px background= !luxagraf_brown @@ -156,6 +159,7 @@ ul#parks width= !col16+!pad*2 font-size: 10px line-height: 16px + color: #fff @@ -169,7 +173,7 @@ ul#parks p margin: 6px 0 10px 0 - ul.buttons + .buttons padding-top: 6px float: right margin-right: 20px @@ -198,7 +202,7 @@ ul#parks - div.map + .map width= !col5 margin-top: 42px height: 130px @@ -210,7 +214,7 @@ ul#parks div span display: none - div.entry-foot + .entry-foot clear= both +sm-sans font-size: 12px diff --git a/media/sass/_writing.sass b/media/sass/_writing.sass index 56c2985..8583e41 100644 --- a/media/sass/_writing.sass +++ b/media/sass/_writing.sass @@ -1,18 +1,20 @@ +//Writing Archive pages + #writing-archive margin-top= 72px margin-bottom= 36px li - clear= both + clear= "both" h3 +sm-headline-sans margin= 0 - text-align: left + text-align: "left" div width= !col7 margin-right= !pad - float= left - text-align: justify - div.img + float= "left" + text-align: "justify" + .img width = !col9 margin-left= !pad margin-bottom= 36px @@ -25,147 +27,93 @@ font-size: .7em img - border= !luxagraf_brown 10px solid - - -body#writing-detail - article - font-size: 1.7em - line-height: 1.5em - header - border: none - height: auto - width: auto - margin: 0 0 0 0 - h1 - +headline-sans - font-size: 1.8em - line-height: 1.2em - margin= 0 - - aside - +tiny-serif - font-size= .7em - line-height= 2.3em - a - color= !luxagraf_brown - &:hover - color= !luxagraf_orange - - div#post-body - - - dl - font-size= 100% - dt - font-style: italic - margin: 9px - - a - color= !luxagraf_orange - - h3 - +headline-sans - font-size: 1.6em - line-height: 1.2em - -.single article - header, div#post-body - margin-left= !col4-!pad !important - width= !col10-!pad !important - p:nth-of-type(1) - font-size: 1.2em - line-height: 1.4em + border= !luxagraf_brown 10px "solid" -.double article - header - float= left - width= !col4-!pad*2 !important - text-align= right !important - margin-top= !pad !important - aside - section - text-align= right !important - font-size: 1em - line-height: 18px - div#post-body - width= !col13+!pad - float= left - margin-left= !pad - div.col - width= 350px - float= left - margin= 0 !pad*2 0 0 - - img.picwide - clear= both - margin= 30px 0 30px -200px - border= !luxagraf_brown 10px solid - - div.narrow - width= !col9 - -span.drop - font-size: 4.8em - display: block - float: left - padding: 38px 10px 5px 0 - overflow: visible +#pagination + +sm-sans + width= !full + clear= "both" + margin= 0 + border-top= !luxagraf_brown 1px "dotted" + border-bottom= !luxagraf_brown 1px "dotted" + text-align= "center" + .pagination + margin= 8px 0 + .current + color= !luxagraf_orange -span.drop-small - font-size: 2.9em - display: block - float: left - padding: 19px 8px 5px 0 - overflow: visible -blockquote - font-size: .8em -ol.footnote - font-size: 12px - margin: 18px 0 - li - margin: 12px 0 - line-height: .8em - - p - line-height: 18px !important - font-size: 12px !important - - a, span - font-size: 12px + +//Basic styles for Writing detail pages + +#writing-detail + font-size: 1.7em + line-height: 1.5em + header + border: none + height: auto + width: auto + margin: 0 0 0 0 + h1 + +headline-sans + font-size: 30px + line-height: 1.2em + margin= 0 + letter-spacing: .5px + aside + +tiny-serif + font-size= 12px + line-height= 2.3em + a + color= !luxagraf_brown + &:hover + color= !luxagraf_orange -section#post-metadata - width= !col10-!pad - border-top= !luxagraf_brown 1px dotted - border-bottom= !luxagraf_brown 1px dotted - margin= 24px 0 24px !col4-!pad + dl + font-size= 100% + dt + font-style: italic + margin: 9px + + a + color= !luxagraf_orange + + h3 + +headline-sans + font-size: 1.6em + line-height: 1.2em + +#post-metadata + width= !col9 + !pad + border-top= !luxagraf_brown 1px "dotted" + border-bottom= !luxagraf_brown 1px "dotted" + margin= 24px 0 24px !col4 - !pad font-size= .8em padding-bottom= 8px + clear: both -section#page-navigation +#page-navigation width= !full - clear=both + clear: both margin= 24px 0 0 0 :text-transform uppercase font-size: .5em li#next - float= right + float= "right" +sm-sans - - margin-right= !col3-!pad + margin-right= !col3 - !pad li#prev - float= left + float= "left" +sm-sans margin-left= !col2+!pad -section#comments - clear= both +#comments + clear= "both" width= !col9 - margin= 24px 0 24px !col4-!pad + margin= 24px 0 24px !col4 - !pad font-size: .8em h4 margin-top: 96px @@ -176,67 +124,110 @@ section#comments h4 a.disqus-link-count color= !luxagraf_brown !important -#pagination - +sm-sans - width= !full - clear= both - margin= 0 - border-top= !luxagraf_brown 1px dotted - border-bottom= !luxagraf_brown 1px dotted - text-align= center - .pagination - margin= 8px 0 - .current - color= !luxagraf_orange +ul#dsq-comments + font-size: 1.2em + +.dsq-comment-cite + font-family: "Helvetica", "Verdana", "sans-serif" + font-size: .9em !important + font-weight: normal + text-transform: uppercase +.dsq-comment-header-time, .dsq-comment-footer + font-family: "Helvetica", "Verdana", "sans-serif" +.dsq-comment-footer + font-size: .8em +#dsq-comments-title + display: none !important + +.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 +blockquote + font-size: .8em + +.footnote + font-size: 12px + margin: 18px 0 + width= !col9 + !pad + li + margin: 12px 0 + line-height: .8em + + p + line-height: 18px !important + font-size: 12px !important + + a, span + font-size: 12px + + +.figure + margin-top: 24px + .legend + width: 552px + font-family: "Helvetica", "Verdana", "sans-serif" + -body.dubcol - footer - nav - li - font-size= .6em h4.notes +sm-sans font-weight: bold text-transform: uppercase -dl.addendum dt +.addendum dt font-style: italic margin: 0.8em 0 0 0 margin-left: -30px !important text-indent: -30px padding-left: 30px -dl.addendum dd +.addendum dd margin: 0.8em 0 0 0 + -ul#dsq-comments - font-size: 1.2em - -.dsq-comment-cite - font-family: Helvetica, Verdana, sans-serif - font-size: .9em !important - font-weight: normal - text-transform: uppercase -.dsq-comment-header-time, .dsq-comment-footer - font-family: Helvetica, Verdana, sans-serif -.dsq-comment-footer - font-size: .8em -#dsq-comments-title - display: none !important -body#writing-detail - div.figure - position: relative - margin: 10px 0 - span.legend - display: block - +transparent_class_light - position: absolute - bottom: 9px - left: 0 - font-family= Helvetica,Verdana,sans-serif - font-size= .7em - padding: 8px 0 8px 8px - width: 552px - background= !luxagraf_brown - color: #999 +// special styles for single and double column posts + +.single article + header, #post-body + margin-left= !col4 - !pad !important + width= !col10 - !pad !important + p:nth-of-type(1) + font-size: 20px + line-height: 28px + + +//double stuff + +.double article + header + float= "left" + width= !col4 - !pad*2 !important + text-align= "right" !important + margin-top= !pad !important + aside + section + text-align= "right" !important + font-size: 1em + line-height: 18px +#post-body + width= !col13+!pad + margin-left= !pad + .col + width= 350px + float= "left" + margin= 0 !pad*2 0 0 + .narrow + width= !col9 + +.double #post-body + float= "left" diff --git a/media/sass/base.sass b/media/sass/base.sass index d0fdb91..253dd9e 100644 --- a/media/sass/base.sass +++ b/media/sass/base.sass @@ -10,11 +10,6 @@ @import _projects.sass -body#projects - h3 - +headline-sans - article p - font-size: 1.4em @@ -22,11 +17,11 @@ body#projects margin-left= !pad margin-bottom= 78px -p.hyphenate +.hyphenate text-align: justify -section#writing-tease, section#currently +#writing-tease, #currently +sm-sans text-transform: uppercase font-size: .8em @@ -37,61 +32,17 @@ section#writing-tease, section#currently border-top= #b9b9b9 1px "dotted" -section#currently +#currently padding: 0 margin-bottom: 0px margin-top: 36px border-top= !luxagraf_brown 1px "solid" - div.project-tease - font-size: 18px - line-height: 16px - margin-top: 8px - h4 - font-size: 64px - line-height: 50px - float: left - margin: 0 - span - font-size: 36px - - a - display: block - width= !col4 - float: left - - p - font-size: .7em - text-transform: none - line-height: 50px - margin-left= !col8 - !pad - font-family= "Hoefler Text", Georgia, "Times New Roman", Times, serif - cite - padding-left: 4px - -span.button - display: block - +sm-sans - margin: 10px 10px 0 0 - width: auto - +sm-sans - font-size: 10px - a - padding: 9px 14px 7px 14px - font-weight: bold - line-height: 25px - text-transform: uppercase - background= #d7d7d7 - color: #666 - -moz-border-radius: 25px - -webkit-border-radius: 25px - a:hover - background= !luxagraf_orange - color: #fff + -section#writing-tease +#writing-tease h2 margin: 24px 0 24px 0 -section#fromthearc +#fromthearc clear: both li float: left @@ -123,4 +74,51 @@ section#fromthearc padding: 0 font-size: .7em text-align: left -
\ No newline at end of file + +// ie fixes ------------------------------ + +.ie #photo-galleries + li + margin-left: 0 + margin-right: 16px +.ie #writing-archive li img + margin: 0 + +.ie .button a + background: none + padding: 0 +.ie .button a:hover + background: none + color: #b53a04 !important + +.ie .drop + padding: 28px 10px 5px 0 + +.ie .figure .legend + bottom: 5px + padding: 8px 0 8px 8px + +.ie6 #writing-archive .img + margin-right: 0px + +.ie6 .double .col + width: 360px !important + float: left + margin: 0 20px 0 0 !important + +.ie6 .drop-small + padding: 15px 4px 5px 0 + +.ie6 .drop + font-size: 5em padding:29px 10px 15px 0 +.ie6 #photo-archive article #photo-galleries li, .ie6 #photo-archive article #photo-galleries li img + width: 290px !important + height: 360px !important + +.ie6 #photo-galleries li + margin-right: 15px + +.ie6 #photo-galleries .figure + padding-bottom: 0 +.ie6 #feature_gallery_pager + overflow: hidden !important
\ No newline at end of file diff --git a/media/sass/dark.sass b/media/sass/dark.sass index 17db98e..504dda4 100644 --- a/media/sass/dark.sass +++ b/media/sass/dark.sass @@ -8,17 +8,6 @@ body background= !luxagraf_brown - font-family= "Hoefler Text", Georgia, "Times New Roman", Times, serif - /* font-size 15px */ - font-size= 62.5% - /* line height of 24 px */ - line-height= 23px - color= #fff - height=100% - text-align= center - -p - margin: 0.8em 0 0 0 a text-decoration= "none" @@ -39,11 +28,11 @@ header color: #fff !important &:hover color= !luxagraf_orange "!important" - h1 - a - background= url("../img/logo-dark.gif") no-repeat left bottom + #logo + background= url("../img/logo-dark.gif") no-repeat left bottom #breadcrumbs + color: #fff a color: #fff &:hover @@ -65,7 +54,7 @@ img &.picfull border= none -div#post-body +#post-body color: #ccc aside, header @@ -76,11 +65,12 @@ aside section &:hover color= !luxagraf_orange !important -section#post-metadata +#post-metadata border-top= #555 1px dotted border-bottom= #555 1px dotted + color: #ccc -dl.addendum dt +.addendum dt margin-left= -30px !important h4 a.disqus-link-count |