diff options
Diffstat (limited to 'media/sass/_writing.sass')
-rw-r--r-- | media/sass/_writing.sass | 381 |
1 files changed, 185 insertions, 196 deletions
diff --git a/media/sass/_writing.sass b/media/sass/_writing.sass index 73bfb9b..e0d09c5 100644 --- a/media/sass/_writing.sass +++ b/media/sass/_writing.sass @@ -1,235 +1,224 @@ //Writing Archive pages #writing-archive - margin-top= 72px - margin-bottom= 36px - li - clear= "both" - h3 - +sm-headline-sans - margin= 0 - text-align: "left" - div - width= !col7 - margin-right= !pad - float= "left" - text-align: "justify" - .img - width = !col9 - margin-left= !pad - margin-bottom= 36px - p - margin= 0 - font-size: 1.1em - .location,time - +tiny-serif - line-height= 3em - font-size: .7em - - img - border= !luxagraf_brown 10px "solid" - + margin-top: 72px + margin-bottom: 36px + li + clear: both + h3 + +sm-headline-sans + margin: 0 + text-align: "left" + div + width: $col7 + margin-right: $pad + float: left + text-align: "justify" + .img + width: $col9 + margin-left: $pad + margin-bottom: 36px + p + margin: 0 + font-size: 1.1em + .location,time + +tiny-serif + line-height: 3em + font-size: 0.7em + img + border: $luxagraf_brown 10px solid #pagination - +sm-sans - width= !full - clear= "both" - margin= 0 - border-top= !luxagraf_brown 1px "dotted" - border-bottom= !luxagraf_brown 1px "dotted" - text-align= "center" - .pagination - margin= 8px 0 - .current - color= !luxagraf_orange - - - - + +sm-sans + width: $full + clear: both + margin: 0 + border-top: $luxagraf_brown 1px dotted + border-bottom: $luxagraf_brown 1px dotted + text-align: center + .pagination + margin: 8px 0 + .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: .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 - +#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_orange - - h3 - +headline-sans - font-size: 1.6em - line-height: 1.2em + 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= !col9 + !pad - border-top= !luxagraf_brown 1px "dotted" - border-bottom= !luxagraf_brown 1px "dotted" - margin= 24px 0 24px !col4 - !pad - font-size= .8em - padding-bottom= 8px - clear: both - + width: $col9 + $pad + border-top: $luxagraf_brown 1px dotted + border-bottom: $luxagraf_brown 1px dotted + margin: 24px 0 24px $col4 - $pad + font-size: 0.8em + padding-bottom: 8px + clear: both + #page-navigation - width= !full - clear: both - margin= 24px 0 0 0 - :text-transform uppercase - font-size: .5em - li#next - float= "right" - +sm-sans - margin-right= !col3 - !pad - li#prev - float= "left" - +sm-sans - margin-left= !col2+!pad + width: $full + clear: both + margin: 24px 0 0 0 + text-transform: uppercase + font-size: 0.5em + li#next + float: right + +sm-sans + margin-right: $col3 - $pad + li#prev + float: left + +sm-sans + margin-left: $col2 + $pad #comments - clear= "both" - width= !col9 - margin= 24px 0 24px !col4 - !pad - font-size: .8em - h4 - margin-top: 96px - +headline-sans - :text-transform uppercase - font-size: 1.3em - -h4 a.disqus-link-count - color= !luxagraf_brown !important - -ul#dsq-comments - font-size: 1.2em - -.dsq-comment-cite - font-family: "Helvetica", "Verdana", "sans-serif" - font-size: .9em !important - font-weight: normal + clear: both + width: $col9 + margin: 24px 0 24px $col4 - $pad + font-size: 0.8em + h4 + margin-top: 96px + +headline-sans text-transform: uppercase + font-size: 1.3em + +h4 a.disqus-link-count + color: $luxagraf_brown !important + +ul#dsq-comments + font-size: 1.2em + +.dsq-comment-cite + font-family: "Helvetica", "Verdana", "sans-serif" + font-size: 0.9em !important + font-weight: normal + text-transform: uppercase + .dsq-comment-header-time, .dsq-comment-footer - font-family: "Helvetica", "Verdana", "sans-serif" + font-family: "Helvetica", "Verdana", "sans-serif" + .dsq-comment-footer - font-size: .8em -#dsq-comments-title - display: none !important + 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 + 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 + font-size: 2.9em + display: block + float: left + padding: 19px 8px 5px 0 + overflow: visible + blockquote - font-size: .8em + font-size: 0.8em .footnote - margin: 18px 0 - width= !col9 + !pad - li - margin: 12px 0 - line-height: .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: "Helvetica", "Verdana", "sans-serif" - - + 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: "Helvetica", "Verdana", "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 + +sm-sans + font-weight: bold + text-transform: uppercase -.addendum dd - margin: 0.8em 0 0 0 - +.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 - + 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 + 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 - .col - width= 350px - float= "left" - margin= 0 !pad*2 0 0 - .narrow - width= !col9 + width: $col13 + $pad + margin-left: $pad + .col + width: 350px + float: left + margin: 0 $pad * 2 0 0 + .narrow + width: $col9 .double #post-body - float= "left" + float: left |