Subversion Repositories eFlore/Applications.del

Rev

Go to most recent revision | Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1184 gduche 1 
	/* La ligne suivante ne sert qu'à régler le bug d'affichage des listes déroulantes */
404 gduche 2 
select {
572 gduche 3 
	background: #FFF;
404 gduche 4 
}
1 aurelien 5 
/** Add css rules here for your application. */
572 gduche 6 
body,html {
1078 gduche 7 
	height: 100%;
572 gduche 8 
}
1 aurelien 9 
 
1078 gduche 10 
body div {
11 
	font-family:arial;
12 
}
13 
 
1 aurelien 14 
/** Example rules used by the template application (remove for your app) */
15 
h1 {
572 gduche 16 
	font-size: 2em;
17 
	font-weight: bold;
18 
	color: #777777;
1183 gduche 19 
	margin: 0;
572 gduche 20 
	text-align: center;
1 aurelien 21 
}
22 
 
118 gduche 23 
/*#titre {background:url(/img/logo.png) no-repeat; height:100px; border:solid 1px red; width:250px; text-align:left; padding-top:50px}*/
1 aurelien 24 
.sendButton {
572 gduche 25 
	display: block;
26 
	font-size: 16pt;
1 aurelien 27 
}
28 
 
29 
/** Most GWT widgets already have a style name defined */
30 
.gwt-DialogBox {
572 gduche 31 
	width: 400px;
1 aurelien 32 
}
33 
 
34 
.dialogVPanel {
572 gduche 35 
	margin: 5px;
1 aurelien 36 
}
37 
 
38 
.serverResponseLabelError {
572 gduche 39 
	color: red;
1 aurelien 40 
}
41 
 
119 aurelien 42 
/** Erreur dans un formulaire de type texte **/
1132 aurelien 43 
.erreurFormTexte, .erreurFormTexte input {
44 
	background-color: red !important;
119 aurelien 45 
}
46 
 
1 aurelien 47 
/** Set ids using widget.getElement().setId("idOfElement") */
48 
#closeButton {
572 gduche 49 
	margin: 15px 6px 6px;
1 aurelien 50 
}
53 gduche 51 
 
1183 gduche 52 
#zoneTitre {
53 
	width:45%;
54 
	margin-top:13px;
572 gduche 55 
}
1183 gduche 56 
#zoneIdentification {
57 
    background: url("./img/carre_orange.png") no-repeat scroll 83px 10px transparent;
58 
    float: right;
59 
    padding-bottom: 35px;
60 
    padding-left: 26px;
61 
    width: 40%;
572 gduche 62 
}
1183 gduche 63 
#zoneLiens {
64 
	clear:both;
65 
}
66 
#zoneTitre h1 {
67 
	font-size:72px;
68 
}
118 gduche 69 
 
1026 gduche 70 
 
71 
.titre2 {
72 
	color: #FD8C13;
73 
	font-size: 13px;
74 
	margin: 20px 0 10px;
75 
	padding: 0 0 0 25px;
76 
	text-transform: none;
77 
	font-weight: bold;
78 
	background: url(./img/troisCarre.png) no-repeat 0 8px;
79 
}
80 
 
572 gduche 81 
.boutonPlus {
82 
	border: none;
83 
	color: rgba(0, 0, 0, 0);
84 
	background: url("./img/zoom_in.png");
85 
	width: 16px;
86 
	height: 16px;
87 
	cursor: pointer;
88 
}
244 gduche 89 
 
572 gduche 90 
.boutonMoins {
91 
	border: none;
92 
	color: rgba(0, 0, 0, 0);
93 
	background: url("./img/zoom_out.png");
94 
	width: 16px;
95 
	height: 16px;
96 
	cursor: pointer;
97 
}
98 
 
99 
#navigation {
100 
}
101 
 
102 
#navigation>div>div {
103 
}
104 
 
105 
#navigation>div>div:hover {
106 
}
107 
 
108 
#navigation a {
109 
}
110 
 
1183 gduche 111 
#main {
112 
	width:1000px;
