source: extensions/Slide/theme.css @ 26894

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