source: extensions/floOS/OS_default/theme.css @ 15907

Last change on this file since 15907 was 14653, checked in by flop25, 12 years ago

minor css change : no more bottom border for links and the filter icon gets back its position from 2.3

File size: 11.6 KB
Line 
1@import "iconset.css";
2
3BODY {
4  margin: 0px;
5  padding: 0;
6  font-size: 0.8em;
7  font-family:  Univers, Helvetica, Optima, "Bitstream Vera Sans", sans-serif;
8  text-align: center; /* be nice to IE5 */
9}
10body#theCommentsPage .content, body#theUploadPage .content, body#theRegisterPage .content, body#theIdentificationPage .content, body#theProfilePage .content, body#theSearchPage .content, body#theAboutPage .content, body#thePasswordPage .content, body#theNotificationPage .content, body#theTagsPage .content {
11  margin-left: 20em !important;
12        margin-bottom: 1em !important;
13        margin-right: 1em !important;
14        margin-top:1.9em !important;
15}
16body#thePopuphelpPage #theHeader {
17        display:none;
18}
19#the_page {
20        height:100%;
21        margin: 0px;
22}
23.thumbnailCategory .icon {
24    border: none;
25}
26
27H1 {
28  text-align: center;
29  font-size: 150%;
30  font-weight: bold;
31  padding: 0;
32  margin: 0.5em 0 1em 0;
33}
34
35H2 {
36        margin: 0;
37        padding: 5px 0.5em 5px 0.5em;
38        text-align: left;
39        font-size: 120%;
40}
41
42A {
43        text-decoration:none;
44}
45A:hover {
46        border-bottom: 1px solid #fff;
47}
48A.button, A.button:hover { 
49        border: 0; 
50}
51IMG {
52        border:none;
53}
54.illustration A, .titre_acordeon A, .titre_acordeon_0 A{
55        border-bottom:none;
56}
57
58HR.separation {
59  visibility: hidden;
60  clear: both;
61}
62
63#copyright {
64    clear: both;
65    font-size: 83%;
66    text-align: center;
67    margin: 0 0 10px 0;
68}
69.thumbnails SPAN, .thumbnails .wrap2 A, .thumbnails LABEL, .thumbnailCategory DIV.illustration {
70    width: auto;
71}
72.illustration IMG {
73        max-height:120px;
74}
75
76/* contenu "section" */
77.stuffs_block #section_up_left{
78        background-position:right top;
79        background-repeat:no-repeat;
80 height:20px;
81}
82.stuffs_block #section_up {
83 background-position:top;
84 background-repeat:repeat-x;
85 height:20px;
86}
87.stuffs_block #section_up_right{
88 background-position:left top;
89 background-repeat:no-repeat;
90 height:20px;
91}
92
93/** General defaults **/
94INPUT, SELECT {
95  margin: 0;
96  font-size: 1em;       /* <= some browsers don't set it correctly */
97}
98UL, DL, LI { text-align: left;}
99TABLE {                 /* horizontaly centered */
100  margin-left: auto;
101  margin-right: auto;
102}
103/* for debugging purpose */
104PRE { text-align:left; }
105
106/** forms **/
107
108FORM { padding: 0em; margin-top: 5px; }
109
110FORM P {
111        text-align: center;
112        margin-top: 2em;
113        margin-bottom: 2em;
114}
115
116FORM FIELDSET P {
117        margin-top: 1em;
118        margin-bottom: 0;
119}
120
121.small {
122        font-size: 80%;
123}
124
125TEXTAREA.description {
126  height: 6em;
127  width: 40em;
128  overflow: auto;
129}
130
131SELECT.categoryList {
132  height: 20em;
133  width: auto;
134}
135
136DIV.comment BLOCKQUOTE {
137  padding: 0.5em;
138  overflow: auto;       /* no solution for IE6 */
139  min-height: 2.75em;   /* fix a Gecko bug whith scrollbar and 1 line only */
140}
141
142
143/**
144 * Filter forms are displayed label by label with the input (or select...)
145 * below the label. Use an UL to make a group (radiobox for instance).
146 * Use a SPAN to group objects in line
147 */
148FIELDSET {
149  padding: 1em;
150  margin: 1em;
151  overflow: hidden; /* <- makes Opera happy */
152}
153
154FORM.filter FIELDSET UL {
155  margin: 0;
156}
157FORM.filter FIELDSET UL,
158FORM.filter FIELDSET LABEL {
159  display: block;
160  float: left;
161  margin-right: 1em;
162  padding: 0;
163}
164
165FORM.filter FIELDSET LI {
166  list-style: none;
167  margin-bottom: 0.5em;
168}
169
170FORM.filter FIELDSET LI LABEL {
171  display: inline;
172  float: none;
173}
174
175FORM.filter FIELDSET UL.tagSelection LABEL {
176  display: inline;
177  float: none;
178  margin-right:0.5em;/*reduce from above*/
179}
180
181/* cannot use FIELDSET>LABEL because of IE<=6 */
182FORM.filter FIELDSET LABEL INPUT,
183FORM.filter FIELDSET LABEL SELECT,
184FORM.filter FIELDSET LABEL SPAN,
185FORM.filter FIELDSET LABEL TEXTAREA {
186  display: block;
187  margin: 0.5em 0;
188}
189FORM.filter FIELDSET * LABEL INPUT,
190FORM.filter FIELDSET * LABEL SELECT,
191FORM.filter FIELDSET * LABEL TEXTAREA,
192FORM.filter FIELDSET LABEL SPAN INPUT,
193FORM.filter FIELDSET LABEL SPAN SELECT,
194FORM.filter FIELDSET LABEL SPAN TEXTAREA {
195  display: inline;
196  vertical-align: top;
197  margin: 0 0.5em 0 0;
198}
199
200FORM.filter FIELDSET UL.tagSelection LI LABEL INPUT {
201  margin-right:0;
202}
203
204/* following declaration is important to avoid strange FF behaviour */
205FORM.filter FIELDSET LABEL SPAN SELECT {
206  margin: 0;
207}
208
209FORM.filter FIELDSET P
210{
211  clear: left;
212  display: block;
213}
214
215FORM.filter INPUT[type="submit"] {
216  margin-top: 1em;
217}
218
219FORM.properties UL, FORM#update UL {
220  list-style-type: none;
221  margin: 0;
222  padding: 0;
223}
224
225FORM.properties LI, FORM#update UL  {
226  margin-bottom: 0.5em;
227  padding: 0;
228  line-height: 1.8em;
229  clear: left;
230}
231
232FORM.properties SPAN.property {
233  font-weight: bold;
234  float: left;
235  width: 50%;
236  text-align: right;
237  margin: 0;
238  padding: 0 0.5em 0 0;
239}
240
241#theHeader H1 {
242        padding-top: 1em;
243        padding-bottom: 0.5em;
244        margin: 0px;
245}
246
247/* button tools */
248UL.actions {
249  text-indent: 0;
250  list-style: none;
251}
252UL.actions  LI {
253  display: inline;
254}
255UL.actions  A {
256  border: none;
257}
258
259UL.tagSelection {
260  width: 99%;
261  margin: 1em 0 1em 0;
262  padding: 0;
263}
264
265UL.tagSelection LI {
266  display: inline;
267  white-space: nowrap;
268}
269
270#fullTagCloud {
271  font-size: 120%;
272  text-align: justify;
273  padding: 0;
274  margin: 1em 2em 1em 2em;
275}
276
277#fullTagCloud SPAN {
278        white-space: nowrap;
279        margin: 0 2px;
280}
281
282.tagLevel5 { font-size: 150%; }
283.tagLevel4 { font-size: 140%; }
284.tagLevel3 { font-size: 120%; }
285.tagLevel2 { font-size: 100%; }
286.tagLevel1 { font-size: 90%; }
287
288
289/* Popup help page */
290BODY#thePopuphelpPage #copyright {
291  display: none;
292}
293#theNotificationPage p { padding: 0.5em; }
294
295BODY#thePopuphelpPage .content P {
296  text-align: justify;
297  padding: 0.5em;
298}
299
300BODY#thePopuphelpPage .content OL LI,
301BODY#thePopuphelpPage .content UL LI
302{
303  margin-bottom: 0.5em;
304}
305
306BODY#thePopuphelpPage P#pageBottomActions A {
307  border: none;
308}
309
310TR.tagLine {
311  border-bottom: 1px solid #ddd;
312  text-align: left;
313}
314TR.tagLine:hover {
315  background-color: #fff;
316}
317TD.nbEntries {
318  text-align: right;
319  font-style: italic;
320  font-size: 90%;
321}
322
323FIELDSET.tagLetter {
324  border: 1px solid #d3d3d3;
325  width: 200px;
326  margin: 0.5em;
327  padding: 10px;
328}
329
330LEGEND.tagLetterLegend {
331  border: 1px solid #d3d3d3;
332  font-size:120%;
333  font-weight: bold;
334  padding: 0 5px;
335  font-style: normal;
336}
337
338TABLE.tagLetterContent {
339  width:100%;
340  font-size:80%;
341  border-collapse : collapse;
342}
343
344#theNotificationPage DL,
345#thePopuphelpPage DL { margin: 0 25px 25px; }
346.content #comments UL.thumbnailCategories LI { width:99%; }
347/* jQuery datepicker */
348IMG.ui-datepicker-trigger {
349        cursor : pointer;
350}
351
352/*--------menu--------------*/
353#table_content, #table_menu {
354width:100%;
355height:100%;
356border:0;
357padding:0;
358margin:0;
359}
360
361#theHeader {
362        margin: 0px;
363        padding: 0px;
364        height:100px;
365}
366#menubar .button_res {
367        margin: 0 2px;
368        width: auto;
369        padding: 0;
370        text-indent: 0;
371        list-style: none;
372        text-align: center;
373        float: left;
374}
375.mb_left, .mb_right {
376        width:0px;
377}
378#theNotificationPage #menubar dl {
379        margin:0;
380}
381#menubar .button {
382    float: right;
383    list-style: none outside none;
384    margin: -2px 2px 2px;
385    padding: 0;
386    text-align: center;
387    text-indent: 0;
388    width: auto;
389}
390/* menu en haut */
391#div_Menu
392{
393        padding: 0px;
394        clear:both;
395        margin-right: 0px;
396        margin-bottom: 10px;
397        margin-left: 0px;
398        height:25px;
399}
400
401ul#Menu
402{
403        height:25px;
404        margin: 0;
405        list-style-type: none;
406        padding-top: 0;
407        padding-right: 0;
408        padding-bottom: 0;
409        padding-left: 8px;
410}
411ul#Menu li
412{
413        float: left;
414        text-align: center;
415        display: block;
416        margin:0 10px;
417        height:25px;
418}
419ul#Menu li a
420{
421        width: auto;
422        line-height: 30px;
423        font-size: 1em;
424        text-decoration: none;
425}
426#home_icon, #form_search_menu {
427        float:right !important;
428        margin-right:20px;
429}
430
431input#qsearchInput {
432width: 150px;
433text-align:left;
434}
435
436
437/**
438 * Informations box in administration
439 */
440.infos {
441  text-align: left;
442  color: #002000;
443  background-color: #98fb98; /* palegreen */
444  background-image: url(icon/admin/infos.png);
445  background-repeat: no-repeat;
446  background-position: top right;
447  margin: 0px;
448  padding: 10px 50px 10px 10px;
449}
450
451/**
452 * Header message like upgrade or adviser mode
453 */
454.header_msgs {
455  text-align:center;
456  font-weight: bold;
457  color:#696969;        /* dimgray */
458  background-color: #d3d3d3;
459  margin: 1px;
460  padding: 1px;
461        float:right;
462        position: absolute;
463        top: 1px;
464        right: 1px;
465        width:20%;
466        padding-top: 5px;
467        padding-right: 0px;
468        padding-bottom: 0px;
469        padding-left: 30px;
470}
471
472/**
473 * Header notes box in public/administration
474 */
475.header_notes {
476        border: 1px solid #aaaaaa; /* border color and style */
477        text-align: center;
478        background-image: url(icon/note.png);
479        background-repeat: no-repeat;
480        background-position: top left;
481        font-weight: bold;
482        margin: 14px;
483        float:right;
484        color:#000000;
485        position: absolute;
486        top: 1px;
487        right: 1px;
488        width:20%;
489        padding-top: 5px;
490        padding-right: 0px;
491        padding-bottom: 0px;
492        padding-left: 30px;
493}
494
495/* form picture.css */
496#imageHeaderBar {
497        padding-top: 2px;
498        padding-bottom: 2px;
499        overflow: hidden;
500        width: 100%;
501                margin-top:0px;
502
503}
504
505#imageHeaderBar .browsePath {
506  float: left;
507  margin-left: 10px;
508}
509
510#imageHeaderBar .imageNumber {
511  float: right;
512  margin-right: 10px;
513}
514
515#imageHeaderBar H2 {
516  text-align: center;
517  padding: 0;
518  clear: both;
519}
520
521#imageToolBar {
522  text-align: center;
523  clear: both;
524  margin-bottom: 4px;
525  padding: 0;
526}
527
528#imageToolBar {
529    height: 50px;
530}
531#imageToolBar A, #imageToolBar IMG {
532    display: inline;
533    margin: 0; padding: 0;
534}
535#imageToolBar A {
536        margin-right: 3px;
537        margin-left: 5px;
538}
539#imageToolBar IMG { margin: 2px auto; }
540#imageToolBar .randomButtons A { float: left; }
541#imageToolBar .navButtons    A { float: right;  width:36px; }
542
543
544
545#theImage {
546    clear: left;
547}
548
549#theImage>IMG {
550    display: block;
551    margin: 0 auto;
552}
553
554#theImage IMG {
555  border-width: 3px;
556  border-style: solid;
557}
558#imageToolBar {
559    height: 60px;
560}
561#imageToolBar #thumbPrev, #imageToolBar #thumbNext {
562        margin-left:5px;
563        margin-right:5px;
564  margin-top:-20px;
565        display:inline;
566        width:auto;
567}
568#imageToolBar #thumbCurrent {
569        margin-left:5px;
570        margin-right:5px;
571  margin-top:-20px;
572        display:inline;
573        width:auto;
574}
575#imageToolBar #linkPrev, #imageToolBar #thumbCurrent, #imageToolBar #linkNext {
576        border:#FFF solid 2px;
577        width:auto;
578}
579.navButtons .pwg-state-disabled {
580        float: right;
581}
582/**               les miniatures */
583.thumbLink {
584height:70px;
585width:auto;
586}
587.navThumb {
588    margin-top: 2px;
589}
590#thumbPrev {
591    float: right;
592        margin-right:0px;
593}
594
595#thumbNext {
596    float: right;
597        margin-left:0px;
598}
599#thumbCurrent {
600    float: right;
601        border:1px solid #FF0000;
602}
603#linkPrev {
604    margin-right: 10px;
605    margin-left: 5px;
606        position: static;
607}
608
609#linkNext {
610    margin-right: 5px;
611    margin-left: 10px;
612        position: static;
613}
614#action_pict {
615/*      float:left;
616        position: absolute;
617        left: 5px;
618        top: 300px;
619    width:150px;*/
620        width:600px;
621        margin-left:auto;
622        margin-right:auto;
623        padding:0;
624}
625#action_pict A, #action_pict IMG{
626        border: none;
627        margin-right: 2px;
628        margin-left: 2px;       
629}
630
631TABLE.infoTable .value {
632    text-align: left;
633}
634
635TABLE.infoTable .label {
636    font-weight: bold;
637    text-align: right;
638    padding-right: 0.5em;
639}
640
641TABLE.infoTable TD.value UL {
642  margin: 0;
643  padding: 0 0 0 1.5em;
644  list-style-type: square;
645}
646
647#rateForm {
648        display:block;
649        height:20px;
650        overflow:visible;
651}
652.rateButton, .rateButtonSelected, .rateButtonStarFull, .rateButtonStarEmpty  {
653  padding:0;
654  border:0;
655  height:16px;
656  width:16px;
657}
658
659.rateButton, .rateButtonStarFull, .rateButtonStarEmpty {
660  cursor: pointer;
661}
662
663.rateButtonSelected {
664  font-weight:bold;
665  font-size:120%;
666}
667
668.rateButtonStarFull {
669        background: url('icon/rating-stars.gif') no-repeat scroll; background-position:-16px center; width:16px;
670}
671
672.rateButtonStarEmpty {
673        background: url('icon/rating-stars.gif') no-repeat scroll; background-position:0 center; width:16px;
674}
675
676#comments {
677        text-align: left;
678        margin:20px 30px 2em;
679}
680
681#comments .comment {
682  margin: 1em 0;
683}
684
685#comments P {
686  margin: 0 0.5em 0 1em;
687}
688
689#comments .author {
690  font-weight: bold;
691}
692
693#thePicturePage #comments BLOCKQUOTE {
694  margin: 0.5em 1em 1em 4em;
695}
696
697#comments P.userCommentDelete {
698  float: right;
699  margin: 0 0.5em 0 0;
700}
Note: See TracBrowser for help on using the repository browser.