Subversion Repositories Sites.tela-botanica.org

Rev

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

Rev Author Line No. Line
7 david 1 
/*Feuille de style du monde eflore
2 
Auteur : Magali Giaume*/
617 david 3 
 
7 david 4 
h1{
5 
  background-color:#d0abe1;}
6 
h2, #identification_message, #form_connexion legend, #identification legend, #identification_info, #iden_action  {
7 
  color: #8404ba;}
8 
h2
9 
#efins_titre{
10 
  color:grey;}
11 
hr {
12 
  color: #8404ba;}
13 
a img {
14 
  border : 1px dotted #8404ba;}
15 
 
16 
/*DIFFERENTS BLOCS DE LA PAGE*/
17 
/*bandeau*/
18 
#bandeau {
84 jpm 19 
  background: url(http://www.tela-botanica.org/sites/eflore/generique/images/graphisme/bandeau_eflore_fond.png) repeat-x;}
7 david 20 
#bandeau_contenu {
84 jpm 21 
  background:transparent url(http://www.tela-botanica.org/sites/eflore/generique/images/graphisme/bandeau_eflore.jpg) no-repeat;
7 david 22 
  height:77px;}
23 
#titre_monde h1 {
24 
  color:#ead9f2;}
25 
a {
84 jpm 26 
  background-image:url(http://www.tela-botanica.org/sites/eflore/generique/images/graphisme/img_underline_eflore.png);}
7 david 27 
a:hover {
84 jpm 28 
  background-image:url(http://www.tela-botanica.org/sites/eflore/generique/images/graphisme/img_underline_hover_eflore.png);}
7 david 29 
#plan_contact a {
84 jpm 30 
  background-image:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_plan_site_black.png);}
7 david 31 
#plan_contact a:hover{
84 jpm 32 
  background-image:url(http://www.tela-botanica.org/sites/commun/generique/images/graphisme/img_underline_hover_plan_site_black.png);}
7 david 33 
/*droite -> onglets */
34 
#onglets li:hover {
35 
  color:#8404ba;}
36 
#onglets li:hover a {
37 
  color:#8404ba;}
38 
#onglets .menu_inactif {
39 
  border-bottom:#8404ba;}
40 
#onglets .menu_actif a {
41 
  color:#8404ba;}
42 
/* droite -> contenu */
43 
#contenu {
44 
  border:1px solid #8404ba;}
45 
#texte img a{
46 
  background:none;}
47 
/*nav_gauche*/
48 
#nav_gauche {
84 jpm 49 
  background: #fff url(http://www.tela-botanica.org/sites/eflore/generique/images/graphisme/degrade_lavande.png) repeat-x;}
7 david 50 
/* nav_gauche -> menus */
51 
#menus .menu_actif>a {
52 
  background-color:#d0abe1;
53 
  border-color: rgb(230, 206, 236);}
54 
#menus a:hover {
55 
  background-color:#d0abe1;}
56 
/* presentation des menus */
57 
.menu_classique_n2 .menu_actif {
58 
  background-color:#d0abe1}
59 
.menu_actif a {
60 
  color:#8404ba;}
61 
/* Tableau*/
62 
.table_cadre {
63 
  border:1px solid #EABFFF;
64 
  margin:0 0 15px 0;}
65 
.table_cadre th {
66 
  border:1px solid #EABFFF;
67 
  background-color:#DFCBEE;}
68 
.table_cadre td {
69 
  border:1px solid #EABFFF;}
70 
.table_cadre {
71 
  background-color:white;}
72 
.ligne_paire {
73 
  background-color:#eddaf0;}
74 
.form_identification input, .form_identification textarea, .form_identification select {
75 
  background-color:#f5e6f4;}
76 
#menu_contextuel {
77 
  color:#8404ba;}
280 jpm 78 
 
84 jpm 79 
/*--------------------------------------------------------------------------------------------------------------------*/
80 
/*Application eFlore*/
81 
 
173 magali 82 
/* Formatage general */
84 jpm 83 
.ef_nn, .ef_nt{text-transform:none;}
84 
.ef_nn{color:#3B9D3B;}
85 
.ef_nt{color:#E62A2A;}
362 jpm 86 
.symbole_obligatoire{
87 
	color:red;
88 
	font-weight:bold;
89 
	font-size:14px;}
374 jpm 90 
.tri{
91 
	color:red;
92 
	padding:0 5px 1px 5px;
93 
	margin:0 5px 3px 5px;}
84 jpm 94 
 
95 
/* Formatage des noms latins */
96 
.nl_supra_generique, .nl_infra_generique, .nl_g, .nl_sp, .nl_infra_sp {
154 magali 97 
  font-style:italic;}
341 jpm 98 
strong.nl_retenu{
99 
	font-weight:normal;}
340 jpm 100 
.nl_retenu .nl_supra_generique, .nl_retenu .nl_infra_generique, .nl_retenu .nl_g, .nl_retenu .nl_sp, .nl_retenu .nl_infra_sp {
101 
  font-weight:bold;}
84 jpm 102 
 
103 
/* Formulaire recherche par Nom */
14 jpm 104 
#eflore_form_nomenclature legend {
17 magali 105 
  display:none;}
14 jpm 106 
#eflore_form_nomenclature fieldset {
17 magali 107 
  border: 0px;
108 
  margin: 0px;
109 
  padding: 0px;}
14 jpm 110 
#eflore_form_nomenclature label {
17 magali 111 
  margin-right:15px;
112 
  font-weight:bold;}
14 jpm 113 
#eflore_form_nomenclature ul {
17 magali 114 
  margin:0px;
115 
  padding:0px;}
14 jpm 116 
#eflore_form_nomenclature li {
17 magali 117 
  margin:5px 0px;
118 
  padding:0px;
119 
  list-style:none;}
14 jpm 120 
#eflore_form_nomenclature li ul {
17 magali 121 
  margin-left:45px;}
14 jpm 122 
#eflore_valider_nom {
17 magali 123 
  margin-left:295px;}
84 jpm 124 
 
125 
/*Formulaire recherche par Arbre des Taxons */
14 jpm 126 
#eflore_form_taxonomie legend {
17 magali 127 
  display:none;}
14 jpm 128 
#eflore_form_taxonomie fieldset {
17 magali 129 
  border: 0px;
130 
  margin: 0px;
131 
  padding: 0px;}
14 jpm 132 
#eflore_form_taxonomie label {
17 magali 133 
  margin-right:15px;
134 
  font-weight:bold;}
14 jpm 135 
#eflore_form_taxonomie ul {
17 magali 136 
  margin:0px;
137 
  padding:0px;}
14 jpm 138 
#eflore_form_taxonomie li {
17 magali 139 
  margin-top:5px;
140 
  margin-bottom:5px;
141 
  list-style:none;}
