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
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
|
// font-sizes:
// base: 16px = 1em
// 10px = .625em
// 12px = .75em
// 14px = .875em
// 16px = 1em
// 17px = 1.0625em (body text in articles)
// 18px = 1.125em
// 24px = 1.5em
// 30px = 1.875em
// 32px = 2em
ol, ul, li, dl
list-style: none
margin: 0
padding: 0
border: 0
outline: 0
background: transparent
blockquote, q
quotes: none
hr
display: none
\:focus
outline: 0
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
display: block
margin: 0
padding: 0
// 1.ROOT
html
overflow-y: scroll
background: rgb(255, 255, 255) /*url(../img/grid.jpg) 50% 0 repeat-y*/
border-top: 3px $brown solid
body
margin: 0 auto
padding: 0
width: 90%
font: normal 100% ff-meta-serif-web-pro, unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif
color: $brown
background-color: transparent
// 2.HEADINGS
h1, h2, h3, h4, h5, h6
font-family: unquote("Helvetica Neue"), Helvetica, Verdana, sans-serif
h1
font-size: 1.875em
line-height: 1.3em
font-weight: normal
h2
margin-bottom: .75em
font-size: 1.5em /* 36 / 16 = 2 */
line-height: 1.5
font-weight: normal
h3
margin-bottom: 1em
font-size: 1.6em
line-height: 1.5
h4
margin-bottom: 1.25em
font-size: 1.25em /* 20 / 16 = 1.25 */
line-height: 1.25
h5
margin-bottom: 1.5em
font-size: 1em /* 16 / 16 = 1 */
h6
font-size: 1em /* 16 / 16 = 1 */
// 3.TYPOGRAPHY
p
font-size: 1.0625em /* 17px / 16px */
line-height: 1.5em /* 24px / 16px */
margin: 1em 0 0
ul, ol
margin: 0 0 1.5em -24px
padding-left: 24px
ul
list-style-type: disc
ol
list-style-type: decimal
li
ul, ol
margin: 0
font-size: 1em /* 16 / 16 = 1 */
dl, dd
margin-bottom: 1.5em
dt
font-weight: normal
b, strong
font-weight: bold
i, em
font-style: italic
footer p
font-size: .625em
text-align: center
a
text-decoration: none
color: $brown
-webkit-transition: color 0.3s ease-out
-moz-transition: color 0.3s ease-out
-o-transition: color 0.3s ease-out
-ms-transition: color 0.3s ease-out
transition: color 0.3s ease-out
&:hover
color: $orange
sup
font: normal .625em Helvetica, Verdana, sans-serif
small
font: normal .75em Helvetica, Verdana, sans-serif
blockquote
font-style: italic
font-size: 1em
line-height: 1.625em
p
font-size: 1em
cite
font-style: normal
img
border: 10px $brown solid
pre
margin-bottom: 1.5em
white-space: pre
white-space: pre-wrap
word-wrap: break-word
pre, code
font: .875em 'andale mono', 'lucida console', monospace
line-height: 1.5
//Classes
//.dateline, .breadcrumbs li, .geo, .legend h3, time
.bl, time, #photo-galleries h1
text-transform: uppercase
font-size: 11px
letter-spacing: 1px
.drop
font-size: 3em
float: left
display: block
padding: 18px 10px 5px 0
overflow: visible
.double .drop, .drop-small
font-size: 3.1em
display: block
float: left
padding: 16px 8px 5px 0
overflow: visible
.button
display: block
margin-top: 8px
a
padding: 9px 14px 7px 14px
font-weight: bold
line-height: 25px
text-transform: uppercase
background: #d7d7d7
color: #666 !important
-moz-border-radius: 25px
-webkit-border-radius: 25px
border-radius: 25px
font: bold 10px Helvetica, Verdana, sans-serif
width: auto
a:hover
background: $orange
color: white !important
.alert
color: #ff3530
//Pagination
//next previous table
#page-navigation
margin: 24px auto
strong
display: block
text-align: right
margin-top: 1px
text-transform: uppercase
font-size: .75em
letter-spacing: .1625em
font-weight: normal
font-style: normal
//pagination in archives
#pagination
margin-top: 1em
border-top: 1px $brown dotted
border-bottom: 1px $brown dotted
text-align: center
font-family: unquote("Helvetica Neue"), Helvetica, Verdana, sans-serif
padding: .25em 0
ul
margin-bottom: 0
li
display: inline
text-align: center
// 4.LINKS
a
outline: none
color: #111
text-decoration: none
&:visited
outline: none
color: #111
text-decoration: none
&:hover
outline: none
color: $orange
text-decoration: none
&:active, &:focus
outline: none
color: rgb(0, 0, 0)
/* 5.FIGURES & IMAGES
figure
margin-bottom: 1.5em
img, object, embed
margin-bottom: .75em
max-width: 100%
figcaption
display: block
font-weight: normal
// 6.TABLES
table
border-collapse: collapse
border-spacing: 0
margin-bottom: 1.4em
width: 100%
font-size: .875em
/* 14 / 16 = .875
th
font-weight: bold
padding: .25em 10px .25em 5px
td, caption
padding: .25em 10px .25em 5px
tfoot
font-style: italic
caption
background-color: transparent
// 14.GLOBAL OBJECTS
.clearfix
zoom: 1
&:before, &:after
content: "\0020"
display: block
height: 0
overflow: hidden
&:after
clear: both
.hide
display: none
///* 15.VENDOR-SPECIFIC
body
-webkit-text-size-adjust: 100%
-ms-text-size-adjust: 100%
a:link
-webkit-tap-highlight-color: rgb(52, 158, 219)
::-webkit-selection
background: rgb(23, 119, 175)
color: rgb(250, 250, 250)
text-shadow: none
::-moz-selection
background: rgb(23, 119, 175)
color: rgb(250, 250, 250)
text-shadow: none
::selection
background: rgb(23, 119, 175)
color: rgb(250, 250, 250)
text-shadow: none
.ie7 img, .iem7 img
-ms-interpolation-mode: bicubic
|
