Subversion Repositories eFlore/Applications.del

Rev

Rev 1166 | Rev 1183 | 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;
19
	margin: 40px 0px 0px;
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
 
572 gduche 52
#titre {
53
	text-align: center;
54
	background: #B0CB70;
55
	opacity: 0.9;
56
	position: fixed;
57
	width: 100%
58
}
118 gduche 59
 
572 gduche 60
#titre h1 {
61
	width: 200px;
1166 aurelien 62
	/*background: url(./img/identiplante_mini.png) no-repeat 240px 0px;*/
572 gduche 63
	margin: 0 auto;
64
	padding: 10px 50px 10px 50px
65
}
118 gduche 66
 
1026 gduche 67
 
68
.titre2 {
69
	color: #FD8C13;
70
	font-size: 13px;
71
	margin: 20px 0 10px;
72
	padding: 0 0 0 25px;
73
	text-transform: none;
74
	font-weight: bold;
75
	background: url(./img/troisCarre.png) no-repeat 0 8px;
76
}
77
 
572 gduche 78
.boutonPlus {
79
	border: none;
80
	color: rgba(0, 0, 0, 0);
81
	background: url("./img/zoom_in.png");
82
	width: 16px;
83
	height: 16px;
84
	cursor: pointer;
85
}
244 gduche 86
 
572 gduche 87
.boutonMoins {
88
	border: none;
89
	color: rgba(0, 0, 0, 0);
90
	background: url("./img/zoom_out.png");
91
	width: 16px;
92
	height: 16px;
93
	cursor: pointer;
94
}
95
 
96
#navigation {
97
	position: fixed;
98
	width: 100%;
99
	top: 0;
100
	z-index: 3000
101
}
102
 
103
#navigation>div>div {
104
	float: left;
105
	padding: 10px;
106
	background: #7DA422;
107
	margin-right: 3px;
1176 aurelien 108
	height: 20px;
572 gduche 109
}
110
 
111
#navigation>div>div:hover {
112
	background: #9Fc644
113
}
114
 
115
#navigation a {
116
	text-decoration: none;
117
	color: #222;
118
	font-weight: bold
119
}
120
 
121
#contenu {
1096 gduche 122
	padding: 56px 0 0 5%;
572 gduche 123
}
124
 
657 gduche 125
#contenu a {
126
	border-bottom: 1px dotted #95AE5D;
127
	color: #598000;
128
}
129
 
130
#contenu a:hover {
131
	border-bottom: 1px dotted #95AE5D;
132
	color: #FD8C13;
133
}
134
 
1078 gduche 135
.labelLien {
136
	border-bottom: 1px dotted #95AE5D;
137
    color: #598000;
138
    cursor:pointer;
139
}
140
.labelLien:hover {
141
	border-bottom: 1px dotted #95AE5D;
142
	color: #FD8C13;
143
}
144
 
336 gduche 145
.lien {
572 gduche 146
	color: blue;
147
	text-decoration: underline;
148
	cursor: pointer
336 gduche 149
}
150
 
572 gduche 151
.titre {
152
	color: #FD8C13;
153
	font-size: 15px;
154
	margin: 20px 0 10px;
155
	padding: 0 0 0 25px;
156
	text-transform: uppercase;
157
	font-weight: bold;
158
	background: url(./img/troisCarre.png) no-repeat 0 8px;
246 gduche 159
}
143 gduche 160
 
1106 gduche 161
.titre3 {
162
	color: #FD8C13;
163
	font-size: 15px;
164
	margin: 20px 0 10px;
165
	font-weight: bold;
166
}
167
 
168
.titre-minuscule {
169
	color: #FD8C13;
170
	font-size: 15px;
171
	margin: 20px 0 10px;
172
	padding: 0 0 0 25px;
173
	font-weight: bold;
174
	background: url(./img/troisCarre.png) no-repeat 0 8px;
175
}
176
 
572 gduche 177
.sousTitre {
178
	font-size: 15px;
179
	font-weight: bold
180
}
143 gduche 181
 
572 gduche 182
.petit {
183
	font-size: 11px;
184
	color: #888
185
}
201 gduche 186
 
572 gduche 187
.gris {
188
	color: #888
189
}
434 aurelien 190
 
572 gduche 191
.gras {
192
	font-weight: bold
193
}
434 aurelien 194
 
572 gduche 195
.plein {
196
	width: 100%;
197
}
198
 
199
.tiers {
200
	width: 30%
201
}
202
 
657 gduche 203
.quart {
204
	width: 25%;
205
}
206
 
572 gduche 207
.actif {
208
	background: #8EB533
209
}
210
 
211
.inactif {
212
	background: white
213
}
214
 
215
.gauche {
216
	float: left
217
}
218
 
219
.droite {
220
	float: right
221
}
222
 
223
.nettoyage {
224
	clear: both
225
}
226
 
227
hr {
228
	border: none;
229
	border-bottom: solid 1px #DDD;
230
	border-top: solid 1px #AAA
231
}
232
 
233
.gwt-SuggestBoxPopup {
234
	z-index: 10000
235
}
236
 
