source: extensions/yoga/KoffeeTux/theme.css @ 31815

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

update theme KoffeeTux for Piwigo 2.1 compatibility

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