113 
	margin:0 auto;
572 gduche 114 
}
115 
 
657 gduche 116 
#contenu a {
117 
	border-bottom: 1px dotted #95AE5D;
118 
	color: #598000;
119 
}
120 
 
121 
#contenu a:hover {
122 
	border-bottom: 1px dotted #95AE5D;
123 
	color: #FD8C13;
124 
}
125 
 
1078 gduche 126 
.labelLien {
127 
	border-bottom: 1px dotted #95AE5D;
128 
    color: #598000;
129 
    cursor:pointer;
130 
}
131 
.labelLien:hover {
132 
	border-bottom: 1px dotted #95AE5D;
133 
	color: #FD8C13;
134 
}
135 
 
336 gduche 136 
.lien {
572 gduche 137 
	color: blue;
138 
	text-decoration: underline;
139 
	cursor: pointer
336 gduche 140 
}
141 
 
572 gduche 142 
.titre {
143 
	color: #FD8C13;
144 
	font-size: 15px;
145 
	margin: 20px 0 10px;
146 
	padding: 0 0 0 25px;
147 
	text-transform: uppercase;
148 
	font-weight: bold;
149 
	background: url(./img/troisCarre.png) no-repeat 0 8px;
246 gduche 150 
}
143 gduche 151 
 
1106 gduche 152 
.titre3 {
153 
	color: #FD8C13;
154 
	font-size: 15px;
155 
	margin: 20px 0 10px;
156 
	font-weight: bold;
157 
}
158 
 
159 
.titre-minuscule {
160 
	color: #FD8C13;
161 
	font-size: 15px;
162 
	margin: 20px 0 10px;
163 
	padding: 0 0 0 25px;
164 
	font-weight: bold;
165 
	background: url(./img/troisCarre.png) no-repeat 0 8px;
166 
}
167 
 
572 gduche 168 
.sousTitre {
169 
	font-size: 15px;
170 
	font-weight: bold
171 
}
143 gduche 172 
 
572 gduche 173 
.petit {
174 
	font-size: 11px;
175 
	color: #888
176 
}
201 gduche 177 
 
572 gduche 178 
.gris {
179 
	color: #888
180 
}
434 aurelien 181 
 
572 gduche 182 
.gras {
183 
	font-weight: bold
184 
}
434 aurelien 185 
 
572 gduche 186 
.plein {
187 
	width: 100%;
188 
}
189 
 
190 
.tiers {
191 
	width: 30%
192 
}
193 
 
657 gduche 194 
.quart {
195 
	width: 25%;
196 
}
197 
 
572 gduche 198 
.actif {
199 
	background: #8EB533
200 
}
201 
 
202 
.inactif {
203 
	background: white
204 
}
205 
 
206 
.gauche {
207 
	float: left
208 
}
209 
 
210 
.droite {
211 
	float: right
212 
}
213 
 
214 
.nettoyage {
215 
	clear: both
216 
}
217 
 
218 
hr {
219 
	border: none;
220 
	border-bottom: solid 1px #DDD;
221 
	border-top: solid 1px #AAA
222 
}
223 
 
224 
.gwt-SuggestBoxPopup {
225 
	z-index: 10000
226 
}
227 
 
228 
.fenetreDefilante {
229 
	position: fixed;
230 
	margin: auto
231 
}
232 
 
233 
.overlay {
234 
	background-color: #777;
235 
	cursor: pointer;
236 
	display: block;
237 
	opacity: 0.7;
238 
	left: 0;
239 
	top: 0;
240 
	position: fixed;
241 
	width: 100%;
242 
	z-index: 1100;
243 
	height: 100%
244 
}
245 
 
246 
.overlayContenu {
247 
	cursor: pointer;
248 
	display: block;
249 
	opacity: 1;
250 
	left: 0;
251 
	top: 0;
252 
	position: fixed;
253 
	width: 100%;
254 
	z-index: 1200;
255 
	height: 100%
256 
}
257 
 