237
.fenetreDefilante {
238
	position: fixed;
239
	margin: auto
240
}
241
 
242
.overlay {
243
	background-color: #777;
244
	cursor: pointer;
245
	display: block;
246
	opacity: 0.7;
247
	left: 0;
248
	top: 0;
249
	position: fixed;
250
	width: 100%;
251
	z-index: 1100;
252
	height: 100%
253
}
254
 
255
.overlayContenu {
256
	cursor: pointer;
257
	display: block;
258
	opacity: 1;
259
	left: 0;
260
	top: 0;
261
	position: fixed;
262
	width: 100%;
263
	z-index: 1200;
264
	height: 100%
265
}
266
 
267
.fermerOverlay {
268
	z-index: 1210;
269
	position: fixed;
270
	width: 30px;
271
	height: 30px;
272
	background: url(./img/close.png) no-repeat 5px 0;
273
	border: none;
274
	color: white;
275
	font-weight: bold;
276
	cursor: pointer;
657 gduche 277
	border: 1px dotted #95AE5D;
278
	border-width: 0 0 1px 0;
279
	padding-right: 30px
572 gduche 280
}
281
 
282
.precedentOverlay:hover {
657 gduche 283
	opacity: 1;
572 gduche 284
}
657 gduche 285
 
572 gduche 286
.precedentOverlay {
287
	display: block;
288
	z-index: 1210;
289
	position: fixed;
290
	width: 30px;
291
	height: 40px;
292
	background: url(./img/precedent_overlay.png) no-repeat 50px 170px;
293
	border: none;
294
	color: white;
295
	font-weight: bold;
296
	cursor: pointer;
297
	margin-top: -170px;
298
	padding-bottom: 200px;
299
	padding-left: 200px;
300
	padding-top: 200px;
657 gduche 301
	opacity: 0;
572 gduche 302
}
303
 
304
.suivantOverlay:hover {
657 gduche 305
	opacity: 1;
572 gduche 306
}
657 gduche 307
 
572 gduche 308
.suivantOverlay {
309
	display: block;
310
	z-index: 1210;
311
	position: fixed;
312
	width: 30px;
313
	height: 40px;
314
	background: url(./img/suivant_overlay.png) no-repeat 90px 170px;
315
	border: none;
316
	color: white;
317
	font-weight: bold;
318
	cursor: pointer;
319
	margin-top: -170px;
320
	padding-bottom: 200px;
321
	padding-right: 200px;
322
	padding-top: 200px;
657 gduche 323
	opacity: 0;
324
	margin-left: -150px;
617 aurelien 325
}
326
 
327
.acceder-outil {
657 gduche 328
	background: url("./img/telaBlancJaune.png") no-repeat scroll 0 0 #ECCB12;
1010 aurelien 329
	text-decoration: none;
657 gduche 330
	border: medium none;
331
	border-radius: 10px 10px 10px 10px;
332
	color: #6C6865;
333
	font-size: 14px;
1010 aurelien 334
    padding: 4px 10px 4px 30px;
657 gduche 335
	cursor: pointer;
336
	display: inline-block;
337
}
338
 
1010 aurelien 339
.acceder-outil:hover {
340
    border-bottom: 1px dotted #95AE5D;
341
    color: #FD8C13;
342
}
343
 
657 gduche 344
.colonne {
345
	float: left;
346
}
347
 
348
.ligne {
349
	clear: left;
350
}
351
 
352
.ombre-forte {
353
	box-shadow: 2px 2px 2px #666;
354
	-moz-box-shadow: 2px 2px 2px #666;
355
	-webkit-box-shadow: 2px 2px 2px #666;
356
}
357
 
358
.ombre-faible {
359
	box-shadow: 2px 2px 2px #DDD;
360
	-moz-box-shadow: 2px 2px 2px #DDD;
361
	-webkit-box-shadow: 2px 2px 2px #DDD;
362
}
363
 
364
.limiteMin {
664 gduche 365
	min-width:870px;
657 gduche 366
}
367
 
368
.limiteMax {
664 gduche 369
	max-width:870px;
657 gduche 370
}
371
 
372
.arrondi {
373
	border-radius:10px;
374
	-moz-border-radius:10px;
375
	-webkit-border-radius:10px;
376
}
377
 
378
.arrondi-faible {
379
	border-radius:3px;
380
	-moz-border-radius:3px;
381
	-webkit-border-radius:3px;
382
}
383
 
662 gduche 384
.bouton {
1044 gduche 385
    background: none repeat scroll 0 0 white;
664 gduche 386
    border: 1px solid #99C242;
387
    border-radius: 10px 10px 10px 10px;
388
    box-shadow: 1px 2px 2px #AAAAAA;
389
    color: #598000;
390
    cursor: pointer;
391
    font-size: 0.9em;
392
    font-weight: bold;
393
    padding: 5px;
662 gduche 394
}
395
 
396
.bouton:hover {
397
	background:#8EB533;
398
	color:#FFF;
680 gduche 399
}
400
 
