source: extensions/sobre/theme.css @ 5870

Last change on this file since 5870 was 5867, checked in by Gotcha, 14 years ago

Daily revision

File size: 11.8 KB
Line 
1/* $ Id: theme.css 2010-04-03 Par Gotcha pour son thème "Sobre" $ */
2
3/* Valide CSS3 http://jigsaw.w3.org/css-validator/validator */
4/* Compressé avec http://www.cleancss.com/ (musclé !) */
5/* Nom du fichier avant compression : theme.bak.css */
6/* Nom du fichier après compression : theme.css*/
7
8
9
10
11/* MERCI DE NE PAS TOUCHER A CE FICHIER */
12
13
14
15
16
17
18/* Importation de feuilles de styles additionnelles */
19@import "slider.css";
20
21/* Le header */
22/* Fonctionne avec l'administration du thème*/
23/* Désactivé par défaut */
24#theHeader {
25        background: transparent url("../../themes/sobre/images/header_bienvenue.png") no-repeat center bottom;
26    height: 144px;
27        margin: 0 auto;
28}
29#theHeader H1 {
30    margin-top: 0px;
31}
32#theHeader p {
33  margin-top:72px;
34}
35
36/* Centrage en une seule colonne */
37body {
38margin: 0 auto;
39max-width: 1190px;
40min-width: 980px;
41}
42
43/* Couleurs des textes */
44BODY, H1, H3,
45INPUT.rateButtonSelected  { /* <= why IE doesn't inherit this ? */
46        color:#d0d0d0;
47}
48H2, #menubar DT {
49        color: #fff48e;
50}
51A, INPUT.rateButton {
52        color: #fff;
53        border: none;
54}
55A:hover {
56        color: #FFF48E;
57}
58#copyright {
59        color: black;
60}
61#copyright a {
62        color: #FF7700;
63}
64
65/* Arrières plans */
66BODY, H3, #imageBar, #imageToolBar A:hover {
67        background: #393737
68}
69BODY {
70background: #EAEAEA url(images/background-0.png) repeat-x top;
71}
72H2 {
73        background-image: url(images/tableh1_bg.png);
74        color: #fff48e;
75}
76#imageHeaderBar H2 {
77        background-image: none;
78        background-color: transparent;
79        border: none;
80}
81#imageHeaderBar {
82        background-image: url(images/tableh2_bg.png);
83        background-repeat: repeat-x;
84        background-position: center;
85        border-top: 1px solid #000;
86}
87.content, #imageToolBar, .header_notes {
88        background-color: black;
89}
90#imageToolBar {
91        background-color:#505050;
92}
93
94/* Bordures */
95.content{
96        border: 1px solid #252525;
97        margin: 0;
98}
99H2, #imageToolBar {
100        border-bottom: 1px solid #000;
101}
102FIELDSET, INPUT, SELECT, TEXTAREA,
103.content DIV.thumbnailCategory {
104        border: 1px solid gray;
105}
106.content UL.thumbnails SPAN.wrap2 {
107        border: 1px solid #aaaaaa;      /* thumbnails border color and style */
108}
109.content UL.thumbnails SPAN.wrap2:hover,
110.content UL.thumbnailCategories DIV.thumbnailCategory:hover,
111.content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
112        background-color: #faebd7;
113        border-color: yellow;   /* thumbnails border color when mouse cursor is over it */
114        color: black;
115}
116#thePicturePage {
117        border:1px solid white;
118}
119
120/* Les polices */
121h2 {
122        font-family:Mon-menu;
123        font-size:18px;
124        font-style:italic;
125        font-weight:normal;
126}
127.content ul.thumbnails span.thumbLegend {
128        height: 100%;
129}
130.content div.thumbnailCategory div.description div.text p {
131  font-family:Trebuchet MS;
132}
133.stuffs_block {
134  font-family:Comic Sans MS;
135}
136
137/* Plugin PWG_Stuff, permet d'afficher les derniers commentaires sur 2 colonnes. */
138.content #comments ul.thumbnailCategories li {
139  width:49.9%;
140}
141
142/* Affichage des tags avec le plugin Cumulus cloud tags */
143.tagLetter table.tagLetterContent {
144  font-size:100%;
145}
146
147/* Modifications pour RV Mpas & Earth */
148#theImage #mapPicture {
149  width: 280px;
150}
151#theImage #map {
152height:600px;
153min-height:512px;
154position: relative;
155background-color: rgb(229, 227, 223);
156left: 290px;
157right: -290px;
158margin-right: 290px;
159}
160
161/* Plugin Whois Online */
162.Online {
163        font-size: 11px;
164        color: #444444;
165}
166.Online a {
167        color: black;
168}
169
170/* Correction du centrage du cadre de la catégorie */
171.content ul.thumbnailCategories {
172  padding-left: 4px;
173}
174
175/* Centrage modifications de la caractéristique de la catégorie. */
176.content div.thumbnailCategory div.description div.text p.Nb_images {
177  border-top:1px solid #808080;
178  color:#FF9960;
179  font-style:italic;
180  text-align:center;
181}
182
183/* Centrage modifications du nom de la catégorie. */
184.content div.thumbnailCategory div.description h3 {
185  font-weight: bold;
186  text-align:center;
187}
188
189/* Modifications de la description de la catégorie. */
190.content div.thumbnailCategory div.description div.text p {
191  color:#996060;
192}
193
194/* Correction du centrage de la miniature */
195.content div.thumbnailCategory div.illustration {
196  text-align: center;
197  margin: 2px;
198}
199
200/* Plus de place pour le texte des catégories */
201.content ul.thumbnails span.wrap2, .content div.thumbnailCategory div.description  {
202        height: 190px;
203}
204.content div.thumbnailCategory div.description .text {
205        text-align: justify;
206        padding-right:5px;
207}
208.content div.thumbnailCategory div.description {
209
210}
211
212/* Correction de l'affichage de la liste des tags */
213ul.tagSelection {
214        width:100%;
215}
216ul.tagSelection li{
217        float:left;
218        width:150px!important;
219        overflow:hidden;
220}
221
222/* Tips pour picture.tpl */
223#theImage img {
224        margin-top: 10px;
225}
226#theImage p {
227        color: #000;
228        font-style:italic;
229        margin:10px auto auto;
230        position:relative;
231        width:800px;
232}
233#linkPrev, #linkNext {
234        display: none;
235}
236/* Mise en page du tableau */
237TABLE.infoTable {
238width:920px;
239background: #505050;
240}
241TABLE.infoTable .label {
242  background-color: #2F0000;
243  font-weight: bold;
244  text-align: left;
245  padding-right: 0.5em;
246  padding-left: 3px;
247}
248TABLE.infoTable {
249  border: solid 1px;
250  margin-top: 6px;
251}
252TABLE.infoTable .value p {
253  width: 320px;
254  margin: 0px;
255}
256TABLE.infoTable .value {
257  max-width: 320px;
258}
259TABLE.infoTable .label {
260  width: 100px;
261}
262TABLE.infoTable .value p a, input.rateButton {
263border-width:0;
264color:#FF7700;
265}
266/* Modification de zone de commentaires */
267#comments fieldset {
268        margin: auto;
269        padding: 0;
270        background-color: #F0F0F0;
271        color: black;
272}
273#comments fieldset legend {
274        margin-left: 10px;
275        background: #F0F0F0;
276}
277#thePicturePage form.filter fieldset ul, #thePicturePage form.filter fieldset label {
278        display:block;
279        float:none;
280        margin-right:0;
281        padding:0;
282}
283table.commentr {
284        margin-top: -20px;
285        margin-bottom: -10px;
286}
287table.commentr td.center {
288        height: 138px;
289}
290#outils {
291        padding-top: 17px;
292}
293form.filter input[type="submit"] {
294        margin-top:0;
295}
296form fieldset p {
297        margin-top:0;
298}
299#comments  {
300        border-width:0;
301        padding:5px;
302}
303#theImage table {
304        background-color: #D3D3D3;
305        border:1px solid #000;
306        width: 800px;
307        margin:10px auto 0;
308}
309#comments {
310        width: 910px;
311        margin: 0 auto;
312        background-color: #505050;
313}
314#comments h3 {
315        margin:14px -5px;
316        padding:0 7px;
317}
318#comments table tbody tr td  select {
319        width: 95px;
320}
321#comments SPAN.author {
322        font-weight:bold;
323}
324#comments blockquote {
325        border-color:black;
326        border-style:solid;
327        border-width:0 0 0 2px;
328        padding-left:5px;
329        font-style:italic;
330}
331#comments fieldset legend {
332        margin-left: 10px;
333}
334form.filter fieldset ul, form.filter fieldset label {
335        padding-top: 5px;
336        padding-left: 5px;
337}
338table.commentr {
339        margin-top: -20px;
340        margin-bottom: -10px;
341}
342
343/* Tip pour la page d'accueil */
344/* Concerne PWG_Stuffs */
345/* A adapter */
346#stuffs_block_3 #comments {
347        width: 100%;
348}
349
350/* Modification pûrement visuel et esthétique modifiant l'affichage de l'enveloppe sous une miniature nouvelle */
351.content ul.thumbnails span.thumbLegend img {
352  position:relative; top:-3px;
353}
354
355/* Tip personnel pour un bloc */
356/* Utilisez PWG_Stuffs */
357/* Bloc privé */
358#stuffs_block_10 div.personal_block{
359display:none;
360}
361#stuffs_block_10:hover div.personal_block{
362display:block;
363}
364
365/* Pour IE et Chrome surtout */
366.content ul.thumbnailCategories {
367width: 99%;
368}
369
370
371
372/* Modifications de la tailles des miniatures. L'expemple ci-dessous suppose une taille de 200px de coté pour les miniatures.*/
373/* A vous d'adapter en fonction de vos propres miniatures et choix esthétique.*/
374
375.content DIV.thumbnailCategory DIV.description {
376        padding-left: 0px                    /* For Sylvia theme only */
377}
378.content div.thumbnailCategory div.illustration {
379        text-align:center;
380}
381.content div.thumbnailCategory div.illustration { 
382        width:170px;                      /* Usable range 162px-360px , optimal : Thumbnail width + 10px */
383        margin-top:19px;
384}
385.content div.thumbnailCategory { 
386        height: 200px;                    /* Usable range 172px-250px , optimal : Thumbnail height + 10px */ /* For Slyvia theme, Thumbnail height + 40px */
387}
388.content div.thumbnailCategory div.description .text { 
389        height: 110px;                   /* Optimal : Thumbnail height - 50px */ 
390}
391#comments div.thumbnailCategory div.illustration { 
392        width: 255px;                    /* Usable range 219px-360px , optimal : Thumbnail width + 95px */ 
393}
394.content ul.thumbnails span,
395.content ul.thumbnails span.wrap2 a,
396.content ul.thumbnails label {
397        width: 170px;                        /* Optimal : Thumbnail width + 10px */ 
398}
399
400/* Set defaults for thumbnails legend ( modifie le nbre de ligne sous les vignettes)*/
401#content UL.thumbnails SPAN.thumbLegend {
402  display: block;    /* display: none; if you don't want legend */
403  height: 5em;        /* legend height (don't set auto to be Gecko friendly)*/
404}
405
406.content ul.categoryActions a img, ul.categoryActions a {
407margin:2px 0 0;
408}
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427#menubar {
428height:2.1em;
429margin:-2px auto 3px;
430position:relative;
431width:980px;
432z-index:2;
433padding-bottom:25px;
434display:block;
435float:none;
436}
437
438#menubar #menuTagCloud a {
439display:inline;
440}
441
442#menubar #menuTagCloud span {
443display:block;
444padding:0.5em 0;
445text-align:left;
446}
447
448#menubar .button {
449border:medium none;
450float:right;
451left:95%;
452list-style-image:none;
453list-style-position:outside;
454list-style-type:none;
455margin:-2px 2px 2px;
456padding:0;
457position:absolute;
458text-align:center;
459text-indent:0;
460width:auto;
461}
462
463#menubar a,#menubar dt a,#menubar dd a {
464border:0;
465color:#fff;
466display:block;
467text-decoration:none;
468}
469
470#menubar a,#menubar dt,div#menubar dl:hover dd,div#menubar ul li:hover ul,div#menubar ul ul li:hover ul,div#menubar ul ul ul li:hover ul,div#menubar ul ul ul ul li:hover ul,div#menubar ul ul ul ul ul li:hover ul {
471display:block;
472}
473
474#menubar a:hover,#menubar dt:hover {
475color:#fff;
476}
477
478#menubar dd {
479background:#333;
480border:1px solid #8c8c8c;
481position:absolute;
482text-align:left;
483z-index:500;
484}
485
486#menubar dd a {
487padding:0.5em;
488}
489
490#menubar dd a:hover {
491background-color:#333;
492border:1px solid #8c8c8c;
493color:#FFF;
494font-style:italic;
495}
496
497#menubar dd ul ul {
498background-color:#fff;
499border:1px solid #8c8c8c;
500left:100%;
501position:absolute;
502top:0;
503z-index:500;
504}
505
506#menubar dl {
507display:inline;
508height:25px;
509text-align:center;
510width:25%;
511}
512
513#menubar dl dd p {
514border-bottom:1px solid #000;
515}
516
517#menubar dt {
518background-image:url("images/tableh1_bg.png");
519border:0;
520color:#fff48e;
521padding:5px 0 0;
522}
523
524#menubar li {
525position:relative;
526}
527
528#menubar li a {
529background:#3f3f3f none repeat scroll 0 0;
530}
531
532#menubar li span {
533right:7px;
534}
535
536#menubar li span,#menubar li IMG {
537padding-left:4px;
538position:absolute;
539top:7px;
540}
541
542#menubar li span.bullet,div#menubar dd,div#menubar ul ul,div#menubar ul li:hover ul ul,div#menubar ul ul li:hover ul ul,div#menubar ul ul ul li:hover ul ul,div#menubar ul ul ul ul li:hover ul ul {
543display:none;
544}
545
546#menubar li:hover {
547background:#3f3f3f;
548}
549
550#menubar p,#menubar p.totalimages,#menubar p,#menubar p.totalimages,form#quickconnect {
551clear:both;
552margin:0;
553padding:0.2em;
554text-align:center;
555}
556
557#menubar ul {
558width:20em;
559}
560
561#menubar ul li a {
562margin-left:25px;
563padding-right:3em;
564}
565
566#menubar ul,#menubar dl,#menubar ul#menuTagCloud {
567float:left;
568list-style:none;
569margin:0;
570padding:0;
571}
572
573#menubar ul,#menubar li {
574background:#333 none repeat scroll 0 0;
575}
576
577#menubar ul.rvTree ul {
578padding-left:0 !important;
579}
580
581body#theadminpage #menubar {
582border:none;
583display:block;
584float:none;
585margin:5px auto;
586width:898px;
587}
588
589form#quickconnect .button {
590left:50px;
591position:relative;
592top:-20px;
593}
594
595form#quickconnect fieldset {
596padding-top:5px;
597text-align:left;
598width:19em;
599}
600
601form#quickconnect label {
602clear:left;
603}
604
605form#quickconnect label input {
606font-size:1em;
607}
608
609form#quickconnect p,form#quickconnect a {
610border:none;
611padding:0;
612}
613
614form#quicksearch {
615border-bottom:1px solid #000;
616padding:0 0 0 15px;
617}
618
619
620
621
622/* Scroll to top */
623#scrolltotop {
624  bottom:14px;
625  position:fixed;
626  right:0;
627  z-index:1000;
628  opacity:0;
629  outline:none;
630}
631#scrolltotop a {
632  background-color:transparent;
633  background-image: url("images/top.gif");
634  background-position:left top; background-repeat:no-repeat; display:block;
635  height:50px; text-indent:-9999px; width:44px;
636}
637#scrolltotop a:hover {
638  border-bottom:none;
639}
Note: See TracBrowser for help on using the repository browser.