summaryrefslogtreecommitdiff
path: root/media/sass/_writing.sass
diff options
context:
space:
mode:
Diffstat (limited to 'media/sass/_writing.sass')
-rw-r--r--media/sass/_writing.sass381
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