source: spip-zone/_squelettes_/sarkaspip3/css/base.css.html @ 30942

Last change on this file since 30942 was 30942, checked in by sarkarchimed@…, 11 years ago

On annule le commit 30935, et on regroupe tous les hacks de IE dans ie.css.html

  • Property svn:eol-style set to native
File size: 15.3 KB
Line 
1/* BASE.CSS                                                             */
2/* Cette feuille contient:                                              */
3/* - les styles associes au code genere par SPIP 2.0                    */
4/* - les styles des formulaires de SPIP 2.0                             */
5/* - les styles de la pagination SPIP                                   */
6/* - les styles generaux propres au squelette                           */
7/* -------------------------------------------------------------------- */
8
9/* -------------------------------------------------------------------- */
10/*      Styles de Typographie generale generes par SPIP (spip_styles.css)   */
11/* -------------------------------------------------------------------- */
12strong {font-weight: bold;}
13em {font-style: italic;}
14
15/* Titraille / Intertitres */
16h3.spip {
17        font-weight: bold;      font-size: 1.6em; margin: 1em 0 0.5em 0; text-align: left; line-height: 1.1em;
18        color: #CONFIG{sarkaspip_styles/fg_intertitre, #6262a4};}
19hr.spip {} /*Cf.: spip_style.css*/
20
21/* Listes SPIP */
22/* -- Puces generees par un tiret suivant d'un ou plusieurs asterisques (ex: -* blabla...) */
23/* -- Ces puces sont incluses dans une balise <ul class="spip"> et le code de chaque item est <li class="spip"> */
24ul.spip {padding: 0; margin: 5px 0 10px 20px;}
25ul.spip li {[list-style-image: url((#CHEMIN{images/puce-n0.gif})); ]padding: 0px; margin: 5px 0 0 0; line-height: 1.4em;}
26ul.spip ul.spip li {[list-style-image: url((#CHEMIN{images/puce-n1.gif}));] line-height: 1.4em;}
27ul.spip ul.spip ul.spip li {[list-style-image: url((#CHEMIN{images/puce-n2.gif}));] line-height: 1.4em;}
28/* -- Puces generees par un tiret suivant d'un ou plusieurs diese (ex: -# blabla...) */
29/* -- Ces puces sont incluses dans une balise <ol class="spip"> et le code de chaque item est <li class="spip"> */
30ol.spip {padding: 0; margin: 5px 0 10px 20px;}
31ol.spip li {list-style-type: decimal; list-style-image: none; list-style-position: inside;      padding: 0; margin: 5px 0 0 0; line-height: 1.4em;border:none;}
32ol.spip ol.spip li {list-style-type: lower-alpha; line-height: 1.4em;}
33ol.spip ol.spip ol.spip li {list-style-type: lower-roman; line-height: 1.4em;}
34
35/* Citations, code et poesie */
36blockquote.spip {
37        display: block; padding: 0 1em; font-style: italic; overflow: auto;
38        border-left: 4px solid #CONFIG{sarkaspip_styles/ca_quote, #990000};
39        color: #CONFIG{sarkaspip_styles/fg_citation, #000000};
40        background: #CONFIG{sarkaspip_styles/bg_citation, #eeeeee};}
41blockquote.spip_poesie {font-family: inherit; border: 0; line-height: 1.2em;}
42blockquote.spip_poesie div {} /*Cf.: spip_style.css*/
43.spip_code {
44        display: block; padding: 0 1em; margin: 1em 0; font-size: 1.1em; line-height:1.5em; overflow: auto; max-height: 25em;
45        border-left: 4px solid #CONFIG{sarkaspip_styles/ca_code, #669999};
46        color: #CONFIG{sarkaspip_styles/fg_citation, #000000};
47        background: #CONFIG{sarkaspip_styles/bg_citation, #eeeeee};}
48.spip_cadre {border: 0; padding: 0.5em 1em; width: 95%; font: inherit;
49        border-left: 4px solid #CONFIG{sarkaspip_styles/ca_cadre, transparent};
50        color: #CONFIG{sarkaspip_styles/fg_citation, #000000};
51        background: #CONFIG{sarkaspip_styles/bg_citation, #eeeeee};}
52div.spip_code, .spip_cadre {} /*Cf.: spip_style.css*/
53
54/* Surlignage */
55.spip_surligne {} /*Cf.: spip_style.css*/
56
57/* Tableaux */
58table.spip {font-size: 1em; border-color: transparent; line-height: 1.4em; border-collapse: inherit; border-spacing: 2px; margin-bottom: 1em;}
59table.spip caption {} /*Cf.: spip_style.css*/
60table.spip tr.row_first {text-align: center;
61        color: #CONFIG{sarkaspip_styles/fg_thead, #ffffff};
62        background: #CONFIG{sarkaspip_styles/bg_thead, #808080};}
63table.spip tr.row_odd {background: #CONFIG{sarkaspip_styles/bg_todd, #e0e0e0}; color: inherit}
64table.spip tr.row_even {background: #CONFIG{sarkaspip_styles/bg_teven, #eeeeee}; color: inherit}
65table.spip td, table.spip th {padding: 0 10px}
66table.spip th {border : none;}
67table.spip td {border : none;}
68
69/* Logos, documents et images */
70img, .spip_logos {} /*Cf.: spip_style.css*/
71.spip_documents {margin : 0 auto;}
72.spip_documents_center {} /*Cf.: spip_style.css*/
73.spip_documents_left {margin: 5px 10px 5px 0;} /*Cf.: spip_style.css*/
74.spip_documents_right { margin: 5px 0 5px 10px;} /*Cf.: spip_style.css*/
75.spip_doc_titre {} /*Cf.: spip_style.css*/
76.spip_doc_descriptif {} /*Cf.: spip_style.css*/
77
78/* modeles par defaut */
79.spip_modele {}  /*Cf.: spip_style.css*/
80
81/* Couleurs des liens de SPIP */
82a {text-decoration:none; display: inline; padding: 0; color: #CONFIG{sarkaspip_styles/fg_lien, #990000};}       
83a.spip_note {color: #CONFIG{sarkaspip_styles/fg_lien, #990000};} /* liens vers notes de bas de page */
84a.spip_ancre {color: #CONFIG{sarkaspip_styles/fg_lien, #990000};[ background: transparent url((#CHEMIN{images/lien_ancre.gif})) right center no-repeat; padding-right: 14px;]} /* liens internes a la page */
85a.spip_in {color: #CONFIG{sarkaspip_styles/fg_lien, #990000};[ background: transparent url((#CHEMIN{images/lien_in.gif})) right center no-repeat; padding-right: 14px;]} /* liens internes */
86a.spip_out {color: #CONFIG{sarkaspip_styles/fg_lien, #990000};[ background: transparent url((#CHEMIN{images/lien_out.gif})) right center no-repeat; padding-right: 14px;]} /* liens sortants */
87a.spip_mail {color: #CONFIG{sarkaspip_styles/fg_lien, #990000};[ background: transparent url((#CHEMIN{images/lien_mail.gif})) right center no-repeat; padding-right: 14px;]}
88a.spip_mail:before {content: "";} /* liens vers un email */
89a.spip_url {color: #CONFIG{sarkaspip_styles/fg_lien, #990000};[ background: transparent url((#CHEMIN{images/lien_out.gif})) right center no-repeat; padding-right: 14px;]} /* liens url sortants */
90a.spip_glossaire {color: #CONFIG{sarkaspip_styles/fg_lien, #990000};[ background: transparent url((#CHEMIN{images/lien_glossaire.gif})) right center no-repeat; padding-right: 14px;]} /* liens vers encyclopedie */
91a.spip_glossaire:hover {color: #CONFIG{sarkaspip_styles/ho_lien, #990000}; text-decoration: #CONFIG{sarkaspip_styles/td_lien, underline};}
92a:hover {text-decoration: #CONFIG{sarkaspip_styles/td_lien, underline}; color: #CONFIG{sarkaspip_styles/ho_lien, #990000};}
93.on {} /* liens exposes */
94
95/* -------------------------------------------------------------------- */
96/*      Styles de la pagination generes par SPIP                            */
97/* -------------------------------------------------------------------- */
98.pagination {margin: 30px 0; padding: 0; font-size: 1.2em; text-align: right; text-decoration: none;
99        color: #CONFIG{sarkaspip_styles/fg_pagination, #6262a4};}
100.pagination .on {
101        display:inline; padding: 2px 5px 0; font-weight: bold;
102        background: #CONFIG{sarkaspip_styles/bg_pagination_on, #6262a4};
103        color: #CONFIG{sarkaspip_styles/fg_pagination_on, #ffffff};
104        text-decoration: #CONFIG{sarkaspip_styles/td_pagination_on, none};}
105.pagination a {
106        display:inline; padding: 2px 5px 0;
107        background: #CONFIG{sarkaspip_styles/bg_pagination, transparent};
108        color: #CONFIG{sarkaspip_styles/fg_pagination, #6262a4};}
109.pagination a:hover {
110        background: #CONFIG{sarkaspip_styles/hb_pagination, #f0f0a4};
111        color: #CONFIG{sarkaspip_styles/ho_pagination, #6262a4};
112        text-decoration: #CONFIG{sarkaspip_styles/td_pagination, none};}
113.pagination a.ancre {display:none;}
114
115/* -------------------------------------------------------------------- */
116/*  Styles des formulaires SPIP                                         */
117/* -------------------------------------------------------------------- */
118input, textarea, select { font-size: 100%; font-family: inherit; }
119
120/* Structure generale des formulaires */
121.formulaire_spip {clear: both; margin-bottom: 30px; padding: 1em; border: 0; text-align: left; font-size: 1.2em;
122        background: #CONFIG{sarkaspip_styles/bg_form, #f0f0fa}[ url((#CHEMIN{images/bg_form#CONFIG{sarkaspip_styles/bi_extension_form, .gif}}))][ (#CONFIG{sarkaspip_styles/bi_proprietes_form})];
123        color: #CONFIG{sarkaspip_styles/fg_form, #000000};}
124.formulaire_spip form { margin: 0; padding: 0; } /* Bug IE/Win */
125.formulaire_spip .bugajaxie { display: none; } /* Bug IE/Win */
126
127/* - Fieldset */
128.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
129.formulaire_spip fieldset legend { margin: 0 0 10px; padding: 0; line-height: 1.2; font-size: 1.55em; font-weight: bold;
130        background: #CONFIG{sarkaspip_styles/bg_form, #f0f0fa}[ url((#CHEMIN{images/bg_form#CONFIG{sarkaspip_styles/bi_extension_form, .gif}}))][ (#CONFIG{sarkaspip_styles/bi_proprietes_form})];
131        color: #CONFIG{sarkaspip_styles/fg_form_legende, #000000}; } /* Preciser la couleur des legend pour IE/Win */
132.formulaire_spip fieldset fieldset { margin-top: 1em; }
133.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }
134
135/* - Explications */
136.formulaire_spip .explication { margin: 0.50em 0; color: #CONFIG{sarkaspip_styles/fg_form, #000000}; }
137
138/* - Lignes */
139.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
140.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }
141.formulaire_spip ul li.multi_critere{width: 50%; float: left;}
142
143/* - Labels */
144.formulaire_spip label { margin-bottom: 3px; display: block; text-align: left; font-weight: bold; /* for IE */ position: relative;
145        color: #CONFIG{sarkaspip_styles/fg_form_input, #000000}; }
146.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }
147
148/* - Champs de saisie */
149.formulaire_spip input.text {padding: 0.2em 0; width: 99%; background: #CONFIG{sarkaspip_styles/bg_form_input, #ffffff};  border: 2px solid #CONFIG{sarkaspip_styles/ca_form_input, #888888};}
150.formulaire_spip textarea {padding: 0.2em 0; width: 99%; background: #CONFIG{sarkaspip_styles/bg_form_input, #ffffff};  border: 2px solid #CONFIG{sarkaspip_styles/ca_form_input, #888888};}
151.formulaire_spip select { width: 99%; }
152
153/* - Boutons */
154.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
155.formulaire_spip .boutons input { margin-left: 1em; }
156.formulaire_spip .boutons input, input.submit {}
157
158/* Reponses, previsu et erreurs */
159/* - Champs obligatoires */
160.formulaire_spip li.obligatoire {}
161.formulaire_spip li.obligatoire label { font-weight: bold; }
162
163/* - Previsualisation du message */
164.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em;
165        background: #CONFIG{sarkaspip_styles/bg_form_previsu, #f0f0fa};
166        border: 2px dashed #CONFIG{sarkaspip_styles/ca_form_previsu, #f57900}; }
167.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; color: #CONFIG{sarkaspip_styles/ca_form_previsu, #f57900}; font-weight: bold; }
168.formulaire_spip fieldset.previsu li { padding: 3px; border: none; color: #CONFIG{sarkaspip_styles/fg_form_previsu, #000000}}
169.formulaire_spip fieldset.previsu .boutons input {}
170
171/* - Reponse du formulaire */
172.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
173fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
174fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend pour IE/Win */
175
176/* - Erreurs */
177.formulaire_spip li.erreur .erreur_message { display: block; color: red; font-weight: bold; }
178.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: red; }
179.reponse_formulaire_erreur { margin: 0; color: red; font-weight: bold; }
180
181/* - OK */
182.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }
183
184/* Variantes et cas particuliers */
185/* - Barre de raccourcis typographiques */
186table.spip_barre { width: 100%; }
187table.spip_barre a img { background: #f5f5f5; padding: 3px; border: 1px solid #cccccc; margin-right: 1px; }
188table.spip_barre a:hover img { background: #ffffff; border: 1px solid #888888; }
189table.spip_barre input.barre { width: 99%; background: transparent; border: 0; color: #CONFIG{sarkaspip_styles/fg_form, #000000}; }
190
191/* - Formulaire de forum */
192.formulaire_forum .saisie_titre input.text { width: 99%; }
193
194/* - Login */
195.formulaire_spip input.text#var_login {width: 40%;}
196.formulaire_spip input.password {padding: 0.2em 0; width: 40%; background: #CONFIG{sarkaspip_styles/bg_form_input, #ffffff};  border: 2px solid #CONFIG{sarkaspip_styles/ca_form_input, #888888};}
197
198/* - Selection des langues */
199.formulaire_menu_lang { margin: 0; padding: 1em; background: none; width: 40%;}
200
201/* - Formulaires de contact */
202.formulaire_ecrire_auteur fieldset legend {padding-left: 20px;[ background: url((#CHEMIN{images/formulaire_mail.gif})) top left no-repeat;]}
203
204/* - Formulaires de recherche */
205.formulaire_recherche {margin: 0 0 0 10px; padding: 0; background: none; width : 158px; }
206.formulaire_recherche form {margin: 0;}
207.formulaire_recherche label {display: none !important; }
208.formulaire_recherche input{margin : 0; clear:none; }
209.formulaire_recherche input.text {width: 115px; float:left; margin:0 2px 1px 0; height:17px; padding: 0;
210        background: #CONFIG{sarkaspip_styles/bg_form_input, #ffffff};
211        border: 1px solid #CONFIG{sarkaspip_styles/ca_form_input, #888888};}
212.formulaire_recherche input.submit {padding: 0px 2px; font-size:1.1em;}
213
214
215/* -- specificite du formulaire dans la noisette recherche */
216.contenu .formulaire_recherche {display : block; padding: 0 0 5px 0;}
217
218/* -- specificite du formulaire de recherche dans le bandeau --*/
219.recherche_chemin{font-size:1.2em;}
220.recherche_chemin #formulaire_recherche {background:transparent; display:block; float:right; margin:0; padding:0; width:160px; font-size:1em;}
221.recherche_chemin .formulaire_recherche input.text{margin-top:1px; padding: 0;
222        background: #CONFIG{sarkaspip_styles/bg_form_input, #ffffff};
223        border: 1px solid #CONFIG{sarkaspip_styles/ca_form_input, #888888};}
224.recherche_chemin .formulaire_recherche input.submit {cursor: pointer;}
225.recherche_chemin span{float:right; margin: 5px 5px 0 20px;}
226
227/* -- formulaires de recherche des moteurs externes a SPIP */
228.moteur {margin: 2px 0 0 10px;}
229
230/* -- formulaire de la shoutbox */
231#contenu_shoutbox_dialogue {margin: 0 0 20px; padding: 5px; line-height:1.1em;
232        background: #CONFIG{sarkaspip_styles/bg_form_input, #ffffff};
233        border: 2px solid #CONFIG{sarkaspip_styles/ca_form_input, #888888};}
234
235/* Choix des mots-clefs */
236ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
237ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
238ul.choix_mots li label { display: inline; font-weight: normal; }
239
240/* -------------------------------------------------------------------- */
241/*      Styles generaux specifiques au squelette                            */
242/* -------------------------------------------------------------------- */
243/* Typographie par defaut du squelette */
244h1 {font-size: 2em; line-height: 1.2em;}
245p {margin: 0 0 10px;}
246
247/* Les logos des articles, rubriques... */
248.logo img {margin: 0;}
249.gauche {float: left; margin: 0 10px 5px 0;}
250.droite {float: right; margin: 0 0 5px 10px;}
251
252/* Nettoyage de float */
253.nettoyeur{ clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }
254
255/*  ***************************************************** */
256/*--     CSS revus jusqu'ici      --*/
257/*  ***************************************************** */
258.clearer {clear: both; display: block; height: 0px;}
259.clearer-right {clear: right; display: block; height: 0px;}
260.clearer-left {clear: left; display: block; height: 0px;}
261
262/* Info-bulles perso adaptees au contexte (image, plan...) ---*/
263a.info span {display: none;}
264a.info:hover span {display: inline; position: absolute; z-index: 500;   margin:0em 0 0 1em;     background: #EEEEEE; text-align: left; color: #808080; padding: 0px 3px; border:1px solid #808080;}
Note: See TracBrowser for help on using the repository browser.