diff options
Diffstat (limited to 'media/sass')
| -rw-r--r-- | media/sass/_mixins.sass | 7 | ||||
| -rw-r--r-- | media/sass/base.sass | 62 | ||||
| -rw-r--r-- | media/sass/mobile.sass | 68 |
3 files changed, 65 insertions, 72 deletions
diff --git a/media/sass/_mixins.sass b/media/sass/_mixins.sass index fabf350..a0c49bc 100644 --- a/media/sass/_mixins.sass +++ b/media/sass/_mixins.sass @@ -1,2 +1,9 @@ $brown: #201a11 $orange: #b53a04 + +=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 diff --git a/media/sass/base.sass b/media/sass/base.sass index 4b8a881..87784c9 100644 --- a/media/sass/base.sass +++ b/media/sass/base.sass @@ -26,7 +26,7 @@ body position: relative padding: 0 //max-width: 61.75em /* 988px / 16px = 61.75em */ - max-width = 20.9375em /* 3 cols @ 92px + 20px gutter -- 335px / 16px = */ + max-width: 20.9375em /* 3 cols @ 92px + 20px gutter -- 335px / 16px = */ background: white /* url('../img/988px-9col-92w-20gut.png') 217px 0 repeat-y */ @@ -47,7 +47,7 @@ ul li display: inline margin: 0 .125em -.dateline, nav li, .breadcrumbs li, .meta p +.dateline, nav li, .breadcrumbs li, .meta p, .legend h3 text-transform: uppercase font-size: .75em letter-spacing: .0625em @@ -58,7 +58,7 @@ img #featured-image img - width = 95% /* 315 / 520 */ + width: 95% /* 315 / 520 */ h1 font: normal 1.875em Helvetica, Verdana, sans-serif @@ -136,7 +136,61 @@ article object, article embed /* misc classes */ .hide display: none - + +#writing-archive article + border-bottom: 1px $brown dotted + + +//Photos +.figure + position: relative + margin: 0 + .legend + display: block + +transparent_class + position: absolute + bottom: 0 + left: 0 + font-size: 13px + padding: 8px 0 8px 8px + width: auto + background: $brown + color: #999999 + +#photo-galleries + li + margin: 8px + position: relative + display: block + height: 350px + width: 100% + margin-bottom: 30px + .figure + height: 362px + width: 100% + margin: 0 + .legend + padding: 10px + color: #888888 + width: 85% + +transparent_class + line-height: 18px + text-align: left + h3 + color: white + padding: 0 + margin: 3px 0 + font-size: .875em + p + margin: 0 +// Maps + +#map-canvas + border: 10px $brown solid + width: 95% + height: 300px + + //.formatted // column-count: 3 // column-gap: 1.125em diff --git a/media/sass/mobile.sass b/media/sass/mobile.sass deleted file mode 100644 index d6c47c6..0000000 --- a/media/sass/mobile.sass +++ /dev/null @@ -1,68 +0,0 @@ -@import _reset.sass -@import _mixins.sass - -body - width: 240px -a - color= !luxagraf_orange - text-decoration: none - -.clearfix - clear: both -header - hgroup - margin: 0 - h1,h2 - +sm-sans - display: inline - - a - color= !luxagraf_brown - h2 - font-size: 90% - nav - margin-top: 10px - li - display: block - float: left - +sm-sans - font-size: 10px - text-transform: uppercase - margin: 0 3px - li#stories - margin-left: 0 - -#featured-article - clear: both - padding-top: 8px - +sm-sans - h3 - display: block - p - font-size: 12px - line-height: 16px - -footer - +sm-sans - font-size: 80% - p - float: left - margin: 0 - - nav - display: block - clear: both - font-size: 10px - text-transform: uppercase - li - float: left - margin: 0 3px - li#rss - margin-left: 0 - section#view-options - clear: both - margin-top: 10px - ul - float: left - li - color: #999
\ No newline at end of file |