blob: 7ec179b377a546e34ff7533b55f8880f691db399 (
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
|
.top
margin: 36px 0 36px 0
clear: both
width: $col16
a
color: $luxagraf_orange
p.col
width: 360px
float: left
margin: 0 $pad * 2 0 0
font-size: 14px
p.two
margin: 0
margin-left: $col
width: 450px
.break
border-bottom: #e3e3e3 1px solid
width: $col16 + $pad * 2
height: 2px
padding-top: 36px
clear: both
margin: 0
.project-tease
margin-top: 65px
li
margin-top: 36px
clear: both
h3
+sm-sans
font-size: 24px
line-height: 24px
margin: 0
width: $col7 - $pad
font-weight: bold
.tease
float: left
.img
float: right
width: $col9 + $pad
margin-bottom: 72px
img
border: $luxagraf_brown 10px solid
.lede
clear: both
margin: 0
padding-top: 12px
width: $col7 - $pad
p
font-family: Hoefler Text, Georgia, Times New Roman, Times, serif
font-size: 16px
line-height: 23px
text-align: justify
.proj
font-size: 64px
line-height: 50px
float: left
margin: 2px 2px 0 0
span
font-size: 36px
dt a
display: block
width: 175px
float: left
// National Parks detail page
.map-container
width: 469px
height: 392px
position: absolute
right: 20px
bottom: 60px
z-index: 2000
margin: 0
padding: 0
background: url("../img/mapbg-dark.png") no-repeat top left
.more-container
width: 405px
height: 260px
position: absolute
right: -30px
bottom: 40px
z-index: 2000
background: url("../img/parkbg.png") no-repeat top left
dl
margin-top: 45px
margin-left: 45px
dt,dd
font-size: 0.9em
line-height: 25px
margin: 4px 0
font-family: Helvetica, Verdana, sans-serif
color: white
dt
clear: left
float: left
width: 65px
//border-bottom: 1px solid #999
font-weight: bold
line-height: 25px
font-size: 0.7em
text-transform: uppercase
dd
float: left
width: 250px
overflow: hidden
//border-bottom: 1px solid #999
a:hover
color: $luxagraf_orange
.map-wrapper
width: 400px
height: 328px
margin: 37px 0 0 44px
#parks
margin-top: 36px
article
width: $col16 + $pad * 2
position: relative
display: block
margin-top: 36px
clear: both
margin-bottom: 72px
.figure
img
border: none
h1
display: block
color: #888888
padding: 10px 10px 10px 15px
background: $luxagraf_brown
+transparent_class_light
position: absolute
top: 0
width: $col16 + $pad
color: white
+headline-sans
margin: 0
.legend
display: block
padding: 10px 10px 10px 15px
background: $luxagraf_brown
+transparent_class_light
position: absolute
bottom: 0
height: 45px
width: $col16 + $pad * 2
font-size: 10px
line-height: 16px
color: white
h2
+sm-headline-sans
line-height: 36px
font-size: 18px
margin: 0
padding: 0
float: left
p
margin: 6px 0 10px 0
.buttons
padding-top: 6px
float: right
margin-right: 20px
li
float: left
clear: none
margin: 0px 10px 0 0
width: auto
+sm-sans
font-size: 10px
a
padding: 9px 14px 7px 14px
font-weight: bold
line-height: 25px
text-transform: uppercase
background: #463215
color: white
-moz-border-radius: 25px
-webkit-border-radius: 25px
-o-border-radius: 25px
border-radius: 25px
a:hover
background: $luxagraf_orange
.map
width: $col5
margin-top: 42px
height: 130px
float: left
margin-left: 6px
a
display: none
div
div
span
display: none
.entry-foot
clear: both
+sm-sans
font-size: 12px
background: #ff33ff
width: $col16 + $pad * 2
margin-top: 4px
img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png']
display: none !important
|
