Subversion Repositories eFlore/Applications.del

Rev

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

Rev Author Line No. Line
404 gduche 1 
/* La ligne suivante ne sert qu'à régler le bug d'affichage des listes déroulantes */
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 {
331 
    border-bottom: 1px dotted #95AE5D;
332 
    color: #FD8C13;
333 
}
334 
 
657 gduche 335 
.colonne {
336 
	float: left;
337 
}
338 
 
339 
.ligne {
340 
	clear: left;
341 
}
342 
 
343 
.ombre-forte {
344 
	box-shadow: 2px 2px 2px #666;
345 
	-moz-box-shadow: 2px 2px 2px #666;
346 
	-webkit-box-shadow: 2px 2px 2px #666;
347 
}
348 
 
349 
.ombre-faible {
350 
	box-shadow: 2px 2px 2px #DDD;
351 
	-moz-box-shadow: 2px 2px 2px #DDD;
352 
	-webkit-box-shadow: 2px 2px 2px #DDD;
353 
}
354 
 
355 
.limiteMin {
664 gduche 356 
	min-width:870px;
657 gduche 357 
}
358 
 
359 
.limiteMax {
1183 gduche 360 
	max-width:1000px;
361 
	margin:0 auto;
657 gduche 362 
}
363 
 
364 
.arrondi {
365 
	border-radius:10px;
366 
	-moz-border-radius:10px;
367 
	-webkit-border-radius:10px;
368 
}
369 
 
370 
.arrondi-faible {
371 
	border-radius:3px;
372 
	-moz-border-radius:3px;
373 
	-webkit-border-radius:3px;
374 
}
375 
 
662 gduche 376 
.bouton {
1044 gduche 377 
    background: none repeat scroll 0 0 white;
664 gduche 378 
    border: 1px solid #99C242;
379 
    border-radius: 10px 10px 10px 10px;
380 
    box-shadow: 1px 2px 2px #AAAAAA;
381 
    color: #598000;
382 
    cursor: pointer;
383 
    font-size: 0.9em;
384 
    font-weight: bold;
385 
    padding: 5px;
662 gduche 386 
}
387 
 
388 
.bouton:hover {
389 
	background:#8EB533;
390 
	color:#FFF;
680 gduche 391 
}
392 
 
1076 gduche 393 
.bouton-petit {
394 
	background: none repeat scroll 0 0 white;
395 
    border: 1px solid #99C242;
396 
    box-shadow: 1px 2px 2px #AAAAAA;
397 
    color: #598000;
398 
    cursor: pointer;
399 
    font-size: 11px;
400 
    font-weight: bold;
401 
    padding: 1px;
402 
    width:100px;
403 
    margin:0 5px;
404 
}
405 
 
406 
.bouton-petit:hover {
407 
	background:#8EB533;
408 
	color:#FFF;
409 
}
410 
 
680 gduche 411 
.votePrisEnCompteOui {
412 
	background:#8EB533;
413 
	position:absolute;
414 
	font-size:11px;
415 
	padding:5px;
416 
	margin-top:-30px;
417 
	border-radius:10px;
418 
}
419 
 
420 
.votePrisEnCompteNon {
1106 gduche 421 
	background:#f06a6a;
680 gduche 422 
	position:absolute;
423 
	font-size:11px;
424 
	padding:5px;
425 
	margin-top:-30px;
426 
	border-radius:10px;
682 gduche 427 
}
428 
 
1147 aurelien 429 
.boutonVoteOuiDesactive {
1070 aurelien 430 
	background-image: url("img/pouce_haut_desactive.png") !important;
1005 aurelien 431 
	color:#999999;
1070 aurelien 432 
	cursor: default !important;
1005 aurelien 433 
}
434 
 
1070 aurelien 435 
.boutonVoteNonDesactive {
436 
	background-image: url("img/pouce_bas_desactive.png") !important;
437 
	color:#999999;
438 
	cursor: default !important;
1005 aurelien 439 
}
440 
 
682 gduche 441 
.chapeau {
442 
	color: #6C6865;
443 
    font-family: arial;
444 
    font-size: 13px;
445 
    font-weight: bold;
446 
    letter-spacing: 0;
447 
    line-height: 18px;
448 
    text-transform: none;
449 
    font-style:italic;
914 gduche 450 
}
451 
 
452 
.enfant {
1110 gduche 453 
	background:#EEE;
454 
	margin-left:20px;
455 
	clear:both;
456 
	border-left:solid 1px;
457 
	padding-left:5px;
458 
	border-color:#DDD
1018 aurelien 459 
}
460 
 
