source: extensions/yoga/Csn/theme.css @ 7590

Last change on this file since 7590 was 7590, checked in by plg, 13 years ago

update theme Csn for Piwigo 2.1 compatibility

File size: 21.0 KB
Line 
1@import url(menu.css);
2
3* { margin: 0; padding: 0; border: 0; }
4
5body {
6background:#E7E7E7 url(images/bg.png) repeat-x scroll center top;
7font-family:Verdana,arial,Helvetica,sans-serif;
8font-size:0.7em;
9margin:0;
10padding:0;
11}
12
13.content h2 {
14/*-moz-border-radius-bottomleft:8px;
15-moz-border-radius-bottomright:8px;
16-moz-border-radius-topleft:8px;
17-moz-border-radius-topright:8px;
18background:transparent url(images/bg_title.png) repeat-x scroll 0 0;
19border:1px solid #777777;*/
20color:#5C5C5C;
21height:20px;
22margin-bottom:3px;
23margin-top:26px;
24padding:9px 8px 2px;
25}
26
27* { outline: none }
28
29/*=====================================
30            Common styles
31=====================================*/
32h2 {
33color:#5C5C5C; 
34/*border:1px solid #777777;
35-moz-border-radius:8px;
36-khtml-border-radius:8px;
37-webkit-border-radius:8px;*/
38padding:0;
39}
40
41h3 { 
42-moz-border-radius-bottomleft:8px;
43-moz-border-radius-bottomright:8px;
44-moz-border-radius-topleft:8px;
45-moz-border-radius-topright:8px;
46background:transparent url(images/bg_title.png) repeat-x scroll center top;
47border:1px solid #777777;
48color:#5C5C5C;
49font-size:0.85em;
50font-weight:bold;
51line-height:1.5em;
52padding:6px 42px;
53position:relative;
54/*text-transform:uppercase;*/
55top:0;
56vertical-align:middle;
57}
58
59h4
60{ color:#FFFFFF;
61font-size:120%;
62margin:0;
63padding:5px 0.5em;
64text-align:left; 
65}
66
67ul { list-style: none; }
68ul li { list-style: none; }
69
70a, a:link { 
71color:#5C5C5C; 
72text-decoration: none; 
73border:0; 
74}
75a:hover { 
76color:#000000;
77text-decoration: none; 
78
79}
80
81
82pre { overflow: auto; width: 100%; height: auto; }
83.left { float: left; }
84.right { float: right; }
85
86img{  }
87img:hover{ background:transparent url(images/pic_over.png) repeat-x scroll center top;}
88img.title{ border:none; }
89
90/*=====================================
91               Stuffs
92=====================================*/
93.middle_block { width: auto !important; }
94
95/*=====================================
96            Infos Errors
97=====================================*/
98.infos, .errors {
99  margin: 20px;
100  height: 30px;
101}
102 
103/*=====================================
104               Page
105=====================================*/
106body#thepicturepage,body#theCategorypage, body#theTagspage {}
107
108#the_page {
109        width: 1000px;
110        margin: -2px auto;
111        position: relative;
112        background: transparent url(images/global.png) repeat-y top center;
113}
114
115.content div.titrepage { padding: 10px 3px; }
116
117/*=====================================
118               Header
119=====================================*/
120#theHeader {
121        background: transparent url(images/header.png) no-repeat center bottom;
122height:211px;
123        margin: 0 auto;
124}
125
126#theHeader h1 { 
127color:#5C5C5C;
128font-size:15px;
129left:30px;
130margin:0 0 0 15px;
131position:absolute;
132text-align:left;
133top:23px;
134}
135
136#theHeader p {display:none;}
137
138.content, body#theadminpage .content, body#theTagspage .content {
139        width: 980px;
140        margin: 0 auto !important;
141}
142
143/*=====================================
144    Spécifique à la page des images
145=====================================*/
146
147#thepicturepage #theHeader {
148height:211px;
149}
150#thepicturepage #theHeader h1 { display: none; }
151
152/*=========================================================================================*/
153
154.row1 { background-color: #999;}
155.throw { background-color: #999;}
156
157/*=====================================
158            Page Catégories
159=====================================*/
160.comments_table{
161-moz-border-radius-bottomleft:12px;
162-moz-border-radius-bottomright:12px;
163-moz-border-radius-topleft:12px;
164-moz-border-radius-topright:12px;
165border:1px solid #777777;
166/*background:#DEBF81;margin:auto auto 30px;width:98%;*/
167font-size:0.85em;
168font-weight:bold;
169line-height:1.5em;
170padding:6px 42px;
171
172}
173#theCategoryPage div.illustration img{ 
174border:1px solid #FFFFFF;
175}
176#theCategoryPage div.illustration img:hover{ 
177border:1px solid #4C4C4C;
178}
179.content div.thumbnailCategory { 
180        padding: 15px; 
181/*      text-align: center;    */
182}
183
184.content div.thumbnailCategory { 
185background: transparent url(images/content_index.png) no-repeat center top;
186}
187
188.content ul.thumbnailCategories li { width:49.9%; }
189
190
191/*=====================================
192            Page Image
193=====================================*/
194
195#imageToolBar{
196-moz-border-radius-bottomleft:5px;
197-moz-border-radius-bottomright:5px;
198-moz-border-radius-topleft:5px;
199-moz-border-radius-topright:5px;
200background:#bcbcbc none repeat scroll 0 0;
201border:1px solid #777777;
202height:32px;
203margin:10px auto;
204padding:5px;
205width:860px;
206}
207#imageHeaderBar{
208-moz-border-radius-bottomleft:5px;
209-moz-border-radius-bottomright:5px;
210-moz-border-radius-topleft:5px;
211-moz-border-radius-topright:5px;
212background:#bcbcbc none repeat scroll 0 0;
213border:1px solid #777777;
214margin:10px auto;
215width:860px;
216}
217
218#theImage IMG {
219  padding: 5px;
220  border:1px solid #777777;
221}
222
223#imageHeaderBar H2 { 
224    color:#5C5C5C;
225        border: none;
226        clear: both;
227        padding: 0;
228        text-align: center;
229        padding: 0.5em 0 0 0;
230}
231#imageHeaderBar .browsepath a { color:#5C5C5C; text-decoration: none; }
232#imageHeaderBar .browsepath a:hover { color:#FFFFFF; }
233
234.infotable{ margin: 20px auto; }
235#linkPrev{ margin: 20px 0 0 20px; }
236#linkNext{ margin: 20px 20px 0 0;}
237a#thumbprev, a#thumbNext { text-decoration: none; border:0; }
238
239#addComment label { width: 100%; margin-top: 1em; }
240
241#menubar .button {
242border:medium none;
243float:right;
244list-style-image:none;
245list-style-position:outside;
246list-style-type:none;
247margin:-2px 2px 2px;
248padding:0;
249text-align:center;
250text-indent:0;
251width:auto;
252}
253
254/*=====================================
255            Commentaires
256=====================================*/
257
258#comments{ width: 860px; margin: 20px auto; }
259#comments div.comment blockquote { border: 1px solid #5f5f5f; border-left: 2px solid #696969; }
260
261fieldset, input, select, table.table2, #infos,
262.content div.comment  a.illustration IMG { 
263-moz-border-radius-bottomleft:3px;
264-moz-border-radius-bottomright:3px;
265-moz-border-radius-topleft:3px;
266-moz-border-radius-topright:3px;
267/*background:transparent url(images/content.png) no-repeat scroll center top;*/
268border:1px solid #777777;
269}
270       
271#theCommentsPage .content div.thumbnailCategory { 
272-moz-border-radius-bottomleft:3px;
273-moz-border-radius-bottomright:3px;
274-moz-border-radius-topleft:3px;
275-moz-border-radius-topright:3px;
276background:transparent url(images/content.png) repeat-x scroll center top;
277border:1px solid #777777;
278}
279
280#comments ul.thumbnailCategories li { margin: 5px auto; }
281
282textarea { width: 100%; }
283
284/*=====================================
285            Miniatures
286=====================================*/
287.content ul.thumbnails span, .content ul.thumbnails span.wrap2 a,
288.content ul.thumbnails span.wrap2 label, .content div.thumbnailCategory div.illustration {
289  width: 167px;                 /* max thumbnail width + 2px */
290}
291.content ul.thumbnails span.wrap2{ width: 172px; height:150px; }
292.content div.thumbnailCategory div.description { height: 120px; }               /* max thumbnail height + 2px */
293.content div.thumbnailCategory div.description div.text { margin-top:15px; }
294.content div.thumbnailCategory div.illustration img { height:96px; width:128px; }
295.content div.thumbnailCategory div.illustration a:hover { border:0; }
296
297.content div.comment blockquote {
298  margin-left: 172px;   /*maximum thumbnail width + ~10px */
299}
300.content div.thumbnailCategory div.description  p { text-align: left; margin-top:3px; }
301
302/*.content ul.thumbnails span.wrap1 { margin: 0 10px; }*/
303
304.content ul.thumbnails span.wrap2 img { padding: 5px; }
305
306.content ul.thumbnails span.wrap2 img:hover { border-color: #000000;}
307
308.content ul.thumbnails li.thumbCat span.wrap2 { border-style: hidden; background-color: #3F4A69; }
309.content ul.thumbnails li.thumbCat span.wrap2:hover { border-style: solid; }
310
311.content ul.thumbnails span.wrap1 {
312-moz-border-radius-bottomleft:12px;
313-moz-border-radius-bottomright:12px;
314-moz-border-radius-topleft:12px;
315-moz-border-radius-topright:12px;
316background:transparent url(images/backthumb.png) no-repeat scroll center top;
317display:inline-block;
318height:217px;
319margin:0 5px 5px;
320text-align:center;
321vertical-align:top;
322}
323
324.content ul.thumbnails span.thumbLegend {
325/*    height: auto;*/
326    padding: 0.5em 0;
327}
328.zero { display: none }
329.nb-hits { color: #000000; }
330.nb-comments { color: #000000; }
331}
332
333/*=====================================
334            Menu
335=====================================*/
336
337#menubar { position: relative; z-index: 2; }
338.content { /*position: relative; z-index: 1;*/ }
339
340.content div.thumbnailCategory div.description {
341        overflow: hidden; /* bug in FF 1.0 (not 1.5) */
342}
343
344/*=====================================
345            Horizontal menubar
346=====================================*/
347#menubar{
348        float: none;
349        width: 898px;
350        margin: 5px auto;
351        border: none;
352        display: block;
353
354}
355
356body#theadminpage #menubar {
357        float: none;
358        width: 898px;
359        margin: 5px auto;
360        border: none;
361        display: block;
362}
363
364/*=====================================
365            Filter button
366=====================================*/
367#menubar .button { position: absolute; left:95% } 
368#menubar p, #menubar p.totalimages{ clear: both; margin: 0; text-align: center; padding: 0.2em }
369
370/*=====================================
371    Set menubar height (not for IE)
372=====================================*/
373#the_page > #menubar, body#theadminpage #the_page > #menubar {
374-moz-border-radius-bottomleft:5px;
375-moz-border-radius-bottomright:5px;
376-moz-border-radius-topleft:5px;
377-moz-border-radius-topright:5px;
378float:left;
379height:2.1em;
380margin-top:-62px;
381padding:19px;
382}
383#menubar dl>dt {
384  padding: 0.2em 0.4em; 
385}
386
387/*=====================================
388        General ul formating
389=====================================*/
390#menubar ul, #menubar dl, #menubar ul#menuTagCloud {
391  list-style: none;
392  margin: 0;
393  padding: 0;
394  float: left;
395text-decoration:none; 
396}
397#menubar dl { 
398/*border-right:1px solid #120087;*/
399display:inline;
400height:21px;
401padding:0 1.1em;
402}
403
404body#theadminpage #the_page > #menubar dl { padding: 0 0.5em;}
405
406#menubar ul li a {  padding-right: 3em; margin-left:25px;}
407
408#menubar p, #menubar p.totalimages, form#quickconnect {
409  clear: both;
410  margin: 0;
411  text-align: center;
412  padding: 0.2em;
413}
414
415/*=====================================
416        Titres et liens
417=====================================*/
418#menubar a, #menubar dt { display: block; }
419
420/*=====================================
421            Positionnement
422=====================================*/
423#menubar li { position: relative; background:transparent url(images/cat.png) no-repeat; margin-left:5px;}
424#menubar dd { position: absolute; z-index: 500;}
425#menubar dd ul ul {
426background-color:#FFFFFF;
427border:1px solid #8C8C8C;
428  position: absolute;
429  top: 0px;
430  left: 100%;
431  z-index: 500;
432}
433#menubar li span,#menubar li IMG { position: absolute; top: 7px;}
434#menubar li span { right: 7px;}
435#menubar li IMG { right:4em;    }
436
437/*=====================================
438Hiding and revealing up to 6 menu levels
439=====================================*/
440div#menubar dd,
441div#menubar ul ul,
442div#menubar ul li:hover ul ul,
443div#menubar ul ul li:hover ul ul,
444div#menubar ul ul ul li:hover ul ul,
445div#menubar ul ul ul ul li:hover ul ul { display: none; }
446
447div#menubar dl:hover dd,
448div#menubar ul li:hover ul,
449div#menubar ul ul li:hover ul,
450div#menubar ul ul ul li:hover ul,
451div#menubar ul ul ul ul li:hover ul,
452div#menubar ul ul ul ul ul li:hover ul { display: block; }
453
454/*=====================================
455            Styles
456=====================================*/
457#menubar{
458        color:#5C5C5C;
459        border:0px;
460}
461
462 #menubar dt{
463        color:#5C5C5C;
464        border:0px;
465} 
466 
467 #menubar dd{
468background:#dedede url(images/bgmenu.png) repeat-y scroll 0 0;
469border:1px solid #777777;
470color:#777777;
471padding-top:0;
472} 
473 
474 #menubar ul {
475        color:#5C5C5C;
476        width: 20em;
477
478}
479#menubar a, #menubar dt a, #menubar dd a { 
480        color:#5C5C5C;
481        display: block; 
482text-decoration:none;
483        border: 0;
484}
485
486#menubar a:hover,#menubar dt a:hover , #menubar dd a:hover  { color:#000000; }
487#menubar dd a { padding: 0.5em; }
488#menubar dd a:hover { color:#5C5C5C; background-color:#FFFFFF; border:1px solid #8c8c8c; }
489
490form#quicksearch { width: 220px;}
491       
492/*=====================================
493            Quickconnect
494=====================================*/
495form#quickconnect fieldset { text-align: left; width: 220px; padding-top: 5px;}
496form#quickconnect label { clear: left; /*margin: 0;*/ }
497form#quickconnect label input { font-size: 1em; /*width: 15em;*/ }
498form#quickconnect p, form#quickconnect a { border: none; padding: 0; }
499form#quickconnect .button { position:relative; top: -20x; left: 50px}
500
501/*=====================================
502            MenuTagCloud
503=====================================*/
504
505#menubar #menuTagCloud a { display: inline; }
506#menubar #menuTagCloud span {
507  display: block;
508  padding: 0.5em 0;
509  text-align: left;
510}
511
512/*=====================================
513         Tags - page des tags
514=====================================*/
515
516ul#fullTagCloud {
517        position: relative;
518        border: 1px solid #E8E8E8;
519        border-width: 1px 0;
520        background: #FBFBFB;
521        padding: 5px;
522        margin: 8px 0 20px 0;
523        overflow: hidden;
524        height: 100%;
525        font-size: 120%;
526}
527        ul#fullTagCloud li {
528                display: block;
529                float: left;
530                margin: 4px;
531                padding: 1px 5px;
532                height: 18px;
533                line-height: 18px;
534                background: none;
535        }
536        ul#fullTagCloud li a:link, ul#fullTagCloud li a:visited {
537                color: #005D99;
538                text-decoration: none;
539                white-space: nowrap;
540        }
541        ul#fullTagCloud li a:hover { text-decoration: underline; border: 0; }
542        ul#fullTagCloud li a:focus, ul#fullTagCloud li a:active { background: #005D99; color:#0000C4; }
543
544.tagLevel5 { font-size:160%; }
545.tagLevel4 { font-size:140%; }
546.tagLevel3 { font-size:120%; }
547.tagLevel2 { font-size:100%; }
548.tagLevel1 { font-size:80%; }
549
550/*=====================================
551            Autres
552=====================================*/
553.pleaseNote {
554        margin: 20px auto;
555        width: 700px;
556    background: #eee;
557    color: #ff9b00;
558        border: 1px solid #ff9b00;
559    padding: 1ex;
560    font-weight: bold;
561}
562
563li.categoryli {
564        float:left;
565        margin:2px;
566        width:46%;
567}
568
569input.rateButton { color: #369; }
570input.rateButtonselected { color:#696969; }
571input.rateButton:hover { color: #369;}
572
573/*=====================================
574            Calendrier
575=====================================*/
576
577ul.categoryactions, div.calendarViews {
578  padding-top: 5px;
579  padding-right: 6px;
580}
581
582/*=====================================
583           Calendrier éléments
584=====================================*/
585span.calitemEmpty { color: silver; }
586
587span.calitem, span.calitemEmpty { border: 1px solid gray; }
588
589/*=====================================
590        Nice looking month calendar
591=====================================*/
592td.calDayCellEmpty, td.calDayCellFull { border: 1px solid gray;}
593
594td.calDayCellEmpty { color: silver; }
595
596.calBackDate { color: #000; }
597.calForeDate { color:#0000C4; }
598
599/*=====================================
600        Footer/Pied de page
601=====================================*/
602#copyright {
603background:transparent url(images/footer.png) repeat-x scroll 0 0;
604clear:both;
605font-weight:bold;
606height:29px;
607margin:0 auto;
608padding:26px 0;
609text-align:center;
610}
611#copyright a:link, #copyright a:visited { 
612color:#777777;
613font-size:10px;
614}
615#copyright a:hover { 
616text-decoration: none; 
617color:#0000C4; 
618border: 0; }
619
620/*=====================================
621    Modifications/Parenté css
622=====================================*/
623
624body#theCommentsPage .content, 
625body#theUploadPage .content, 
626body#theRegisterPage .content, 
627body#theIdentificationPage .content, 
628body#theProfilePage .content, 
629body#theSearchPage .content, 
630body#theAboutPage .content, 
631body#thePopuphelpPage .content, 
632body#thePasswordPage .content, 
633body#theNotificationPage .content,
634body#theTagsPage .content, 
635body#theNBMPage .content {
636min-height:495px;
637}
638
639.content div.thumbnailCategory div.description h3 {
640background:none repeat scroll 0 0 transparent;
641border:medium none;
642font-size:120%;
643margin:-2px 0 0 15px;
644padding:0.1em;
645text-align:left;
646}
647
648/*----------------------------------
649    Advanced Menus Manager
650----------------------------------*/
651
652DL#mbAMM_links img {
653border:none;
654display:none;
655}
656div#iamm_ill0 {
657margin:0 25px 5px;
658}
659/*===============================
660      Infos Errors
661===============================*/
662.infos, .errors {
663  margin: 20px;
664}
665.infos {
666-moz-border-radius-bottomleft:12px;
667-moz-border-radius-bottomright:12px;
668-moz-border-radius-topleft:12px;
669-moz-border-radius-topright:12px;
670background:#B1E2AD url(images/infos.png) no-repeat scroll right top;
671border:1px solid #777777;
672color:#09460E;
673margin:5px;
674padding:10px 50px 10px 10px;
675min-height:30px;
676}
677
678.errors { 
679-moz-border-radius-bottomleft:12px;
680-moz-border-radius-bottomright:12px;
681-moz-border-radius-topleft:12px;
682-moz-border-radius-topright:12px;
683        color: #88181A;
684        font-weight: bold;
685        margin: 5px;
686border:1px solid #777777;
687        background:#FF9193 url(images/errors.png)no-repeat top right;
688        padding: 10px 50px 10px 10px;
689        min-height:30px;
690}
691
692/*----------------------------------
693            Autres
694----------------------------------*/
695
696.content ul.thumbnails {
697margin-top:15px;
698}
699
700div#comments div.description {
701-moz-border-radius-bottomleft:8px;
702-moz-border-radius-bottomright:8px;
703-moz-border-radius-topleft:8px;
704-moz-border-radius-topright:8px;
705background:transparent url(images/content.png) repeat-x center top;
706border:1px solid #777777;
707font-size:0.85em;
708font-weight:bold;
709line-height:1.5em;
710min-height:50px;
711padding:0 6px;
712}
713
714/*----------------------------------
715            Blocs/Boutons
716----------------------------------*/
717.content div.titrePage {
718-moz-border-radius-topleft:0;
719-moz-border-radius-topright:0;
720background:transparent url(images/titre_page.png) no-repeat scroll center top;
721margin-left:8px;
722width:965px;
723}
724
725.content div.titrePage ul.categoryActions {
726margin-right:8px;
727margin-top:5px;
728}
729
730legend {
731-moz-border-radius-bottomleft:12px;
732-moz-border-radius-bottomright:12px;
733-moz-border-radius-topleft:12px;
734-moz-border-radius-topright:12px;
735background:#AE9161 url(images/form.png) repeat-x scroll center top;
736border:1px solid #777777;
737font-size:0.85em;
738font-style:normal;
739font-weight:bold;
740line-height:1.5em;
741margin-left:0.5em;
742margin-top:-0.4em;
743padding:2px 10px;
744position:relative;
745text-transform:uppercase;
746top:0;
747vertical-align:middle;
748}
749
750fieldset, table.table2, #infos, .content div.comment a.illustration img {
751-moz-border-radius-bottomleft:12px;
752-moz-border-radius-bottomright:12px;
753-moz-border-radius-topleft:12px;
754-moz-border-radius-topright:12px;
755background:transparent url(images/content.png) repeat-x scroll center top;
756border:1px solid #777777;
757}
758
759input, select, textarea {
760background-color:#FFFFFF;
761border:1px solid #777777;
762color:#777777;
763font-family:"Lucida Grande","Lucida Sans Unicode",Verdana,'Bitstream Vera Sans',Times,serif;
764font-size:11px;
765padding:1px 2px;
766}
767
768input.reset:hover, input.submit:hover {
769border:1px solid #11365F;
770color:#dedede;
771cursor:pointer;
772}
773
774input.submit:focus, select:focus, textarea:focus, input.focus, form .focus {
775border:1px solid #777777;
776background-color:none;
777}
778
779input[type="text"], 
780input[type="password"], 
781input[type="button"], 
782input[type="submit"], 
783input[type="reset"], 
784input[type="file"] {
785background-color:#F5F5F5;
786color:#552200;
787}
788
789input.submit{
790-moz-border-radius-bottomleft:5px;
791-moz-border-radius-bottomright:5px;
792-moz-border-radius-topleft:5px;
793-moz-border-radius-topright:5px;
794background:#A9CEE9 url(images/form.png) repeat-x scroll 0 0;
795border:1px solid #777777;
796color:#5C5C5C;
797font-family:Verdana,'Bitstream Vera Sans',Times,serif;
798font-size:10px;
799font-weight:bold;
800padding:1px 2px;
801}
802
803input.reset {
804-moz-border-radius-bottomleft:5px;
805-moz-border-radius-bottomright:5px;
806-moz-border-radius-topleft:5px;
807-moz-border-radius-topright:5px;
808background:#A9CEE9 url(images/form.png) repeat-x scroll 0 0;
809border:1px solid #777777;
810color:#E10000;
811font-family:Verdana,'Bitstream Vera Sans',Times,serif;
812font-size:10px;
813font-weight:bold;
814padding:1px 2px;
815}
816
817
818legend {
819-moz-border-radius-bottomleft:12px;
820-moz-border-radius-bottomright:12px;
821-moz-border-radius-topleft:12px;
822-moz-border-radius-topright:12px;
823background:#FFFFFF url(images/form.png) repeat-x scroll 0 0;
824border:1px solid #777777;
825color:#5C5C5C;
826font-size:0.85em;
827font-weight:bold;
828line-height:1.5em;
829margin-left:0.5em;
830margin-top:-0.4em;
831padding:2px 10px;
832position:relative;
833text-transform:uppercase;
834top:0;
835vertical-align:middle;
836}
837
838form.filter input[type="submit"] {
839margin-top:0;
840}
841
842.content .navigationBar, .content .additional_info, .content .calendarBar {
843height:26px;
844margin:3px 4px;
845padding-top:10px;
846text-align:center;
847}
848.header_notes {
849background-image:none;
850border:medium none;
851font-weight:bold;
852margin:-9px;
853padding:5px 0 0;
854text-align:center;
855}
Note: See TracBrowser for help on using the repository browser.