Subversion Repositories Sites.tela-botanica.org

Rev

Rev 221 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
4 david 1 
/*Feuille de style de tous les mondes
2 
Auteur : Magali Giaume*/
3 
 
4 
/* presentation des liens */
5 
a {
6 
  color:black;
7 
  text-decoration:none;
8 
  background-repeat: repeat-x;
9 
  background-position:center bottom;}
10 
a:hover {
11 
  color:black;
12 
  text-decoration:none;
13 
  background-repeat: repeat-x;
14 
  background-position:center bottom;}
15 
 
16 
/* presentation des listes de definitions */
17 
dl {width:100%;}
18 
 
19 
dt {
20 
  float:left;
21 
  font-weight: bold;
22 
  line-height:1.1em;
23 
  text-align:top left;
24 
  margin-right:0.3em;}
25 
 
26 
dd {
27 
  width:auto;
28 
  margin-left:0;
29 
  line-height:1.1em;
30 
  margin:0.5em 0;}
31 
 
32 
.ajout_2point dt:after {content:" : ";}
33 
 
34 
/* presentation des listes */
35 
ul {
172 magali 36 
  line-height:12px;}
37 
#texte li {
38 
  margin:4px;
39 
  line-height:12px;}
4 david 40 
.liste_decale li, .liste_decale dt {
41 
  margin-left:2em;}
42 
ul ul {
43 
  margin-left:2em;}
44 
#menus ul{
45 
  line-height:1.5em;}
46 
 
47 
/* presentation des images */
48 
img{
49 
  border:0;}
50 
img a{
51 
  display:block;}
52 
#logo_tela img {
53 
  border:0;}
54 
#logo_tela a {
73 magali 55 
 position:absolute;
56 
  top : 0;
57 
  left:0;}
4 david 58 
.img_gch_txt_drte img, .flottant_gauche {
59 
  float:left;
60 
  margin:5px 10px 5px 5px;}
61 
.img_gch_txt_drte li {
62 
  margin-left:40px;}
63 
.img_drte_txt_gch img, .flottant_droit {
64 
  float:right;
65 
  margin-left:10px;}
66 
.img_drte_txt_gch > img {
67 
  float:right;
68 
  margin-left:10px;}
69 
.img_milieu {
70 
  display:inline;
71 
  margin:0 10px;}
72 
.image_legendee {
73 
  width: 300px;
74 
  font-style:italic;
75 
  margin: 5px}
76 
.image_legendee img {
77 
  margin: 0 auto}
78 
.legende {
79 
  display:block;
80 
  font-weight:bold;
81 
  text-align:center;}
82 
.clear {
83 
  clear:both;}
84 
 
104 magali 85 
/* autres classes de presentation*/
4 david 86 
.texte_inactif {
87 
  font-size:10px;
88 
  color:gray;}
89 
.erreur {
90 
  color:#F00;}
91 
.en_evidence {
92 
  font-size:16px;
93 
  font-weight:bold;}
94 
.attention {
95 
  display:block;
126 magali 96 
  background: #ffffcc url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/attention.png) no-repeat 2% 50%;
4 david 97 
  text-align:center;
98 
  border: 1px solid red;
183 jpm 99 
  min-height: 50px;
100 
  max-width: 800px;
101 
  padding:5px 5px 5px 50px;}
4 david 102 
.information {
144 jpm 103 
  background: #e7ebfd url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/information.png) no-repeat 2% 50%;
4 david 104 
  text-align:center;
144 jpm 105 
  border:1px solid #5D81BA;
183 jpm 106 
  min-height: 50px;
107 
  max-width: 800px;
108 
  padding:5px 5px 5px 50px;}
4 david 109 
#bb_liste_fascicule li{
110 
  clear:both;
111 
  height:100%;}
112 
.bb_img_fascicule {
113 
  display:block;}
114 
blockquote {
115 
  font-style:italic;
116 
  text-align:center;}
117 
legend {
118 
  text-align:center;}
119 
.fin_texte{
120 
  width:0;
121 
  height:0;
122 
  text-align: center;
123 
  clear: both;}
124 
 
125 
/*DIFFERENTS BLOCS DE LA PAGE*/
126 
#reducteur {
127 
  text-align:center;}