14 jpm 142 
#eflore_ordre_li {
17 magali 143 
  display:inline;
144 
  padding-left:50px;}
14 jpm 145 
#eflore_rang_li {
17 magali 146 
  display:inline;
147 
  padding-left:15px;}
14 jpm 148 
#eflore_projet_submit {
17 magali 149 
  margin-left:295px;}
14 jpm 150 
 
173 magali 151 
/* Page de resultat de l'Arbre des taxons*/
14 jpm 152 
#liste_taxons img {
17 magali 153 
  border:0;
154 
  margin-right:6px;}
14 jpm 155 
 
600 david 156 
/* G�n�ral : pour afficher des infos bulles am�lior�es*/
279 jpm 157 
.tooltip {
158 
 margin-right:5px;}
159 
.tooltip:after {
160 
  content: "+";
161 
  font-size:10px;
162 
  color:#FF6666;
163 
  vertical-align:super;
164 
  border-bottom:dotted 1px #FF6666}
280 jpm 165 
 
173 magali 166 
/* Onglet Synthese */
167 
/*		Onglet Synthese : colonne gauche */
84 jpm 168 
#ef_synthese_colonne {
154 magali 169 
  float: right;
176 magali 170 
  width:30%;
280 jpm 171 
	min-width:250px;
154 magali 172 
  border: dashed 1px #BFC0BF;
173 magali 173 
  background-color:#E6E7E6;
280 jpm 174 
  padding:0 5px;
175 
	margin:0 0 0 5px}
