diff options
Diffstat (limited to 'media/sass/old')
-rw-r--r-- | media/sass/old/_about.sass | 29 | ||||
-rw-r--r-- | media/sass/old/_globals.sass | 214 | ||||
-rw-r--r-- | media/sass/old/_grid.sass | 23 | ||||
-rw-r--r-- | media/sass/old/_maps.sass | 53 | ||||
-rw-r--r-- | media/sass/old/_oldbase.sass | 125 | ||||
-rw-r--r-- | media/sass/old/_oldmixins.sass | 58 | ||||
-rw-r--r-- | media/sass/old/_photos.sass | 35 | ||||
-rw-r--r-- | media/sass/old/_projects.sass | 211 | ||||
-rw-r--r-- | media/sass/old/_writing.sass | 245 | ||||
-rw-r--r-- | media/sass/old/ie.css | 14 |
10 files changed, 1007 insertions, 0 deletions
diff --git a/media/sass/old/_about.sass b/media/sass/old/_about.sass new file mode 100644 index 0000000..dc25bdb --- /dev/null +++ b/media/sass/old/_about.sass @@ -0,0 +1,29 @@ +//About page + +#about article + section + clear: both + margin-top: 24px + ul + font-size: 1em + margin: 18px + li + margin: 9px + a + font-weight: bold + +.image + float: left + width: $col3 + $pad + margin-top: 48px + img + border: $luxagraf_brown 10px solid + +.content + float: left + margin-left: $pad + width: $col9 + $pad + font-size: 16px + h3 + +sm-headline-sans + margin: 0 diff --git a/media/sass/old/_globals.sass b/media/sass/old/_globals.sass new file mode 100644 index 0000000..9fb7ffd --- /dev/null +++ b/media/sass/old/_globals.sass @@ -0,0 +1,214 @@ +//basic stuff + +$luxagraf_brown: #201a11 +$luxagraf_orange: #b53a04 + +*:focus + outline: $luxagraf_orange dotted thin + +html + height: 100% + +body + background: white + font-family: unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif + /* font-size 15px + font-size: 15px + /* line height of 24 px + line-height: 23px + color: $luxagraf_brown + position: relative + min-height: 100% + width: $full + height: 100% + text-align: center + margin: 0 auto + + +p + margin: 0.8em 0 0 0 + +a + text-decoration: none + color: $luxagraf_brown + &:visited + color: $luxagraf_brown + text-decoration: none + &:hover + color: $luxagraf_orange + text-decoration: none + +// structure ------------------------------ + +header + border-bottom: $luxagraf_brown 2px solid + height: 150px + margin-bottom: 40px + +small-serif + font-size: 12px + nav + text-transform: uppercase + float: left + margin-top: 102px + margin-left: $col + 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: 148px + width: $col7 + float: left + text-indent: -1000px + +header h2 + float: left + text-indent: -1000px + display: none + +footer + +sm-sans + background: $luxagraf_brown + height: 36px + color: #888888 + font-size: 12px + margin: 80px auto 0 + li + float: left + text-transform: uppercase + line-height: 36px + margin-left: 8px + a + color: #888888 !important + &:hover + color: $luxagraf_orange !important + nav + float: right + margin-right: 8px + p + float: left + padding-left: 8px + line-height: 36px + margin: 0 + +article ul + font-size: 1.5em + +#breadcrumbs + font-weight: normal + +tiny-serif + font-size: 11px + li + display: inline + +// global classes ------------------------------ + +.hide + display: none + +.postpic, .postpicright + display: block + margin: 0.3em 0.6em + border: $luxagraf_brown 10px solid + clear: both + +.postpic + float: left + margin-left: 0 + margin-top: 0.3em + +.postpicright + float: right + margin-right: 0 + +.postpicleft + float: left + margin: 5px + +.picfull + border: $luxagraf_brown 10px solid + margin-top: 20px + +.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 + +.pull-quote + font-size: 14px !important + font-style: italic !important + +sup + +sm-sans + font-size: 0.7em + line-height: 0 + padding: 3px 0 3px 3px + a + line-height: 0 + +.numeral + font-family: Helvetica, Verdana, sans-serif + font-size: 22px + font-weight: bold + display: block + margin-top: 60px + margin-bottom: 0 + +.nfirst + 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: #999999 + +.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: #666666 + -moz-border-radius: 25px + -webkit-border-radius: 25px + border-radius: 25px + a:hover + background: $luxagraf_orange + color: white + +// 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/old/_grid.sass b/media/sass/old/_grid.sass new file mode 100644 index 0000000..821419f --- /dev/null +++ b/media/sass/old/_grid.sass @@ -0,0 +1,23 @@ +// Grid Parameters +$col: 40px +$pad: 20px +$cols: 16 + +// Grid Width Calculations +$full: ($col + $pad) * $cols + $pad +$col1: $col +$col2: $col * 2 + $pad +$col3: $col * 3 + $pad * 2 +$col4: $col * 4 + $pad * 3 +$col5: $col * 5 + $pad * 4 +$col6: $col * 6 + $pad * 5 +$col7: $col * 7 + $pad * 6 +$col8: $col * 8 + $pad * 7 +$col9: $col * 9 + $pad * 8 +$col10: $col * 10 + $pad * 9 +$col11: $col * 11 + $pad * 10 +$col12: $col * 12 + $pad * 11 +$col13: $col * 13 + $pad * 12 +$col14: $col * 14 + $pad * 13 +$col15: $col * 15 + $pad * 14 +$col16: $col * 16 + $pad * 15 diff --git a/media/sass/old/_maps.sass b/media/sass/old/_maps.sass new file mode 100644 index 0000000..76ffb54 --- /dev/null +++ b/media/sass/old/_maps.sass @@ -0,0 +1,53 @@ +//Map Page + +.map-legend + width: $col3 + margin-top: 24px + float: left + h4 + +small-serif + font-size: 14px + margin: 8px 0 + li + font-size: 13px + margin: 0 + line-height: 20px + +.clearfix + clear: both + +#map-canvas + float: right + width: $col13 + height: 500px + border: $luxagraf_brown 10px solid + margin-left: $pad * 2 + margin-top: 24px + +section#location #map-canvas + width: 295px + height: 350px + border: $luxagraf_brown 10px solid + margin: 10px 0 0 5px + +.infowin + line-height: 18px + margin-bottom: 16px + p + font-size: 1.4em + line-height: 1.4em + h4 + +sm-sans + font-size: 2.4em + margin: 6px 0 0 0 + a + color: #b53a04 !important + border-bottom: 1px dotted #b53a04 + .date + color: #888888 + text-align: center + text-transform: uppercase + display: block + text-align: left + margin: 6px 0 0 + font-size: 1.2em diff --git a/media/sass/old/_oldbase.sass b/media/sass/old/_oldbase.sass new file mode 100644 index 0000000..8401c8f --- /dev/null +++ b/media/sass/old/_oldbase.sass @@ -0,0 +1,125 @@ +@import _reset.sass +@import _grid.sass +@import _mixins.sass +@import _globals.sass +@import _writing.sass +@import _photos.sass +@import _maps.sass +@import _about.sass +@import _contact.sass +@import _projects.sass + +#featured-image img + margin-left: $pad + margin-bottom: 78px + +.hyphenate + text-align: justify + +#currently + +sm-sans + text-transform: uppercase + font-size: 12px + clear: both + width: $full + padding-top: 20px + //border-top= !luxagraf_brown 1px "solid" + border-top: #b9b9b9 1px dotted + +#currently + padding: 0 + margin-bottom: 0px + margin-top: 36px + border-top: $luxagraf_brown 1px solid + +#featured-intro h1 + +headline-sans + font-size: 24px + line-height: 1.2em + margin: 0 +#writing-tease + h2 + margin: 24px 0 24px 0 + font-size: 12px + +#archive:after + clear: both +#archive + border-top: #b9b9b9 1px dotted + clear: both + h1 + margin: 36px 0 24px 0 + text-transform: uppercase + +sm-sans + font-size: 12px + font-weight: bold + article + float: left + width: $col5 + $pad + margin-bottom: $pad + h1 + font-size: 18px + //min-height: 50px + margin: 0 + text-transform: none + font-weight: 400 + + h2 + +small-serif + font-size: 12px + margin: 0 + .col2 + margin-left: $pad * 2 + margin-right: $pad * 2 + p + margin: 0 + p.hyphenate + margin-top: 3px + text-align: justify + img + margin-top: 4px + .location, time + +tiny-serif + line-height: 3em + margin: 0 + padding: 0 + font-size: 0.7em + text-align: left + +// ie fixes ------------------------------ + +.ie #photo-galleries a img, .ie #photo-galleries img + outline: none + border: none !important + +.ie #photo-galleries li + width: 291px + height: 350px + +.ie #photo-galleries .legend + margin: 0 + bottom: 0 + margin-bottom: 8px + + +.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 + +.ie8 + body + outline: none + border: none +.ie8 *:focus + border: none
\ No newline at end of file diff --git a/media/sass/old/_oldmixins.sass b/media/sass/old/_oldmixins.sass new file mode 100644 index 0000000..b6b1ca1 --- /dev/null +++ b/media/sass/old/_oldmixins.sass @@ -0,0 +1,58 @@ +=small-serif + font-size: 1.1em + letter-spacing: 1px + line-height: 1.2em + +=tiny-serif + font-size: 0.8em + letter-spacing: 1px + line-height: 1.2em + text-transform: uppercase + +=sm-headline-sans + font-family: Helvetica, Verdana, sans-serif + font-size: 24px + line-height: 1.3em + font-weight: normal + +=sm-sans + font-family: Helvetica, Verdana, sans-serif + font-size: 1em + font-weight: normal + +=headline-sans + font-family: Helvetica, Verdana, sans-serif + font-size: 2em + line-height: 1.5em + font-weight: normal + +=transparent_class + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)" + filter: alpha(opacity = 90) + -moz-opacity: 0.9 + -khtml-opacity: 0.9 + opacity: 0.9 + +=transparent_class_light + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)" + filter: alpha(opacity = 85) + -moz-opacity: 0.85 + -khtml-opacity: 0.85 + opacity: 0.85 + +=transparent_class_lighter + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)" + filter: alpha(opacity = 65) + -moz-opacity: 0.65 + -khtml-opacity: 0.65 + opacity: 0.65 + +=transparent_clear + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)" + filter: alpha(opacity = 100) + -moz-opacity: 1 + -khtml-opacity: 1 + opacity: 1 + +$luxagraf_brown: #201a11 +$luxagraf_orange: #b53a04 diff --git a/media/sass/old/_photos.sass b/media/sass/old/_photos.sass new file mode 100644 index 0000000..fd2ecee --- /dev/null +++ b/media/sass/old/_photos.sass @@ -0,0 +1,35 @@ +#photo-archive + article + width: $full + h1 + display: none + +#photo-galleries + margin-left: -10px + width: $full + $pad + li + float: left + margin: 8px + position: relative + display: block + height: 350px + width: 291px + border: 10px $luxagraf_brown solid + .figure + height: 362px + width: 291px + margin: 0 + .legend + color: #888888 + width: 285px + +transparent_class + margin: 0 + line-height: 18px + text-align: left + h3 + color: white + padding: 0 + margin: 3px 0 + +tiny-serif + p + margin: 0 diff --git a/media/sass/old/_projects.sass b/media/sass/old/_projects.sass new file mode 100644 index 0000000..7ec179b --- /dev/null +++ b/media/sass/old/_projects.sass @@ -0,0 +1,211 @@ +.top + margin: 36px 0 36px 0 + clear: both + width: $col16 + a + color: $luxagraf_orange + +p.col + width: 360px + float: left + margin: 0 $pad * 2 0 0 + font-size: 14px + +p.two + margin: 0 + margin-left: $col + width: 450px + +.break + border-bottom: #e3e3e3 1px solid + width: $col16 + $pad * 2 + height: 2px + padding-top: 36px + clear: both + margin: 0 + +.project-tease + margin-top: 65px + li + margin-top: 36px + clear: both + h3 + +sm-sans + font-size: 24px + line-height: 24px + margin: 0 + width: $col7 - $pad + font-weight: bold + .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 + height: 392px + position: absolute + right: 20px + bottom: 60px + z-index: 2000 + margin: 0 + padding: 0 + background: url("../img/mapbg-dark.png") no-repeat top left + +.more-container + width: 405px + height: 260px + position: absolute + right: -30px + bottom: 40px + z-index: 2000 + background: url("../img/parkbg.png") no-repeat top left + dl + margin-top: 45px + margin-left: 45px + dt,dd + font-size: 0.9em + line-height: 25px + margin: 4px 0 + font-family: Helvetica, Verdana, sans-serif + color: white + dt + clear: left + float: left + width: 65px + //border-bottom: 1px solid #999 + font-weight: bold + line-height: 25px + font-size: 0.7em + text-transform: uppercase + dd + float: left + width: 250px + overflow: hidden + //border-bottom: 1px solid #999 + a:hover + color: $luxagraf_orange + +.map-wrapper + width: 400px + height: 328px + margin: 37px 0 0 44px + +#parks + margin-top: 36px + article + width: $col16 + $pad * 2 + position: relative + display: block + margin-top: 36px + clear: both + margin-bottom: 72px + .figure + img + border: none + h1 + display: block + color: #888888 + padding: 10px 10px 10px 15px + background: $luxagraf_brown + +transparent_class_light + position: absolute + top: 0 + width: $col16 + $pad + color: white + +headline-sans + margin: 0 + .legend + display: block + padding: 10px 10px 10px 15px + background: $luxagraf_brown + +transparent_class_light + position: absolute + bottom: 0 + height: 45px + width: $col16 + $pad * 2 + font-size: 10px + line-height: 16px + color: white + h2 + +sm-headline-sans + line-height: 36px + font-size: 18px + margin: 0 + padding: 0 + float: left + p + margin: 6px 0 10px 0 + .buttons + padding-top: 6px + float: right + margin-right: 20px + li + float: left + clear: none + margin: 0px 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: #463215 + color: white + -moz-border-radius: 25px + -webkit-border-radius: 25px + -o-border-radius: 25px + border-radius: 25px + a:hover + background: $luxagraf_orange + .map + width: $col5 + margin-top: 42px + height: 130px + float: left + margin-left: 6px + a + display: none + div + div + span + display: none + .entry-foot + clear: both + +sm-sans + font-size: 12px + background: #ff33ff + width: $col16 + $pad * 2 + margin-top: 4px + +img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'] + display: none !important diff --git a/media/sass/old/_writing.sass b/media/sass/old/_writing.sass new file mode 100644 index 0000000..4ee6934 --- /dev/null +++ b/media/sass/old/_writing.sass @@ -0,0 +1,245 @@ +//Writing Archive pages + +#writing-archive,#featured + margin-top: 72px + margin-bottom: 36px + li + clear: both + h3,h1 + +sm-headline-sans + margin: 0 + text-align: left + div + width: $col7 + margin-right: $pad + float: left + text-align: justify + h1 + margin-top: 3px + .img + width: $col9 + margin-left: $pad + margin-bottom: 36px + p + margin: 0 + font-size: 16px + .location,time + +tiny-serif + line-height: 3em + font-size: 11px + img + border: $luxagraf_brown 10px solid + +#pagination + +sm-sans + font-size: 13px + width: $full + clear: both + margin: 0 + border-top: $luxagraf_brown 1px dotted + border-bottom: $luxagraf_brown 1px dotted + text-align: center + .pages + margin: 8px 0 + clear: both + li + display: inline + margin: 2px + .current + color: $luxagraf_orange + +//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: 0.5px + aside + +tiny-serif + font-size: 12px + line-height: 2.3em + a + color: $luxagraf_brown + &:hover + color: $luxagraf_orange + 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: $col10 - !pad + border-top: $luxagraf_brown 1px dotted + border-bottom: $luxagraf_brown 1px dotted + margin: 24px 0 24px $col4 - $pad + padding-bottom: 8px + clear: both + background: none + p + font-family: unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif + color: #201A11 + line-height: 25px + float: none + padding: 8px 0 + font-size: 14px + a + color: $luxagraf_orange !important + height: auto + float: none + + + +#page-navigation + width: $full + clear: both + margin: 24px 0 0 0 + text-transform: uppercase + +sm-sans + li#next + float: right + margin-right: $col3 - $pad + font-size: 13px !important + li#prev + float: left + margin-left: $col2 + $pad + font-size: 13px !important +#comments + clear: both + width: $col9 + margin: 24px 0 24px $col4 - $pad + font-size: 13px + h4 + margin-top: 96px + +headline-sans + text-transform: uppercase + font-size: 18px + +h4 a.disqus-link-count + color: $luxagraf_brown !important + +ul#dsq-comments + font-size: 1.2em + +.dsq-comment-cite + font-family: unquote("Helvetica"), unquote("Arial"), unquote("sans-serif") + font-size: 0.9em !important + font-weight: normal + text-transform: uppercase + +.dsq-comment-header-time, .dsq-comment-footer + font-family: unquote("Helvetica"), unquote("Arial"), unquote("Verdana"), unquote("sans-serif") + +.dsq-comment-footer + font-size: 0.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: 0.8em + +.footnote + margin: 18px 0 + width: $col9 + $pad + li + margin: 12px 0 + line-height: 0.8em + p + line-height: 18px !important + font-size: 14px + a, span + font-size: 14px + +#writing-detail .figure + margin-top: 24px + img + border: $luxagraf_brown 10px solid + .legend + width: 552px + padding: 8px 0 12px 16px + font-family: unquote("Helvetica"), unquote("Arial"), unquote("Verdana"), unquote("sans-serif") + +h4.notes + +sm-sans + font-weight: bold + text-transform: uppercase + +.addendum dt + font-style: italic + margin: 0.8em 0 0 0 + margin-left: -30px !important + text-indent: -30px + padding-left: 30px + +.addendum dd + margin: 0.8em 0 0 0 + +// 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 + font-size: 17px + line-height: 25px + .col + width: 350px + float: left + margin: 0 $pad * 2 0 0 + .narrow + width: $col9 + +.double #post-body + float: left diff --git a/media/sass/old/ie.css b/media/sass/old/ie.css new file mode 100644 index 0000000..fa1363e --- /dev/null +++ b/media/sass/old/ie.css @@ -0,0 +1,14 @@ +ul#photo-galleries li + margin-left: 0 + margin-right: 16px + +ul#writing-archive li img + _margin: 0 + +ul#parks + div.legend + ul.buttons + li + a + behavior: url('http://media.luxagraf.net/css/border-radius.htc') + border-radius: 25px
\ No newline at end of file |