128 
/*bandeau*/
129 
#bandeau, #zone_bandeau {
130 
  height:77px;
131 
  margin:0 0 0 190px;}
132 
#titre_monde, #site_nom {
133 
  margin:0;
134 
  text-align:right;
135 
  height:38px;}
136 
#titre_monde h1, #site_nom h1 {
137 
  background-color:transparent;
138 
  font-weight: bold;
139 
  font-size: 28px;
140 
  margin:0 20px 0 0;
141 
  padding:0;}
142 
#plan_contact {
143 
  margin:0 5px 0 0;
144 
  text-align:right;
145 
  height:25px;
146 
  padding:7px 15px 0 0;}
147 
#plan_contact a {
148 
  font-weight:bold;
149 
  margin-left:10px;
150 
  background-repeat: repeat-x;
151 
  background-position:center bottom;}
152 
#plan_contact a:hover {
153 
  font-weight:bold;
154 
  margin-left:10px;
155 
  background-repeat: repeat-x;
156 
  background-position:center bottom;}
230 jpm 157 
 
4 david 158 
/*droite*/
159 
#droite {
160 
  margin:0 5px 0 207px;
161 
  position:relative;}
162 
 
163 
/* droite -> pos_recherche */
164 
#pos_recherche, #moteur_recherche {
165 
  font-size:13px;
166 
  font-weight:bold;
167 
  min-height:30px;
168 
  padding:5px 0 5px 20px;
169 
  text-align:left;}
170 
#form_more_recherche, #form_recherche {
171 
  text-align:right;
172 
  padding:0;
173 
  margin:0;}
174 
#form_more_recherche legend {
175 
  display:none;}
176 
#form_more_recherche fieldset {
177 
  float:right;
178 
  border:0;
179 
  margin:0;
180 
  padding:0;}
181 
#form_more_recherche label {
182 
  display:none;}
221 jpm 183 
#more_resultat, #more_resultat li {
184 
  clear:left;
185 
  display: inline;
186 
  margin: 0;
187 
  padding: 0;
188 
  list-style-type:none;}
220 jpm 189 
.more_iid, .more_dui {
190 
  display:none;}
191 
.more_ivd {
192 
  width:600px;}
193 
.more_duv a {
194 
  color:#008000;}
195 
.more_dsv, .more_dsi {
196 
  color:#C1C1C1;}
197 
.more_detail, .more_detail li {
198 
  display: inline;
199 
  margin: 0;
200 
  padding: 0;
201 
  list-style-type:none;}
4 david 202 
 
203 
/*droite -> onglets */
204 
#onglets {
205 
  position:relative;
206 
  float:left;
207 
  text-align:left;
208 
  z-index:2;
209 
  font-weight:bold;}
210 
#onglets ul {
211 
  margin:0;
212 
  padding:0;
213 
  list-style:none;}
214 
#onglets li {
126 magali 215 
  background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_right_both.gif) no-repeat right top;
4 david 216 
  float:left;
217 
  margin:0;
218 
  padding:0;}
219 
#onglets a {
220 
  float:left; /* ligne ajoutee pour compatibilite IE5-Mac */
221 
  display:block;
136 magali 222 
  background:url("http://www.tela-botanica.org/sites/commun/generique/images/graphisme/norm_left_both.gif") no-repeat left top;
4 david 223 
  width:.1em;
224 
  white-space:nowrap;/*2 lignes ajoutees pour compatibilite IE : extension de la zone cliquable a l'ensemble de l'onglet*/
225 
  padding:5px 15px 4px;
226 
  text-decoration:none;}
227 
/* On retablit le float a sa valeur correct mais le hack de l'antislash commente cache cette regle a IE5-Mac \*/
228 
#header a {float:none;}
229 
/* End IE5-Mac hack */
230 
#onglets > ul a {
231 
  width:auto;} /*propriete ajoutee pour contredire la ligne speciale IE (ci dessus) pour les autres navigateurs*/
232 
#onglets li:hover {
233 
  background-position:100% -150px;}
234 
#onglets li:hover a {
235 
  background-position:0% -150px;}
236 
#onglets .menu_inactif {
237 
  border-bottom:1px solid;}
238 
#onglets .menu_actif, #onglets .onglet_actif {
239 
  position:relative;
240 
  background-position:100% -150px;
