summaryrefslogtreecommitdiff
path: root/media/sass/_writing.sass
blob: 73bfb9b38702c8f4d2326cef4291202458a53928 (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
//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"


#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: .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= .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

#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
    text-transform: uppercase
.dsq-comment-header-time, .dsq-comment-footer
    font-family: "Helvetica", "Verdana", "sans-serif"
.dsq-comment-footer
    font-size: .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: .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"



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"