diff options
Diffstat (limited to 'media/sass')
| -rw-r--r-- | media/sass/_oldbase.sass | 125 | ||||
| -rw-r--r-- | media/sass/_oldmixins.sass | 58 | ||||
| -rw-r--r-- | media/sass/base.sass | 50 |
3 files changed, 222 insertions, 11 deletions
diff --git a/media/sass/_oldbase.sass b/media/sass/_oldbase.sass new file mode 100644 index 0000000..8401c8f --- /dev/null +++ b/media/sass/_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/_oldmixins.sass b/media/sass/_oldmixins.sass new file mode 100644 index 0000000..b6b1ca1 --- /dev/null +++ b/media/sass/_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/base.sass b/media/sass/base.sass index 839d46a..4b8a881 100644 --- a/media/sass/base.sass +++ b/media/sass/base.sass @@ -27,14 +27,16 @@ body padding: 0 //max-width: 61.75em /* 988px / 16px = 61.75em */ max-width = 20.9375em /* 3 cols @ 92px + 20px gutter -- 335px / 16px = */ - background: white url('../img/988px-9col-92w-20gut.png') 217px 0 repeat-y + background: white /* url('../img/988px-9col-92w-20gut.png') 217px 0 repeat-y */ /* ###################Typography############# */ p font-size: 1.0625em /* 17px / 16px */ line-height: 1.5em /* 24px / 16px */ - +footer p + font-size: .625em + text-align: center a text-decoration: none color: $brown @@ -45,14 +47,16 @@ ul li display: inline margin: 0 .125em -.dateline, nav li, .breadcrumbs li +.dateline, nav li, .breadcrumbs li, .meta p text-transform: uppercase font-size: .75em letter-spacing: .0625em - +.meta p + text-align: center img border: 10px $brown solid + #featured-image img width = 95% /* 315 / 520 */ @@ -65,24 +69,32 @@ h1 letter-spacing: 0.5px text-align: center text-transform: none + margin: 1.875em 0 .875em 0 #archive h1 font-weight: 700 font-size: .75em text-transform: uppercase text-align: left - +.footnote + font-size: .875em +#post-metadata + margin-top: 0 + border-top: 1px $brown dotted + p + font-size: .875em + text-align: left /* ######### layout small ################*/ header margin: 0 auto 1em auto text-align: center - h1 + #logo h1 background: url('../img/tree.png') 0 0 no-repeat text-indent: -9999px width: 151px height: 84px margin: 0 auto - h2 + #logo h2 background: url('../img/text.png') 0 0 no-repeat text-indent: -9999px width: 184px @@ -94,7 +106,7 @@ nav border-top: 1px $brown dotted border-bottom: 1px $brown dotted width: 100% - padding: 4px 0 + padding: .25em 0 nav:after, footer:before content: "." display: block @@ -104,9 +116,7 @@ nav:after, footer:before footer margin-top: 2em - p - font-size: .625em - text-align: center + .dateline text-align: center @@ -116,3 +126,21 @@ footer .postpic, .post-image float: left margin: 0 .625em .625em 0 + +.postpic, .postpicright + width: auto +article img + width: 95% +article object, article embed + width: 100% +/* misc classes */ +.hide + display: none + +//.formatted +// column-count: 3 +// column-gap: 1.125em +// -moz-column-count: 3 +// -moz-column-gap: 18px +// -webkit-column-count: 3 +// -webkit-column-gap: 1.125em |