Subversion Repositories Sites.tela-botanica.org

Rev

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