241 
  padding-bottom:2px;
242 
  z-index:3;
243 
  font-weight:bold;}
244 
#onglets .menu_actif a, #onglets .onglet_actif a {
245 
  position:relative;
246 
  background-position:0% -150px;
247 
  padding-bottom:3px;
248 
  z-index:4;}
249 
 
250 
/* droite -> contenu */
251 
#contenu, #zone_contenu, #contenu_accueil {
252 
  position:relative;
253 
  top:-1px;
254 
  z-index:1;
255 
  clear:both;
256 
  padding:0 2px 0 2px;
257 
  text-align:justify;
258 
  min-height:300px;}
259 
#texte{
260 
  line-height:1.2em;
261 
  text-align:justify;
262 
  clear:both;
102 alex 263 
  padding:0 5px 7px 5px;}
4 david 264 
#texte .image_lien {
265 
  background-image:none;}
72 magali 266 
/* Hides from IE-mac \*/
267 
* html #texte {height: 1%;}
268 
/* Bug qui inactive les liens sous IE */
71 magali 269 
 
270 
 
4 david 271 
/* droite -> pied_page */
272 
#pied_text, #pied_page, #zone_pied {
273 
  clear:both;
274 
  text-align:center;
275 
  font-size:11px;}
276 
#pied_page p, #zone_pied p{
277 
  position:center;}
278 
#pied_page a {
279 
  margin:0 10px;}
280 
.menu_commun_n1 {
281 
  padding:0;}
282 
.menu_commun_n1 li {
283 
  display:inline;}
284 
.menu_commun_n1 li+li {
126 magali 285 
  background:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/boule_basse.png) no-repeat center left;
4 david 286 
  display:inline;
287 
  padding-left:10px;}
288 
 
289 
/* Tableau */
290 
.table_cadre {
291 
  border-spacing:0;
292 
  text-align:center;}
293 
.table_cadre th {
294 
  text-align:center;}
295 
.table_cadre td {
296 
  padding:2px;
297 
  text-align:left;}
298 
 
299 
/*nav_gauche*/
300 
#nav_gauche {
301 
  position:absolute;
302 
  top:2px;
303 
  left:2px;
304 
  width:188px;
305 
  padding-top:150px;
306 
  min-height:292px;}
307 
 
308 
/* nav_gauche -> logo_tela */
309 
#logo_tela, #logo {
310 
  margin:7px 10px;
311 
  position:absolute;
312 
  top:2px;
313 
  left:18px;
314 
  z-index:1;}
315 
#logo_tela a, #logo a {
316 
  background:none;}
317 
#acces_direct, #accessibilite {
318 
  display:none;}
319 
 
320 
/* nav_gauche -> selecteur_sites */
230 jpm 321 
#sesi_site {
28 magali 322 
  text-align:center;
323 
  font-size:12px;
324 
  font-weight:bold;
325 
  width:180px;
326 
  height:20px;}
4 david 327 
#sesi_selecteur fieldset, #selecteur_monde fieldset{
328 
  border:0;
329 
  margin:0;
330 
  padding:0;}
331 
#sesi_selecteur legend, #selecteur_monde legend{
332 
  display: none;}
230 jpm 333 
#sesi_selecteur option {
4 david 334 
  font-size:11px;}
335 
#lien_inscription{
336 
  margin:2em 0 0 0;
337 
  font-size:11px;}
338 
 
339 
/* nav_gauche -> menus */
340 
#menus, #zone_menu {
341 
  font-size:13px;
342 
  margin:10px 0;
343 
  text-align:left;}
344 
#menus a {
345 
  background:none;
346 
  color:#000;
347 
  display:block;
348 
  height:1.2em;}
349 
#menus .menu_actif>a {
350 
  border-width:1px;
351 
  border-style:solid;}
352 
#menus > ul a {
353 
  height:auto;}
354 
#nav_gauche hr {
355 
  width:40%;
356 
  text-align:center;}
230 jpm 357 
 
4 david 358 
/* nav_gauche -> form connexion et deconnexion */
359 
#form_connexion legend, #identification legend {
360 
  font-size:14px;
361 
  font-weight:bold;
362 
  padding-left:32px;}
363 
#form_connexion label, #identification label {
364 
  display:none;}