176 magali 176 
#ef_synthese_colonne #ef_classif table{
177 
  width:100%;}
154 magali 178 
#ef_nomenclature .information, #ef_synonymie_nom_retenu .information {
179 
  background:none;
180 
  border:none;
181 
  display:inline;}
182 
#ef_code {
183 
  margin-left:25px;
184 
  font-weight:bold;}
185 
#ef_code {
186 
 line-height:10px;}
187 
.ef_nn, .ef_nt {
188 
  font-weight:normal;}
173 magali 189 
/* Hides from IE-mac \*/
190 
html #texte {height: 1%;}
191 
/* End hide from IE-mac */
154 magali 192 
 
84 jpm 193 
#ef_synthese_contenu{
173 magali 194 
  height:100%;/* Pour IEWin-6.0 : corrige pb decalage hauteur */
176 magali 195 
  width:60%;}
154 magali 196 
#ef_nomenclature dd{
197 
  font-weight:lighter;}
127 magali 198 
#efins_titre, #efinr_titre, #efinr_titre_permalien {
199 
  text-transform:none;
200 
  color:black;}
201 
#efinr_titre_permalien ul {
202 
  list-style:none;}
203 
#synthese_nom_retenu ul {
204 
  line-height:12px;}
205 
#synthese_nom_selection{
206 
  height:5px;
207 
  margin:0;}
208 
#efins_code, #efinr_code, #synthese_nom_retenu form, #synthese_nom_selection form, #synthese_nom_selection dl,#synthese_nom_retenu dl {
154 magali 209 
  display:none;}
127 magali 210 
/*#efins_titre_contenu, #efinr_titre_contenu {
211 
  display:block;
212 
/* Pour IEWin : corrige pb background-color */
213 
  /*background-color:white;
85 jpm 214 
  padding:0 0 0 5px;
215 
  margin:2px;}
127 magali 216 
#efins_titre_contenu, #efinr_titre_contenu {
85 jpm 217 
  width:140px;/* Pour IEWin-5.5 : corrige pb background-color */
154 magali 218 
  /*color:black;}*/
127 magali 219 
#synthese_nom_selection h2 span, #efinr_nom, #efins_nom {
220 
  font-size:12px;
221 
  display:inline;
84 jpm 222 
  color:black;
223 
  text-transform:none;
127 magali 224 
  font-size:12px;}
225 
#synthese_nom_selection h2 span, #efins_nom {
226 
  font-weight:normal;}
173 magali 227 
/*		Onglet Identite : colonne droite */
84 jpm 228 
#ef_synthese_colonne .table_cadre{
229 
  margin:0 auto;
230 
  width:228px;}
228 jpm 231 
#ef_nomenclature, #ef_synonymie_nom_retenu .information, #ef_permalien, #ef_telechargement, #ef_correspondance, #ef_noms_verna {
154 magali 232 
  padding-left:25px;}
233 
#ef_correspondance dt {
234 
 text-transform:lowercase;}
173 magali 235 
/* Formatage partage par plusieurs onglets */
280 jpm 236 
#ef_famille, #ef_referentiel {
154 magali 237 
  position:absolute;
238 
  right:20px;}
127 magali 239 
/*onglet synonymie*/
85 jpm 240 
#synonymie_nom_retenu, #synthese_nom_retenu {
241 
  margin:12px 2px 0 2px;
127 magali 242 
  padding:2px;}
85 jpm 243 
#synonymie_nom_selection, #synthese_nom_selection {
244 
  margin:20px 2px;