258 
.fermerOverlay {
259 
	z-index: 1210;
260 
	position: fixed;
261 
	width: 30px;
262 
	height: 30px;
263 
	background: url(./img/close.png) no-repeat 5px 0;
264 
	border: none;
265 
	color: white;
266 
	font-weight: bold;
267 
	cursor: pointer;
657 gduche 268 
	border: 1px dotted #95AE5D;
269 
	border-width: 0 0 1px 0;
270 
	padding-right: 30px
572 gduche 271 
}
272 
 
273 
.precedentOverlay:hover {
657 gduche 274 
	opacity: 1;
572 gduche 275 
}
657 gduche 276 
 
572 gduche 277 
.precedentOverlay {
278 
	display: block;
279 
	z-index: 1210;
280 
	position: fixed;
281 
	width: 30px;
282 
	height: 40px;
283 
	background: url(./img/precedent_overlay.png) no-repeat 50px 170px;
284 
	border: none;
285 
	color: white;
286 
	font-weight: bold;
287 
	cursor: pointer;
288 
	margin-top: -170px;
289 
	padding-bottom: 200px;
290 
	padding-left: 200px;
291 
	padding-top: 200px;
657 gduche 292 
	opacity: 0;
572 gduche 293 
}
294 
 
295 
.suivantOverlay:hover {
657 gduche 296 
	opacity: 1;
572 gduche 297 
}
657 gduche 298 
 
572 gduche 299 
.suivantOverlay {
300 
	display: block;
301 
	z-index: 1210;
302 
	position: fixed;
303 
	width: 30px;
304 
	height: 40px;
305 
	background: url(./img/suivant_overlay.png) no-repeat 90px 170px;
306 
	border: none;
307 
	color: white;
308 
	font-weight: bold;
309 
	cursor: pointer;
310 
	margin-top: -170px;
311 
	padding-bottom: 200px;
312 
	padding-right: 200px;
313 
	padding-top: 200px;
657 gduche 314 
	opacity: 0;
315 
	margin-left: -150px;
617 aurelien 316 
}
317 
 
318 
.acceder-outil {
657 gduche 319 
	background: url("./img/telaBlancJaune.png") no-repeat scroll 0 0 #ECCB12;
1010 aurelien 320 
	text-decoration: none;
657 gduche 321 
	border: medium none;
322 
	border-radius: 10px 10px 10px 10px;
323 
	color: #6C6865;
324 
	font-size: 14px;
1010 aurelien 325 
    padding: 4px 10px 4px 30px;
657 gduche 326 
	cursor: pointer;
327 
	display: inline-block;
328 
}
329 
 
1010 aurelien 330 
.acceder-outil:hover {
1186 gduche 331 
    color: #FD8C13;
332 
}
333 
 
334 
#contenu a.acceder-aide {
335 
	color:white;
336 
}
337 
.acceder-aide {
338 
	background: none repeat scroll 0 0 #3d5fbf;
339 
    border: medium none;
340 
    border-radius: 10px 10px 10px 10px;
341 
    color: white;
342 
    cursor: pointer;
343 
    display: inline-block;
344 
    font-size: 14px;
345 
    padding: 4px 10px;
346 
    text-decoration: none;
347 
}
348 
 
349 
.acceder-aide:hover {
1010 aurelien 350 
    border-bottom: 1px dotted #95AE5D;
351 
    color: #FD8C13;
352 
}
353 
 
657 gduche 354 
.colonne {
355 
	float: left;
356 
}
357 
 
358 
.ligne {
359 
	clear: left;
360 
}
361 
 
362 
.ombre-forte {
363 
	box-shadow: 2px 2px 2px #666;
364 
	-moz-box-shadow: 2px 2px 2px #666;
365 
	-webkit-box-shadow: 2px 2px 2px #666;
366 
}
367 
 
368 
.ombre-faible {
369 
	box-shadow: 2px 2px 2px #DDD;
370 
	-moz-box-shadow: 2px 2px 2px #DDD;
371 
	-webkit-box-shadow: 2px 2px 2px #DDD;
372 
}
373 
 