230 jpm 365 
label#persistant_label {
366 
  display:block;
367 
  margin:0.5em 0 1em 1em;
368 
  color:black;}
4 david 369 
#form_connexion fieldset, #identification fieldset{
370 
  border:none;}
371 
#username, #password {
372 
  width:10em;
373 
  text-align:left;
374 
  margin:0.5em 1em;}
230 jpm 375 
#persistant {
376 
  text-align:left;
377 
  float:left;
378 
  margin:0.5em 0 1em 1em;}
4 david 379 
#identification_info, #identification, #formconnexion, #iden_action {
380 
  display:block;
381 
  width:auto;
382 
  text-align:center;
383 
  font-size:11px;
384 
  margin: 0;
385 
  padding-bottom:2px;}
386 
#menu_contextuel {
387 
  border:1px solid;}
388 
#deconnexion, #lien_inscription_modif, #lien_inscription {
389 
  font-size:12px;}
390 
 
98 jpm 391 
#identification_message, #menu_contextuel h2, #hba_info h1, #hba_info p {
4 david 392 
  display:block;
393 
  font-size:14px;
394 
  text-align:center;
395 
  font-weight:bold;
396 
  text-transform:none;
397 
  margin:0 0 5px 0;}
398 
#identification_prenom {
399 
  font-size:13px;
400 
  font-weight:bold;
401 
  color:black;}
402 
#identification_nom {
403 
  font-size:13px;
404 
  font-weight:bold;
405 
  text-transform:uppercase;
406 
  color:black;}
407 
#iden_action a {
408 
  line-height:15px;}
230 jpm 409 
 
4 david 410 
/* presentation des menus */
411 
.menu_classique_n1, .menu_n1 {
412 
  padding:0;
413 
  margin:0;
414 
  font-weight:bold;}
415 
.menu_classique_n1 li {
416 
  list-style:none;}
417 
.menu_classique_n1 a {
418 
  padding:3px 0 0 0;}
419 
.menu_classique_n2, .menu_n2 {
420 
  padding:0;
421 
  margin:0;
422 
  font-weight:normal;}
423 
.menu_classique_n2 li {
424 
  list-style:none;
425 
  padding:0;
426 
  margin:0;}
427 
.menu_classique_n2 a {
428 
  padding:3px 0 3px 15px;}
429 
.menu_n3 {
430 
  margin:0 0 0 10px;
431 
  padding:0;
432 
  text-align:left;}
433 
.menu_actif a {
434 
  text-decoration:none;}
435 
.menu_inactif {
436 
  background-color:transparent;
437 
  padding:0;
438 
  margin:0;}
439 
.menu_inactif a {
440 
  color:#000;
441 
  text-decoration:none;}
442 
/*presentation des syntheses*/
443 
.page_separateur_date_heure, .page_creation_jour, .page_creation_heure, .page_creation_minute, .page_creation_seconde, .page_separateur_heure, .page_separateur_minute, .page_modification_heure, .page_modification_minute{
444 
  display:none;}
445 
.page_titre {
446 
  font-weight:bold;}
447 
 
448 
/* Texte champ d'une fiche */
449 
.champ_cle {
450 
  font-weight:bold;}
451 
.champ_valeur {
452 
  font-weight:normal;}p_cle {
453 
  font-weight:bold;}
454 
.champ_valeur {
455 
  font-weight:normal;}
456 
/*presentation synthese biblio pteridophytes*/
457 
/*.couleur_bleu {
458 
  color:blue;}
459 
.couleur_vert {
460 
  color:green;}
461 
.couleur_rose {
462 
  color:#BF90DE;}
463 
.couleur_orange {
464 
  color:orange;}
465 
.bp_auteur_france {
466 
  color:blue;}
467 
.bp_auteur_europe {
468 
  color:#BF90DE;}
469 
.bp_auteur_famille {
470 
  color:green;}
471 
.bp_auteur_region {
472 
  color:orange;}*/
473 
.bp_titre {
474 
  font-weight:bold;}
475 
.bp_titre_revue, .nom_latin {
476 
  font-weight:normal;}
477 
.bp_annee, .bp_num_revue {
478 
  font-weight:normal;}
104 magali 479 
/*menu_commun*/
480 
.question {
481 
  font-weight:bold;}