1 | |
---|
2 | |
---|
3 | html { |
---|
4 | height: 100%; |
---|
5 | } |
---|
6 | |
---|
7 | BODY { |
---|
8 | background-image: url("images/background/bg1.png"); |
---|
9 | background-color: #FFD11D; |
---|
10 | padding: 0px; |
---|
11 | margin: 0px; |
---|
12 | min-width: 800px; |
---|
13 | width: 100%; |
---|
14 | color: #FFD11D; |
---|
15 | } |
---|
16 | |
---|
17 | H1, H3, INPUT.rateButtonSelected { |
---|
18 | color: #FFFFFF; |
---|
19 | } |
---|
20 | |
---|
21 | A, INPUT.rateButton { |
---|
22 | color: #FFFFFF; |
---|
23 | border: medium none; |
---|
24 | text-decoration: none; |
---|
25 | } |
---|
26 | |
---|
27 | A:hover { |
---|
28 | color: #C2C2C2; |
---|
29 | text-decoration: none; |
---|
30 | border-bottom: medium none; |
---|
31 | } |
---|
32 | |
---|
33 | FIELDSET { |
---|
34 | border: 0px none; |
---|
35 | background: url("images/bg_content.png") repeat scroll 0px 0px transparent; |
---|
36 | } |
---|
37 | |
---|
38 | INPUT[type="submit"], INPUT[type="reset"] { |
---|
39 | cursor: pointer; |
---|
40 | background: -moz-linear-gradient(center top , #555555, #2C2C2C) repeat scroll 0% 0% transparent; |
---|
41 | margin: 0px 5px; |
---|
42 | padding-bottom: 4px; |
---|
43 | min-width: 150px; |
---|
44 | width: auto; |
---|
45 | height: 25px; |
---|
46 | text-align: center; |
---|
47 | color: #C5C5C5; |
---|
48 | border-radius: 8px 8px 8px 8px; |
---|
49 | text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2); |
---|
50 | box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5), 0px -1px 0px rgba(255, 255, 255, 0.4); |
---|
51 | } |
---|
52 | |
---|
53 | INPUT[type="submit"]:hover, INPUT[type="reset"]:hover { |
---|
54 | color: #222222; |
---|
55 | background: -moz-linear-gradient(center top , #777777, #333333) repeat scroll 0% 0% transparent; |
---|
56 | } |
---|
57 | |
---|
58 | INPUT[type="submit"]:active, INPUT[type="reset"]:active { |
---|
59 | color: #000000; |
---|
60 | background: -moz-linear-gradient(center top , #555555, #2C2C2C) repeat scroll 0% 0% transparent; |
---|
61 | box-shadow: 1px 1px 10px #000000 inset, 0px 1px 0px rgba(255, 255, 255, 0.4); |
---|
62 | } |
---|
63 | |
---|
64 | INPUT[type="text"], INPUT[type="password"], INPUT[type="file"] { |
---|
65 | margin: 0px 5px; |
---|
66 | padding: 0px; |
---|
67 | background: none repeat scroll 0px 0px #FFFFFF; |
---|
68 | min-width: 150px; |
---|
69 | width: auto; |
---|
70 | height: 22px; |
---|
71 | border: 0px none; |
---|
72 | color: #000000 ! important; |
---|
73 | border-radius: 3px 3px 3px 3px; |
---|
74 | } |
---|
75 | |
---|
76 | INPUT[type="text"]:hover, INPUT[type="password"]:hover, INPUT[type="file"]:hover, SELECT:hover { |
---|
77 | background: -moz-linear-gradient(right center , #FFFFFF 20%, #E5E5E5 80%) repeat scroll 0% 0% transparent; |
---|
78 | } |
---|
79 | |
---|
80 | SELECT.categoryList:hover { |
---|
81 | background: none repeat scroll 0px 0px #FFFFFF; |
---|
82 | } |
---|
83 | |
---|
84 | SELECT { |
---|
85 | margin: 0px 5px; |
---|
86 | padding: 0px; |
---|
87 | background: none repeat scroll 0px 0px #FFFFFF; |
---|
88 | min-width: 150px; |
---|
89 | width: auto; |
---|
90 | height: 22px; |
---|
91 | border: 0px none; |
---|
92 | color: #000000 ! important; |
---|
93 | border-radius: 3px 0px 0px 3px; |
---|
94 | } |
---|
95 | |
---|
96 | LEGEND { |
---|
97 | font-style: normal; |
---|
98 | font-weight: 700; |
---|
99 | font-size: 110%; |
---|
100 | margin-top: 25px; |
---|
101 | } |
---|
102 | |
---|
103 | .properties LI { |
---|
104 | list-style: none outside none; |
---|
105 | } |
---|
106 | |
---|
107 | /*======================================================Header======================================================*/ |
---|
108 | #header_bgDef { |
---|
109 | padding-top: 30px; |
---|
110 | background-image: url("images/background/bg4.png"); |
---|
111 | background-color: #FFD11D; |
---|
112 | height: 140px; |
---|
113 | width: inherit; |
---|
114 | } |
---|
115 | |
---|
116 | #Header { |
---|
117 | background-image: url("images/bg_header.png"); |
---|
118 | background-repeat: repeat-x; |
---|
119 | z-index: 10; |
---|
120 | display: block; |
---|
121 | } |
---|
122 | |
---|
123 | #header-content { |
---|
124 | position: relative; |
---|
125 | width: 92%; |
---|
126 | margin-left: auto; |
---|
127 | margin-right: auto; |
---|
128 | } |
---|
129 | |
---|
130 | #theHeader { |
---|
131 | display: block; |
---|
132 | position: absolute; |
---|
133 | right: 20px; |
---|
134 | } |
---|
135 | |
---|
136 | #logo { |
---|
137 | background: url("images/piwigo_org_logo.png") no-repeat scroll 0% 0% transparent; |
---|
138 | width: 500px; |
---|
139 | display: block; |
---|
140 | position: absolute; |
---|
141 | height: 100px; |
---|
142 | margin-top: 20px; |
---|
143 | } |
---|
144 | |
---|
145 | #headertransi { |
---|
146 | background: none repeat scroll 0px 0px #FFD11D; |
---|
147 | height: 12px; |
---|
148 | } |
---|
149 | |
---|
150 | #headertransiH { |
---|
151 | background-image: url("images/htransi.png"); |
---|
152 | background-repeat: repeat-x; |
---|
153 | height: 10px; |
---|
154 | } |
---|
155 | |
---|
156 | #headertransiB { |
---|
157 | height: 2px; |
---|
158 | background-image: url("images/btransi.png"); |
---|
159 | background-repeat: repeat; |
---|
160 | } |
---|
161 | |
---|
162 | /*======================================================Content======================================================*/ |
---|
163 | #the_page { |
---|
164 | z-index: 100; |
---|
165 | width: 100%; |
---|
166 | height: 0px; |
---|
167 | } |
---|
168 | |
---|
169 | #bg_th_left { |
---|
170 | background-image: url("images/theme/sprite_theme_left.png"); |
---|
171 | background-position: 0px 0px; |
---|
172 | width: 400px; |
---|
173 | height: 400px; |
---|
174 | float: left; |
---|
175 | position: absolute; |
---|
176 | z-index: -999; |
---|
177 | } |
---|
178 | |
---|
179 | .content .titrePage { |
---|
180 | position: relative; |
---|
181 | } |
---|
182 | |
---|
183 | .categoryActions { |
---|
184 | float: none; |
---|
185 | display: block; |
---|
186 | position: absolute; |
---|
187 | right: 10px; |
---|
188 | } |
---|
189 | |
---|
190 | #page_content { |
---|
191 | z-index: 100000; |
---|
192 | background: url("images/border_rigth.png") repeat-y scroll 0px 0px transparent; |
---|
193 | min-width: 680px; |
---|
194 | width: 80%; |
---|
195 | height: auto; |
---|
196 | min-height: 530px; |
---|
197 | margin: 2px auto 30px; |
---|
198 | } |
---|
199 | |
---|
200 | #page_content1 { |
---|
201 | background: url("images/bg_content.png") repeat scroll 0px 0px transparent; |
---|
202 | margin-left: 2px; |
---|
203 | } |
---|
204 | |
---|
205 | #page_content2 { |
---|
206 | background: url("images/border_rigth.png") repeat-y scroll right center transparent; |
---|
207 | padding-top: 10px; |
---|
208 | min-height: 500px; |
---|
209 | padding-bottom: 20px; |
---|
210 | } |
---|
211 | |
---|
212 | .content { |
---|
213 | margin-left: 5px; |
---|
214 | margin-right: 5px; |
---|
215 | margin-bottom: 30px; |
---|
216 | height: auto; |
---|
217 | padding-top: 50px; |
---|
218 | } |
---|
219 | |
---|
220 | H2 { |
---|
221 | color: #FFFFFF; |
---|
222 | background-image: url("images/border_dt.png"); |
---|
223 | background-repeat: repeat-x; |
---|
224 | background-position: center bottom; |
---|
225 | height: 25px; |
---|
226 | margin: 0px 5px 5px; |
---|
227 | padding: 5px 0px 0px; |
---|
228 | } |
---|
229 | |
---|
230 | #fullTagCloud { |
---|
231 | background: url("images/bg_content.png") repeat scroll 0px 0px transparent; |
---|
232 | min-height: 500px; |
---|
233 | } |
---|
234 | |
---|
235 | .switchBox { |
---|
236 | background-color: gray; |
---|
237 | z-index: 1000; |
---|
238 | margin-top: 30px; |
---|
239 | } |
---|
240 | |
---|
241 | #sortOrderBox { |
---|
242 | width: 250px; |
---|
243 | } |
---|
244 | |
---|
245 | /*======================================================icon======================================================*/ |
---|
246 | .pwg-icon { |
---|
247 | background-image: url("../default/s26/outline_ffffff.png"); |
---|
248 | } |
---|
249 | |
---|
250 | A:hover .pwg-icon { |
---|
251 | background-image: url("../default/s26/outline_808080.png"); |
---|
252 | } |
---|
253 | |
---|
254 | .pwg-icon-filter { |
---|
255 | background-image: url("../default/s26/outline_005e89.png"); |
---|
256 | } |
---|
257 | |
---|
258 | /*======================================================Thumbnail page======================================================*/ |
---|
259 | .thumbnailCategory { |
---|
260 | margin-left: auto; |
---|
261 | margin-right: auto; |
---|
262 | } |
---|
263 | |
---|
264 | .illustration { |
---|
265 | position: relative; |
---|
266 | } |
---|
267 | |
---|
268 | .content ul.thumbnails .wrap1 { |
---|
269 | display: inline-block; |
---|
270 | margin: 20px 20px 5px; |
---|
271 | text-align: center; |
---|
272 | vertical-align: top; |
---|
273 | } |
---|
274 | |
---|
275 | .content UL.thumbnails .wrap2 { |
---|
276 | height: 140px; |
---|
277 | } |
---|
278 | |
---|
279 | .content UL.thumbnails .wrap2 A { |
---|
280 | margin-top: 10px; |
---|
281 | } |
---|
282 | |
---|
283 | .thumbnail *:before { |
---|
284 | content: ""; |
---|
285 | } |
---|
286 | |
---|
287 | .thumbnail { |
---|
288 | position: relative; |
---|
289 | } |
---|
290 | |
---|
291 | .thumbnail .description, .thumbnailCategory DIV.description { |
---|
292 | height: 80px; |
---|
293 | padding-top: 0px; |
---|
294 | background: none repeat scroll 0px 0px #000000; |
---|
295 | overflow: hidden; |
---|
296 | color: #FFFFFF; |
---|
297 | position: absolute; |
---|
298 | top: 0px; |
---|
299 | left: 0px; |
---|
300 | z-index: 100; |
---|
301 | opacity: 0; |
---|
302 | -moz-transition: bottom 1s ease 0s, width 1s ease 0s, opacity 1s ease 0s; |
---|
303 | width: 100%; |
---|
304 | } |
---|
305 | |
---|
306 | .thumbnail:hover .description, .thumbnailCategory:hover DIV.description { |
---|
307 | background: none repeat scroll 0px 0px #000000; |
---|
308 | opacity: 0.65; |
---|
309 | -moz-transition: bottom 1s ease 0s, width 1s ease 0s, opacity 2s ease 0s; |
---|
310 | } |
---|
311 | |
---|
312 | .thumbnails SPAN.thumbLegend { |
---|
313 | height: 80px; |
---|
314 | } |
---|
315 | |
---|
316 | /*======================================================Footer======================================================*/ |
---|
317 | #footer { |
---|
318 | background-repeat: no-repeat; |
---|
319 | background-position: right center; |
---|
320 | width: 100%; |
---|
321 | bottom: 0px; |
---|
322 | height: 400px; |
---|
323 | position: fixed; |
---|
324 | top: 100%; |
---|
325 | margin: -400px auto 0px; |
---|
326 | z-index: -999; |
---|
327 | } |
---|
328 | |
---|
329 | #bg_th_right { |
---|
330 | background-image: url("images/theme/sprite_theme_right.png"); |
---|
331 | background-position: 0px 0px; |
---|
332 | width: 400px; |
---|
333 | height: 400px; |
---|
334 | float: right; |
---|
335 | } |
---|
336 | |
---|
337 | #copyright { |
---|
338 | position: relative; |
---|
339 | background-color: transparent; |
---|
340 | text-align: left; |
---|
341 | padding-left: 30px; |
---|
342 | margin-bottom: 0px; |
---|
343 | float: left; |
---|
344 | height: 20px; |
---|
345 | padding-top: 380px; |
---|
346 | } |
---|
347 | |
---|
348 | /*======================================================Menu======================================================*/ |
---|
349 | #menubar { |
---|
350 | width: 24em; |
---|
351 | margin-left: 0px; |
---|
352 | } |
---|
353 | |
---|
354 | #menubar UL { |
---|
355 | list-style-type: none; |
---|
356 | list-style-position: inside; |
---|
357 | padding: 0px 0px 0px 2px; |
---|
358 | } |
---|
359 | |
---|
360 | #menubar a, #menubar dt, div#menubar dl:hover dd, div#menubar ul li:hover ul, div#menubar ul ul li:hover ul, div#menubar ul ul ul li:hover ul, div#menubar ul ul ul ul li:hover ul, div#menubar ul ul ul ul ul li:hover ul { |
---|
361 | display: block; |
---|
362 | } |
---|
363 | |
---|
364 | input:focus { |
---|
365 | outline-style: none; |
---|
366 | } |
---|
367 | |
---|
368 | #menubar p { |
---|
369 | color: #757575; |
---|
370 | } |
---|
371 | |
---|
372 | #menu { |
---|
373 | color: #FFFFFF; |
---|
374 | height: 30px; |
---|
375 | line-height: 30px; |
---|
376 | padding: 0px; |
---|
377 | text-decoration: none; |
---|
378 | text-shadow: 0px 0px 2px #000000; |
---|
379 | text-transform: uppercase; |
---|
380 | } |
---|
381 | |
---|
382 | #nav_wrapper { |
---|
383 | position: absolute; |
---|
384 | height: 30px; |
---|
385 | min-width: 800px; |
---|
386 | width: 100%; |
---|
387 | margin: auto; |
---|
388 | background: url("images/menu/back_nav.png") repeat-x scroll 0px 0px transparent; |
---|
389 | z-index: 1000; |
---|
390 | top: 0px; |
---|
391 | left: 0px; |
---|
392 | } |
---|
393 | |
---|
394 | span#menu_start { |
---|
395 | background: url("images/menu/li_border.png") no-repeat scroll right top transparent; |
---|
396 | float: left; |
---|
397 | display: block; |
---|
398 | height: 30px; |
---|
399 | width: 85px; |
---|
400 | } |
---|
401 | |
---|
402 | span#menu_start a { |
---|
403 | background: url("images/menu/home_nav.png") no-repeat scroll left top transparent; |
---|
404 | width: 52px; |
---|
405 | height: 30px; |
---|
406 | text-indent: -9999px; |
---|
407 | padding: 0px; |
---|
408 | margin: 0px 20px 0px 25px; |
---|
409 | display: block; |
---|
410 | line-height: 46px; |
---|
411 | } |
---|
412 | |
---|
413 | span#menu_start a:hover { |
---|
414 | background-position: left -30px; |
---|
415 | } |
---|
416 | |
---|
417 | span#menu_start a:active { |
---|
418 | background-position: left -60px; |
---|
419 | } |
---|
420 | |
---|
421 | ul#topnav { |
---|
422 | background: url("images/menu/li_border.png") no-repeat scroll right top transparent; |
---|
423 | margin: 0px; |
---|
424 | padding: 0px 2px 0px 0px; |
---|
425 | list-style: none outside none; |
---|
426 | height: 30px; |
---|
427 | position: relative; |
---|
428 | z-index: 999; |
---|
429 | display: inline-block; |
---|
430 | } |
---|
431 | |
---|
432 | ul#topnav .liSub { |
---|
433 | float: left; |
---|
434 | position: relative; |
---|
435 | background: url("images/menu/li_border.png") no-repeat scroll right top transparent; |
---|
436 | padding-right: 2px; |
---|
437 | } |
---|
438 | |
---|
439 | ul#topnav span dt { |
---|
440 | padding: 0px 16px; |
---|
441 | } |
---|
442 | |
---|
443 | ul#topnav span dt:hover { |
---|
444 | background: url("images/menu/back_nav_hover.png") repeat-x scroll 0px 0px transparent; |
---|
445 | } |
---|
446 | |
---|
447 | #menuTagCloud a { |
---|
448 | color: #000000; |
---|
449 | text-decoration: none; |
---|
450 | text-shadow: none; |
---|
451 | z-index: 200; |
---|
452 | } |
---|
453 | |
---|
454 | .sub p { |
---|
455 | color: #4C4C4C; |
---|
456 | font-size: 13px; |
---|
457 | text-shadow: none; |
---|
458 | text-transform: none; |
---|
459 | } |
---|
460 | |
---|
461 | ul#topnav li .sub, ul#topnav li #loger { |
---|
462 | position: absolute; |
---|
463 | top: 30px; |
---|
464 | background: none repeat scroll 0px 0px #FFFFFF; |
---|
465 | padding: 5px 8px 10px; |
---|
466 | float: left; |
---|
467 | max-width: 100em; |
---|
468 | min-width: 200px; |
---|
469 | display: none; |
---|
470 | max-height: 500px; |
---|
471 | overflow: auto; |
---|
472 | border-bottom-right-radius: 10px; |
---|
473 | border-bottom-left-radius: 10px; |
---|
474 | box-shadow: 0px 0px 5px #5A5A5A; |
---|
475 | z-index: 0; |
---|
476 | } |
---|
477 | |
---|
478 | .level2, .level3, .level4, .level5 { |
---|
479 | border: medium none ! important; |
---|
480 | } |
---|
481 | |
---|
482 | ul#topnav li .sub { |
---|
483 | z-index: 100; |
---|
484 | } |
---|
485 | |
---|
486 | #quickconnect { |
---|
487 | width: 225px; |
---|
488 | } |
---|
489 | |
---|
490 | .mcol { |
---|
491 | width: 100%; |
---|
492 | } |
---|
493 | |
---|
494 | .menubarFilter { |
---|
495 | margin: 0px; |
---|
496 | } |
---|
497 | |
---|
498 | #menu_cat_act { |
---|
499 | border-bottom: 1px solid #CBCBCB; |
---|
500 | margin-bottom: 5px; |
---|
501 | height: 30px; |
---|
502 | } |
---|
503 | |
---|
504 | #filter { |
---|
505 | width: 26px; |
---|
506 | height: 26px; |
---|
507 | background: none repeat scroll 0px 0px transparent; |
---|
508 | padding-left: 2px; |
---|
509 | } |
---|
510 | |
---|
511 | #nbImg { |
---|
512 | height: 30px; |
---|
513 | float: right; |
---|
514 | line-height: 10px; |
---|
515 | } |
---|
516 | |
---|
517 | ul#topnav li .sub ul, ul#topnav #loger ul { |
---|
518 | list-style: none outside none; |
---|
519 | margin: 0px 5px 0px 8px; |
---|
520 | padding: 0px; |
---|
521 | } |
---|
522 | |
---|
523 | ul#topnav .sub ul li, ul#topnav #loger ul li, ul#topnav .sub #menuTagCloud div { |
---|
524 | width: 95%; |
---|
525 | color: #757575; |
---|
526 | background: none repeat scroll 0px 0px transparent; |
---|
527 | font-size: 10px; |
---|
528 | margin-bottom: 2px; |
---|
529 | border: 1px solid #CBCBCB; |
---|
530 | border-radius: 10px 10px 10px 10px; |
---|
531 | } |
---|
532 | |
---|
533 | ul#topnav .sub ul li.selected { |
---|
534 | text-decoration: none; |
---|
535 | border: 1px solid #CBCBCB; |
---|
536 | border-radius: 10px 10px 10px 10px; |
---|
537 | } |
---|
538 | |
---|
539 | ul#topnav .sub ul li.selected a, ul#topnav .sub ul li.selected a:hover { |
---|
540 | color: #4C4C4C; |
---|
541 | text-decoration: none; |
---|
542 | border: medium none; |
---|
543 | } |
---|
544 | |
---|
545 | ul#topnav .sub ul li.selected a { |
---|
546 | background: url("images/menu/navlist_arrow_hover.png") no-repeat scroll 0px 5px transparent; |
---|
547 | } |
---|
548 | |
---|
549 | ul#topnav .sub ul .level1 li, ul#topnav .sub ul .level1 li .selected { |
---|
550 | border: medium none; |
---|
551 | background-image: none; |
---|
552 | } |
---|
553 | |
---|
554 | ul#topnav .sub ul li a, ul#topnav #loger ul li a { |
---|
555 | float: none; |
---|
556 | text-indent: 0px; |
---|
557 | height: auto; |
---|
558 | background: url("images/menu/navlist_arrow.png") no-repeat scroll 0px 5px transparent; |
---|
559 | margin: 0px 8px; |
---|
560 | display: block; |
---|
561 | text-decoration: none; |
---|
562 | color: #757575; |
---|
563 | font-size: 1.1em; |
---|
564 | text-shadow: none; |
---|
565 | text-transform: none; |
---|
566 | line-height: 17px; |
---|
567 | padding: 0px 0px 0px 12px; |
---|
568 | } |
---|
569 | |
---|
570 | ul#topnav .sub ul li a:hover, ul#topnav .sub #menuTagCloud div a:hover { |
---|
571 | color: #4C4C4C; |
---|
572 | background: url("images/menu/navlist_arrow_hover.png") no-repeat scroll 0px 5px transparent; |
---|
573 | text-decoration: underline; |
---|
574 | } |
---|
575 | |
---|
576 | span.dd_wrapper, span.cl_wrapper, span.cc_wrapper, span dt { |
---|
577 | float: left; |
---|
578 | padding: 0px 16px 6px; |
---|
579 | } |
---|
580 | |
---|
581 | li.liSub:hover span.dd_wrapper, li.liSub:hover span.cl_wrapper, .activate { |
---|
582 | z-index: 100; |
---|
583 | background: url("images/menu/back_nav_hover.png") repeat-x scroll 0px 0px transparent; |
---|
584 | color: #C2C2C2; |
---|
585 | padding: 0px 16px 6px; |
---|
586 | text-shadow: none; |
---|
587 | } |
---|
588 | |
---|
589 | li.liSub:hover span.cc_wrapper { |
---|
590 | color: #8F8F8F; |
---|
591 | } |
---|
592 | |
---|
593 | .close { |
---|
594 | cursor: pointer; |
---|
595 | height: 16px; |
---|
596 | width: 16px; |
---|
597 | background: url("images/menu/close.png") no-repeat scroll 0px 0px transparent; |
---|
598 | float: right; |
---|
599 | } |
---|
600 | |
---|
601 | .close:hover { |
---|
602 | background: url("images/menu/close.png") no-repeat scroll 0px -16px transparent; |
---|
603 | } |
---|
604 | |
---|
605 | .sub { |
---|
606 | max-width: 600px; |
---|
607 | } |
---|
608 | |
---|
609 | #search { |
---|
610 | position: absolute; |
---|
611 | width: 240px; |
---|
612 | right: 0px; |
---|
613 | margin-top: 4px; |
---|
614 | height: 22px; |
---|
615 | display: inline-block; |
---|
616 | } |
---|
617 | |
---|
618 | #quicksearch { |
---|
619 | float: left; |
---|
620 | width: 240px; |
---|
621 | } |
---|
622 | |
---|
623 | #quicksearch input[type="text"] { |
---|
624 | float: left; |
---|
625 | background: url("images/menu/search.png") no-repeat scroll left top transparent; |
---|
626 | width: 172px; |
---|
627 | height: 22px; |
---|
628 | padding: 0px 0px 0px 4px; |
---|
629 | margin: 0px 1px 0px 0px; |
---|
630 | border: 0px none; |
---|
631 | font-size: 13px; |
---|
632 | color: #CCCCCC ! important; |
---|
633 | min-width: 0px; |
---|
634 | } |
---|
635 | |
---|
636 | #quicksearch input[type="text"]:hover { |
---|
637 | background-position: left bottom; |
---|
638 | } |
---|
639 | |
---|
640 | #quicksearch input[type="submit"] { |
---|
641 | float: left; |
---|
642 | padding: 0px; |
---|
643 | border: 0px none; |
---|
644 | height: 22px; |
---|
645 | width: 23px; |
---|
646 | background: url("images/menu/search.png") no-repeat scroll right top transparent; |
---|
647 | font-size: 13px; |
---|
648 | cursor: pointer; |
---|
649 | min-width: 0px; |
---|
650 | margin-left: 2px; |
---|
651 | border-radius: 0px 0px 0px 0px; |
---|
652 | box-shadow: none; |
---|
653 | } |
---|
654 | |
---|
655 | #quicksearch input[type="submit"]:hover { |
---|
656 | background-position: right bottom; |
---|
657 | } |
---|
658 | |
---|
659 | #loger { |
---|
660 | line-height: 25px; |
---|
661 | width: 220px; |
---|
662 | position: absolute; |
---|
663 | top: 30px; |
---|
664 | background: none repeat scroll 0px 0px #FFFFFF; |
---|
665 | padding: 10px; |
---|
666 | float: left; |
---|
667 | max-width: 100em; |
---|
668 | min-width: 200px; |
---|
669 | display: none; |
---|
670 | z-index: 0; |
---|
671 | } |
---|
672 | |
---|
673 | #loger p { |
---|
674 | color: #000000; |
---|
675 | margin-bottom: 20px; |
---|
676 | text-shadow: none; |
---|
677 | } |
---|
678 | |
---|
679 | #log { |
---|
680 | color: #000000; |
---|
681 | text-transform: none; |
---|
682 | text-shadow: none; |
---|
683 | margin-bottom: 20px; |
---|
684 | } |
---|
685 | |
---|
686 | ul#topnav li .sub ul#loged { |
---|
687 | width: 200px; |
---|
688 | } |
---|
689 | |
---|
690 | #log INPUT[type="password"] { |
---|
691 | border: 0px none; |
---|
692 | height: 22px; |
---|
693 | background: url("images/menu/password.png") no-repeat scroll left top transparent; |
---|
694 | width: 175px; |
---|
695 | } |
---|
696 | |
---|
697 | #log INPUT[type="password"]:hover { |
---|
698 | background-position: left bottom; |
---|
699 | } |
---|
700 | |
---|
701 | #log INPUT[type="text"] { |
---|
702 | border: 0px none; |
---|
703 | height: 22px; |
---|
704 | background: url("images/menu/user.png") no-repeat scroll left top transparent; |
---|
705 | width: 175px; |
---|
706 | } |
---|
707 | |
---|
708 | #log INPUT[type="text"]:hover { |
---|
709 | background-position: left bottom; |
---|
710 | } |
---|
711 | |
---|
712 | #go INPUT[type="submit"] { |
---|
713 | color: transparent; |
---|
714 | border: 0px none; |
---|
715 | height: 32px; |
---|
716 | width: 64px; |
---|
717 | min-width: inherit; |
---|
718 | background: url("images/menu/go.png") no-repeat scroll left top transparent; |
---|
719 | margin-left: 65px; |
---|
720 | margin-top: 20px; |
---|
721 | box-shadow: none; |
---|
722 | text-shadow: none; |
---|
723 | } |
---|
724 | |
---|
725 | #go INPUT[type="submit"]:hover { |
---|
726 | background-position: left bottom; |
---|
727 | } |
---|
728 | |
---|
729 | #topnav dt a:hover { |
---|
730 | color: #C2C2C2; |
---|
731 | } |
---|
732 | |
---|
733 | /*=========================================picture======================================================*/ |
---|
734 | #thePicturePage #page_content { |
---|
735 | display: table; |
---|
736 | } |
---|
737 | |
---|
738 | #thePicturePage #page_content1 { |
---|
739 | padding-left: 20px; |
---|
740 | } |
---|
741 | |
---|
742 | #thePicturePage #page_content2 { |
---|
743 | padding-right: 20px; |
---|
744 | } |
---|
745 | |
---|
746 | #theImage > IMG { |
---|
747 | margin-top: 20px; |
---|
748 | margin-bottom: 20px; |
---|
749 | position: relative; |
---|
750 | } |
---|
751 | |
---|
752 | #imageHeaderBar { |
---|
753 | margin: 0px 0px 20px; |
---|
754 | padding: 50px 0px 0px; |
---|
755 | } |
---|
756 | |
---|
757 | #groupbuttons { |
---|
758 | margin: auto; |
---|
759 | width: 200px; |
---|
760 | } |
---|
761 | |
---|
762 | #slideshow #groupbuttons { |
---|
763 | width: 30px; |
---|
764 | } |
---|
765 | |
---|
766 | #imgContainer { |
---|
767 | position: relative; |
---|
768 | margin-left: auto; |
---|
769 | margin-right: auto; |
---|
770 | text-align: left; |
---|
771 | } |
---|
772 | |
---|
773 | #imgContent { |
---|
774 | position: relative; |
---|
775 | display: table; |
---|
776 | margin: auto; |
---|
777 | } |
---|
778 | |
---|
779 | .navThumbs, #imgHoverNav { |
---|
780 | position: absolute; |
---|
781 | top: 0px; |
---|
782 | left: 0px; |
---|
783 | height: 100%; |
---|
784 | width: 100%; |
---|
785 | z-index: 10; |
---|
786 | } |
---|
787 | |
---|
788 | #imgHoverNav a { |
---|
789 | outline: medium none; |
---|
790 | } |
---|
791 | |
---|
792 | #imgPrevHov, #imgNextHov, #thumbPrevHov, #thumbNextHov { |
---|
793 | width: 48%; |
---|
794 | height: 100%; |
---|
795 | display: block; |
---|
796 | border: medium none ! important; |
---|
797 | opacity: 0; |
---|
798 | position: relative; |
---|
799 | } |
---|
800 | |
---|
801 | #imgPrevHov { |
---|
802 | left: 0px; |
---|
803 | float: left; |
---|
804 | margin-left: 3px; |
---|
805 | background: url("images/picture/imgPrevHover.png") no-repeat scroll left 45% transparent; |
---|
806 | } |
---|
807 | |
---|
808 | #imgNextHov { |
---|
809 | right: 0px; |
---|
810 | float: right; |
---|
811 | margin-right: 3px; |
---|
812 | background: url("images/picture/imgNextHover.png") no-repeat scroll right 45% transparent; |
---|
813 | } |
---|
814 | |
---|
815 | #thumbPrevHov { |
---|
816 | left: 0px; |
---|
817 | float: left; |
---|
818 | background: none repeat scroll 0px 0px transparent; |
---|
819 | } |
---|
820 | |
---|
821 | #thumbNextHov { |
---|
822 | right: 0px; |
---|
823 | float: right; |
---|
824 | background: none repeat scroll 0px 0px transparent; |
---|
825 | } |
---|
826 | |
---|
827 | #imgPrevHov:hover, #imgNextHov:hover, #thumbPrevHov:hover, #thumbNextHov:hover { |
---|
828 | opacity: 1; |
---|
829 | } |
---|
830 | |
---|
831 | .linkPrev { |
---|
832 | position: absolute; |
---|
833 | left: -80px; |
---|
834 | top: 40%; |
---|
835 | } |
---|
836 | |
---|
837 | .linkNext { |
---|
838 | position: absolute; |
---|
839 | right: -80px; |
---|
840 | top: 40%; |
---|
841 | } |
---|
842 | |
---|
843 | .imageNumber { |
---|
844 | text-align: right; |
---|
845 | margin-right: 20px; |
---|
846 | } |
---|
847 | |
---|
848 | /*=========================================comment on picture page======================================================*/ |
---|
849 | #comments { |
---|
850 | overflow-y: auto; |
---|
851 | overflow-x: hidden; |
---|
852 | width: 880px; |
---|
853 | margin: auto; |
---|
854 | text-align: left; |
---|
855 | padding-bottom: 40px; |
---|
856 | } |
---|
857 | |
---|
858 | #pictcomm { |
---|
859 | margin-bottom: 50px; |
---|
860 | width: 99%; |
---|
861 | height: 190px; |
---|
862 | background: none repeat scroll 0px 0px #7F7E7E; |
---|
863 | float: left; |
---|
864 | } |
---|
865 | |
---|
866 | .commentElement { |
---|
867 | background: url("images/bg_content.png") repeat scroll 0px 0px transparent; |
---|
868 | margin-bottom: 20px; |
---|
869 | padding-bottom: 10px; |
---|
870 | } |
---|
871 | |
---|
872 | .filter { |
---|
873 | margin-bottom: 50px; |
---|
874 | } |
---|
875 | |
---|
876 | #pictcomm ul { |
---|
877 | list-style-type: none; |
---|
878 | } |
---|
879 | |
---|
880 | .even, .odd { |
---|
881 | color: #FFFFFF; |
---|
882 | } |
---|
883 | |
---|
884 | .odd { |
---|
885 | padding-top: 10px; |
---|
886 | } |
---|
887 | |
---|
888 | .thumbnailCategories1 { |
---|
889 | padding: 0px; |
---|
890 | } |
---|
891 | |
---|
892 | .thumbnailCategories1 LI { |
---|
893 | width: 100%; |
---|
894 | float: none; |
---|
895 | margin: 0px; |
---|
896 | padding: 0px; |
---|
897 | } |
---|
898 | |
---|
899 | .author, .date { |
---|
900 | color: #C5C5C5; |
---|
901 | } |
---|
902 | |
---|
903 | #adcomm { |
---|
904 | margin-bottom: 30px; |
---|
905 | } |
---|
906 | |
---|
907 | .addcom { |
---|
908 | float: none ! important; |
---|
909 | margin-right: 0px ! important; |
---|
910 | } |
---|
911 | |
---|
912 | #addComment FIELDSET { |
---|
913 | margin: 0px; |
---|
914 | padding: 0px; |
---|
915 | border: medium none; |
---|
916 | background: none repeat scroll 0px 0px transparent; |
---|
917 | } |
---|
918 | |
---|
919 | #contentid { |
---|
920 | border: medium none; |
---|
921 | background: none repeat scroll 0px 0px #7F7E7E; |
---|
922 | margin: 0px auto 20px; |
---|
923 | } |
---|
924 | |
---|
925 | #comcontent { |
---|
926 | width: 750px; |
---|
927 | padding-left: 5px; |
---|
928 | padding-top: 5px; |
---|
929 | } |
---|
930 | |
---|
931 | #scrollbar1 { |
---|
932 | width: 97%; |
---|
933 | margin: 5px 0px 10px; |
---|
934 | } |
---|
935 | |
---|
936 | #scrollbar1 .viewport { |
---|
937 | height: 170px; |
---|
938 | overflow: hidden; |
---|
939 | position: relative; |
---|
940 | } |
---|
941 | |
---|
942 | #scrollbar1 .overview { |
---|
943 | list-style: none outside none; |
---|
944 | position: absolute; |
---|
945 | left: 0px; |
---|
946 | top: 0px; |
---|
947 | padding: 0px; |
---|
948 | margin: 0px; |
---|
949 | width: 96%; |
---|
950 | } |
---|
951 | |
---|
952 | #scrollbar1 .scrollbar { |
---|
953 | background: url("images/picture/bg-scrollbar-track-y1.png") no-repeat scroll 0px 0px transparent; |
---|
954 | position: relative; |
---|
955 | float: right; |
---|
956 | width: 6px; |
---|
957 | margin-top: 40px; |
---|
958 | } |
---|
959 | |
---|
960 | #scrollbar1 .track { |
---|
961 | background: url("images/picture/bg-scrollbar-end-y1.png") no-repeat scroll 0px 100% transparent; |
---|
962 | height: 100%; |
---|
963 | width: 3px; |
---|
964 | position: relative; |
---|
965 | padding: 0px 1px; |
---|
966 | } |
---|
967 | |
---|
968 | #scrollbar1 .thumb { |
---|
969 | background: url("images/picture/bg-scrollbar-thumb-y1.png") no-repeat scroll 50% 50% transparent; |
---|
970 | height: 0px; |
---|
971 | width: 15px; |
---|
972 | cursor: pointer; |
---|
973 | overflow: hidden; |
---|
974 | position: absolute; |
---|
975 | top: 0px; |
---|
976 | left: -6px; |
---|
977 | } |
---|
978 | |
---|
979 | #scrollbar1 .thumb .end { |
---|
980 | overflow: hidden; |
---|
981 | height: 5px; |
---|
982 | width: 3px; |
---|
983 | } |
---|
984 | |
---|
985 | #scrollbar1 .disable { |
---|
986 | display: none; |
---|
987 | } |
---|
988 | |
---|
989 | /*======================================================panel on picture page======================================================*/ |
---|
990 | .panel { |
---|
991 | position: fixed; |
---|
992 | top: 115px; |
---|
993 | left: 0px; |
---|
994 | display: none; |
---|
995 | border: 1px solid #111111; |
---|
996 | border-top-right-radius: 20px; |
---|
997 | border-bottom-right-radius: 20px; |
---|
998 | min-width: 330px; |
---|
999 | height: auto; |
---|
1000 | padding: 10px 30px 30px 20px; |
---|
1001 | z-index: 100; |
---|
1002 | background: none repeat scroll 0px 0px rgba(0, 0, 0, 0.7); |
---|
1003 | } |
---|
1004 | |
---|
1005 | .panel p { |
---|
1006 | margin: 0px 0px 15px; |
---|
1007 | padding: 0px; |
---|
1008 | color: #CCCCCC; |
---|
1009 | } |
---|
1010 | |
---|
1011 | a.trigger { |
---|
1012 | position: fixed; |
---|
1013 | text-decoration: none; |
---|
1014 | top: 130px; |
---|
1015 | left: 0px; |
---|
1016 | font-size: 14px; |
---|
1017 | letter-spacing: -1px; |
---|
1018 | font-family: verdana,helvetica,arial,sans-serif; |
---|
1019 | color: #FFFFFF; |
---|
1020 | padding: 10px 30px 10px 5px; |
---|
1021 | font-weight: 700; |
---|
1022 | background: url("images/picture/plus.png") no-repeat scroll 85% 55% #333333; |
---|
1023 | border: 1px solid #444444; |
---|
1024 | border-top-right-radius: 15px; |
---|
1025 | border-bottom-right-radius: 15px; |
---|
1026 | display: block; |
---|
1027 | z-index: 100000; |
---|
1028 | } |
---|
1029 | |
---|
1030 | a.trigger:hover { |
---|
1031 | background-color: #222222; |
---|
1032 | } |
---|
1033 | |
---|
1034 | a.active.trigger { |
---|
1035 | background: url("images/picture/minus.png") no-repeat scroll 85% 55% #222222; |
---|
1036 | } |
---|
1037 | |
---|
1038 | .columns { |
---|
1039 | clear: both; |
---|
1040 | width: 330px; |
---|
1041 | padding: 0px 0px 20px; |
---|
1042 | line-height: 22px; |
---|
1043 | } |
---|
1044 | |
---|
1045 | .colleft { |
---|
1046 | float: left; |
---|
1047 | width: 130px; |
---|
1048 | line-height: 22px; |
---|
1049 | } |
---|
1050 | |
---|
1051 | .colright { |
---|
1052 | float: right; |
---|
1053 | width: 130px; |
---|
1054 | line-height: 22px; |
---|
1055 | } |
---|
1056 | |
---|
1057 | .panel ul li { |
---|
1058 | list-style-type: none; |
---|
1059 | } |
---|
1060 | |
---|
1061 | .panel ul { |
---|
1062 | padding: 0px; |
---|
1063 | margin: 0px; |
---|
1064 | } |
---|
1065 | |
---|
1066 | .panel .value { |
---|
1067 | padding-right: 5px; |
---|
1068 | } |
---|
1069 | |
---|
1070 | .rateButtonStarFull { |
---|
1071 | background: url("icon/rating-stars.gif") no-repeat scroll -16px center transparent; |
---|
1072 | width: 16px; |
---|
1073 | } |
---|
1074 | |
---|
1075 | .rateButtonStarEmpty { |
---|
1076 | background: url("icon/rating-stars.gif") no-repeat scroll 0px center transparent; |
---|
1077 | width: 16px; |
---|
1078 | } |
---|
1079 | |
---|
1080 | #rating { |
---|
1081 | margin: 5px 0px; |
---|
1082 | } |
---|
1083 | |
---|
1084 | #imageToolBar { |
---|
1085 | margin: 50px 0px 20px; |
---|
1086 | text-align: left; |
---|
1087 | } |
---|
1088 | |
---|
1089 | #imageToolBar li { |
---|
1090 | list-style-type: none; |
---|
1091 | } |
---|
1092 | |
---|
1093 | TABLE#standard, TABLE#Metadata { |
---|
1094 | font-size: 80%; |
---|
1095 | } |
---|
1096 | |
---|
1097 | .infoTable .label, .infoTable2 .label { |
---|
1098 | text-align: left; |
---|
1099 | } |
---|
1100 | |
---|
1101 | .infoTable .value a, .infoTable .value, .infoTable2 .value a, .infoTable2 .value { |
---|
1102 | color: silver; |
---|
1103 | } |
---|
1104 | |
---|
1105 | TABLE#Metadata th { |
---|
1106 | font-size: 120%; |
---|
1107 | color: #FFFFFF; |
---|
1108 | padding-bottom: 10px; |
---|
1109 | text-align: left; |
---|
1110 | } |
---|
1111 | |
---|
1112 | .panel .switchBox { |
---|
1113 | top: 60px; |
---|
1114 | } |
---|
1115 | |
---|
1116 | /*======================================================plugin======================================================*/ |
---|
1117 | .contact-form-content { |
---|
1118 | background: url("images/bg_content.png") repeat scroll 0px 0px transparent; |
---|
1119 | } |
---|