diff options
author | luxagraf <sng@luxagraf.net> | 2011-05-09 16:22:25 -0400 |
---|---|---|
committer | luxagraf <sng@luxagraf.net> | 2011-05-09 16:22:25 -0400 |
commit | 5bb96d4c2c8b42474953ca29d2422b3be60da25b (patch) | |
tree | 959adb3e57c0baf54f56253e5347f45960439b97 /media/sass/old | |
parent | 261b92d06de346cd5a6d18b9bdf38ee7084960ab (diff) |
updated styles and templates for revamped design
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, 0 insertions, 1007 deletions
diff --git a/media/sass/old/_about.sass b/media/sass/old/_about.sass deleted file mode 100644 index dc25bdb..0000000 --- a/media/sass/old/_about.sass +++ /dev/null @@ -1,29 +0,0 @@ -//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 deleted file mode 100644 index 9fb7ffd..0000000 --- a/media/sass/old/_globals.sass +++ /dev/null @@ -1,214 +0,0 @@ -//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 deleted file mode 100644 index 821419f..0000000 --- a/media/sass/old/_grid.sass +++ /dev/null @@ -1,23 +0,0 @@ -// 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 deleted file mode 100644 index 76ffb54..0000000 --- a/media/sass/old/_maps.sass +++ /dev/null @@ -1,53 +0,0 @@ -//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 deleted file mode 100644 index 8401c8f..0000000 --- a/media/sass/old/_oldbase.sass +++ /dev/null @@ -1,125 +0,0 @@ -@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 deleted file mode 100644 index b6b1ca1..0000000 --- a/media/sass/old/_oldmixins.sass +++ /dev/null @@ -1,58 +0,0 @@ -=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 deleted file mode 100644 index fd2ecee..0000000 --- a/media/sass/old/_photos.sass +++ /dev/null @@ -1,35 +0,0 @@ -#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 deleted file mode 100644 index 7ec179b..0000000 --- a/media/sass/old/_projects.sass +++ /dev/null @@ -1,211 +0,0 @@ -.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 deleted file mode 100644 index 4ee6934..0000000 --- a/media/sass/old/_writing.sass +++ /dev/null @@ -1,245 +0,0 @@ -//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 deleted file mode 100644 index fa1363e..0000000 --- a/media/sass/old/ie.css +++ /dev/null @@ -1,14 +0,0 @@ -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 |