source: extensions/Versa/theme.css @ 31978

Revision 31944, 20.4 KB checked in by lexming, 5 months ago (diff)

Added nicer warnings

Line 
1* {
2        border: 0px none;
3        font-family: inherit;
4        font-style: inherit;
5        font-weight: inherit;
6        font-size: inherit;
7        margin: 0px;
8        outline: 0px none;
9        padding: 0px;
10        vertical-align: baseline;
11       
12        text-size-adjust: none;
13        -moz-text-size-adjust: none;
14        -webkit-text-size-adjust: none;
15        -ms-text-size-adjust: none;
16}
17
18HTML { 
19        font-family: 'Noto Sans',sans-serif;
20        font-weight: normal;
21        font-size: 16px;
22}
23
24@media (min-resolution: 150dpi) and (orientation: landscape) {  html { font-size: 16px; } }
25@media (min-resolution: 150dpi) and (orientation: portrait) {   html { font-size: 20px; } }
26@media (min-resolution: 250dpi) and (orientation: landscape) {  html { font-size: 22px; } }
27@media (min-resolution: 250dpi) and (orientation: portrait) {   html { font-size: 32px; } }
28
29H1, H2, H3, H4, H5, H6 {
30        font-family: 'Raleway',sans-serif;
31        font-weight: 300;
32}
33
34UL { list-style: none outside none; }
35
36INPUT, TEXTAREA, SELECT, BUTTON {
37        padding: 0.5ex 0.5em;
38        border: 0px none;
39        border-radius: 2px;
40        line-height: 1.5;
41        color: #999999;
42        background-color: #161616;
43        box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.5);
44}
45
46INPUT[type=submit] { font-weight: bold; } 
47INPUT[type=submit], INPUT[type=reset], INPUT[type=button], BUTTON { cursor: pointer; box-shadow: none; } 
48INPUT[type=submit]:hover, INPUT[type=reset]:hover, INPUT[type=button]:hover, BUTTON:hover { color: #66AADD; } 
49
50FIELDSET { 
51        margin-bottom: 3ex;
52        line-height: 2.0; 
53}
54
55FIELDSET > LEGEND {
56        margin-bottom: 0.5ex; 
57        text-transform: uppercase;
58}
59
60FIELDSET > UL { 
61        padding: 0.5ex 1em;
62        font-size: 0.9rem; 
63}
64
65FIELDSET INPUT[type=radio], INPUT[type=checkbox]  { display: none; }
66
67BODY { 
68        color: #777777;
69        background-color: #212121;
70}
71
72A { 
73        color: #AAAAAA;
74        text-decoration: none; 
75}
76A:hover {
77        color: #66AADD; 
78        text-decoration: none;
79        border: none; 
80}
81
82/****************************************************************/
83/*      THE HEADER                                              */     
84/****************************************************************/
85
86HEADER { display: block; }
87
88#theHeader {
89        width : 100%;
90        overflow: auto;
91        background-color: #2B2B2B;
92        border-bottom: 1px dashed #4D4D4D;
93        z-index: 4;
94}
95
96#theHeader H1 {
97        display: inline-block;
98        margin: 0ex 1em;
99        padding: 1ex 1em;
100        font-size: 1.4rem;
101}
102
103#theHeader .searchbar, #theHeader .navbar {
104        display: inline-block;
105        margin: 0ex 1em;
106        padding: 0.5ex 1em;
107        font-size: 1.0rem;
108        text-align: center;
109        text-transform: uppercase;
110}
111
112#theHeader .searchbar A { display: inline-block; }
113
114#theHeader .searchbox {
115        display: inline-block;
116        visibility: hidden;
117        margin: 0ex 0.5em;
118        z-index: 2;
119}
120#theHeader .searchbox INPUT { 
121        font-size: 0.8rem; 
122        border: solid 1px #66AADD; 
123}
124#theHeader .searchbar:hover > .searchbox { visibility: visible; }
125
126#theHeader .navbar { float: right; }
127
128/****************************************************************/
129/*      THE LEFT MENU                                           */     
130/****************************************************************/
131
132#menuSwitcher {
133        position: absolute;
134        padding: 0.5ex;
135        color: #AAAAAA;
136        cursor: pointer;
137}
138#menuSwitcher I { font-size: 1.4rem; }
139#menuSwitcher:hover { color: #66AADD; }
140
141#menubar {
142        display: none;
143        flex: 0 1 20%;
144        width: 20%;
145        min-width: 8em;
146        max-width: 16em;
147        margin: 0em;
148        padding: 4ex 2em;
149        background-color: #212121;
150        font-size: 1.0rem;
151}
152
153/*** Menu CSS driven opening/closing ***/
154@media (min-width: 480px) and (orientation: landscape) {
155        #menuSwitcher { color: #555555; }
156        #menubar { display: block; }
157}
158/*** Menu JS driven opening/closing ***/
159#menuSwitcher.close { color: #AAAAAA; }
160#menubar.close { display: none; }
161#menuSwitcher.open { color: #555555; }
162#menubar.open { display: block; }
163
164#menubar DL {
165        margin-bottom: 4ex;
166        padding: 0em;
167}
168
169#menubar DT {
170        margin-bottom: 2ex;
171        overflow: hidden;
172        font-size: 1.1rem;
173        font-weight: bold;
174        text-overflow: ellipsis;
175        text-align: left;
176        text-transform: uppercase;
177}
178
179#menubar UL {
180        margin: 0ex;
181        padding: 0ex;
182        list-style: none outside none;
183}
184
185#menubar LI {
186        margin: 0.8ex 0em;
187        overflow: hidden;
188        text-overflow: ellipsis;
189        word-wrap: nowrap;
190        white-space: nowrap;
191}
192
193.totalImages { font-size: 0.9rem; }
194
195#quickconnect DIV { 
196        width: 100%;
197        margin: 0.5ex 0em; 
198}
199#quickconnect #username, #quickconnect #password {
200        width: 100%; 
201        box-sizing: border-box;
202}
203#quickconnect > FIELDSET > LEGEND {
204        margin: 0ex; 
205        /*font-size: 0.8rem;*/
206        text-transform: uppercase;
207}
208
209/****************************************************************/
210/*      CONTENTS OF INDEX PAGE                                  */     
211/****************************************************************/
212
213#mainBox { 
214        display: flex;
215        flex-flow: row nowrap;
216        justify-content: flex-start;
217        align-items: stretch;
218        align-content: stretch;
219        background-color: #1A1A1A; 
220}
221
222#contentBox { flex: 1 1 auto; padding-bottom: 2ex; }
223#content, .content { width: 100%; }
224
225#the_page .stuffs { margin: 0ex !important; padding: 0ex 0em 2ex 0em !important; }
226#the_page .left_block { margin: 0ex !important; }
227
228.titrePage {
229        margin: 3ex 2em;
230        text-transform: uppercase;
231}
232.titrePage H2 { 
233        font-size: 1.5rem;
234        border-bottom: solid 1px #212121; 
235}
236
237.categoryActions {
238        font-size: 0.9rem;
239        font-weight: normal;
240        text-transform: uppercase;
241}
242
243.categoryActions LI {
244        display: inline-block;
245        padding-right: 1.0em;
246        vertical-align: text-bottom;
247}
248
249.switchBox {
250        display: none;
251        position: absolute;
252        padding: 1ex 2em 3ex 1em;
253        font-size: 0.8rem;
254        text-align: left;
255        line-height: 1.5;
256        background-color: #333333;
257        z-index: 100;
258}
259.switchOpen { background-color: #333333; }
260
261.calendarViews {
262        float: right;
263        margin: 0ex 2em;
264        padding-right: 0.5em;
265        font-size: 0.8rem;
266}
267
268.calendarTitle, .calendarBar { 
269        margin: 1ex 2em;
270        font-size: 1.0rem; 
271}
272
273.calendarBar { 
274        display: flex;
275        flex-flow: row nowrap;
276        align-items: center;
277}
278.prevCal, .nextCal { flex: 1 0 auto; }
279.navbarItems {
280        flex: 1 1 auto;
281        width: 100%;
282        padding: 0ex 1em;
283}
284
285.calendarCalBar { 
286        display: flex;
287        padding: 3ex 2em;
288        border-style: solid none;
289        border-width: 2px;
290        border-color: #212121; 
291}
292.calCalHead {
293        flex: 0 0 auto;
294        width: 9em;
295        font-weight: 900;
296}
297.calCalItems { flex: 1 1 auto; }
298
299.calItem, .calCal { 
300        padding-right: 1em; 
301        white-space: nowrap; 
302}
303
304.calMonth { 
305        margin: 2ex auto; 
306        border-collapse: collapse;
307}
308.calMonth TH {
309        padding: 1ex 1em;
310        background-color: #2b2b2b;
311}
312
313.calDayCellFull, .calDayCellEmpty { 
314        font-size: 1.4rem; 
315        font-weight: 400;
316        vertical-align: top; 
317        border: solid 1px #212121;
318}
319.calBackDate {
320        position: absolute;
321        padding: 0.6ex 0.6em;
322        z-index: 2;
323        font-weight: 900;
324        vertical-align: top;
325        color: #222222;
326}
327.calForeDate {
328        position: absolute;
329        padding: 0.5ex 0.5em;
330        z-index: 3;
331        font-weight: 900;
332        vertical-align: top;
333        color: #999999;
334}
335
336.thumbnails, .thumbnailsCategories {
337        display: flex;
338        flex-flow: row wrap;
339        justify-content: left;
340        list-style: none;
341}
342.thumbnails LI {
343        position: relative;
344        flex-grow: 1;
345        height: auto; 
346}
347
348.thumbPhoto {
349        display: block;
350        width: 100%;
351        max-width: 100%;
352        height: auto;
353}
354
355.thumbLegend {
356        position: absolute;
357        bottom: 0%;
358        width: 100%;
359        padding: 1ex 0em;
360        font-size: 0.7rem;
361        line-height: 1.2; 
362}
363.thumbLegend P { margin: 0.8ex 0em; }
364.thumbLegend SPAN { 
365        padding: 0ex 1em;
366        box-decoration-break: clone;
367        color: #AAAAAA;
368        background-color: rgba(17, 17, 17, 0.5);
369        line-height: 1.4;
370}
371.thumbnails LI:hover .thumbLegend SPAN { color: #EEEEEE }
372.thumbName { text-transform: uppercase; }
373
374
375.thumbnailsCategories LI { 
376        position: relative;
377        flex: 0 1 auto; 
378}
379.thumbnailsCategories DIV {
380        position: absolute;
381        top: 20%;
382        width: 100%;
383        padding: 2ex 1em;
384        box-sizing: border-box;
385        color: #CCCCCC;
386        background-color: rgba(17, 17, 17, 0.5);
387}
388.thumbnailsCategories H3 { font-size: 1.2rem; margin-bottom: 0.5ex; } 
389.thumbnailsCategories P { font-size: 0.9rem; } 
390.thumbnailsCategories .Nb_images { font-size: 0.8rem; } 
391.thumbnailsCategories A { color: #EEEEEE } 
392.thumbnailsCategories A:hover { color: #66aadd } 
393.thumbnailsCategories LI:hover P { color: #EEEEEE }
394
395.coverCategory { 
396        display: block; 
397        width: 100%;
398}       
399
400.errors {
401        padding: 2ex 2em;
402        color: #EEEEEE;
403        background-color: #C84B4B;
404        font-size: 1.1rem;
405}
406
407.infos {
408        padding: 2ex 2em;
409        color: #DDDDDD;
410        background-color: #328F41;
411        font-size: 1.1rem;
412        font-weight: bold;
413}
414
415.warnings {
416        padding: 2ex 2em;
417        color: #333333;
418        background-color: #e0e072;
419        font-size: 1.0rem;
420}
421.warnings A { color: #333333; font-weight: bold }
422
423
424#copyright { padding: 1ex 1em; font-size: 0.8rem; }
425
426/***** Plugins **************************************************/
427
428#content > FIELDSET { margin: 2ex 2em; }
429
430.download-links { margin-bottom: 2ex; }
431.download-links a img { display: none; }
432.download-links a:before { content:"\f019"; font-family:FontAwesome; }
433.download-links li.warning { color:#999999; font-weight: normal; font-size: 1.0rem }
434
435a.cancel-down { 
436        padding: 1ex 1em;
437        color: #CCCCCC; 
438        background-color: #C84B4B; 
439        font-weight: normal; 
440        border: none; 
441}
442a.cancel-down:hover { color: #FFFFFF; }
443
444### Community
445#uploadProgress, 
446#photosAddContent > FIELDSET { width: auto !important; margin: 2ex 2em !important; }
447#photosAddContent p.showFieldset { width: auto !important;  margin: 2ex 0em !important; }
448
449#uploadForm { font-size: 0.9rem; }
450#uploadForm LEGEND { font-size: 1.0rem; }
451#uploadForm > FIELDSET { width: auto !important; margin: 2ex 0em !important; }
452#uploadForm > FIELDSET INPUT, 
453#uploadForm > FIELDSET SELECT { float: none; }
454
455#uploadWarningsSummary, #uploadModeInfos { 
456        margin: 1ex 1em !important; 
457        font-size: 0.8rem !important; 
458        white-space: nowrap !important;
459}
460#addUploadBox > A:before { content:"\f067\ "; font-family:FontAwesome; }
461
462.plupload_filelist, .plupload_filelist_header, .plupload_filelist_footer {
463        border: none !important;
464        color: #999999 !important;
465        background-color: #161616 !important;
466}
467.plupload_filelist { box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.5); }
468
469
470/****************************************************************/
471/*      IMAGE PAGE                                              */     
472/****************************************************************/
473
474#theImage {
475        position: relative;
476        overflow: hidden; 
477        text-align: center; 
478        background-color: #1A1A1A;
479}
480
481#theBackImage {
482        z-index: 3;
483        position: relative;
484        width: 100%;
485        max-height: 100vh;
486        background-position: center;
487        background-size: contain;
488        background-repeat: no-repeat;
489        cursor: grab;
490}
491
492#theMainImage { 
493        display: block; 
494        width: 100%; 
495        height: auto;
496        visibility: hidden;
497}
498
499.navBackThumb {
500        z-index: 0;
501        display: flex;
502        align-items: center;
503        color: #333333;
504}
505
506.navThumb { z-index: 6; }
507.navThumb, .navBackThumb {
508        position: absolute;
509        top: 0%;
510        width: 5%;
511        height: 100%;
512        font-size: 2.0rem;
513}
514#prevThumb, #prevBackThumb { left: 0%; }
515#nextThumb, #nextBackThumb { right: 0%; }
516
517.linkThumb {
518        display: flex;
519        visibility: hidden;
520        width: 100%;
521        height: 100%;
522        align-items: center;
523        color: #CCCCCC;
524        text-shadow: 0.2ex 0.2em #1A1A1A;
525}
526#linkPrev, #prevBackThumb { justify-content: flex-start; }
527#linkNext, #nextBackThumb { justify-content: flex-end; }
528
529.linkThumb > *, .navBackThumb > * { margin: 0.5em; }
530
531.navThumb:hover .linkThumb { visibility: visible; }
532
533/***** Image Info **************************************************/
534
535#imageCard { 
536        padding: 0ex 2em;
537        background-color: #212121; 
538        border: solid 1px transparent;
539}
540
541#slideshow { position: relative; }
542
543#imageHeaderBar {
544        margin: 3ex auto;
545        font-weight: 400;
546        text-transform: uppercase;
547}
548#slideshow > #imageHeaderBar { 
549        position: absolute; 
550        bottom: 0%; left: 0%;
551        padding: 0ex 2em; 
552        z-index: 12; 
553        color: #DDDDDD;
554        text-shadow: 1px 1px rgba(0, 0, 0, 0.5); 
555}
556
557#imageToolBar { font-size: 0.9rem; }
558#imageToolBar > LI, #imageToolBar > DIV {
559        display: inline-block;
560        vertical-align: text-bottom;
561        padding-right: 1em;
562}
563#slideshow > #imageToolBar { 
564        position: absolute; 
565        bottom: 0%; right: 0%; 
566        padding: 2ex 2em; 
567        z-index: 15; 
568        text-shadow: 1px 1px rgba(0, 0, 0, 0.5); 
569}
570
571#slideshow .imageNumber { color: #AAAAAA; }
572
573.browsePath { 
574        font-family: 'Raleway',sans-serif; 
575        font-weight: 300; 
576        font-size: 1.5rem;
577}
578.browsePath > H2 { display: inline-block; }
579.browsePath .fa-stop-circle { margin-left: 1em; margin-right: 0.5em; }
580
581.additional_info { margin: 1ex 2em; font-size: 1.0rem; }
582
583#InfosAndComments { margin: 2ex auto; }
584#InfosAndComments > * { vertical-align: top; }
585
586.imageComment { margin-bottom: 2ex; }
587
588#imageInfos, #MetadataBox { 
589        display: inline-block;
590        max-width: 16em;
591        margin-right: 2em;
592        margin-bottom: 2ex;
593        text-align: left;
594}
595
596.imageInfoTable { font-size: 1.0rem; }
597.imageInfoTable > DIV { margin-bottom: 1ex; }
598.imageInfoTable DT { font-weight: 900; text-transform: uppercase; }
599
600.licIcons { font-size: 1.0rem; }
601.licIcons IMG { vertical-align: text-bottom; }
602
603.navigationBar { margin: 1ex 1em; font-size: 1.0rem; }
604.navigationBar > .pageNumberSelected { padding: 0ex 0.5em; font-weight: bold; }
605.navigationBar > A { padding: 0ex 0.5em; }
606
607.rateButton, .rateButtonStarFull, .rateButtonStarEmpty { cursor: pointer; }
608.rateButtonSelected { font-weight: bold; }
609.rateButtonStarFull {
610        color: red;
611        background-color: blue; 
612        background: url(icon/star_font_awesome.svg) no-repeat center left;
613        background-size: contain;
614}
615.rateButtonStarEmpty { 
616        color: red;
617        background-color: blue; 
618        background: url(icon/star_empty_font_awesome.svg) no-repeat center left;
619        background-size: contain;
620}
621
622/****************************************************************/
623/*      TAGS PAGE                                               */     
624/****************************************************************/
625
626.tagLevel1 { font-weight:200; font-size: 0.9rem; white-space: nowrap; }
627.tagLevel2 { font-weight:300; font-size: 1.0rem; white-space: nowrap; }
628.tagLevel3 { font-weight:400; font-size: 1.1rem; white-space: nowrap; }
629.tagLevel4 { font-weight:700; font-size: 1.3rem; white-space: nowrap; }
630.tagLevel5 { font-weight:900; font-size: 1.5rem; white-space: nowrap; }
631
632#fullTagCloud, #menuTagCloud {
633        font-family: 'Raleway',sans-serif;
634        text-align: left; 
635}
636#fullTagCloud { margin: 0ex 2em; }
637#menuTagCloud { margin: 0ex 0em; }
638#fullTagCloud > SPAN, #menuTagCloud > SPAN { margin-right: 0.5em; }
639
640#tagLetterList { 
641        display: flex;
642        flex-flow: row wrap;
643        justify-content: space-between;
644        align-content: flex-start;
645        margin: 2ex 2em;
646}
647.tagLetter { 
648        flex: 0 0 auto;
649        width: 10em; 
650        padding: 1ex 1em;
651}
652.tagLetterLegend {
653        margin: 1ex 1em;
654        font-weight: bold;
655        font-size: 1.2rem;
656        border-bottom: solid 1px #333333;
657 }
658.tagLetterContent { width: 100%; font-size: 0.9rem; }
659.nbEntries { float: right; padding: 0ex 0.5em; }
660
661/****************************************************************/
662/*      SEARCH PAGE                                             */     
663/****************************************************************/
664
665.filter { margin: 0ex 2em; }
666.filter > FIELDSET { display: inline-block; margin-right: 2em; }
667.filter > * { vertical-align: top }
668
669.radioLab, .checkLab { cursor: pointer; }
670.radioLab:before { padding-right: 0.5em; font-family:FontAwesome; content:"\f10c"; }
671.checkLab:before { padding-right: 0.5em; font-family:FontAwesome; content:"\f096"; }
672INPUT[type=radio]:checked + LABEL.radioLab:before { content:"\f111"; }
673INPUT[type=checkbox]:checked + LABEL.checkLab:before { content:"\f0c8"; }
674
675.selectize-input, .selectize-input > INPUT {
676        padding: 0.5ex 0.5em;
677        border: 0px none;
678        border-radius: 2px;
679        font-size: 1.0rem;
680        line-height: 1.5;
681        color: #999999;
682        background-color: #161616;
683        box-shadow: inset 0 0 3px 1px rgba(0, 0, 0, 0.5);
684}
685.selectize-dropdown {
686        padding: 0.5ex 0.5em;
687        border: 0px none;
688        border-radius: 0px;
689        font-size: 0.9rem;
690}
691
692.date_today { font-size: 0.8rem; }
693.date_arrow { font-size: 1.5rem; text-align: center; }
694
695#srchRulesInfo, .search_results { margin: 2ex 2em; }
696#srchRulesInfo > UL { 
697        padding: 1ex 1em;
698        font-size: 0.9rem; 
699        line-height: 1.5; 
700        list-style-type: circle; 
701}
702
703/****************************************************************/
704/*      COMMENTS                                                */     
705/****************************************************************/
706
707#commentsBox { margin: 3ex 0em; }
708
709.commentsList { 
710        display: flex;
711        flex-flow: row wrap;
712}
713#pictureCommentList > .commentsList { flex-flow: column nowrap; }
714
715.commentElement {
716        flex-grow: 1;
717        flex-shrink: 0;
718        margin-bottom: 2ex;
719}
720.commentElement IMG { width: 100%; height: auto; }
721
722.description { 
723        margin: 0ex 1em;
724        padding: 0.5ex 0.5em;
725        border-radius: 2px;
726        background-color: #161616;
727        font-size: 0.8rem;
728}
729#pictureCommentList .description { background-color: #1A1A1A; }
730 
731.actions {
732        float: right;
733        margin: 0ex;
734        text-transform: uppercase; 
735}
736.actions > A { 
737        padding-left: 0.5em; 
738        white-space: nowrap; 
739}
740.cmtAction > SPAN { display: none; }
741.cmtAction:hover > SPAN { display: inline; }
742
743.commentDate { margin: 0.5ex 0em; }
744.commentAuthor {
745        margin-right: 0.5em;
746        font-size: 0.9rem; 
747        font-weight: bold; 
748        text-transform: uppercase; 
749}
750.commentText { font-size: 0.9rem; color: #AAAAAA; }
751
752#editComment TEXTAREA, #editComment INPUT[type=text] { width: 90% }
753
754#comments { 
755        display: inline-block; 
756        max-width: 24em;
757}
758#comments H3 {
759        font-size: 1.2rem;
760        font-weight: 400;
761}
762
763#pictureComments { margin: 2ex 0em; }
764#pictureCommentNavBar {
765        margin: 1ex 1em;
766        font-size: 0.8rem; 
767        text-transform: uppercase;
768} 
769
770#commentAdd { margin: 2ex 0em; }
771#commentAdd > H4 { 
772        font-size: 1.1rem;
773        font-weight: 400;
774}
775
776#addComment { margin: 1ex 1em; font-size: 0.9rem; }
777#addComment > P, #editComment > P { margin-bottom: 0.5em; }
778#addComment TEXTAREA, #addComment INPUT[type=text] { width: 100% }
779
780.cmtFilter { margin: 1ex 0em; font-size: 0.9rem; }
781.cmtFilter LABEL { margin-right: 1em; }
782.cmtFilter INPUT, .cmtFilter SELECT { float: right; }
783
784/****************************************************************/
785/*      MISC PAGES                                              */     
786/****************************************************************/
787
788.loader {
789  display: none;
790  position: fixed;
791  right: 0;
792  bottom: 0;
793}
794
795#helpBox { padding: 2ex 2em; }
796#helpBox H2, #helpBox DL, #helpBox P { margin: 2ex 0em; }
797#helpBox DT { margin-top: 1ex; }
798#helpBox DD { padding-left: 0.5em; font-size: 0.9rem; }
799
800#piwigoAbout { margin: 2ex 2em; }
801#piwigoAbout > P { margin: 1ex 0em; }
802#piwigoAbout > UL { margin: 1ex 1em; }
803#linkToPiwigo { text-align: center; }
804
805.notification { margin: 2ex 2em; }
806.notification > P { margin-bottom: 2ex; }
807.notification > DL { margin: 1ex 1em; }
808
809.properties { display: inline-block; margin: 2ex 2em; }
810.properties > P { margin: 1ex 0em; }
811.properties LI { margin: 0.5ex 0em; }
812.properties > FIELDSET INPUT, 
813.properties > FIELDSET SELECT { float: right; }
814.property { margin-right: 0.5em; }
815
816.proprad { float: right; }
817.proprad > LABEL { margin-left: 1em; }
818
819#lostPassword { margin: 2ex 2em; }
820#lostPassword P { margin: 1ex 0em; }
821
822#closeLink {
823        margin: 3ex 0em 1ex; 
824        font-weight: bold;
825        text-align: center; 
826}
827
828/****************************************************************/
829/*      UNICODE ICONS                                           */     
830/****************************************************************/
831
832.pwg-icon { 
833        display:inline;
834        padding-right: 0.3em;
835        font-family:FontAwesome;
836        font-style:normal;
837        font-weight:normal;
838        line-height:1;
839        -webkit-font-smoothing:antialiased;
840        -moz-osx-font-smoothing:grayscale;
841}
842
843.pwg-button { cursor: pointer; }
844.pwg-button-text { display: inline; }
845.pwg-state-disabled { color: #555555; }
846
847.navigationButtons { font-size: 1.0rem; }
848.navigationButtons .pwg-button-text { display: none; }
849#slideshow .navGroup { margin-right: 1em; }
850.navGroup > .fa-clock-o { margin-right: 0.5em; }
851
852.pwg-icon-category-edit:before { content:"\f0ad"; }
853.pwg-icon-sort:before { content:"\f0dc"; }
854.pwg-icon-caddie-add:before { content:"\f196"; }
855.pwg-icon-category-view-flat:before { content:"\f24d"; }
856.pwg-icon-camera-calendar:before { content:"\f073"; }
857.pwg-icon-calendar:before { content:"\f133"; }
858.pwg-icon-slideshow:before { content:"\f144"; }
859.pwg-icon-sizes:before { content:"\f047"; }
860.pwg-icon-camera-info:before { content:"\f083"; }
861.pwg-icon-save:before { content:"\f019"; }
862.pwg-icon-favorite-add:before { content:"\f08a"; }
863.pwg-icon-favorite-del:before { content:"\f004"; }
864.pwg-icon-representative:before { content:"\f045"; }
865.pwg-icon-edit:before { content:"\f044"; }
866.pwg-icon-category-view-normal:before { content:"\f06e"; }
867.pwg-icon-letters:before { content:"\f15d"; }
868.pwg-icon-cloud:before { content:"\f0c2"; }
869.pwg-icon-lost-password:before { content:"\f059"; }
870.pwg-icon-help:before { content:"\f059"; }
871.pwg-icon-info:before { content:"\f05a"; }
872.pwg-icon-close:before { content:"\f148"; }
873.pwg-icon-clock-minus:before { content:"\f068"; }
874.pwg-icon-clock-plus:before { content:"\f067"; }
875.pwg-icon-repeat:before { content:"\f01e"; }
876.pwg-icon-stop:before { content:"\f28d"; }
877.pwg-icon-play:before { content:"\f144"; }
878.pwg-icon-pause:before { content:"\f28b"; }
879.pwg-icon-arrow-w:before { content:"\f053"; }
880.pwg-icon-arrow-e:before { content:"\f054"; }
881.pwg-icon-arrow-n:before { content:"\f139"; }
882
883.batch-downloader-icon { background: none !important; }
884.batch-downloader-icon:before { content:"\f019"; }
885
886#showPhotoProperties:before { content:"\f040  "; font-family:FontAwesome; }
887
Note: See TracBrowser for help on using the repository browser.