diff options
| -rw-r--r-- | media/css/base.css | 2 | ||||
| -rw-r--r-- | media/sass/_mixins.sass | 7 | ||||
| -rw-r--r-- | media/sass/base.sass | 62 | ||||
| -rw-r--r-- | media/sass/mobile.sass | 68 | ||||
| -rw-r--r-- | templates/archives/writing.html | 16 |
5 files changed, 74 insertions, 81 deletions
diff --git a/media/css/base.css b/media/css/base.css index c17d765..d5230e5 100644 --- a/media/css/base.css +++ b/media/css/base.css @@ -1 +1 @@ -ol,ul,li,dl{list-style:none;margin:0;padding:0;border:0;outline:0;background:transparent}blockquote,q{quotes:none}:focus{outline:0}header,section,footer,aside,article,nav{display:block;text-align:left}html{height:100%}body{font:normal 100% Hoefler Text, Georgia, Times New Roman, Times, serif;color:#201a11;margin:0 1.125em;min-height:100%;position:relative;padding:0;max-width:20.938em;background:#fff}p{font-size:1.063em;line-height:1.5em}footer p{font-size:0.625em;text-align:center}a{text-decoration:none;color:#201a11}a:hover{color:#b53a04}ul li{display:inline;margin:0 0.125em}.dateline,nav li,.breadcrumbs li,.meta p{text-transform:uppercase;font-size:0.75em;letter-spacing:0.063em}.meta p{text-align:center}img{border:10px #201a11 solid}#featured-image img{width:95%}h1{font:normal 1.875em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center}#archive article h1{font:normal 1.5em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center;text-transform:none;margin:1.875em 0 0.875em 0}#archive h1{font-weight:700;font-size:0.75em;text-transform:uppercase;text-align:left}.footnote{font-size:0.875em}#post-metadata{margin-top:0;border-top:1px #201a11 dotted}#post-metadata p{font-size:0.875em;text-align:left}header{margin:0 auto 1em auto;text-align:center}header #logo h1{background:url("../img/tree.png") 0 0 no-repeat;text-indent:-9999px;width:151px;height:84px;margin:0 auto}header #logo h2{background:url("../img/text.png") 0 0 no-repeat;text-indent:-9999px;width:184px;height:54px;margin:0 auto}nav{margin:1em auto 2em auto;text-align:center;border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted;width:100%;padding:0.25em 0}nav:after,footer:before{content:".";display:block;height:0;clear:both;visibility:hidden}footer{margin-top:2em}.dateline{text-align:center}.dateline time{display:block}.postpic,.post-image{float:left;margin:0 0.625em 0.625em 0}.postpic,.postpicright{width:auto}article img{width:95%}article object,article embed{width:100%}.hide{display:none} +ol,ul,li,dl{list-style:none;margin:0;padding:0;border:0;outline:0;background:transparent}blockquote,q{quotes:none}:focus{outline:0}header,section,footer,aside,article,nav{display:block;text-align:left}html{height:100%}body{font:normal 100% Hoefler Text, Georgia, Times New Roman, Times, serif;color:#201a11;margin:0 1.125em;min-height:100%;position:relative;padding:0;max-width:20.938em;background:#fff}p{font-size:1.063em;line-height:1.5em}footer p{font-size:0.625em;text-align:center}a{text-decoration:none;color:#201a11}a:hover{color:#b53a04}ul li{display:inline;margin:0 0.125em}.dateline,nav li,.breadcrumbs li,.meta p,.legend h3{text-transform:uppercase;font-size:0.75em;letter-spacing:0.063em}.meta p{text-align:center}img{border:10px #201a11 solid}#featured-image img{width:95%}h1{font:normal 1.875em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center}#archive article h1{font:normal 1.5em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center;text-transform:none;margin:1.875em 0 0.875em 0}#archive h1{font-weight:700;font-size:0.75em;text-transform:uppercase;text-align:left}.footnote{font-size:0.875em}#post-metadata{margin-top:0;border-top:1px #201a11 dotted}#post-metadata p{font-size:0.875em;text-align:left}header{margin:0 auto 1em auto;text-align:center}header #logo h1{background:url("../img/tree.png") 0 0 no-repeat;text-indent:-9999px;width:151px;height:84px;margin:0 auto}header #logo h2{background:url("../img/text.png") 0 0 no-repeat;text-indent:-9999px;width:184px;height:54px;margin:0 auto}nav{margin:1em auto 2em auto;text-align:center;border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted;width:100%;padding:0.25em 0}nav:after,footer:before{content:".";display:block;height:0;clear:both;visibility:hidden}footer{margin-top:2em}.dateline{text-align:center}.dateline time{display:block}.postpic,.post-image{float:left;margin:0 0.625em 0.625em 0}.postpic,.postpicright{width:auto}article img{width:95%}article object,article embed{width:100%}.hide{display:none}#writing-archive article{border-bottom:1px #201a11 dotted}.figure{position:relative;margin:0}.figure .legend{display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;position:absolute;bottom:0;left:0;font-size:13px;padding:8px 0 8px 8px;width:auto;background:#201a11;color:#999}#photo-galleries li{margin:8px;position:relative;display:block;height:350px;width:100%;margin-bottom:30px}#photo-galleries .figure{height:362px;width:100%;margin:0}#photo-galleries .legend{padding:10px;color:#888;width:85%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;line-height:18px;text-align:left}#photo-galleries h3{color:#fff;padding:0;margin:3px 0;font-size:0.875em}#photo-galleries p{margin:0}#map-canvas{border:10px #201a11 solid;width:95%;height:300px} 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 diff --git a/templates/archives/writing.html b/templates/archives/writing.html index 877ff58..ce20dc6 100644 --- a/templates/archives/writing.html +++ b/templates/archives/writing.html @@ -20,17 +20,17 @@ </section> <section id="writing-archive"> {% autopaginate object_list 10 %} {% for object in object_list %} <article> - <div> - <h1><a href="{{object.get_absolute_url}}" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">{{object.title|smartypants|widont|safe}}</a></h1> - <p> - <span class="location">{% if object.location.state.country.name == "United States" %}{{object.location.name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.location.state.name}}</a>{%else%}{{object.location.name|smartypants|safe}}, <a href="/writing/{{object.location.state.country.slug}}/1/" title="travel writing from {{object.location.state.country.name}}">{{object.location.state.country.name}}</a>{%endif%}</span> - <time datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"m/d/y"}}</time> - </p> - <p class="hyphenate">{{object.dek|safe}}</p> - </div> + <h1><a href="{{object.get_absolute_url}}" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">{{object.title|smartypants|widont|safe}}</a></h1> + <p class="dateline"> + <span class="location" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/​Geo">{% if object.location.state.country.name == "United States" %}{{object.location.name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.location.state.name}}</a>{%else%}{{object.location.name|smartypants|safe}}, <a href="/writing/{{object.location.state.country.slug}}/1/" title="travel writing from {{object.location.state.country.name}}">{{object.location.state.country.name}}</a>{%endif%} + <meta itemprop="latitude" content="{{object.latitude}}" /> + <meta itemprop="longitude" content="{{object.longitude}}" /></span> + <time datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"m/d/y"}}</time> + </p> <div class="img"> <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_image_url}}" alt="{{ object.title }}" class="post-image" /></a> </div> + <p class="hyphenate">{{object.dek|safe}}</p> </article> {% endfor %} </section> <nav id="pagination">{% paginate %} |