source: extensions/Slide/theme.css @ 31439

Last change on this file since 31439 was 28503, checked in by Miklfe, 11 years ago
File size: 32.8 KB
RevLine 
[26889]1@charset "UTF-8";
2:focus {
3    outline:                    medium none;
4}
5html {
6    height:                     100%;
7    overflow:                   hidden;
8}
9BODY {
[27741]10 /*   font-family:                'Tenor Sans',sans-serif;*/
[26889]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
[27402]184.dd_wrapper, .cl_wrapper, .cc_wrapper, #menubar dt {
[26889]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}
[27402]193#menubar dt a{
194        color:                                          #B3B3B3;
195}
[26889]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}
[28503]722.tabMin:hover{right:-20px}
[26889]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;
[26915]910        width:                                          10%;
[26889]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;
[27566]1074        background:                                     url(images/ajax-loader.gif) no-repeat scroll center center rgba(51, 51, 51, 0.46); 
[26889]1075        z-index:                                        0;
1076        border-radius:                          5px;
1077        border:                                         1px solid #000;
1078}
Note: See TracBrowser for help on using the repository browser.