summaryrefslogtreecommitdiff
path: root/media/sass/photos.sass
blob: 5329d3f48902e56f03a35af3337d4a90281f5d24 (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
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
//basic stuff

@import _reset.sass
@import _grid.sass
@import _mixins.sass
@import _globals.sass

!luxagraf_brown = #201a11
!luxagraf_orange = #b53a04
*:focus   
    outline= none
ul#breadcrumbs
    font-size: 65%
    font-family: Hoefler Text,Georgia,Times New Roman,Times,serif
    margin: 0
    float: left
.meta
    margin: 43px 0 0 37px
    color: #000
    dl
        font-size: 13px
    dt
        clear: left
        float: left
        line-height: 16px
        margin: 4px 0
        width= 100px
        //border-bottom: 1px solid #999
    
    dd
        float: left
        width= 125px
        margin: 4px 0 4px 4px
        line-height: 16px
        a
            color: #000 !important
        a:hover
            color= !luxagraf_orange !important
                    
body
    background: #000

.hide
    display: none
.clear
    clear: both

li.activeSlide a img.thumb
    border= !luxagraf_orange 3px solid !important
li.jcarousel-item a img.thumb
    border: #666 3px solid
    
.jcarousel-container 
    bottom: 0
    margin: 0 auto
    padding:0 50px
    width: 960px

.jcarousel-clip 
    z-index: 2
    padding: 0
    margin: 0
    
    overflow: hidden
    position: relative

.jcarousel-list 
    z-index: 1
    overflow: hidden
    position: relative
    top: 0
    left: 0
    margin: 0
    padding: 0
    height: 80px


.jcarousel-item 
    float: left
    list-style: none
    width:80px
    height: 80px


.jcarousel-next-horizontal 
    position: absolute
    top: 5px
    right: 3px
    width: 20px
    height: 53px
    margin-top: 695px
    background:  transparent url('../img/slideshow-arrow-right.png') no-repeat 0 0

.jcarousel-next-horizontal:hover 
    background-position: -20px 0

.jcarousel-next-horizontal:active 
    background-position: -64px 0

.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active 
    cursor: default
    background-position: -96px 0

.jcarousel-prev-horizontal 
    position: absolute
    top: 5px
    left: -6px
    width: 20px
    height: 53px
    margin-left: 7px
    margin-top: 695px
    background: transparent url('../img/slideshow-arrow-left.png') no-repeat 0 0

.jcarousel-prev-horizontal:hover 
    background-position: -20px 0

.jcarousel-prev-horizontal:active 
    background-position: -64px 0

.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active 
    cursor: default
    background-position: -96px 0

ul#feature_gallery_pager 
    display: block
    margin: auto
    overflow: hidden
    height: 85px
    margin-top: 680px


ul#feature_gallery_pager li a 
    overflow: hidden
    width: 80px
    height: 80px
    padding: 2px
    float: left
    display: block

ul#feature_gallery_pager li 
    margin: 0 2px
    padding: 0


#slides img.thumb 
    width: 65px
    height: 65px

#map-container
    width: 469px
    height: 392px
    position: absolute
    right: 10px
    bottom: 35px
    z-index: 2000
    margin: 0
    padding: 0
    background: url('../img/mapbg.png') no-repeat top left
#exif-container
    width: 320px
    height: 270px
    position: absolute
    right: 0px
    bottom: 26px
    z-index: 2000
    background: url('../img/exifbg.png') no-repeat top left
#map-wrapper
    width: 400px
    height: 328px
    margin: 37px 0 0 44px
    
     
#wrapper
    width: 1010px
    margin: 0 auto
    +sm-sans
    text-align: left
    font-size: 16px
    color: #fff
    ul#slides li
        margin-top: 10px

    a
        color: #fff
    li.bigimg
        width= !col16+!pad*3
        position: relative
        display: block
        clear: both
        margin: 0px
        margin-top: 36px
        clear: both
        margin-bottom: 72px
        
    div.figure
        margin: 0
        padding: 0
        
        img
            border= none

    div.legend
        display: block
        margin: 0
        background: #000
        +transparent_class_lighter
        position: absolute
        bottom: 0
        clear: both
        width: 100%
        
        
    div.caption
        float: left
        padding: 0 8px
        line-height: 36px
        p 
            line-height: 14px
            font-size: 12px
            margin-top: 0
            margin-bottom: 12px
        h5
            display: inline
            text-transform: uppercase
            span
                font-weight: normal
                color: #999
    div.photo-options 
        float: right
        margin: 0
        a
            text-transform: uppercase
            font-size: 13px
            margin: 0 8px
            line-height: 36px
            color: #fff
        a:hover
            color= !luxagraf_orange

#slideshow-controls 
    +sm-sans
    font-size: 12px
    line-height: 18px
    text-align: center
    width: 200px
    margin: 0 auto
    position: relative
    left: -5px
    li 
        display: inline
        margin: 0
        a
            padding: 4px 6px
            background: #3B3B3B
            border-color: #111111 #020202 #000000 #111111
            color:  #DDDDDD
            text-shadow: 1px 1px 0 #161616
        a:hover 
            background: #303030
    li a#prev 
        border-right: #111111 1px solid
        -moz-border-radius-bottomleft: 6px
        -moz-border-radius-topleft: 6px
        -webkit-border-top-left-radius: 6px
        -webkit-border-bottom-left-radius: 6px
        border-bottom-left-radius: 6px
        border-top-left-radius: 6px

    li a#next 
        border-left: #111111 1px solid
        -moz-border-radius-bottomright: 6px
        -moz-border-radius-topright: 6px
        -webkit-border-top-right-radius: 6px
        -webkit-border-bottom-right-radius: 6px
        border-bottom-right-radius: 6px
        border-top-right-radius: 6px
    li a#play 
        border-left: #484848 1px solid
        border-right: #484848 1px solid
        text-align: center