Mercurial > judyates
comparison e2gallerypro/design/e2gallerypro/design.css @ 3:3f6b44aa6b35 judyates
[svn r4] added ability to buy stuff, from a Prints page, but it doesn't work well with the css, and it also has not been fitted into the perl make system.
author | rlm |
---|---|
date | Mon, 22 Feb 2010 08:02:39 -0500 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
2:670229c4eb4b | 3:3f6b44aa6b35 |
---|---|
1 body{ | |
2 background:#000; | |
3 } | |
4 #gallery #galleries #controls { | |
5 height: 17px; | |
6 padding: 3px; | |
7 margin:0 auto; | |
8 width:754px; | |
9 border-bottom:1px solid #333; | |
10 text-align:left; | |
11 background-image: url(controls_bg.png); | |
12 background-repeat: repeat-x; | |
13 color:#333; | |
14 } | |
15 #gallery #thumbnails { | |
16 height: 55px; | |
17 text-align: center; | |
18 width: 672px; | |
19 margin: 0 auto 0; | |
20 overflow: hidden; | |
21 position: relative; | |
22 } | |
23 #gallery { | |
24 font: 78% Arial, Helvetica, sans-serif; | |
25 width: 800px; | |
26 margin: 0 auto; | |
27 height: 600px; | |
28 position: relative; | |
29 overflow: hidden; | |
30 z-index: 1; | |
31 } | |
32 #gallery #galleries { | |
33 background: #333 url(images_bg.png) repeat-x; | |
34 position: absolute; | |
35 left:19px; | |
36 bottom: -575px; | |
37 height: 598px; | |
38 width: 760px; | |
39 text-align: center; | |
40 z-index: 50; | |
41 cursor: pointer; | |
42 border:1px solid #333; | |
43 } | |
44 #images { | |
45 height: 508px; | |
46 text-align: center; | |
47 position: relative; | |
48 width:760px; | |
49 overflow: hidden; | |
50 margin:0 auto 0; | |
51 background: #333 url(images_bg.png) repeat-x; | |
52 border-left: 1px solid #333; | |
53 border-right: 1px solid #333; | |
54 border-top: solid #333 1px; | |
55 } | |
56 | |
57 #imagewrap { | |
58 position:absolute; | |
59 margin:0 auto; | |
60 width: 0px; | |
61 height: 0px; | |
62 top: 200px; | |
63 left: 380px; | |
64 } | |
65 #imgsrc{ | |
66 cursor: pointer; | |
67 } | |
68 #thumbnailwrap { | |
69 left: 0px; | |
70 position: absolute; | |
71 } | |
72 .thumbnail { | |
73 background: #333; | |
74 margin: 7px 6px; | |
75 float: left; | |
76 height: 42px; | |
77 width: 42px; | |
78 border: solid #333 1px; | |
79 cursor: pointer; | |
80 overflow:hidden; | |
81 } | |
82 #gallery #thumbbox { | |
83 width: 760px; | |
84 margin:0 auto; | |
85 position:relative; | |
86 border:1px solid #333; | |
87 background: url(thumbwrap.png) no-repeat; | |
88 padding: 8px 0 0 0; | |
89 overflow: hidden; | |
90 height: 57px; | |
91 } | |
92 #loading { | |
93 height: 87px; | |
94 width: 150px; | |
95 position: absolute; | |
96 background-image: url(loading.png); | |
97 background-repeat: no-repeat; | |
98 background-position: center center; | |
99 z-index: 8888; | |
100 left: 311px; | |
101 top: 189px; | |
102 } | |
103 .gallery { | |
104 float: left; | |
105 height: 200px; | |
106 width: 250px; | |
107 background-image: url(gallery_bg.png); | |
108 background-repeat: no-repeat; | |
109 background-position: center center; | |
110 position: relative; | |
111 } | |
112 #gallery #next { | |
113 height: 510px; | |
114 width: 19px; | |
115 background-image: url(next.png); | |
116 background-repeat: no-repeat; | |
117 background-position: right center; | |
118 position: absolute; | |
119 right: 0px; | |
120 cursor: pointer; | |
121 z-index: 5; | |
122 } | |
123 #gallery #previous { | |
124 height: 510px; | |
125 width: 19px; | |
126 background-image: url(prev.png); | |
127 background-repeat: no-repeat; | |
128 background-position: left center; | |
129 position: absolute; | |
130 left: 0px; | |
131 cursor: pointer; | |
132 z-index: 5; | |
133 } | |
134 #loading #loadingbar { | |
135 position: relative; | |
136 width: 100%; | |
137 height: 87px; | |
138 } | |
139 #loading #loadingbar #bar { | |
140 position: absolute; | |
141 bottom: 19px; | |
142 left: 44px; | |
143 width: 50px; | |
144 height: 50px; | |
145 } | |
146 #largeimage { | |
147 height: 0px; | |
148 width: 0px; | |
149 position: absolute; | |
150 z-index: 99; | |
151 overflow: visible; | |
152 } | |
153 #backdrop { | |
154 background-color: #000; | |
155 height: 0px; | |
156 width: 0px; | |
157 position: absolute; | |
158 z-index: 98; | |
159 left: 50%; | |
160 top: 0px; | |
161 cursor:pointer; | |
162 } | |
163 #largeimage #closebtn { | |
164 background-image: url(closebtn.png); | |
165 background-repeat: no-repeat; | |
166 background-position: center center; | |
167 height: 28px; | |
168 width: 28px; | |
169 z-index: 100; | |
170 position: absolute; | |
171 left: -8px; | |
172 top: -8px; | |
173 cursor:pointer; | |
174 } | |
175 #galleryset .gallery h3 { | |
176 font-size: 1.5em; | |
177 font-weight: bold; | |
178 color: #666666; | |
179 margin: 10px 15px; | |
180 padding: 0px; | |
181 } | |
182 .tooltips{ | |
183 z-index: 9999999; | |
184 } | |
185 .tip { | |
186 font:Arial, Helvetica, sans-serif; | |
187 color: #CCC; | |
188 width: 220px; | |
189 } | |
190 .tip-top { | |
191 margin: 0; | |
192 color: #CCCCCC; | |
193 padding: 37px 30px 0px 30px; | |
194 background: url(tip-top.png) top left; | |
195 } | |
196 .tip-title{ | |
197 font-weight:bold; | |
198 font-size: 1.3em; | |
199 margin: 0; | |
200 color: #FFF; | |
201 padding: 0px 30px 3px 30px; | |
202 background: url(tip-middle.png) bottom right; | |
203 } | |
204 .tip-text { | |
205 font-size: 1em; | |
206 padding: 5px 30px 0px 30px; | |
207 background: url(tip-middle.png) bottom right; | |
208 } | |
209 .tip-bottom { | |
210 padding: 0px 25px 42px; | |
211 background: url(tip-bottom.png) bottom right; | |
212 } | |
213 .minitooltips{ | |
214 z-index: 9999999; | |
215 } | |
216 .minitooltips .tip { | |
217 color: #FFF; | |
218 width: 130px; | |
219 } | |
220 .minitooltips .tip-top { | |
221 margin: 0; | |
222 color: #CCCCCC; | |
223 padding: 9px 12px 0px 12px; | |
224 background: url(minitop.png) top left; | |
225 } | |
226 .minitooltips .tip-title{ | |
227 font:Georgia, "Times New Roman", Times, serif; | |
228 text-align:center; | |
229 font-weight:normal; | |
230 font-size: .8em; | |
231 margin: 0; | |
232 color: #FFF; | |
233 padding: 0px 12px 3px 12px; | |
234 background: url(minimiddle.png) bottom right; | |
235 } | |
236 .minitooltips .tip-text { | |
237 text-align:center; | |
238 font-size: .9em; | |
239 padding: 8px 12px 0px 12px; | |
240 background: url(minimiddle.png) bottom right; | |
241 } | |
242 .minitooltips .tip-bottom { | |
243 padding: 0px 12px 8px; | |
244 background: url(minibottom.png) bottom right; | |
245 } | |
246 .gallery .galleryimg { | |
247 position: absolute; | |
248 left: 23px; | |
249 top: 37px; | |
250 } | |
251 #gallery #thumbbox #thumbleft { | |
252 width: 40px; | |
253 height: 65px; | |
254 left: 0px; | |
255 position: absolute; | |
256 background: url(left_arrow.png) no-repeat center center; | |
257 visibility: hidden; | |
258 cursor: pointer; | |
259 } | |
260 #gallery #thumbbox #thumbright { | |
261 height: 65px; | |
262 width: 40px; | |
263 position: absolute; | |
264 background: url(right_arrow.png) no-repeat center center; | |
265 right: 0px; | |
266 visibility: hidden; | |
267 cursor: pointer; | |
268 } | |
269 #gallery #images #smallmessage { | |
270 background-image: url(message-popup.png); | |
271 background-repeat: no-repeat; | |
272 background-position: center top; | |
273 position: absolute; | |
274 bottom: -85px; | |
275 height: 76px; | |
276 width: 205px; | |
277 text-align: center; | |
278 padding: 8px 5px 0px; | |
279 color: #CCC; | |
280 font-size: 0.8em; | |
281 } | |
282 #gallery #images #imageinfo { | |
283 position: absolute; | |
284 bottom: -300px; | |
285 height: 250px; | |
286 width: 90%; | |
287 text-align: center; | |
288 padding: 5px 5px 0px; | |
289 color: #333; | |
290 font-size: 0.8em; | |
291 | |
292 } | |
293 #largeimage #lrgloader { | |
294 overflow: hidden; | |
295 | |
296 | |
297 } | |
298 #largeimage #lrgwrap { | |
299 overflow: hidden; | |
300 border: 1px solid #333; | |
301 background:#000; | |
302 } | |
303 #imageinfo #infoloader { | |
304 font-size: 1.2em; | |
305 color: #E1E1E1; | |
306 text-align: left; | |
307 margin: 0px; | |
308 position: releative; | |
309 } | |
310 #infoloader h2 { | |
311 font-size: 1.4em; | |
312 font-weight: bold; | |
313 color: #333; | |
314 margin: 0px; | |
315 padding: 0px; | |
316 text-shadow:#000; | |
317 } | |
318 #infoloader .copyright { | |
319 font-size: .8em; | |
320 } | |
321 #infoloader .author { | |
322 font-size: .8em; | |
323 } | |
324 .right { | |
325 float: right; | |
326 } | |
327 #fsbox { | |
328 width: 379px; | |
329 margin: 0 auto; | |
330 overflow:hidden; | |
331 height:300px; | |
332 z-index: 51; | |
333 position: absolute; | |
334 bottom: -350px; | |
335 left: 200px; | |
336 color: #FFF; | |
337 } | |
338 #fsbox #fsbutton { | |
339 color: #000; | |
340 background: url(buybutton.png) no-repeat center bottom; | |
341 height: 15px; | |
342 text-align: center; | |
343 padding: 2px 0 0 0; | |
344 margin:2px 0 6px; | |
345 font-size: 0.8em; | |
346 position: relative; | |
347 cursor:pointer; | |
348 } | |
349 #fsbox #fstop { | |
350 background: url(buynow_top.png) no-repeat center top; | |
351 height: 19px; | |
352 text-align: center; | |
353 padding: 0; | |
354 margin:0; | |
355 } | |
356 #fsbox #forsale { | |
357 background-image: url(buynow_middle.png); | |
358 background-repeat: repeat-y; | |
359 margin: 0px; | |
360 padding: 0 15px 20px; | |
361 position:relative; | |
362 } | |
363 #fsbox #forsale img{ | |
364 padding: 0 10px 10px; | |
365 | |
366 } | |
367 #fsbox hr { | |
368 clear:both; | |
369 visibility:hidden; | |
370 } | |
371 #fsbox #fsclose{ | |
372 background-image: url(closebtn.png); | |
373 background-repeat: no-repeat; | |
374 background-position: center center; | |
375 height: 28px; | |
376 width: 28px; | |
377 z-index: 220000; | |
378 cursor:pointer; | |
379 position: absolute; | |
380 left: 0px; | |
381 top: 15px; | |
382 } | |
383 #purchasebtn{ | |
384 font-weight:bold; | |
385 text-align:center; | |
386 margin:10px; | |
387 padding:11px 0 0 5px; | |
388 position:absolute; | |
389 right:15px; | |
390 top:0px; | |
391 } | |
392 #gallery #galleries #galleryset { | |
393 text-align: left; | |
394 width: 760px; | |
395 margin: 0 auto; | |
396 } | |
397 #thumbnailPopUp{ | |
398 z-index:1; | |
399 visibility:hidden; | |
400 background:url(pop_arrow.png) no-repeat center bottom; | |
401 padding-bottom:8px; | |
402 position:absolute; | |
403 top:0; | |
404 left:-10000px; | |
405 } | |
406 #thumbnailPopUp img{ | |
407 margin:0; | |
408 padding:0; | |
409 background:#333; | |
410 border:#FFF solid 3px; | |
411 } | |
412 .clear{clear:both;} |