245 
  padding:2px;}
127 magali 246 
#synonymie_nom_selection dl, #synonymie_nom_retenu dl {
247 
 margin-left:30px;}
248 
#synonymie_nom_selection dt, #synonymie_nom_retenu dt {
249 
 font-weight:normal;}
250 
#synonymie_nom_selection dd, #synonymie_nom_retenu dd{
251 
 font-weight:bold;}
154 magali 252 
#ef_synonymie_nom_retenu h4 {
253 
 margin-left:25px;}
395 jpm 254 
#ef_info_protection{
255 
	height:185px;
256 
	max-width:405px;
257 
	overflow:auto;}
223 jpm 258 
 
259 
/* Onglet Informations*/
260 
.efitl_liste_legende {
261 
  list-style-type:none;}
262 
#efitl_liste_info_legende dt {
263 
  float:none;}
226 jpm 264 
#ef_info_message {
229 jpm 265 
  max-width:800px;}
279 jpm 266 
.efitl_liste_legende_def{
267 
	clear:left;
268 
	margin-left:25px;
269 
	max-width:600px;}
270 
#efitl_liste_info_legende dd{
271 
	max-width:625px;}
272 
#efitl_liste_info_legende dt {
273 
	float:left;
274 
	font-weight: bold;
275 
	line-height:1.1em;
276 
	text-align:top left;
277 
	margin-right:0.3em;}
223 jpm 278 
 
84 jpm 279 
/* Onglet Chorologie et Cartes*/
280 
#efc_legende{
280 jpm 281 
  list-style-type:none;
282 
	padding:0;}
84 jpm 283 
#efc_legende li {
284 
  clear:both;}
285 
.efcl_couleur {
286 
  float:left;
287 
  border: black solid 1px;
288 
  width:10px;
289 
  height:10px;
290 
  margin: 2px;}
291 
#ef_choro {
292 
  margin:5px;
293 
  padding:5px;}
280 jpm 294 
#ef_choro_carte_mini{
295 
  margin:0 auto;
296 
  width:228px;}
84 jpm 297 
#ef_choro img {
85 jpm 298 
  margin:5px;
84 jpm 299 
  background-color:white;}
85 jpm 300 
#ef_choro .attention {
301 
	height:75px;/* Pour IEWin/5.0 */}
84 jpm 302 
#ef_choro_carte {
303 
  width:575px;
304 
  float: left;
305 
  padding:0 5px;}
306 
#ef_choro_info {
307 
  width:430px;
308 
  float: left;
309 
  padding:0 5px;}
310 
 
311 
/* Onglet Illustration */
154 magali 312 
#efii_titre_google, #efii_titre_yahoo {
313 
  margin-left:25px;}
84 jpm 314 
#ef_img_google {
315 
  float: left;
316 
  margin-right:10px;}
154 magali 317 
#ef_illustration_info .attention{
318 
  border:0;
319 
  background:none;
320 
  text-align:left;
321 
  padding:0;}
84 jpm 322 
#ef_illustration_info ul{
323 
  list-style-type:none;}
324 
#ef_illustration_info li {
325 
  float: left;}
202 jpm 326 
#efii_liste_photoflora li, #efii_liste_yahoo li, #efii_liste_tb li {
84 jpm 327 
  float: left;
328 
  height:250px;
329 
  width:200px;
330 
  text-align:center;
331 
  border: 1px solid;
332 
  border-color:#aaa #444 #444 #aaa;
333 
  background-color:#eed}
223 jpm 334 
#efii_liste_photoflora li, #efii_liste_tb li {
247 jpm 335 
  height:380px;
223 jpm 336 
  width:280px;
203 jpm 337 
}
202 jpm 338 
#efii_liste_yahoo li img, #efii_liste_photoflora li img, #efii_liste_tb li img{
84 jpm 339 
  border-color:#444 #aaa #aaa #444;
246 jpm 340 
  padding:10px;}
