| 1 |
aurelien |
1 |
/** Add css rules here for your application. */
|
| 244 |
gduche |
2 |
body, html {height:100%}
|
| 1 |
aurelien |
3 |
|
|
|
4 |
/** Example rules used by the template application (remove for your app) */
|
|
|
5 |
h1 {
|
|
|
6 |
font-size: 2em;
|
|
|
7 |
font-weight: bold;
|
|
|
8 |
color: #777777;
|
| 118 |
gduche |
9 |
margin: 40px 0px 0px;
|
| 1 |
aurelien |
10 |
text-align: center;
|
|
|
11 |
}
|
|
|
12 |
|
| 118 |
gduche |
13 |
/*#titre {background:url(/img/logo.png) no-repeat; height:100px; border:solid 1px red; width:250px; text-align:left; padding-top:50px}*/
|
|
|
14 |
|
| 1 |
aurelien |
15 |
.sendButton {
|
|
|
16 |
display: block;
|
|
|
17 |
font-size: 16pt;
|
|
|
18 |
}
|
|
|
19 |
|
|
|
20 |
/** Most GWT widgets already have a style name defined */
|
|
|
21 |
.gwt-DialogBox {
|
|
|
22 |
width: 400px;
|
|
|
23 |
}
|
|
|
24 |
|
|
|
25 |
.dialogVPanel {
|
|
|
26 |
margin: 5px;
|
|
|
27 |
}
|
|
|
28 |
|
|
|
29 |
.serverResponseLabelError {
|
|
|
30 |
color: red;
|
|
|
31 |
}
|
|
|
32 |
|
| 119 |
aurelien |
33 |
/** Erreur dans un formulaire de type texte **/
|
|
|
34 |
.erreurFormTexte {
|
|
|
35 |
background-color : red ;
|
|
|
36 |
}
|
|
|
37 |
|
| 142 |
aurelien |
38 |
/** Style pour les barres de vote **/
|
| 205 |
aurelien |
39 |
.repartitionVoteTaxonPopulaire .barreRepartition, .barreRepartitionAucunVote {
|
| 244 |
gduche |
40 |
|
| 205 |
aurelien |
41 |
}
|
| 162 |
aurelien |
42 |
|
| 205 |
aurelien |
43 |
.repartitionVoteTaxonPopulaire .conteneurBarreRepartition {
|
|
|
44 |
margin-top: 3px;
|
|
|
45 |
}
|
|
|
46 |
|
|
|
47 |
.conteneurBarreRepartition {
|
|
|
48 |
display:inline-block;
|
|
|
49 |
float:right;
|
|
|
50 |
margin: -5px 5px 0 25px;
|
|
|
51 |
float:left;
|
|
|
52 |
}
|
|
|
53 |
|
|
|
54 |
.conteneurBoutonVote {
|
|
|
55 |
float:left;
|
|
|
56 |
}
|
|
|
57 |
|
| 162 |
aurelien |
58 |
.barreRepartition, .barreRepartitionAucunVote {
|
| 175 |
gduche |
59 |
height:5px;
|
| 162 |
aurelien |
60 |
width:200px;
|
| 142 |
aurelien |
61 |
border:1px solid black;
|
| 162 |
aurelien |
62 |
}
|
|
|
63 |
|
|
|
64 |
.barreRepartition {
|
| 175 |
gduche |
65 |
background-color: #C83232;
|
|
|
66 |
-moz-box-shadow:2px 2px 2px #AAAAAA; -moz-box-shadow:2px 2px 2px #AAAAAA;
|
|
|
67 |
-moz-border-radius:8px; -webkit-border-radius:8px;
|
| 142 |
aurelien |
68 |
}
|
|
|
69 |
|
| 162 |
aurelien |
70 |
.barreRepartitionAucunVote {
|
|
|
71 |
background-color: #DDDDDD;
|
|
|
72 |
}
|
|
|
73 |
|
| 142 |
aurelien |
74 |
.elementBarreRepartition {
|
|
|
75 |
height: 100%;
|
|
|
76 |
}
|
|
|
77 |
|
|
|
78 |
.voteOui {
|
| 175 |
gduche |
79 |
-moz-border-radius:8px 0 0 8px; -webkit-border-radius:8px 0 0 8px;
|
|
|
80 |
background-color: #8EB533;
|
| 142 |
aurelien |
81 |
border-right: 1px solid black;
|
| 146 |
aurelien |
82 |
}
|
| 142 |
aurelien |
83 |
|
| 146 |
aurelien |
84 |
.nomTaxonBarreRepartition {
|
|
|
85 |
float: right;
|
| 175 |
gduche |
86 |
margin-top: -21px;
|
| 162 |
aurelien |
87 |
margin-right: 5px;
|
| 146 |
aurelien |
88 |
}
|
|
|
89 |
|
| 1 |
aurelien |
90 |
/** Set ids using widget.getElement().setId("idOfElement") */
|
|
|
91 |
#closeButton {
|
|
|
92 |
margin: 15px 6px 6px;
|
|
|
93 |
}
|
| 53 |
gduche |
94 |
|
| 143 |
gduche |
95 |
#titre {background:url(./img/identiplante.png) no-repeat center -1px; padding-top:80px}
|
| 118 |
gduche |
96 |
|
| 82 |
benjamin |
97 |
.boutonPlus {border:none; color:rgba(0,0,0,0); background:url("./img/zoom_in.png"); width:16px; height:16px; cursor:pointer;}
|
|
|
98 |
.boutonMoins {border:none; color:rgba(0,0,0,0); background:url("./img/zoom_out.png"); width:16px; height:16px; cursor:pointer;}
|
| 118 |
gduche |
99 |
|
| 244 |
gduche |
100 |
#contenuPrincipal {width:70%; margin:auto; -moz-box-shadow:0px -10px 10px #333; padding:10px; height:100%;}
|
|
|
101 |
#menuGauche {float:left; height:100%; border-right:solid 1px #DDD; padding-right:10px}
|
|
|
102 |
#contenu {margin-left:170px; height:100%; padding-left:10px}
|
|
|
103 |
|
| 143 |
gduche |
104 |
.titre{font-size:20px; font-weight:bold}
|
|
|
105 |
.sousTitre{font-size:15px; font-weight:bold}
|
|
|
106 |
.petit {font-size:11px; color:#888}
|
|
|
107 |
.gras {font-weight:bold}
|
|
|
108 |
.plein {width:100%;}
|
|
|
109 |
.tiers {width:30%}
|
|
|
110 |
|
|
|
111 |
.actif {background:#8EB533}
|
|
|
112 |
.inactif {background:white}
|
|
|
113 |
|
|
|
114 |
.gauche { float:left}
|
| 156 |
gduche |
115 |
.droite { float:right}
|
| 164 |
gduche |
116 |
.nettoyage {clear:both}
|
| 201 |
gduche |
117 |
hr {border:none; border-bottom:solid 1px #DDD; border-top:solid 1px #AAA}
|
|
|
118 |
|
|
|
119 |
.overlay {background-color:#777; cursor:pointer; display:block; opacity:0.7; left:0; top:0;position:fixed; width:100%; z-index:1100; height:100%}
|
|
|
120 |
.overlayContenu {cursor:pointer; display:block; opacity:1; left:0; top:0;position:fixed; width:100%; z-index:1200; height:100%}
|
|
|
121 |
.fermerOverlay {position:absolute; top:10%; right:10%; width:140px; height:40px; background:url(./img/close.png) no-repeat; border:none; color:white; font-weight:bold; cursor:pointer}
|