374 
.limiteMin {
664 gduche 375 
	min-width:870px;
657 gduche 376 
}
377 
 
378 
.limiteMax {
1183 gduche 379 
	max-width:1000px;
380 
	margin:0 auto;
657 gduche 381 
}
382 
 
383 
.arrondi {
384 
	border-radius:10px;
385 
	-moz-border-radius:10px;
386 
	-webkit-border-radius:10px;
387 
}
388 
 
389 
.arrondi-faible {
390 
	border-radius:3px;
391 
	-moz-border-radius:3px;
392 
	-webkit-border-radius:3px;
393 
}
394 
 
662 gduche 395 
.bouton {
1044 gduche 396 
    background: none repeat scroll 0 0 white;
664 gduche 397 
    border: 1px solid #99C242;
398 
    border-radius: 10px 10px 10px 10px;
399 
    box-shadow: 1px 2px 2px #AAAAAA;
400 
    color: #598000;
401 
    cursor: pointer;
402 
    font-size: 0.9em;
403 
    font-weight: bold;
404 
    padding: 5px;
662 gduche 405 
}
406 
 
407 
.bouton:hover {
408 
	background:#8EB533;
409 
	color:#FFF;
680 gduche 410 
}
411 
 
1076 gduche 412 
.bouton-petit {
413 
	background: none repeat scroll 0 0 white;
414 
    border: 1px solid #99C242;
415 
    box-shadow: 1px 2px 2px #AAAAAA;
416 
    color: #598000;
417 
    cursor: pointer;
418 
    font-size: 11px;
419 
    font-weight: bold;
420 
    padding: 1px;
421 
    width:100px;
422 
    margin:0 5px;
423 
}
424 
 
425 
.bouton-petit:hover {
426 
	background:#8EB533;
427 
	color:#FFF;
428 
}
429 
 
680 gduche 430 
.votePrisEnCompteOui {
431 
	background:#8EB533;
432 
	position:absolute;
433 
	font-size:11px;
434 
	padding:5px;
435 
	margin-top:-30px;
436 
	border-radius:10px;
437 
}
438 
 
439 
.votePrisEnCompteNon {
1106 gduche 440 
	background:#f06a6a;
680 gduche 441 
	position:absolute;
442 
	font-size:11px;
443 
	padding:5px;
444 
	margin-top:-30px;
445 
	border-radius:10px;
682 gduche 446 
}
447 
 
1147 aurelien 448 
.boutonVoteOuiDesactive {
1070 aurelien 449 
	background-image: url("img/pouce_haut_desactive.png") !important;
1005 aurelien 450 
	color:#999999;
1070 aurelien 451 
	cursor: default !important;
1005 aurelien 452 
}
453 
 
1070 aurelien 454 
.boutonVoteNonDesactive {
455 
	background-image: url("img/pouce_bas_desactive.png") !important;
456 
	color:#999999;
457 
	cursor: default !important;
1005 aurelien 458 
}
459 
 
682 gduche 460 
.chapeau {
461 
	color: #6C6865;
462 
    font-family: arial;
463 
    font-size: 13px;
464 
    font-weight: bold;
465 
    letter-spacing: 0;
466 
    line-height: 18px;
467 
    text-transform: none;
468 
    font-style:italic;
914 gduche 469 
}
470 
 
471 
.enfant {
1110 gduche 472 
	background:#EEE;
473 
	margin-left:20px;
474 
	clear:both;
475 
	border-left:solid 1px;
476 
	padding-left:5px;
477 
	border-color:#DDD
1018 aurelien 478 
}
479 
 
480 
.image_determinee {
1088 gduche 481 
	/*background: #333;*/
1018 aurelien 482 
}
483 
 
484 
.image_non_determinee {
1152 aurelien 485 
	background: #CF1313 !important;
1026 gduche 486 
}
1044 gduche 487 
.suiteImages {
488 
	background:url(./img/suiteImages.png) 3px 0 no-repeat;
489 
	cursor:pointer;
490 
	color:rgba(0, 0, 0, 0)
491 
 
1052 gduche 492 
}
493 
 
