Subversion Repositories Sites.tela-botanica.org

Rev

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