summaryrefslogtreecommitdiff
path: root/media/sass/_writing.sass
blob: 0391ae3fa410d3b8815cd3b440fe7baa3b9a09d1 (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
    margin-top= 72px
    margin-bottom= 36px
    li 
        clear= both
    h3
        +sm-headline-sans
        margin= 0
        
    div
        width= !col7 + !pad
        float= left
    div.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


body#writing-detail 
    article
        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: 1.8em
            line-height: 1.2em
            margin= 0
    
        aside
            +tiny-serif
            font-size= .7em
            line-height= 2.3em
            a
                color= !luxagraf_brown
                &:hover
                    color= !luxagraf_orange
        
        div#post-body
            
            
            
        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
        
.single article
    header, div#post-body
        margin-left= !col4-!pad !important 
        width= !col10-!pad !important
        p:nth-of-type(1) 
            font-size: 1.2em
            line-height: 1.4em

.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
    div#post-body
        width= !col13+!pad
        float= left
        margin-left= !pad
        div.col
            width= 350px
            float= left
            margin= 0 !pad*2 0 0
            
        img.picwide
            clear= both
            margin= 30px 0 30px -200px
            border= !luxagraf_brown 10px solid
        
        div.narrow
            width= !col9

    
span.drop
    font-size: 4.8em
    display: block
    float: left
    padding: 38px 10px 5px 0
    overflow: visible

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

ol.footnote
    font-size: 12px
    margin: 18px 0

    li
        margin: 12px 0
        line-height: .8em
  
        p
            line-height: 18px !important
            font-size: 12px !important
  
        a, span
            font-size: 12px

        
section#post-metadata
    width= !col10-!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
    
section#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

section#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

#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

body.dubcol
    footer 
        nav 
            li
                font-size= .6em

h4.notes
    +sm-sans
    font-weight: bold
    text-transform: uppercase
dl.addendum dt 
    font-style: italic
    margin: 0.8em 0 0 0
    margin-left: -30px !important
    text-indent: -30px
    padding-left: 30px

dl.addendum dd 
    margin: 0.8em 0 0 0

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