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

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

on standardise la page mot en creant un css .mot
+ qq menues corrections

  • Property svn:eol-style set to native
File size: 15.4 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/* - Fieldset */
127.formulaire_spip fieldset { clear: both; margin: 0 0 1em 0; padding: 0; border: 0; }
128.formulaire_spip fieldset legend { margin: 0 0 10px; padding: 0; line-height: 1.2; font-size: 1.55em; font-weight: bold;
129        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})];
130        color: #CONFIG{sarkaspip_styles/fg_form_legende, #000000}; } /* Preciser la couleur des legend pour IE/Win */
131.formulaire_spip fieldset fieldset { margin-top: 1em; }
132.formulaire_spip fieldset fieldset legend { font-size: 1em; font-weight: normal; }
133/* - Explications */
134.formulaire_spip .explication { margin: 0.50em 0; color: #CONFIG{sarkaspip_styles/fg_form, #000000}; }
135/* - Lignes */
136.formulaire_spip ul { margin: 0; padding: 0; list-style: none; }
137.formulaire_spip ul li { clear: both; margin: 0; padding: 0.50em 0; }
138.formulaire_spip ul li.multi_critere{width: 50%; float: left;}
139/* - Labels */
140.formulaire_spip label { margin-bottom: 3px; display: block; text-align: left; font-weight: bold; /* for IE */ position: relative;
141        color: #CONFIG{sarkaspip_styles/fg_form_input, #000000}; }
142.formulaire_spip li p { margin-top: 0; margin-bottom: 0; }
143/* - Champs de saisie */
144.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};}
145.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};}
146.formulaire_spip select { width: 99%; }
147/* - Boutons */
148.formulaire_spip .boutons { clear: both; margin: 0; padding: 0; text-align: right; }
149.formulaire_spip .boutons input { margin-left: 1em; }
150.formulaire_spip .boutons input, input.submit {}
151
152/* Reponses, previsu et erreurs */
153/* - Champs obligatoires */
154.formulaire_spip li.obligatoire {}
155.formulaire_spip li.obligatoire label { font-weight: bold; /*color: #000;*/ }
156/* - Previsualisation du message */
157.formulaire_spip fieldset.previsu { margin-bottom: 2em; padding: 1em;
158        background: #CONFIG{sarkaspip_styles/bg_form_previsu, #f0f0fa};
159        border: 2px dashed #CONFIG{sarkaspip_styles/ca_form_previsu, #f57900}; }
160.formulaire_spip fieldset.previsu legend { padding: 0 0.50em; color: #CONFIG{sarkaspip_styles/ca_form_previsu, #f57900}; font-weight: bold; }
161.formulaire_spip fieldset.previsu li { padding: 3px; border: none; color: #CONFIG{sarkaspip_styles/fg_form_previsu, #000000}}
162.formulaire_spip fieldset.previsu .boutons input {}
163/* - Reponse du formulaire */
164.reponse_formulaire { font-weight: bold; color: #e86519; font-size: 1.20em; }
165fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }
166fieldset.reponse_formulaire.reponse_formulaire legend { color: #F57900; } /* Preciser la couleur des legend pour IE/Win */
167/* - Erreurs */
168.formulaire_spip li.erreur .erreur_message { display: block; color: red; font-weight: bold; }
169.formulaire_spip li.erreur input.text, .formulaire_spip li.erreur textarea { background-color: #FCC; border-style: solid; border-color: red; }
170.reponse_formulaire_erreur { margin: 0; color: red; font-weight: bold; }
171/* - OK */
172.reponse_formulaire_ok { margin: 0; color: #53AD20; font-weight: bold; }
173
174/* Variantes et cas particuliers */
175/* - Barre de raccourcis typographiques */
176table.spip_barre { width: 100%; }
177table.spip_barre a img { background: #f5f5f5; padding: 3px; border: 1px solid #cccccc; margin-right: 1px; }
178table.spip_barre a:hover img { background: #ffffff; border: 1px solid #888888; }
179table.spip_barre input.barre { width: 99%; background: transparent; border: 0; color: #CONFIG{sarkaspip_styles/fg_form, #000000}; }
180/* - Formulaire de forum */
181.formulaire_forum .saisie_titre input.text { width: 99%; }
182/* - Login */
183.formulaire_spip input.text#var_login {width: 40%;}
184.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};}
185/* - Selection des langues */
186.formulaire_menu_lang { margin: 0; padding: 1em; background: none; width: 40%;}
187/* - Formulaires de contact */
188.formulaire_ecrire_auteur fieldset legend {padding-left: 20px;[ background: url((#CHEMIN{images/formulaire_mail.gif})) top left no-repeat;]}
189/* - Formulaires de recherche */
190.formulaire_recherche {margin: 0 0 0 10px; padding: 0; background: none; width : 158px; }
191.formulaire_recherche form {margin: 0;}
192.formulaire_recherche label {display: none !important; }
193.formulaire_recherche input{margin : 0; clear:none; }
194.formulaire_recherche input.text {width: 115px; float:left; margin:0 2px 1px 0; height:17px; padding: 0;
195        background: #CONFIG{sarkaspip_styles/bg_form_input, #ffffff};
196        border: 1px solid #CONFIG{sarkaspip_styles/ca_form_input, #888888};}
197.formulaire_recherche input.submit {padding: 0px 2px; font-size:1.1em;}
198*+html .formulaire_recherche input.submit {float : right;}
199/* -- specificite du formulaire dans la noisette recherche */
200.contenu .formulaire_recherche {display : block; padding: 0 0 5px 0;}
201/* -- specificite du formulaire de recherche dans le bandeau --*/
202.recherche_chemin{font-size:1.2em;}
203.recherche_chemin #formulaire_recherche {background:transparent; display:block; float:right; margin:0; padding:0; width:160px; font-size:1em;}
204.recherche_chemin .formulaire_recherche input.text{margin-top:1px; padding: 0;
205        background: #CONFIG{sarkaspip_styles/bg_form_input, #ffffff};
206        border: 1px solid #CONFIG{sarkaspip_styles/ca_form_input, #888888};}
207.recherche_chemin .formulaire_recherche input.submit {cursor: pointer;}
208.recherche_chemin span{float:right; margin: 5px 5px 0 20px;}
209
210/* -- formulaires de recherche des moteurs externes a SPIP */
211.moteur {margin: 2px 0 0 10px;}
212/* -- formulaire de la shoutbox */
213#contenu_shoutbox_dialogue {margin: 0 0 20px; padding: 5px; line-height:1.1em;
214        background: #CONFIG{sarkaspip_styles/bg_form_input, #ffffff};
215        border: 2px solid #CONFIG{sarkaspip_styles/ca_form_input, #888888};}
216
217/* Choix des mots-clefs */
218ul.choix_mots { display: block; margin: 0; padding: 0; list-style: none; }
219ul.choix_mots li { clear: none; float: left; display: block; width: 30%; padding: 1%; }
220ul.choix_mots li label { display: inline; font-weight: normal; }
221
222/* -------------------------------------------------------------------- */
223/*      Styles generaux specifiques au squelette                            */
224/* -------------------------------------------------------------------- */
225/* Typographie par defaut du squelette */
226h1 {font-size: 2em; line-height: 1.2em;}
227p {margin: 0 0 10px;}
228
229/* Les logos des articles, rubriques... */
230.logo img {margin: 0;}
231.gauche {float: left; margin: 0 10px 5px 0;}
232.droite {float: right; margin: 0 0 5px 10px;}
233
234/* Nettoyage de float */
235.nettoyeur{ clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px; }
236
237/*  ***************************************************** */
238/*--     CSS revus jusqu'ici      --*/
239/*  ***************************************************** */
240.clearer {clear: both; display: block; height: 0px;}
241.clearer-right {clear: right; display: block; height: 0px;}
242.clearer-left {clear: left; display: block; height: 0px;}
243
244/* Info-bulles perso adaptees au contexte (image, plan...) ---*/
245a.info span {display: none;}
246a.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.