source: extensions/Slide/theme.css @ 27543

Last change on this file since 27543 was 27402, checked in by Miklfe, 10 years ago

Correction du slideshow.js
correction de l'erreur d'affichage des boutons actions sur la page image
modification du css
File size: 32.8 KB
Line 
1@charset "UTF-8";
2:focus {
3    outline:                    medium none;
4}
5html {
6    height:                     100%;
7    overflow:                   hidden;
8}
9BODY {
10    font-family:                'Tenor Sans',sans-serif;
11    padding:                    0px;
12    margin:                     0px;
13    min-width:                  800px;
14    width:                      100%;
15    color:                      rgb(255, 255, 255);
16    background:                 none repeat scroll 0% 0% rgb(34, 34, 34);
17    outline:                    2px dotted red;
18}
19H1, H3, INPUT.rateButtonSelected {
20    color:                      rgb(255, 255, 255);
21}
22A, INPUT.rateButton {
23    color:                      rgb(255, 255, 255);
24    border:                     medium none;
25    text-decoration:            none;
26}
27A:hover {
28    color:                      rgb(194, 194, 194);
29    text-decoration:            none;
30    border-bottom:              medium none;
31}
32FIELDSET {
33    border:                     0px none;
34}
35INPUT[type="submit"], INPUT[type="reset"] {
36    cursor:                     pointer;
37    background-color:           rgb(85, 85, 85);
38    background-image:           linear-gradient(to bottom, rgb(85, 85, 85) 0%, rgb(44, 44, 44) 50%);
39    margin:                     0px 5px;
40    padding-bottom:             4px;
41    min-width:                  150px;
42    width:                      auto;
43    height:                     25px;
44    text-align:                 center;
45    color:                      rgb(197, 197, 197);
46    border-radius:              8px 8px 8px 8px;
47    -moz-border-radius:         8px 8px 8px 8px;
48    -webkit-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    -moz-box-shadow:            0px 0px 5px rgba(0, 0, 0, 0.5), 0px -1px 0px rgba(255, 255, 255, 0.4);
52    -webkit-box-shadow:         0px 0px 5px rgba(0, 0, 0, 0.5), 0px -1px 0px rgba(255, 255, 255, 0.4);
53}
54INPUT[type="submit"]:hover, INPUT[type="reset"]:hover {
55    color:                      rgb(131, 131, 131);
56    background-color:           rgb(119, 119, 119);
57    background-image:           -moz-linear-gradient(center top , rgb(119, 119, 119), rgb(51, 51, 51) 50%);
58}
59INPUT[type="submit"]:active, INPUT[type="reset"]:active {
60    color:                      rgb(0, 0, 0);
61    box-shadow:                 1px 1px 10px rgb(0, 0, 0) inset, 0px 1px 0px rgba(255, 255, 255, 0.4);
62    -moz-box-shadow:            1px 1px 10px rgb(0, 0, 0) inset, 0px 1px 0px rgba(255, 255, 255, 0.4);
63    -webkit-box-shadow:         1px 1px 10px rgb(0, 0, 0) inset, 0px 1px 0px rgba(255, 255, 255, 0.4);
64}
65INPUT[type="text"], INPUT[type="password"], INPUT[type="file"] {
66    margin:                     0px 5px;
67    padding:                    0px;
68    background:                 none repeat scroll 0px 0px rgb(255, 255, 255);
69    min-width:                  150px;
70    width:                      auto;
71    height:                     22px;
72    border:                     0px none;
73    color:                      rgb(0, 0, 0) ! important;
74    border-radius:              3px 3px 3px 3px;
75    -moz-border-radius:         3px 3px 3px 3px;
76    -webkit-border-radius:      3px 3px 3px 3px;
77}
78INPUT[type="text"]:hover, INPUT[type="password"]:hover, INPUT[type="file"]:hover, SELECT:hover {
79    background-color:           rgb(229, 229, 229);
80    background-image:           -moz-linear-gradient(center top , rgb(229, 229, 229), rgb(255, 255, 255) 50%);
81}
82SELECT.categoryList:hover {
83    background:                 none repeat scroll 0px 0px rgb(255, 255, 255);
84}
85SELECT {
86    margin:                     0px 5px;
87    padding:                    0px;
88    background:                 none repeat scroll 0px 0px rgb(255, 255, 255);
89    min-width:                  150px;
90    width:                      auto;
91    height:                     22px;
92    border:                     0px none;
93    color:                      rgb(0, 0, 0) ! important;
94    border-radius:              3px 0px 0px 3px;
95    -moz-border-radius:         3px 0px 0px 3px;
96    -webkit-border-radius:      3px 0px 0px 3px;
97}
98LEGEND {
99    font-style:                 normal;
100    font-weight:                700;
101    font-size:                  110%;
102    margin-top:                 25px;
103}
104
105/*_______________________________header______________________________________*/
106#theHeader {
107    font-size:                  30px;
108    color:                      rgb(204, 204, 204);
109    position:                   relative;
110    height:                     auto;
111    width:                      90%;
112    margin:                     0px auto;
113    min-height:                 120px;
114}
115#theHeader h1 {
116    position:                   absolute;
117    left:                       30px;
118}
119#theHeader p {
120    font-size:                  15px;
121    position:                   absolute;
122    right:                      80px;
123}
124.headbord {
125    border-bottom:              1px solid #808080;
126}
127#imageHeaderBar {
128    margin-bottom:              10px;
129    padding-left:               15px;
130        border:                                         none;
131        background:                                     none;
132}
133
134/*_______________________________menu______________________________________*/
135#menubar {
136    color:                      rgb(179, 179, 179);
137    font-size:                  1.2em;
138    height:                     30px;
139    min-width:                  800px;
140    background:                 none repeat scroll 0% 0% rgb(51, 51, 51);
141    width:                      90%;
142    margin:                     10px auto;
143    display:                    block;
144    float:                      none;
145    position:                   relative;
146    border:                     1px solid rgb(20, 20, 20);
147    border-radius:              5px 5px 5px 5px;
148    -moz-border-radius:         5px 5px 5px 5px;
149    -webkit-border-radius:      5px 5px 5px 5px;
150}
151#menubar FORM {
152    margin:                     0px;
153}
154#menubar UL {
155    list-style:                 none outside none;
156    margin:                     0px;
157        padding:                                        0px 0px 0px 5px
158}
159#topnav {
160    padding:                    0px 2px 0px 0px;
161    height:                     30px;
162    position:                   relative;
163    z-index:                    999;
164    display:                    inline-block;
165}
166#topnav .liSub {
167        height:                                         30px;
168    float:                      left;
169    position:                   relative;
170    padding-right:              2px;
171}
172#topnav .sub, #loger {
173    position:                   absolute;
174    top:                        30px;
175    margin-left:                0px;
176    background:                 none repeat scroll 0% 0% rgb(121, 121, 121);
177    padding:                    5px 8px 10px 5px;
178    float:                      left;
179    max-width:                  100em;
180    min-width:                  200px;
181    max-height:                 500px;
182}
183
184.dd_wrapper, .cl_wrapper, .cc_wrapper, #menubar dt {
185    float:                      left;
186    padding:                    3px 16px 6px;
187    font-weight:                normal;
188    height:                     21px;
189    line-height:                21px;
190    text-decoration:            none;
191    font-size:                  16px;
192}
193#menubar dt a{
194        color:                                          #B3B3B3;
195}
196.activate{
197        cursor:                                         default;
198    background:                 none repeat scroll 0px 0px rgb(121, 121, 121);
199}
200.activate:first-child{
201        color:                                          #dddddd!important;
202}
203
204.sub {
205    z-index:                    100;
206    max-width:                  600px;
207}
208.sub p {
209    color:                      rgb(179, 179, 179);
210    font-size:                  13px;
211    text-shadow:                none;
212    text-transform:             none;
213}
214.sub a,  #loger a {
215    color:                      rgb(179, 179, 179);
216    font-size:                  1.4em;
217    line-height:                17px;
218    padding:                    0px 0px 0px 15px;
219}
220
221.sub a:hover,loger a:hover {
222    color:                      rgb(196, 196, 196);
223    background:                 url("images/menu/navlist_arrow_hover.png") no-repeat scroll 4px 5px transparent;
224}
225.sub .selected a {
226    background:                 url("images/menu/navlist_arrow_select.png") no-repeat scroll 4px 5px transparent;
227}
228.sub ul li,  #loger ul li, .sub #menuTagCloud div {
229    width:                      95%;
230    color:                      rgb(179, 179, 179);
231    background:                 none repeat scroll 0% 0% transparent;
232    font-size:                  10px;
233    margin-bottom:              2px;
234    border:                     1px solid rgb(203, 203, 203);
235    border-radius:              10px 10px 10px 10px;
236    -moz-border-radius:         10px 10px 10px 10px;
237    -webkit-border-radius:      10px 10px 10px 10px;
238}
239.level2, .level3, .level4, .level5,.level6 {
240    border:                     medium none ! important;
241}
242.mcol {
243    width:                      100%;
244}
245.menubarFilter {
246    margin:                     0px;
247}
248#menu_cat_act {
249    border-bottom:              1px solid rgb(203, 203, 203);
250    margin-bottom:              5px;
251    height:                     30px;
252}
253#menu_cat_act a:hover {
254        background:                                     none;
255}
256#filter {
257    width:                      26px;
258    height:                     26px;
259    background:                 none repeat scroll 0% 0% transparent;
260    padding-left:               2px;
261}
262#nbImg {
263    height:                     30px;
264    float:                      right;
265    line-height:                10px;
266}
267#menuTagCloud a {
268    text-decoration:            none;
269    z-index:                    200;
270}
271span#menu_start {
272    width:                      85px;
273    float:                      left;
274    display:                    block;
275    height:                     30px;
276}
277span#menu_start a {
278    background:                 url("images/menu/home_w.png") no-repeat scroll left top transparent;
279    width:                      52px;
280    height:                     30px;
281    padding:                    0px;
282    margin:                     0px 20px 0px 25px;
283    display:                    block;
284    line-height:                46px;
285}
286span#menu_start a:hover {
287    background-position:        left -30px;
288}
289#quickconnect {
290    width:                      225px;
291}
292#search {
293    right:                      4px;
294    height:                     22px;
295    display:                    inline-block;
296    position:                   absolute;
297    width:                      220px;
298    margin-top:                 4px;
299}
300#quicksearch {
301    width:                      240px;
302    float:                      left;
303}
304#quicksearch input[type="text"] {
305    background:                 none repeat scroll 0% 0% rgb(121, 121, 121);
306    border:                     1px solid rgb(175, 175, 175);
307    float:                      left;
308    width:                      172px;
309    height:                     22px;
310    padding:                    0px 0px 0px 4px;
311    margin:                     0px 1px 0px 0px;
312    font-size:                  100%;
313    color:                      rgb(179, 179, 179) ! important;
314    min-width:                  0px;
315}
316#quicksearch input[type="submit"] {
317    float:                      left;
318    padding:                    0px;
319    border:                     none;
320    height:                     24px;
321    width:                      23px;
322    background:                 url("images/menu/search.png") no-repeat scroll right top transparent;
323    font-size:                  13px;
324    cursor:                     pointer;
325    min-width:                  0px;
326    margin-left:                2px;
327    border-radius:              0px 0px 0px 0px;
328    -moz-border-radius:         0px 0px 0px 0px;
329    -webkit-border-radius:      0px 0px 0px 0px;
330    box-shadow:                 none;
331    -moz-box-shadow:            none;
332    -webkit-box-shadow:         none;
333}
334#quicksearch input[type="submit"]:hover {
335    background-position:        right bottom;
336}
337#loger {
338    line-height:                20px;
339    width:                      220px;
340    position:                   absolute;
341    top:                        30px;
342    padding:                    10px;
343    float:                      left;
344    max-width:                  100em;
345    min-width:                  200px;
346    display:                    none;
347    z-index:                    0;
348}
349#loger p {
350    margin-bottom:              20px;
351}
352#log {
353    margin-bottom:              20px;
354        margin-top:                                     5px! important;
355}
356#log div {
357    margin:                     0px;
358}
359#log INPUT {
360    width:                      100%;
361    height:                     22px;
362    margin:                     0px;
363}
364#go {
365    width:                      100%;
366}
367#go INPUT[type="submit"] {
368    height:                     32px;
369    display:                    block;
370    margin:                     18px auto;
371    width:                      50%;
372}
373#log #remember_me {
374    width:                      auto;
375    height:                     auto;
376}
377.close {
378    cursor:                     pointer;
379    height:                     16px;
380    width:                      16px;
381    background:                 url("images/menu/close.png") no-repeat scroll 0% 0% transparent;
382    float:                      right;
383}
384.close:hover {
385    background:                 url("images/menu/close.png") no-repeat scroll 0px -16px transparent;
386}
387/*_______________________________content______________________________________*/
388
389#the_page #content, #the_page > .content {
390    width:                      90%;
391    margin:                     20px auto;
392        border:                                         none;
393}
394
395.contentWithMenu {
396    margin:                     0px auto;
397}
398.thumbnailCategories, #profile, .filter {
399    background:                 none repeat scroll 0% 0% rgb(51, 51, 51);
400    border:                     1px solid rgb(20, 20, 20);
401    border-radius:              5px 5px 5px 5px;
402    -moz-border-radius:         5px 5px 5px 5px;
403    -webkit-border-radius:      5px 5px 5px 5px;
404    margin-bottom:              20px;
405}
406.thumbnailCategory .illustration, .commentElement .illustration{
407        text-align:                                     left;
408}
409.content .titrePage {
410    margin:                     10px;
411    height:                     auto;
412        background:                                     none;
413        border:                                         none;
414}
415.content .titrePage H2, #imageHeaderBar h2{
416        font-size:                                      120%;
417        font-weight:                            bold;
418}
419.blockConteneur {
420    background:                 none repeat scroll 0% 0% rgb(51, 51, 51);
421    border:                     1px solid rgb(20, 20, 20);
422    border-radius:              5px 5px 5px 5px;
423    -moz-border-radius:         5px 5px 5px 5px;
424    -webkit-border-radius:      5px 5px 5px 5px;
425}
426.thumbnailCategory {
427    margin:                     40px auto;
428    padding:                    10px;
429    display:                    table;
430}
431.illustration {
432    position:                   relative;
433    margin:                     0px;
434}
435.illustration img {
436    box-shadow:                 10px 10px 5px 0px rgb(0, 0, 0);
437    -moz-box-shadow:            10px 10px 5px 0px rgb(0, 0, 0);
438    -webkit-box-shadow:         10px 10px 5px 0px rgb(0, 0, 0);
439    border-radius:              5px 5px 5px 5px;
440    -moz-border-radius:         5px 5px 5px 5px;
441    -webkit-border-radius:      5px 5px 5px 5px;
442    float:                      left;
443}
444.content ul.thumbnails .wrap1 {
445    display:                    inline-block;
446    margin:                     20px 20px 5px;
447    text-align:                 center;
448    vertical-align:             top;
449}
450.content UL.thumbnails .wrap2 {
451    height:                     140px;
452}
453.thumbnail {
454    position:                   relative;
455}
456.thumbnailCategory DIV.description, .thumbnailCategory DIV.description_main {
457    background:                 none repeat scroll 0px 0px rgba(0, 0, 0, 0.5);
458    overflow:                   hidden;
459    color:                      rgb(255, 255, 255);
460    position:                   absolute;
461    top:                        0px;
462    right:                      0px;
463    z-index:                    100;
464    width:                      35%;
465    height:                     100%;
466    border-radius:              0px 5px 5px 0px;
467    -moz-border-radius:         0px 5px 5px 0px;
468    -webkit-border-radius:      0px 5px 5px 0px;
469    border-left:                1px solid rgba(0, 0, 0, 0.51);
470}
471.description_stuffs {
472    background:                 none repeat scroll 0px 0px rgba(0, 0, 0, 0.5);
473    overflow:                   hidden;
474    color:                      rgb(255, 255, 255);
475    position:                   absolute;
476    top:                        0px;
477    right:                      0px;
478    z-index:                    100;
479    width:                      100%;
480    height:                     auto;
481    border-radius:              5px 5px 0px 0px;
482    -moz-border-radius:         5px 5px 0px 0px;
483    -webkit-border-radius:      5px 5px 0px 0px;
484}
485.description_stuffs .thumbLegend {
486    height:                     auto ! important;
487}
488.thumbnails SPAN.thumbLegend {
489    height:                     80px;
490    padding:                    5px;
491}
492.thumbnailCategory .description H3 {
493    font-size:                  130%;
494    padding:                    5px 10px;
495}
496.thumbnailCategory .description P {
497    margin-bottom:              2px;
498    padding:                    5px 10px;
499}
500.thumbnails {
501        padding:                                        10px;
502    margin-top:                 20px;
503    border:                     1px solid rgb(20, 20, 20);
504    border-radius:              5px 5px 5px 5px;
505    -moz-border-radius:         5px 5px 5px 5px;
506    -webkit-border-radius:      5px 5px 5px 5px;
507    background:                 none repeat scroll 0% 0% rgb(51, 51, 51);
508}
509.thumbnailCategories LI {
510    float:                      none;
511    width:                      auto;
512}
513.commentElement .description {
514    padding:                    10px;
515}
516#comments {
517    background:                 none repeat scroll 0% 0% rgb(51, 51, 51);
518    border:                     1px solid rgb(20, 20, 20);
519    border-radius:              5px 5px 5px 5px;
520    -moz-border-radius:         5px 5px 5px 5px;
521    -webkit-border-radius:      5px 5px 5px 5px;
522    margin:                     40px auto;
523    width:                      90%;
524}
525.switchBox {
526    background:                 none repeat scroll 0% 0% rgb(51, 51, 51);
527    z-index:                    150;
528        border:                                         1px solid rgb(20, 20, 20);
529}
530.browsePath {
531    display:                    block;
532}
533#slideshow {
534    width:                      90%;
535    margin:                     0px auto;
536}
537.content .calendarBar {
538    height:                     20px;
539    padding-top:                5px;
540    margin:                     0px;
541}
542#imageToolBar .imageNumber{
543        margin-top:                                     -25px;
544}
545#imageToolBar .actionButtons {
546    margin-left:                50px;
547    z-index:                    120;
548}
549
550/*_______________________________SLIDE______________________________________*/
551#pageslide {
552    display:                    none;
553    position:                   fixed;
554    top:                        0px;
555    height:                     100%;
556    z-index:                    999999;
557    background-color:           rgb(51, 51, 51);
558    color:                      rgb(255, 255, 255);
559    overflow:                   hidden;
560    padding:                    0px;
561        background:red;
562        display:block;
563}
564.tabs {
565    background:                 none repeat scroll 0% 0% rgb(34, 34, 34);
566    z-index:                    100;
567    opacity:                    0.7;
568    -ms-filter:                 "alpha(opacity=70)";
569    filter:                     alpha(opacity=70);
570    zoom:                       1;
571    display:                    block;
572    height:                     100%;
573}
574.tabs:hover {
575    opacity:                    0.5;
576    -ms-filter:                 "alpha(opacity=50)";
577    filter:                     alpha(opacity=50);
578    zoom:                       1;
579}
580.sld_tab, .sld_tabIdent {
581    font-size:                  30px;
582    position:                   relative;
583    top:                        50%;
584    transform:                  rotate(-90deg) translateX(300px) translateY(-280px);
585    -moz-transform:             rotate(-90deg) translateX(300px) translateY(-280px);
586    -webkit-transform:          rotate(-90deg) translateX(300px) translateY(-280px);
587    -o-transform:               rotate(-90deg) translateX(300px) translateY(-280px);
588    width:                      600px;
589}
590#sld_tab div {
591    display:                    none;
592}
593.visible {
594    opacity:                    1;
595    -ms-filter:                 "alpha(opacity=100)";
596    filter:                     alpha(opacity=100);
597    zoom:                       1;
598}
599/*_______________________________scrollbar______________________________________*/
600.jspPane {
601    position:                   absolute;
602        min-height:100%;
603}
604.jspContainer {
605    overflow:                   hidden;
606    position:                   relative;
607}
608.jspVerticalBar {
609    position:                   absolute;
610    top:                        0px;
611    right:                      0px;
612    width:                      16px;
613    height:                     100%;
614}
615.jspHorizontalBar {
616    position:                   absolute;
617    bottom:                     0px;
618    left:                       0px;
619    width:                      100%;
620    height:                     16px;
621    background:                 none repeat scroll 0% 0% red;
622}
623.jspVerticalBar *, .jspHorizontalBar * {
624    margin:                     0px;
625    padding:                    0px;
626}
627.jspCap {
628    display:                    none;
629}
630.jspHorizontalBar .jspCap {
631    float:                      left;
632}
633.jspTrack {
634    background:                 none repeat scroll 0% 0% rgb(34, 34, 34);
635    position:                   relative;
636}
637.jspDrag {
638    background:                 url("images/drag.png") no-repeat scroll 0% 0% transparent;
639    position:                   relative;
640    top:                        0px;
641    left:                       0px;
642    cursor:                     pointer;
643}
644.jspDrag:hover {
645    background:                 url("images/dragH.png") no-repeat scroll 0% 0% transparent;
646}
647.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag {
648    float:                      left;
649    height:                     100%;
650}
651.jspArrow {
652    background:                 none repeat scroll 0% 0% rgb(80, 80, 109);
653    text-indent:                -20000px;
654    display:                    block;
655    cursor:                     pointer;
656}
657.jspArrow.jspDisabled {
658    cursor:                     default;
659    background:                 none repeat scroll 0% 0% rgb(128, 128, 141);
660}
661.jspVerticalBar .jspArrow {
662    height:                     16px;
663}
664.jspHorizontalBar .jspArrow {
665    width:                      16px;
666    float:                      left;
667    height:                     100%;
668}
669.jspVerticalBar .jspArrow:focus {
670    outline:                    medium none;
671}
672.jspCorner {
673    background:                 none repeat scroll 0% 0% rgb(238, 238, 244);
674    float:                      left;
675    height:                     100%;
676}
677* html .jspCorner {
678    margin:                     0px -3px 0px 0px;
679}
680.scrollpane {
681    width:                      100%;
682    height:                     100%;
683    overflow:                   auto;
684}
685/*_______________________________plugin______________________________________*/
686.stuffs_block {
687    width:                      100% ! important;
688}
689#mbContact .sub {
690    display:                    none ! important;
691}
692#languageSwitchBox {
693    background:                 none repeat scroll 0px 0px rgb(51, 51, 51) ! important;
694    z-index:                    1000 ! important;
695}
696/*_______________________________slide_______________________________________*/
697.pageslide {
698    display:                                    none;
699    position:                                   absolute;
700    top:                                                0;
701    height:                                     100%;
702    z-index:                                    101;
703    width:                                              100%;
704    background-color:                   #222;
705    color:                                              #FFF;
706}
707.tab{
708        height:                                         100%;
709        position:                                       absolute;
710        right:                                          0px;
711        width:                                          40px;
712        background:                                     none repeat scroll 0% 0% rgb(34, 34, 34);
713        cursor:                                         pointer;
714        z-index:                                        100;
715        display:                                        none;
716        border-right:                           1px solid #808080;
717        padding-right:                          2px
718}
719.tab:hover{
720        background:                                     none repeat scroll 0% 0% #333333;
721}
722
723/*____________________________SLIDESHOW___________________________________________*/
724#slideshow{
725        font-family:                            Arial;
726        font-size:                                      12px;
727        position:                                       relative;
728        min-width:                                      500px;
729        min-height:                             500px;
730        margin-top:                                     10px
731        }
732.contener_slideshow{
733        border:                                         1px solid #ccc;
734        border-radius:                          5px
735}
736#slideshow ul{
737        height:                                         100%;
738        margin:                                         0;
739        padding:                                        0;
740        position:                                       relative;
741        overflow:                                       hidden
742}
743#slideshow ul li{
744        list-style-type:                        none;
745}
746.slideloader{
747        background:                                     url(images/slideshow/loader.gif)no-repeat center ! important;
748        position:                                       absolute;
749        top:                                            0;
750        left:                                           0;
751        z-index:                                        1000
752}
753.contenerImg{
754        position:                                       relative
755}
756.contenerImg img{
757        position:                                       relative;
758}
759.control_slideshow{
760        position:                                       relative;
761}
762/*FADE*/
763.Fade .contenerImg{
764        position:                                       absolute;
765        left:                                           0;
766        top:                                            0;
767        }
768.Fade ul li{
769        position:                                       absolute;
770        top:                                            0;
771        left:                                           0;
772        height:                                         100%;
773        width:                                          100%
774}       
775/*SLIDE*/                       
776.slideCont{
777        overflow:                                       hidden;
778        position:                                       relative;
779}
780.Slide ul li{
781        float:                                          left
782}
783/*THUMB*/                       
784.nav-thumb-slide{
785        height:                                         auto
786}
787.nav-thumb-content{
788        position:                                       relative;
789}
790.nav-thumb-content span{
791        padding:                                        0;
792        border:                                         none;
793        }
794.thumb{
795        height:                                         100%;
796        width:                                          100%;
797        position:                                       absolute;
798        top:                                            0px;
799        left:                                           0px
800}
801.slideshow-thumb{
802        border:                                         1px #000 solid;
803        cursor:                                         pointer;
804        left:                                           3px;
805        line-height:                            22px;
806        margin:                                         3px;
807        padding:                                        2px 6px;
808        position:                                       relative;
809        text-align:                                     center;
810        top:                                            3px;
811        vertical-align:                         top;
812        display:                                        inline-block;
813        opacity:                                        0.50;                           
814}
815.slideshow-thumb:hover{
816        opacity:                                        1
817}
818.thumb_control{
819        opacity:                                        0.5;
820        width:                                          40px; 
821        height:                                         100%;
822        cursor:                                         pointer;
823        position:                                       absolute;
824        top:                                            0;
825}
826.thumb_control:hover{
827        opacity:                                        1
828}
829.thumb-left{
830        background:                                     url(images/slideshow/prev_thumb.png)no-repeat 50% 50%;
831}
832.thumb-right{
833        background:                                     url(images/slideshow/next_thumb.png)no-repeat 50% 50%;
834        right:                                          0;
835}
836.nav-thumb-slide{
837        overflow:                                       hidden;
838       
839}
840.clt_thumb{
841        background:                                     url(images/slideshow/show.png)no-repeat -2px -34px;
842        border:                                         1px #4a4a4a solid;
843        width:                                          28px;
844        height:                                         28px;
845        cursor:                                         pointer;
846        margin:                                         3px;
847        text-align:                                     center;
848        vertical-align:                         top;
849        right:                                          0;
850        z-index:                                        200;
851        display:                                        inline-block;
852        position:                                       absolute;
853}
854.show{
855        background:                                     url(images/slideshow/show.png)no-repeat -2px -2px
856}
857/*LINK-NAV*/                   
858.link{
859        text-align:                                     center;
860        height:                                         auto;
861        padding:                                        5px 0;
862        position:                                       relative
863}
864.slideshow-link{
865        cursor:                                         pointer;
866        display:                                        inline-block;
867        width:                                          24px;
868        height:                                         24px;
869        background:                                     url(images/slideshow/nav.png)no-repeat center 0px;
870        padding:                                        0 10px;
871        color:                                          #fff;
872        line-height:                            24px
873}
874.slideshow-link:hover{
875        background:                                     url(images/slideshow/nav.png) no-repeat scroll center -24px transparent;
876}
877.selected {
878        background:                                     url(images/slideshow/nav.png) no-repeat scroll center -24px transparent;
879        font-weight:                            bold;
880        opacity:                                        1;
881}
882/*PLAY/PAUSE*/                 
883.slideshow_control      {                       
884        display:                                        inline-block;
885        border:                                         1px #4a4a4a solid;
886        width:                                          28px;
887        height:                                         28px;
888        cursor:                                         pointer;
889        margin:                                         3px;
890        text-align:                                     center;
891        vertical-align:                         top;
892        z-index:                                        200
893}
894.pause{
895        background:                                     url(images/slideshow/pauseh.png)no-repeat center;
896}
897.play{
898        background:                                     url(images/slideshow/playh.png)no-repeat center 
899}
900.play:hover{
901        background:                                     url(images/slideshow/play.png)no-repeat center
902}
903.pause:hover{
904        background:                                     url(images/slideshow/pause.png)no-repeat center;
905}
906/*NAVIGATION*/                 
907.nav{
908        cursor:                                         pointer;
909        position:                                       absolute;
910        width:                                          10%;
911        top:                                            0;
912        min-width:                                      30px
913}
914.prev{
915        left:                                           0
916}
917.next{
918        right:                                          0
919}
920.prev:hover{
921        background:                                     url(images/slideshow/prev.png)no-repeat 0 50%;
922}
923.next:hover{
924        background:                                     url(images/slideshow/next.png)no-repeat 100% 50%
925}
926/*DESCRIPTION*/
927.descr{
928        position:                                       absolute;
929        color:                                          #fff;
930        z-index:                                        100;
931        display:                                        none;
932        background:                             rgba(0,0,0,0.5);
933        font-size:                                      15px
934}
935
936
937/*_____________________________________RATING____________________________________________________*/
938#rateForm{
939        position:                                       relative
940}
941INPUT[type="submit"].rateButton, INPUT[type="button"].rateButton {
942    background:                                 url("images/rating-stars.png") repeat scroll 0% 0% transparent;
943        min-width:                                      inherit;
944        box-shadow:                                     none;
945        border-radius:                          0;
946        margin:                                         0 5px;
947        height:                                         16px;
948        width:                                          16px;
949        padding-bottom:                         0
950       
951}
952INPUT[type="button"].rateButtonSelected {
953    background:                                 url("images/rating-stars.png") repeat scroll 16px center transparent;
954        margin:                                         0 5px;
955        height:                                         16px;
956        width:                                          16px;
957        font-size:                                      100%
958}
959INPUT[type="submit"].rateButtonFull, INPUT[type="button"].rateButtonFull {
960    background:                                 url("images/rating-stars.png") repeat scroll 16px center transparent;
961}
962.derivative:hover, .original:hover{
963        color:                      rgb(194, 194, 194);
964        cursor:                                         pointer
965}
966
967/*________________________________________COMMENT__________________________________*/
968@keyframes monanimation {
969  0% {
970    border:                                     1px solid #fff;
971  }
972  100%{
973    border:                                     1px solid red;
974  }
975}
976#comments TEXTAREA, #comments INPUT[type="text"]{
977    border:                                     1px solid #fff;
978}
979
980#comments INPUT[type="text"].requi, #comments TEXTAREA.requi {
981        animation:                                      monanimation 0.5s ease-in-out 4 alternate;
982        border:                                         1px solid red;
983}
984#msgBoxCom {
985    border:                     1px solid rgb(107, 120, 133);
986    border-radius:              5px 5px 5px 5px;
987    -moz-border-radius:         5px 5px 5px 5px;
988    -webkit-border-radius:      5px 5px 5px 5px;
989    text-align:                 center;
990    font-size:                  1.2em;
991    height:                     auto;
992    width:                      310px;
993    padding:                    25px 5px;
994}
995#msgBox {
996    background:                 none repeat scroll 0% 0% rgb(0, 0, 0);
997    position:                   fixed;
998    top:                        100px;
999    right:                      100px;
1000    width:                      320px;
1001    height:                     auto;
1002    padding:                    15px;
1003    border-radius:              5px 5px 5px 5px;
1004    -moz-border-radius:         5px 5px 5px 5px;
1005    -webkit-border-radius:      5px 5px 5px 5px;
1006    z-index:                    200;
1007}
1008
1009/*_______________________________PICTURE PAGE____________________________________________________*/
1010#imgContent{
1011        position:                                       relative;
1012        display:                                        table;
1013        margin:                                         auto
1014}
1015#imgHoverNav a{
1016        outline:                                        medium none
1017}
1018#imgPrevHov,#imgNextHov,#thumbPrevHov,#thumbNextHov{
1019        width:                                          48%;
1020        height:                                         100%;
1021        display:                                        block;
1022        border:                                         medium none!important;
1023        opacity:                                        0;
1024        position:                                       relative
1025}
1026#imgPrevHov{
1027        left:                                           0;
1028        float:                                          left;
1029        margin-left:                            3px;
1030        background:                                     url(images/picture/imgPrevHover.png) no-repeat scroll left 45% transparent
1031}
1032#imgNextHov{
1033        right:                                          0;
1034        float:                                          right;
1035        margin-right:                           3px;
1036        background:                                     url(images/picture/imgNextHover.png) no-repeat scroll right 45% transparent
1037}
1038#thumbPrevHov{
1039        left:                                           0;
1040        float:                                          left;
1041        background:                                     none repeat scroll 0 0 transparent
1042}
1043#thumbNextHov{
1044        right:                                          0;
1045        float:                                          right;
1046        background:                                     none repeat scroll 0 0 transparent
1047}
1048#imgPrevHov:hover,#imgNextHov:hover,#thumbPrevHov:hover,#thumbNextHov:hover{
1049        opacity:                                        1
1050}
1051.linkPrev{
1052        position:                                       absolute;
1053        left:                                           -80px;
1054        top:                                            40%
1055}
1056.linkNext{
1057        position:                                       absolute;
1058        right:                                          -80px;
1059        top:                                            40%
1060}
1061#imageInfos{ 
1062        border-radius:                          5px;
1063}
1064.pwg-icon-arrowstop-w{
1065        display:                                        none
1066}
1067
1068
1069/*_________________________slide loading_______________________________________________*/
1070#slideLoading{
1071        position:                                       fixed;
1072        height:                                         100px;
1073        width:                                          100px;
1074        background:                                     url("/piwigo26/themes/Slide/images/ajax-loader.gif") no-repeat scroll center center rgba(51, 51, 51, 0.46); 
1075        z-index:                                        0;
1076        border-radius:                          5px;
1077        border:                                         1px solid #000;
1078}
Note: See TracBrowser for help on using the repository browser.