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