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

Last change on this file since 26960 was 26960, checked in by eric@…, 10 years ago

Petite modif css du formulaire de langue

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