summaryrefslogtreecommitdiff
path: root/media/sass/_writing.sass
blob: e0d09c53e3847c5ab9ca591df5f6bc8d1e1c8e22 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
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: 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

//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: 0.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
  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: 0.8em
  padding-bottom: 8px
  clear: both

#page-navigation
  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: 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"

.dsq-comment-footer
  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

.drop-small
  font-size: 2.9em
  display: block
  float: left
  padding: 19px 8px 5px 0
  overflow: visible

blockquote
  font-size: 0.8em

.footnote
  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

.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

//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

#post-body
  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