source: trunk/spip/esqueleto-redcta/plugins/magusine/themes/shu/style.css @ 84

Last change on this file since 84 was 80, checked in by guille, 16 years ago

el plugin completo

  • Property svn:executable set to *
File size: 10.2 KB
Line 
1/* feuille de style POLICES.CSS - theme : shu */
2/* version novembre 2006 */
3/* Code par Puissant Gregory dans le cadre du projet Magusine des Corsaires asbl */
4
5
6/* containers de premier niveau */
7#general {
8        width: 804px;
9        margin: 239px auto 0 auto;
10        padding:0;
11}
12
13#bandeau {
14        position: absolute;
15        top: 15px;
16        margin:0;
17        height: 190px;
18        width:780px;
19        background-repeat: no-repeat;
20        background-position: bottom left;
21        border: 12px solid white;
22        background-color:#dddbdc;
23}
24#pagesommaire #separateur{
25        display:none;
26}
27#pagesommaire #corps{
28        border:10px solid white;
29}
30
31
32
33#navigation {
34        position:absolute;
35        top:27px;
36        width:200px;
37        margin-left:531px;
38}
39#contextes {
40        float:right;
41        width:255px;
42        border: 12px solid white;
43        background-color:white;
44        margin-bottom:10px;
45        background-color:#f0eeef;
46        background-image: url("bg.gif");
47}
48#corps {
49        margin:0 290px 0 0;
50        padding:20px 20px 15px 20px;
51        border: 12px solid white;
52        background-image: url("bg.gif");
53}
54#blocinfosecondaires {
55        margin-right: 275px;
56        padding: 10px 0px;
57}
58
59#footer {
60        clear:both;
61        padding:10px 0;
62        margin:10px 0;
63        border: 12px solid white;
64        background-color:#f0eeef;
65        background-image: url("bg.gif");
66}
67#conteneur-plan {
68        z-index: 30;
69        height: auto;
70        padding: 10px 10px 10px 20px;
71}
72
73/*------------------------------*/
74/*
75                Feuille de style POLICES.CSS - theme : shu
76                Version novembre 2006
77                Code par Puissant Gregory dans le cadre du projet Magusine des Corsaires asbl
78                Blocs de premier niveau
79*/
80
81body {
82        font-family:Helvetica, Arial, sans-serif;
83        font-size:11px;
84        color: #111;
85        line-height: 15px;
86        margin: 0px;
87        background: #595959 url("lignes.gif") no-repeat top left;
88        background-attachement:fixed;
89}
90
91a {
92        color: #f02e94; 
93        text-decoration: none;
94}
95img{
96        behavior: url("win_png.htc");
97}
98a:hover {
99        color:#999;
100        text-decoration:underline;
101}       
102
103ul, li {
104        list-style-type: none;
105        padding: 0;
106        margin: 0;
107}
108
109a img {
110        border:none;
111}
112        /*------------------------*/
113        /* fond du bloc principal */
114        /*------------------------*/
115#chemin {
116        font-weight: normal;
117        font-size:10px;
118        color:black;
119        font-weight:bold;
120        margin-bottom:20px;
121}
122       
123#footer {
124        text-align: center;
125        text-transform: lowercase;
126}
127
128#footer img {
129        border: 0px;
130        margin:12px 15px 0 15px;
131}
132
133#footer p {
134        margin:0px;
135}
136
137        /*--------------------*/
138        /* listage contextuel */
139        /*--------------------*/
140       
141#contextes {
142        font-family:Helvetica, Arial, sans-serif;
143        color: #000;
144}
145
146#contextes h2 {
147        color:black;
148        font-size:14px;
149        font-weight:bold;
150        letter-spacing: 0.05em;
151        margin: 10px 0px 6px 0px;
152        padding: 8px 10px 8px 10px;
153        text-transform:uppercase;       
154}
155
156#contextes ul ul {
157        list-style: none;
158        margin: 0 0 18px 0;
159        padding: 0px 10px 8px 10px;
160}
161#pagesommaire #edito{
162        margin-top:10px;
163}
164#menuhasard ul {
165        text-align: center;
166}
167
168#contextes ul ul li {
169        padding: 2px 0px 2px 0px;
170}
171
172.formrecherche {
173        margin: 0;
174        padding: 0;
175}
176
177/* corps du texte */
178
179.logo {
180        float: left;
181        margin: 0 10px 10px 0;
182        border: 1px solid #999;
183}
184
185.sursoustitre {
186        color: #2f1200;
187        letter-spacing: 0.2em;
188}
189
190h1 {
191        font-size:180%;
192        font-weight:bold;
193        color: black;
194        line-height: 160%;
195        margin-top:0px;
196        padding-top:4px;
197        margin-bottom:2px;
198        border-bottom:1px solid #f0037f;
199        display:inline;
200}
201
202.dateauteurs {
203        color: #777;
204        margin-top:10px;
205        margin-bottom:40px;
206}
207
208.chapeau {
209        margin: 10px 40px 10px 0px;
210        font-weight: bold;
211        letter-spacing:0.1em;
212        color:black;
213        clear:left;
214}
215
216.texte {
217        font-family:verdana;   
218        line-height: 150%;
219        text-align: justify;
220        font-size:11px;
221        color:black;
222}
223
224.ps {
225        margin: 12px 0px 6px 0px;
226        color:#333;
227}
228
229h3 {
230        margin: 30px 0 1px 0;
231        font-weight: normal;
232        font-size:15px;
233        line-height: 120%;
234        text-align: left;
235        text-transform:uppercase;
236}
237#contextes h2{
238color:black;
239font-size:14px;
240font-weight:bold;
241letter-spacing:0.05em;
242margin:10px 0px 6px;
243padding:8px 10px;
244text-transform:uppercase;
245}
246        /*      ------------------------------------------------------------------------------------
247                style general des listes :                                                                                                               
248                page article : pieces jointes, forum                                                                                       
249                page rubrique : liste d'article et de sous rubriques                                                       
250                page sommaire : article et rubriques a la une, derniers articles breves liens forum
251                ------------------------------------------------------------------------------------    */
252               
253#corps h2 {
254        font-size:14px;
255        letter-spacing: 0.1em;
256        margin: 10px 0 0 0;
257        padding: 25px 0px 0px 0px;
258        color: black;
259        text-weight:bold;
260        text-align:right;
261        border-bottom:2px solid #333;
262        clear:left;
263}
264
265#corps h2:before{
266        color:#f0037f;
267        content:"# ";
268}
269
270.listageconteneur {
271        margin: 0px 0px 12px 0px;
272       
273}
274#rubinrub .listageconteneur li{
275        min-height:60px;
276}
277#corps .listageconteneur li{
278        padding:20px 20px;
279        background-image:url("bgliste.gif");
280} 
281#contextes .listageconteneur li{
282padding:0 20px 10px 20px;
283}
284
285.listagetitre a {
286        margin: 24px 0px 8px 0px;
287        font-size:16px;
288        text-decoration:none;
289        color:#222;
290}
291
292.listagetitre a:hover {
293        color:#f055a6;
294        border-bottom:none;
295        background-color:transparent;
296}
297
298.listagetexte {
299        margin: 2px 0px 2px 0px;
300        color:#222;
301        text-align: justify;
302        line-height: 130%;
303        margin:0;
304}
305
306.listagelogo {
307        float: left;
308        margin-right: 10px;
309        margin-bottom: 10px;
310        overflow: hidden;
311        border: 2px solid white;
312 }
313 
314#audio .listagelogo {
315        border:none;
316}
317
318.listagelogo .spip_logos, .spip_logos {
319        border:none;
320        margin-top:0px;
321}
322
323.listageinfo {
324        font-family:verdana;
325        font-size:9px;
326        margin-bottom:7px;
327        color:#777;
328}
329.listagedate {
330        margin: 2px 0px 2px 0px;
331}
332
333.listagedescriptif {
334        margin: 2px 0px 10px 0px;
335        text-align: justify;
336}
337
338.listagerepondre {
339        text-align: right;
340        margin: 30px 10px 5px 0;
341}
342.listagerepondre:before{
343        content:">> ";
344        color:#f0037f;
345} 
346
347/* pour modifier specifiquement les classes de ces parties, utiliser le # du bloc */
348       
349        /* -------------------*/
350        /* rubriques a la une */
351        /* -------------------*/
352
353
354#rubriqueune .listagetitregeneral {
355        color: #666;
356}
357
358#rubriqueune .dernierart {
359        padding: 10px 0px 0px 0px;
360        margin: 10px 0px 0px 0px;
361}
362
363#rubriqueune .infodernart {
364        line-height: 120%;
365        font-style: normal;
366        margin: 4px 0px 4px 0px;
367}
368
369#rubriqueune .titredernart {
370        line-height: 120%;
371}
372
373#rubriqueune .textedernart {
374        line-height: 120%;
375        margin: 4px 0px 0px 0px;
376}
377
378        /* ---------------*/
379        /* pieces jointes */
380        /* ---------------*/
381
382
383.clearer {
384        clear: both;
385        height:20px;
386}
387
388
389
390#video .listagelogo,#piecesjointes .listagelogo {
391        margin:0;
392        overflow: hidden;
393        border: 0px;
394}
395
396#piecesjointes .listagebloctexteheader {
397        margin-left: 30px;     
398        height: auto;
399}
400
401        /* ---------*/
402        /* le forum */
403        /* ---------*/
404
405#forum ul ul {
406         margin-left: 10px;
407         padding-left: 6px;
408         border-left: 1px solid black;
409}
410
411#pageforum .formulaire_spip textarea{
412        margin-right:-277px;
413}
414
415        /* ------------------------------*/
416        /* specifique a la page rubrique */
417        /* ------------------------------*/
418
419#artinrub, #rubinrub {
420        height: auto;
421        padding: 5px 10px 10px 0px;
422        margin: 5px 0px 0px 0px;
423}
424
425#rubinrub li, #artinrub li {
426        margin-bottom: 20px;
427}
428
429#rubinrub .listagedescriptif, #artinrub .listagedescriptif {
430        margin: 0px;
431        padding: 0px;
432}
433
434        /* ------------------------------*/
435        /* specifique a la page sommaire */
436        /* ------------------------------*/
437
438
439#edito h1 {
440        font-size: 150%;
441        margin: 0px 0px 2px 0px;
442        letter-spacing: 0.1px;
443}
444#edito #corps h2{
445        border-bottom:none;
446        margin: 0px 0 10px 0;
447        padding-top: 5px;
448        background:none;
449}
450
451#edito .texte {
452        text-align: justify;
453}
454
455#edito .chapeau {
456        margin: 0px 0px 2px 0px;
457}
458
459#edito .autreseditos {
460        font-variant: normal;
461        text-align: right;
462}
463#rubriqueune .dernierart{
464        margin-left:20px;
465}
466
467#rubriqueune .dernierart #corps h4{
468        font-weight:normal;
469}
470
471#corps h4{
472        margin-bottom:6px;
473}
474.listageconteneur .listagetitre{
475        margin-top:0px;
476}
477        /* ----------------------------*/
478        /* specifique a la page auteur */
479        /* ----------------------------*/
480
481.formauteur {
482        text-align:right;
483}
484
485        /* ----------------------------*/
486        /* redefinition de tgs de spip */
487        /* ----------------------------*/
488       
489hr.spip{
490        height:1px;
491        width:80%;
492        border:0;
493        text-align-center;
494        background-color:black;
495}
496.logo{
497        border:none;
498}
499.spip_logos {
500        border:3px solid white;
501        margin-top:5px;
502}
503
504.spip_documents_left {
505        margin: 0 6px 6px 0;
506        border: 1px solid white;
507        width: auto;
508}
509
510.spip_documents_right {
511        margin: 0 0 6px 8px;
512        border: 1px solid white;
513        width: auto;
514}
515
516.spip_documents_center {
517        border: 1px solid white;
518        text-align: center;
519        padding: 4px;
520        margin: auto;
521        width: auto;
522}
523
524.spip_doc_titre {
525        margin: 3px;
526        font-size: 10px;
527        text-align: center;
528}
529
530.spip_doc_descriptif {
531        font-size: 9px;
532        text-align: center;
533        line-height: 120%;
534}
535
536
537div.spip_code {
538        font-family: courier, sans-serif;
539        padding: 10px 10px 10px 10px;
540        margin: 10px 5px 10px 5px;
541        border: 1px solid #ccc;
542        background-color: #efefef;
543}
544
545span.spip_code {
546        font-family: courier, sans-serif;
547}
548
549.spip_surligne {
550        background-color: yellow;
551}
552
553.formulaire_spip{
554}
555
556fieldset{
557        border:none;
558        padding:15px 0px 30px 10px;
559        width:400px;
560}
561
562fieldset p{
563        margin:10px 0px 0px 0px;
564}
565
566legend{
567        display:none;
568}
569
570#var_login_admin, #recherche .forml, #var_lang_ecrire, #email_auteur, #titre, #url_site, #textarea_1, .forml {
571        color:black;
572        background-color:#ececec;
573        border: 1px solid black;
574        cursor:default;
575}
576
577.barre{
578        color:white;
579        background-color:#777;
580        border: 1px solid black;
581        cursor:default;
582}
583/*---------------------------*/
584
585/* feuille de style MENU.CSS - theme : shu */
586/* version novembre 2006 */
587/* Code par Puissant Gregory dans le cadre du projet Magusine des Corsaires asbl */
588
589#navigation {
590        text-align: left;
591        font-family:Helvetica, Arial, sans-serif;
592        background-position:top left;
593        background-repeat:no-repeat;
594        min-height:150px;
595        font-size:12px;
596        font-weight:bolder;
597        line-height:20px;
598}
599#navigation #contextes h2{
600        display:none;
601}
602.niveau2{
603        display:none;
604}
605#navigation a {
606        font-weight: bold;
607        border: none;
608        text-decoration: none;
609        width:261px;
610        display:block;
611        text-indent:5px;
612        background-image: url("bg_menu.png");
613        filter:alpha(opacity=90);
614}
615#navigation a:before{
616        color:#f0037f;
617        content:"# ";
618}
619#navigation a:link, #navigation a:visited {
620        color: #111;
621}
622#navigation a:active {
623        color: #B00;
624}
625#navigation a:hover {
626        color: white;
627        background-image:none;
628        background-color:black;
629        width:261px;
630        text-indent:20px;
631}
632#menu .courante a{
633        text-align:center;
634}
635#navigation li {
636        margin: 0;
637        border-bottom:1px solid white;
638        width:261px;
639        !important padding-right:20px;
640}
641#navigation ul {
642        margin: 0px 0 0 531px;
643}
644
Note: See TracBrowser for help on using the repository browser.