1 | /* REDEFINITIONS des css Multiflex */ |
---|
2 | |
---|
3 | /* logos */ |
---|
4 | /* |
---|
5 | .sitelogo {width:60px; height:40px; position:absolute; z-index:1; margin:22px 0 0 20px; } |
---|
6 | .sitelogo img{border:0;}*/ |
---|
7 | [(#SET{url_logo,[(#LOGO_SITE_SPIP||image_reduire{60,40}|extraire_attribut{src}|sinon{[(#CHEMIN{img/bg_head_top.jpg})]})]})] |
---|
8 | .sitelogo {width:60px; height:40px; position:absolute; z-index:1; margin:22px 0 0 20px; background:url(#GET{url_logo}) no-repeat center center; } |
---|
9 | |
---|
10 | |
---|
11 | /* si pas de relief */ |
---|
12 | [(#CONFIG{multiflex/couleurs/relief}|!={oui}|?{' '}) |
---|
13 | /* navigation */ |
---|
14 | .main-navigation{background-color: #ENV{mfx_c240}; border-bottom:1px solid #ENV{mfx_c200};} |
---|
15 | .layout2 .main-navigation .round-border-topright, |
---|
16 | .layout4 .main-navigation .round-border-topright { |
---|
17 | margin:0pt 0pt 0pt 191px; |
---|
18 | } |
---|
19 | .layout2 .main-navigation, .layout4 .main-navigation {border-right:1px solid #ENV{mfx_c200};} |
---|
20 | .layout3 .main-navigation, .layout5 .main-navigation {border-left:1px solid #ENV{mfx_c200};} |
---|
21 | ] |
---|
22 | /* navigation de plus de 2 niveaux */ |
---|
23 | .nav3-grid dl{padding-left:15px;} |
---|
24 | .nav3-bullet dl{padding-left:15px;} |
---|
25 | .nav3-nobullet dl{padding-left:15px;} |
---|
26 | |
---|
27 | /* fil ariane */ |
---|
28 | .header-breadcrumbs ul li {padding:0 5px 0 10px} |
---|
29 | |
---|
30 | /* textes */ |
---|
31 | .main{font-size:90%;} |
---|
32 | |
---|
33 | /* corps */ |
---|
34 | .main-content h1{font-size:150%; font-weight:bold; margin-top:2.5em;} |
---|
35 | .main-content h1.titre{font-size:210%; margin-top:1.5em;} |
---|
36 | .main-content p{text-align:justify;} |
---|
37 | .main-content ul li li, .main-content ol li {font-size:100%;} |
---|
38 | .main-content ul li strong, .main-content ol li strong {border-bottom:1px solid [(#ENV{mfx_c200})];} |
---|
39 | |
---|
40 | /* intertitres {{{ }}} */ |
---|
41 | .main-content h3{font-size:160%; margin:1em 0 0.2em 0;} |
---|
42 | /* sur et sous titres */ |
---|
43 | .main-content h3.surtitre{font-size:160%;margin:1.0em 0 -2em 0;} |
---|
44 | .main-content h3.soustitre{font-size:160%;margin:-0.9em 0 0.5em 0;} |
---|
45 | |
---|
46 | /* colonne un-tiers, deux-tiers */ |
---|
47 | .column2-one-third-left, .column2-two-third-left {float:left; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;} |
---|
48 | .column2-two-third-right, .column2-one-third-right {float:right; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;} |
---|
49 | |
---|
50 | .layout1 .column2-one-third-left, |
---|
51 | .layout1 .column2-one-third-right {width:270px;} |
---|
52 | .layout1 .column2-two-third-left, |
---|
53 | .layout1 .column2-two-third-right {width:530px;} |
---|
54 | |
---|
55 | .layout2 .column2-one-third-left, .layout3 .column2-one-third-left, |
---|
56 | .layout2 .column2-one-third-right, .layout3 .column2-one-third-right {width:200px;} |
---|
57 | .layout2 .column2-two-third-left, .layout3 .column2-two-third-left, |
---|
58 | .layout2 .column2-two-third-right, .layout3 .column2-two-third-right {width:400px;} |
---|
59 | |
---|
60 | .layout4 .column2-one-third-left, .layout5 .column2-one-third-left, |
---|
61 | .layout4 .column2-one-third-right, .layout5 .column2-one-third-right {width:140px;} |
---|
62 | .layout4 .column2-two-third-left, .layout5 .column2-two-third-left, |
---|
63 | .layout4 .column2-two-third-right, .layout5 .column2-two-third-right {width:260px;} |
---|
64 | |
---|
65 | |
---|
66 | |
---|
67 | |
---|
68 | /* SPIP Documents */ |
---|
69 | .main .spip_documents {clear:both; float:left; margin:3px 10px 7px 0; padding:1px;} |
---|
70 | .main .spip_documents_left {float:left; margin:3px 10px 7px 0;} |
---|
71 | .main .spip_documents_center {float:none; display:block; margin:0 auto; text-align:center;} |
---|
72 | .main .spip_documents_center img{float:none !important;} |
---|
73 | .main .spip_documents_right {float:right; margin:3px 0 7px 10px;} |
---|
74 | |
---|
75 | /* SPIP Portfolio */ |
---|
76 | #documents_portfolio a {float:left;} |
---|
77 | |
---|
78 | |
---|
79 | /* SPIP Forums */ |
---|
80 | .forum ul li{font-size:100%;} |
---|
81 | .forum .forum-fil{margin-bottom:2.5em;} |
---|
82 | .forum-message {border:1px solid #ENV{mfx_c220};} |
---|
83 | .forum-chapo {background:#ENV{mfx_c240}; padding:0.5em 1em; font-size:100%;} |
---|
84 | .forum-texte {padding:1em 1em 0.5em 1em; font-size:80%;} |
---|
85 | .forum blockquote{border-left:1px solid #ENV{mfx_cgbp}; margin:1em 2em; padding-left:2em;} |
---|
86 | |
---|
87 | /* Formulaires */ |
---|
88 | .contactform fieldset{padding:20px 10px 10px 10px !important;} |
---|
89 | .contactform input {width:98%; padding:2px; border:solid 1px [(#ENV{mfx_c200})]; font-family:verdana,arial,sans-serif; font-size:110%;} |
---|
90 | .contactform textarea {width:98%;} |
---|
91 | .contactform ul {margin:0.5em 0;} |
---|
92 | .contactform ul li {margin-bottom:0.5em;} |
---|
93 | .contactform table.spip_barre{width:98%;} |
---|
94 | |
---|
95 | table.spip_barre {table-layout:auto; margin:0.2em; background:#ENV{mfx_c240};} |
---|
96 | table.spip_barre td {height:auto; border:0; padding:0; background:#ENV{mfx_c240};} |
---|
97 | table.spip_barre a:hover img{background:#ENV{mfx_c250}; border:1px solid #ENV{mfx_c240};} |
---|
98 | table.spip_barre img{border:1px outset #ENV{mfx_c240}; background:#ENV{mfx_c250}; padding:0; margin:1px; float:none;} |
---|
99 | |
---|
100 | /* common */ |
---|
101 | /* puces spip en image */ |
---|
102 | .main .spip_documents img, |
---|
103 | .main .vignettes_portfolio img {clear:both; float:left; margin:3px 10px 7px 0; padding:1px; border:1px solid [(#ENV{mfx_c150})];} |
---|
104 | .main img{margin:0; padding:0; border:0;} |
---|