202 jpm 341 
#efii_liste_yahoo dl, #efii_liste_photoflora dl, #efii_liste_tb dl {
246 jpm 342 
  padding:0 0 0 4px;
84 jpm 343 
  text-align: left;}
246 jpm 344 
#efii_liste_yahoo dd, #efii_liste_photoflora dd, #efii_liste_tb dd {
345 
padding:0 4px 0 0;}
84 jpm 346 
#ef_form_google {
347 
  margin:2px 0;}
348 
#btnG {
349 
  margin:7px 0;}
350 
#ef_img_google {
351 
  margin:5px 0;}
352 
 
227 jpm 353 
/* Onglet Wikini */
354 
#ef_wiki_tete {float:right}
355 
#ef_wiki_page .commentsheader {display:none}
356 
#ef_wiki_page .footer {display:none}
357 
 
14 jpm 358 
/*Pied de page*/
474 jpm 359 
.discretion, #eflore_pied_page{
360 
  font-weight:normal;
14 jpm 361 
  font-size:10px;
154 magali 362 
  color:#A9A9A9;}
474 jpm 363 
#eflore_pied_page{
364 
	text-align:center;
365 
	padding-top:20px;
366 
	clear:both;}
154 magali 367 
/*ACE editor*/
368 
/* CONTRIBUTION ACTION ATTACH */
369 
/* - les images */
370 
.attach_margin05em { margin: 0.5em;}             /* marge de 0.5 em autour de l'image*/
371 
.attach_margin1em { margin: 1em;}                /* marge de 1em autour de l'image*/
176 magali 372 
.attach_left {float: left;}                      /* bloc flotant ? gauche */
373 
.attach_right {float: right;}                    /* bloc flotant ? droite */
154 magali 374 
.attach_noborder {border-width: 0px;}            /* pas de bordure */
375 
.attach_vmiddle {vertical-align: text-bottom;}   /* aligenement vertical au milieu */
376 
/* - le gestionnaire des uploads */
377 
.tableFM {border: thin solid Black; width: 100%;  }
378 
.tableFM THEAD { background-color: Silver; font-weight: bold; text-align: center;   }
379 
.tableFM TFOOT { background-color: Silver; font-weight: bold; text-align: left;   }
380 
.tableFM TBODY TR { text-align: center;  }
381 
.tableFMCol1 { background-color: Aqua; }
278 jpm 382 
.tableFMCol2 { background-color: Yellow; }
383 
 
600 david 384 
/* Pour la biblioth�que JS DomToolTip */
278 jpm 385 
div.niceTitle {
386 
	background-color: #333333;
387 
	color: #FFFFFF;
388 
	font-weight: bold;
389 
	font-size: 13px;
390 
	font-family: "Trebuchet MS", sans-serif;
391 
	width: 250px;
392 
	left: 0;
393 
	top: 0;
394 
	padding: 4px;
395 
	position: absolute;
396 
	text-align: left;
397 
	z-index: 20;
398 
	-moz-border-radius: 0 10px 10px 10px;
399 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=87);
400 
	-moz-opacity: .87;
401 
	-khtml-opacity: .87;
402 
	opacity: .87;}
403 
div.niceTitle .contents {
404 
	margin: 0;
405 
	padding: 0 3px;
406 
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
407 
	-moz-opacity: 1;
408 
	-khtml-opacity: 1;
409 
	opacity: 1;}
410 
div.niceTitle p {
411 
	color: #D17E62;
412 
	font-size: 9px;
413 
	padding: 3px 0 0 0;
414 
	margin: 0;
415 
	text-align: left;
600 david 416 
	-moz-opacity: 1;}
417 
/* Un boite d'information */
418 
.information_projet {
607 jpm 419 
	float:right;
420 
	width:250px;
421 
	text-align:left;
422 
	background: #e7ebfd;
423 
	border:1px solid #5D81BA;
424 
	max-width: 800px;
425 
	padding:5px;
426 
	margin:5px;}