Subversion Repositories Sites.tela-botanica.org

Rev

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