summaryrefslogtreecommitdiff
path: root/media/sass/_writing.sass
blob: 4ee693420beeac9e92e8312128ac304de4a249d9 (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
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
//Writing Archive pages

#writing-archive,#featured
  margin-top: 72px
  margin-bottom: 36px
  li
    clear: both
  h3,h1
    +sm-headline-sans
    margin: 0
    text-align: left
  div
    width: $col7
    margin-right: $pad
    float: left
    text-align: justify
    h1
      margin-top: 3px
  .img
    width: $col9
    margin-left: $pad
    margin-bottom: 36px
  p
    margin: 0
    font-size: 16px
  .location,time
    +tiny-serif
    line-height: 3em
    font-size: 11px
  img
    border: $luxagraf_brown 10px solid

#pagination
  +sm-sans
  font-size: 13px
  width: $full
  clear: both
  margin: 0
  border-top: $luxagraf_brown 1px dotted
  border-bottom: $luxagraf_brown 1px dotted
  text-align: center
  .pages
    margin: 8px 0
    clear: both
  li
    display: inline
    margin: 2px
  .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: $col10 - !pad
  border-top: $luxagraf_brown 1px dotted
  border-bottom: $luxagraf_brown 1px dotted
  margin: 24px 0 24px $col4 - $pad
  padding-bottom: 8px
  clear: both
  background: none
  p
    font-family: unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif
    color: #201A11
    line-height: 25px
    float: none
    padding: 8px 0
    font-size: 14px
    a
      color: $luxagraf_orange !important
  height: auto
  float: none
  
  

#page-navigation
  width: $full
  clear: both
  margin: 24px 0 0 0
  text-transform: uppercase
  +sm-sans
  li#next
    float: right
    margin-right: $col3 - $pad
    font-size: 13px !important
  li#prev
    float: left
    margin-left: $col2 + $pad
    font-size: 13px !important
#comments
  clear: both
  width: $col9
  margin: 24px 0 24px $col4 - $pad
  font-size: 13px
  h4
    margin-top: 96px
    +headline-sans
    text-transform: uppercase
    font-size: 18px

h4 a.disqus-link-count
  color: $luxagraf_brown !important

ul#dsq-comments
  font-size: 1.2em

.dsq-comment-cite
  font-family: unquote("Helvetica"), unquote("Arial"), unquote("sans-serif")
  font-size: 0.9em !important
  font-weight: normal
  text-transform: uppercase

.dsq-comment-header-time, .dsq-comment-footer
  font-family: unquote("Helvetica"), unquote("Arial"), unquote("Verdana"), unquote("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: unquote("Helvetica"), unquote("Arial"), unquote("Verdana"), unquote("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
  font-size: 17px
  line-height: 25px
  .col
    width: 350px
    float: left
    margin: 0 $pad * 2 0 0
  .narrow
    width: $col9

.double #post-body
  float: left