summaryrefslogtreecommitdiff
path: root/media/sass/_projects.sass
blob: 4169fcee09876515d6dd01835f755c9c9dfd9d71 (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
div.top
    margin= 36px 0 106px 0
    clear: both
    width= !col16
p.col
    width= 360px
    float= left
    margin= 0 !pad*2 0 0
p.two
    margin: 0
    margin-left= !col
    width: 450px
ul.project-tease
    margin-top: 200px
    li
        +sm-sans
        font-size: 18px
        line-height: 16px
        margin-top: 36px
        clear= both
        dl
            float: left
        
        dd
            font-family: Hoefler Text,Georgia,Times New Roman,Times,serif
            font-size: .9em
            line-height: 23px
            clear: both
            margin: 0
            padding-top: 12px 
            width= !col7-!pad
            
        
        h4
            font-size: 24px
            line-height: 24px
            margin: 0
            width= !col7-!pad
        span.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
    
        div.img
            float: right
            width = !col9+!pad
            margin-bottom= 72px
            img
                border= !luxagraf_brown 10px solid
        
ul#parks
    margin-top: 36px
    li
        width= !col16+!pad*2
        position: relative
        display: block
        margin-top: 36px
        clear: both
        margin-bottom: 72px
    div.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
    div.legend
        display= block
        padding: 10px 10px 10px 15px
        background= !luxagraf_brown
        +transparent_class_light
        position: absolute
        bottom: 0
        height: 205px
        width= !col16+!pad*2
    div.desc
        font-size: 10px
        line-height: 16px
        width= !col11 +!pad
        float: left

        h5
            +sm-headline-sans
            line-height: 36px
            font-size: 18px
            margin: 0
            padding: 0
        p
            margin: 6px 0 10px 0
        div
            width= !col7
            float: left
            ul.buttons
                padding-top: 6px
                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
                    a:hover
                        background= !luxagraf_orange
        dl
            float: left
            margin-left= !pad
            margin-top: 3px
            padding-top: 3px
            border-right: 1px #463215 solid
            padding-right= !pad
            border-left: 1px #463215 solid
            padding-left= !pad
            min-height: 130px
            dt,dd
                font-size: 1.2em
                padding-bottom: 8px
                margin: 0
                font-family= Helvetica,Verdana,sans-serif
            dt
                clear: left
                float: left
                line-height: 16px
                margin: 0
                width= 50px
                //border-bottom: 1px solid #999
    
            dd
                float: left
                width= 125px
                margin: 0 0 0 4px
                //border-bottom: 1px solid #999
                a:hover
                    color= !luxagraf_orange
                    
            
        
    div.map
        width= !col5
        margin-top: 42px
        height: 130px
        float: left
        margin-left: 6px
        a
            display: none
        div
            div
                span
                    display: none
    div.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