source: extensions/Wall/theme.css @ 26452

Last change on this file since 26452 was 17128, checked in by Sixpo, 12 years ago
File size: 7.8 KB
RevLine 
[17128]1
2
3
4
5BODY#theCategoryPage .thumbnailCategories {
6
7        padding-left:auto;
8
9        padding-right:auto;
10
11        list-style: none outside none;
12
13        text-align: center;
14
15        background:none;
16
17}
18
19BODY#theCategoryPage .thumbnailCategories li {
20
21        width: auto;
22
23        float: none;
24
25        display:inline-block;
26
27        text-align:center;
28
29        margin-left:10px;
30
31       
32
33}
34
35BODY#theCategoryPage div.thumbnailCategory div.illustration {
36
37        width:auto;
38
39        height:auto;
40
41        /*height:135px;*/
42
43    text-align:center;
44
45        overflow: inherit;
46
47        float:none;
48
49        margin: 0;
50
51        padding: 0;
52
53       
54
55}
56
57BODY#theCategoryPage div.thumbnailCategory div.description {   /*fond de description cathegotire et photos*/
58
59    position:relative;
60
61        width:300px;             
62
63        height:auto;
64
65        text-align:center;
66
67        overflow:inherit;
68
69        margin-left:35%;
70
71        margin-top:-100px;
72
73    font-size:14px     /*taille police titre cathegorie*/
74
75}
76
77
78
79
80
81BODY#theCategoryPage div.thumbnailCategory div.description IMG { /*logo pour signaler nouvaute dans la cathegorie*/
82
83float:center;
84
85       
86
87}
88
89
90
91BODY#theCategoryPage div.thumbnailCategory div.description p {
92
93    float:center;
94
95    width:87%;             
96
97        height:120px;
98
99        text-align: center;
100
101        margin-top:-110px;
102
103        margin-left:15px;
104
105    font-size:12px;
106
107        padding:10px;
108
109       
110
111
112
113       
114
115}       
116
117
118
119
120
121
122
123BODY#theCategoryPage div.thumbnailCategory div.description div.text p.Nb_images{ /*nombres de photos*/
124
125    width:160px;
126
127        height:5px;
128
129        text-align: left;
130
131        margin-top:75px;
132
133        margin-left:-155px;
134
135    font-size:10px;
136
137
138
139}
140
141BODY#theCategoryPage div.thumbnailCategory {
142
143        display: inline-block;
144
145        margin: 5px auto;
146
147        padding:5px;
148
149        vertical-align: middle;
150
151        width:450px;
152
153        height:135px;
154
155        text-align: center;
156
157    background-image:url(images/mur1.jpg);
158
159         box-shadow: 8px 8px 12px #000000;
160
161    -webkit-box-shadow: 8px 8px 12px #000000;
162
163    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */ 
164
165    border: ridge 3px;
166
167    border-radius:1em;
168
169    border-color:#3f3f3f;
170
171}
172
173BODY#theCategoryPage div.thumbnailCategory * {
174
175        vertical-align: middle;
176
177}
178
179BODY#theCategoryPage div.thumbnailCategory div.illustration img { /*taille et forme photo cathegorie*/
180
181    width:160px;
182
183        height: 96px;
184
185        margin-left: -225px;
186
187        margin-top:10px;
188
189        box-shadow: 8px 8px 12px #000000;
190
191    -webkit-box-shadow: 8px 8px 12px #000000;
192
193    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */ 
194
195    border: ridge 1px;
196
197    border-radius:1em;
198
199    border-color:#3f3f3f;
200
201}
202
203
204
205
206
207BODY#theCategoryPage div.thumbnailCategory div.description h3 {
208
209        text-align:center;
210
211}
212
213#la_description {
214
215        display:none;
216
217}
218
219/* text color */
220
221BODY, H1, H3, DT, INPUT.rateButtonSelected /* <= why IE doesn't inherit this ? */ {
222
223        color:#e0e0e0;
224
225}
226
227H2, #menubar DT, .throw {
228
229        color: #ffffff;
230
231}
232
233#content .navigationBar {
234
235        color: #aaaaaa;
236
237}
238
239#content .pageNumberSelected {
240
241        color: #000000;
242
243}
244
245.tabsheet li, .tabsheet li a {
246
247        color: #fff;
248
249}
250
251.tabsheet li a:hover {
252
253        color: #fff48e;
254
255}
256
257/* backgrounds */
258
259BODY {
260
261        background-image: url(images/mur.jpg);
262
263}
264
265BODY#theCategoryPage #the_page {
266
267        background:transparent;
268
269        background-repeat: repeat;
270
271        background-attachment: fixed;
272
273        border: none;
274
275}
276
277BODY#thePicturePage #theHeader {
278
279        background:transparent;
280
281}
282
283H3, #the_page, #imageHeaderBar, #imageToolBar A:hover, .row1 {
284
285        background:transparent; 
286
287}
288
289#menubar DL, #content, #imageToolBar, .header_notes, .content {
290
291        background: transparent;
292
293}
294
295H2, #menubar DT, .throw {
296
297        background-image: url(images/tableh1_bg.png);
298
299}
300
301#imageHeaderBar H2 {
302
303        background-image: none;
304
305        background-color: transparent;
306
307        border: none;
308
309}
310
311#imageHeaderBar {
312
313        background-image: url(images/tableh2_bg.png);
314
315        background-repeat: repeat-x;
316
317        background-position: center;
318
319}
320
321.tabsheet li {
322
323        background-color: #3f3f3f;
324
325}
326
327.selected_tab {
328
329        background-color: #5f5f5f !important;
330
331}
332
333/* borders */
334
335#menubar DL, #content, .content,#comments DIV.comment BLOCKQUOTE {
336
337border: none;
338
339}
340
341#imageHeaderBar {
342
343background-image: url(images/mur1.jpg);
344
345box-shadow: 8px 8px 12px #000000;
346
347-webkit-box-shadow: 8px 8px 12px #000000;
348
349-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";/* pour IE8 */ 
350
351border-radius:1em;
352
353}
354
355
356
357#menubar DL {
358
359margin-bottom:-1px;
360
361border:1px solid #303030;
362
363background-image:url(images/mur1.jpg);
364
365} 
366
367
368
369
370
371 H2, #menubar DT, #imageToolBar {
372
373  border-bottom: 0px solid #cc0000;
374
375} 
376
377#theImage img {
378
379 border: 8px solid #333333;/*cadre des photos moyenne*/ 
380
381 margin-top: 10px;
382
383 margin-bottom: 10px;
384
385 }
386
387}
388
389#content UL.thumbnail IMG {
390
391        border: 1px solid #a0a0a0;
392
393}
394
395FIELDSET, INPUT, SELECT, TEXTAREA, #content DIV.comment A.illustration IMG, #infos, #content DIV.thumbnailCategory {
396
397        border: 1px solid #303030;; /*bordure de photos */
398
399}
400
401#comments DIV.comment BLOCKQUOTE {
402
403        border-left: 2px solid #696969;
404
405}
406
407       
408
409#content UL.thumbnails SPAN, .thumbnails .wrap2 A, .thumbnails LABEL { /*taille miniatures album*/
410
411    width: 190px;
412
413    margin-left:30px;
414
415}       
416
417
418
419
420
421#content UL.thumbnails SPAN.wrap2 {
422
423    background-image:url(images/mur3.jpg);
424
425        border: 1px solid #aaaaaa;      /* thumbnails border color and style */
426
427        -moz-border-radius: 10px;       /* round corners with Geko */
428
429        border-radius: 10px 10px;       /* round corners with CSS3 compliant browsers */
430
431}
432
433#content UL.thumbnails SPAN.wrap2:hover, #content UL.thumbnailCategories DIV.thumbnailCategory:hover{
434
435        border-color: none;   /* thumbnails border color when mouse cursor is over it */
436
437    background-image:url(images/mur7.jpg);
438
439        -moz-border-radius: 10px;       /* round corners with Geko */
440
441        border-radius: 10px 10px;       /* round corners with CSS3 compliant browsers */
442
443}
444
445#content UL.thumbnailCategories DIV.thumbnailCategory:hover A{
446
447    color: #6D071A;    /*couleur lien cathegorie selactiopnner*/
448
449}
450
451#content UL.thumbnailCategories DIV.thumbnailCategory:hover {
452
453    color: #6D071A;   /*couleur texte cathegorie selectionner*/
454
455}
456
457
458
459ul.tabsheet {
460
461        border-color: #fff48e;
462
463}
464
465.tabsheet li {
466
467        border: 1px solid #fff;
468
469}
470
471.tabsheet li:hover {
472
473        border-color: #fff48e !important;
474
475}
476
477/* links */
478
479A, INPUT.rateButton {
480
481        color: #FFFFFF;
482
483}
484
485A:hover {
486
487color: #CC6600;                      /*texte lien menu selectionner*/
488
489border: none;
490
491}
492
493#imageToolBar A, #imageToolBar A:hover, A.navThumb, A.navThumb:hover {
494
495    color: #CC6600;                   /*texte lien cathegorie selectionner*/
496
497        border-bottom: none;
498
499}
500
501#theHeader A {
502
503        text-decoration: none;
504
505        margin: 0px;
506
507        padding: 0px;
508
509}
510
511/* others */
512
513.thumbnailCategories blockquote UL LI {
514
515        list-style-position: outside;
516
517        list-style-type:circle;
518
519        background:red;
520
521}
522
523.thumbnailCategories blockquote OL LI {
524
525        list-style-position: outside;
526
527        list-style-type: decimal;
528
529}
530
531.pleaseNote {
532
533        background: #9c9c9c;
534
535        color: #ffff99;
536
537        padding: 1ex;
538
539        font-weight: bold;
540
541}
542
543#the_page {
544
545        border: none;    /*page photos*/
546
547        padding-top: 5px;
548
549        padding-bottom:30px;
550
551        display:block;
552
553}
554
555.pwg-icon {
556
557        background-image: url(../default/s26/outline_ffffff.png);
558
559}
560
561A:hover .pwg-icon {
562
563        background-image: url(../default/s26/outline_ffff80.png);
564
565}
566
567/*calendar elements*/
568
569SPAN.calItemEmpty {
570
571        color: silver;
572
573}
574
575SPAN.calItem, SPAN.calItemEmpty {
576
577        border: 1px solid gray;
578
579}
580
581/* nice looking month calendar*/
582
583TD.calDayCellEmpty, TD.calDayCellFull {
584
585        border: 1px solid gray;
586
587}
588
589TD.calDayCellEmpty {
590
591        color: silver;
592
593}
594
595.calBackDate {
596
597        color: #000;
598
599}
600
601.calForeDate {
602
603        color: #fff;
604
605}
606
607.virtual_cat {
608
609        background: #3f3f3f !important;
610
611}
612
613.qsearch {
614
615        font-size: 80%;
616
617        font-style: normal;
618
619}
620
621#mbMenu #quicksearch > p {
622
623        text-align: left;
624
625}
626
Note: See TracBrowser for help on using the repository browser.