461 
.image_determinee {
1088 gduche 462 
	/*background: #333;*/
1018 aurelien 463 
}
464 
 
465 
.image_non_determinee {
1152 aurelien 466 
	background: #CF1313 !important;
1026 gduche 467 
}
1044 gduche 468 
.suiteImages {
469 
	background:url(./img/suiteImages.png) 3px 0 no-repeat;
470 
	cursor:pointer;
471 
	color:rgba(0, 0, 0, 0)
472 
 
1052 gduche 473 
}
474 
 
475 
.propositionInitiale {
476 
	color:#8EB533;
477 
	font-weight:bold;
1070 aurelien 478 
}
479 
 
480 
.etoiles {
481 
    height: 26px;
482 
    margin-left: 38px;
483 
    margin-top: -2px;
484 
    width: 26px;
485 
}
486 
 
487 
.etoiles_0 {
488 
	background:url("./img/0_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
489 
}
490 
.etoiles_1 {
491 
	background:url("./img/1_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
492 
}
493 
.etoiles_2 {
494 
	background:url("./img/2_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
495 
}
496 
.etoiles_3 {
497 
	background:url("./img/3_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
498 
}
499 
.etoiles_4 {
500 
	background:url("./img/4_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
501 
}
502 
.etoiles_5 {
503 
	background:url("./img/5_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
1078 gduche 504 
}
505 
 
1081 gduche 506 
.boutonOK {
507 
	background:url("./img/tick.png") no-repeat;
508 
	width:15px;
509 
	height:15px;
510 
	display:block;
511 
	margin-top:2px;
512 
	border:none;
513 
	cursor:pointer;
1088 gduche 514 
}
515 
 
516 
.enligne {
517 
	display:inline;
1096 gduche 518 
}
519 
 
1106 gduche 520 
.aide {
521 
	background:url(./img/information.png) no-repeat;
522 
	padding-left:20px;
523 
}
524 
 
525 
.lienListe {
526 
	background:url('./img/traitTela.jpg') no-repeat 0 0px;
527 
	cursor:pointer;
528 
	padding-left:31px;
529 
	padding-bottom:5px;
530 
	padding-top:2px;
531 
	border:none;
532 
}
1116 gduche 533 
 
534 
.nombreVotes {
535 
	background:url('./img/user.png') no-repeat;
536 
	cursor: pointer;
537 
}
1120 gduche 538 
 
1126 gduche 539 
#contenu .lienRss a{
1120 gduche 540 
	padding-right:20px;
541 
	background:url('./img/rss.png') no-repeat right center;
542 
	cursor:pointer;
1126 gduche 543 
	padding-bottom:1px;
544 
	border:none;
545 
}
1146 aurelien 546 
 
547 
.invisible {
548 
	visibility:hidden;
549 
}
1165 aurelien 550 
 
551 
.motCleCel {
552 
	display: inline-block;
553 
	margin-right: 3px;
554 
	border: 1px solid grey;
555 
	background-color: #B1BEBE;
556 
	padding-left: 2px;
557 
	padding-right: 2px;
558 
	line-height: 20px;
559 
	border-radius: 5px;
560 
	opacity:1;
561 
	color: black;
562 
}
1183 gduche 563 
 
564 
 
565 
/** FROM TELA */
566 
.importance1 {
567 
	margin:10px 10px 20px 10px;
568 
	background-color:#eaedcd;
569 
	padding:8px;
570 
	font-family:arial;
571 
	font-size:11px;
572 
	color:#3a3633;
573 
	border-radius:10px;
574 
	-moz-border-radius:10px;
575 
	-webkit-border-radius:10px;
576 
	box-shadow:7px 7px 11px #555;
577 
	-moz-box-shadow:2px 2px 5px #aaa;
578 
	-webkit-box-shadow:7px 7px 11px #aaa;
579 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=4);/* pour ie8 */
580 
	zoom:1;/* pour ie8 */
581 
}
582 
 
583 
.traitTela li {
584 
	background: url("http://www.tela-botanica.org/sites/commun/generique/images/traitTela.jpg") no-repeat scroll 0 6px transparent;
585 
    font-family: arial;
586 
    font-size: 12px;
587 
    font-weight: bold;
588 
    color:#777;
589 
    list-style: none outside none;
590 
    padding: 10px 0 0 30px;
591 
}
592 
.connect {
593 
	width:130px;
594 
	margin:0;
595 
	padding:0;
596 
}
597 
 
598 
.contenuCentre {
599 
	text-align:center;
600 
}