source: extensions/yoga/Terra/theme.css @ 17116

Last change on this file since 17116 was 7592, checked in by plg, 14 years ago

update theme Terra for Piwigo 2.1 compatibility

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