1076 gduche 401
.bouton-petit {
402
	background: none repeat scroll 0 0 white;
403
    border: 1px solid #99C242;
404
    box-shadow: 1px 2px 2px #AAAAAA;
405
    color: #598000;
406
    cursor: pointer;
407
    font-size: 11px;
408
    font-weight: bold;
409
    padding: 1px;
410
    width:100px;
411
    margin:0 5px;
412
}
413
 
414
.bouton-petit:hover {
415
	background:#8EB533;
416
	color:#FFF;
417
}
418
 
680 gduche 419
.votePrisEnCompteOui {
420
	background:#8EB533;
421
	position:absolute;
422
	font-size:11px;
423
	padding:5px;
424
	margin-top:-30px;
425
	border-radius:10px;
426
}
427
 
428
.votePrisEnCompteNon {
1106 gduche 429
	background:#f06a6a;
680 gduche 430
	position:absolute;
431
	font-size:11px;
432
	padding:5px;
433
	margin-top:-30px;
434
	border-radius:10px;
682 gduche 435
}
436
 
1147 aurelien 437
.boutonVoteOuiDesactive {
1070 aurelien 438
	background-image: url("img/pouce_haut_desactive.png") !important;
1005 aurelien 439
	color:#999999;
1070 aurelien 440
	cursor: default !important;
1005 aurelien 441
}
442
 
1070 aurelien 443
.boutonVoteNonDesactive {
444
	background-image: url("img/pouce_bas_desactive.png") !important;
445
	color:#999999;
446
	cursor: default !important;
1005 aurelien 447
}
448
 
682 gduche 449
.chapeau {
450
	color: #6C6865;
451
    font-family: arial;
452
    font-size: 13px;
453
    font-weight: bold;
454
    letter-spacing: 0;
455
    line-height: 18px;
456
    text-transform: none;
457
    font-style:italic;
914 gduche 458
}
459
 
460
.enfant {
1110 gduche 461
	background:#EEE;
462
	margin-left:20px;
463
	clear:both;
464
	border-left:solid 1px;
465
	padding-left:5px;
466
	border-color:#DDD
1018 aurelien 467
}
468
 
469
.image_determinee {
1088 gduche 470
	/*background: #333;*/
1018 aurelien 471
}
472
 
473
.image_non_determinee {
1152 aurelien 474
	background: #CF1313 !important;
1026 gduche 475
}
1044 gduche 476
.suiteImages {
477
	background:url(./img/suiteImages.png) 3px 0 no-repeat;
478
	cursor:pointer;
479
	color:rgba(0, 0, 0, 0)
480
 
1052 gduche 481
}
482
 
483
.propositionInitiale {
484
	color:#8EB533;
485
	font-weight:bold;
1070 aurelien 486
}
487
 
488
.etoiles {
489
    height: 26px;
490
    margin-left: 38px;
491
    margin-top: -2px;
492
    width: 26px;
493
}
494
 
495
.etoiles_0 {
496
	background:url("./img/0_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
497
}
498
.etoiles_1 {
499
	background:url("./img/1_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
500
}
501
.etoiles_2 {
502
	background:url("./img/2_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px,
503
}
504
.etoiles_3 {
505
	background:url("./img/3_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
506
}
507
.etoiles_4 {
508
	background:url("./img/4_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
509
}
510
.etoiles_5 {
511
	background:url("./img/5_etoiles.png") no-repeat; border:none; padding-left:16px; padding-top:16px; margin-left:5px;
1078 gduche 512
}
513
 
1081 gduche 514
.boutonOK {
515
	background:url("./img/tick.png") no-repeat;
516
	width:15px;
517
	height:15px;
518
	display:block;
519
	margin-top:2px;
520
	border:none;
521
	cursor:pointer;
1088 gduche 522
}
523
 
524
.enligne {
525
	display:inline;
1096 gduche 526
}
527
 
1106 gduche 528
.aide {
529
	background:url(./img/information.png) no-repeat;
530
	padding-left:20px;
531
}
532
 
533
.lienListe {
534
	background:url('./img/traitTela.jpg') no-repeat 0 0px;
535
	cursor:pointer;
536
	padding-left:31px;
537
	padding-bottom:5px;
538
	padding-top:2px;
539
	border:none;
540
}
1116 gduche 541
 
542
.nombreVotes {
543
	background:url('./img/user.png') no-repeat;
544
	cursor: pointer;
545
}
1120 gduche 546
 
1126 gduche 547
#contenu .lienRss a{
1120 gduche 548
	padding-right:20px;
549
	background:url('./img/rss.png') no-repeat right center;
550
	cursor:pointer;
1126 gduche 551
	padding-bottom:1px;
552
	border:none;
553
}
1146 aurelien 554
 
555
.invisible {
556
	visibility:hidden;
557
}
1165 aurelien 558
 
559
.motCleCel {
560
	display: inline-block;
561
	margin-right: 3px;
562
	border: 1px solid grey;
563
	background-color: #B1BEBE;
564
	padding-left: 2px;
565
	padding-right: 2px;
566
	line-height: 20px;
567
	border-radius: 5px;
568
	opacity:1;
569
	color: black;
570
}