summaryrefslogtreecommitdiff
path: root/media/sass/_projects.sass
blob: 31e23cde0500b1e3370b069d5eb80f2f2eb25436 (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

.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: .9em
            line-height: 25px
            margin: 4px 0
            font-family= Helvetica,Verdana,sans-serif
            color: #fff
            
        dt
            clear: left
            float: left
            width= 65px
            //border-bottom: 1px solid #999
            font-weight: bold
            line-height: 25px
            font-size: .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
    li
        width= !col16+!pad*2
        position: relative
        display: block
        margin-top: 36px
        clear: both
        margin-bottom: 72px
    .figure
        img
            border= none
    h4
        display= block
        color: #888
        padding: 10px 10px 10px 15px
        background= !luxagraf_brown
        +transparent_class_light
        position: absolute
        top: 0
        width= !col16+!pad
        color: #fff
        +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: #fff

          

        h5
            +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: #fff
                    -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: #f3f
        width= !col16+!pad*2
        margin-top: 4px
        
        
        
img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png']
    display: none !important