494 
.propositionInitiale {
495 
	color:#8EB533;
496 
	font-weight:bold;
1070 aurelien 497 
}
498 
 
499 
.etoiles {
500 
    height: 26px;
501 
    margin-left: 38px;
502 
    margin-top: -2px;
503 
    width: 26px;
504 
}
505 
 
506 
.etoiles_0 {
507 
	background:url("./img/0_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
508 
}
509 
.etoiles_1 {
510 
	background:url("./img/1_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
511 
}
512 
.etoiles_2 {
513 
	background:url("./img/2_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
514 
}
515 
.etoiles_3 {
516 
	background:url("./img/3_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
517 
}
518 
.etoiles_4 {
519 
	background:url("./img/4_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
520 
}
521 
.etoiles_5 {
522 
	background:url("./img/5_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
1078 gduche 523 
}
524 
 
1081 gduche 525 
.boutonOK {
526 
	background:url("./img/tick.png") no-repeat;
527 
	width:15px;
528 
	height:15px;
529 
	display:block;
530 
	margin-top:2px;
531 
	border:none;
532 
	cursor:pointer;
1088 gduche 533 
}
534 
 
535 
.enligne {
536 
	display:inline;
1096 gduche 537 
}
538 
 
1106 gduche 539 
.aide {
540 
	background:url(./img/information.png) no-repeat;
541 
	padding-left:20px;
542 
}
543 
 
544 
.lienListe {
545 
	background:url('./img/traitTela.jpg') no-repeat 0 0px;
546 
	cursor:pointer;
547 
	padding-left:31px;
548 
	padding-bottom:5px;
549 
	padding-top:2px;
550 
	border:none;
551 
}
1116 gduche 552 
 
553 
.nombreVotes {
554 
	background:url('./img/user.png') no-repeat;
555 
	cursor: pointer;
556 
}
1120 gduche 557 
 
1126 gduche 558 
#contenu .lienRss a{
1120 gduche 559 
	padding-right:20px;
560 
	background:url('./img/rss.png') no-repeat right center;
561 
	cursor:pointer;
1126 gduche 562 
	padding-bottom:1px;
563 
	border:none;
564 
}
1146 aurelien 565 
 
566 
.invisible {
567 
	visibility:hidden;
568 
}
1165 aurelien 569 
 
570 
.motCleCel {
571 
	display: inline-block;
572 
	margin-right: 3px;
573 
	border: 1px solid grey;
574 
	background-color: #B1BEBE;
575 
	padding-left: 2px;
576 
	padding-right: 2px;
577 
	line-height: 20px;
578 
	border-radius: 5px;
579 
	opacity:1;
580 
	color: black;
581 
}
1183 gduche 582 
 
583 
 
584 
/** FROM TELA */
585 
.importance1 {
1184 gduche 586 
	margin:10px 0px 25px 0px;
1183 gduche 587 
	background-color:#eaedcd;
588 
	padding:8px;
589 
	font-family:arial;
590 
	font-size:11px;
591 
	color:#3a3633;
592 
	border-radius:10px;
593 
	-moz-border-radius:10px;
594 
	-webkit-border-radius:10px;
595 
	box-shadow:7px 7px 11px #555;
596 
	-moz-box-shadow:2px 2px 5px #aaa;
597 
	-webkit-box-shadow:7px 7px 11px #aaa;
598 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
599 
	zoom:1;/* pour ie8 */
600 
}
601 
 
602 
.traitTela li {
603 
	background: url("http://www.tela-botanica.org/sites/commun/generique/images/traitTela.jpg") no-repeat scroll 0 6px transparent;
604 
    font-family: arial;
605 
    font-size: 12px;
606 
    font-weight: bold;
607 
    color:#777;
608 
    list-style: none outside none;
609 
    padding: 10px 0 0 30px;
610 
}
611 
.connect {
612 
	width:130px;
613 
	margin:0;
614 
	padding:0;
615 
}
616 
 
617 
.contenuCentre {
618 
	text-align:center;
619 
}