Subversion Repositories eFlore/Applications.del

Rev

Rev 434 | Rev 614 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 434 Rev 572
1 
/* La ligne suivante ne sert qu'à régler le bug d'affichage des listes déroulantes */
 1 
/* La ligne suivante ne sert qu'à régler le bug d'affichage des listes déroulantes */
2 
select {
 2 
select {
3 
	background:#FFF;
 3 
	background: #FFF;
4 
}
 4 
}
5 
/** Add css rules here for your application. */
 5 
/** Add css rules here for your application. */
6 
body, html {height:100%}
 6 
body,html {
- 
 
 7 
	height: 100%
- 
 
 8 
}
7 
 
 9 
 
8 
/** Example rules used by the template application (remove for your app) */
 10 
/** Example rules used by the template application (remove for your app) */
9 
h1 {
 11 
h1 {
10 
  font-size: 2em;
 12 
	font-size: 2em;
11 
  font-weight: bold;
 13 
	font-weight: bold;
12 
  color: #777777;
 14 
	color: #777777;
13 
  margin: 40px 0px 0px;
 15 
	margin: 40px 0px 0px;
14 
  text-align: center;
 16 
	text-align: center;
15 
}
 17 
}
16 
 
 18 
 
17 
/*#titre {background:url(/img/logo.png) no-repeat; height:100px; border:solid 1px red; width:250px; text-align:left; padding-top:50px}*/
 19 
/*#titre {background:url(/img/logo.png) no-repeat; height:100px; border:solid 1px red; width:250px; text-align:left; padding-top:50px}*/
18 
 
 - 
 
19 
.sendButton {
 20 
.sendButton {
20 
  display: block;
 21 
	display: block;
21 
  font-size: 16pt;
 22 
	font-size: 16pt;
22 
}
 23 
}
23 
 
 24 
 
24 
/** Most GWT widgets already have a style name defined */
 25 
/** Most GWT widgets already have a style name defined */
25 
.gwt-DialogBox {
 26 
.gwt-DialogBox {
26 
  width: 400px;
 27 
	width: 400px;
27 
}
 28 
}
28 
 
 29 
 
29 
.dialogVPanel {
 30 
.dialogVPanel {
30 
  margin: 5px;
 31 
	margin: 5px;
31 
}
 32 
}
32 
 
 33 
 
33 
.serverResponseLabelError {
 34 
.serverResponseLabelError {
34 
  color: red;
 35 
	color: red;
35 
}
 36 
}
36 
 
 37 
 
37 
/** Erreur dans un formulaire de type texte **/
 38 
/** Erreur dans un formulaire de type texte **/
38 
.erreurFormTexte {
 39 
.erreurFormTexte {
39 
	background-color : red ;
40 
	background-color: red;
40 
}
 41 
}
41 
 
 42 
 
42 
/** Style pour les barres de vote **/
 43 
/** Style pour les barres de vote **/
43 
.repartitionVoteTaxonPopulaire .barreRepartition, .barreRepartitionAucunVote {
 44 
.repartitionVoteTaxonPopulaire .barreRepartition,.barreRepartitionAucunVote
- 
 
 45 
	{
44
46
45 
}
 47 
}
46 
 
 48 
 
47 
.repartitionVoteTaxonPopulaire .conteneurBarreRepartition {
 49 
.repartitionVoteTaxonPopulaire .conteneurBarreRepartition {
48 
    margin-top: 3px;
 50 
	margin-top: 3px;
49 
}
 51 
}
50 
 
 52 
 
51 
.conteneurBarreRepartition {
 53 
.conteneurBarreRepartition {
52 
	display:inline-block;
 54 
	display: inline-block;
53 
	float:right;
 55 
	float: right;
54 
	margin: 15px 15px 4px 15px;
 56 
	margin: 15px 15px 4px 15px;
55 
 	float:left;
 57 
	float: left;
56 
}
 58 
}
57 
 
 59 
 
58 
.conteneurBoutonVote {
 60 
.conteneurBoutonVote {
59 
	float:left;
 61 
	float: left;
60 
}
 62 
}
61 
 
 63 
 
62 
.barreRepartition, .barreRepartitionAucunVote {
 64 
.barreRepartition,.barreRepartitionAucunVote {
63 
	height:5px;
65 
	height: 5px;
64 
	width:200px;
 66 
	width: 200px;
65 
	border:1px solid black;
 67 
	border: 1px solid black;
66 
}
 68 
}
67 
 
 69 
 
68 
.barreRepartition {
 70 
.barreRepartition {
69 
	background-color: #C83232;
 71 
	background-color: #C83232;
- 
 
 72 
	-moz-box-shadow: 2px 2px 2px #AAAAAA;
70 
	-moz-box-shadow:2px 2px 2px #AAAAAA; -moz-box-shadow:2px 2px 2px #AAAAAA;
 73 
	-moz-box-shadow: 2px 2px 2px #AAAAAA;
- 
 
 74 
	-moz-border-radius: 8px;
71 
	-moz-border-radius:8px; -webkit-border-radius:8px;
 75 
	-webkit-border-radius: 8px;
72 
}
 76 
}
73 
 
 77 
 
74 
.barreRepartitionAucunVote {
 78 
.barreRepartitionAucunVote {
75 
	background-color: #DDDDDD;
 79 
	background-color: #DDDDDD;
76 
}
 80 
}
77 
 
 81 
 
78 
.elementBarreRepartition {
 82 
.elementBarreRepartition {
79 
	height: 100%;
 83 
	height: 100%;
80 
}
 84 
}
81 
 
 85 
 
82 
.voteOui {
 86 
.voteOui {
- 
 
 87 
	-moz-border-radius: 8px 0 0 8px;
83 
	-moz-border-radius:8px 0 0 8px; -webkit-border-radius:8px 0 0 8px;
 88 
	-webkit-border-radius: 8px 0 0 8px;
84 
	background-color: #8EB533;
 89 
	background-color: #8EB533;
85 
	border-right: 1px solid black;
90 
	border-right: 1px solid black;
86 
}
 91 
}
87 
 
 92 
 
88 
.nomTaxonBarreRepartition {
 93 
.nomTaxonBarreRepartition {
89 
    float: right;
 94 
	float: right;
90 
    margin-top: -25px;
 95 
	margin-top: -25px;
91 
    margin-right: 5px;
 96 
	margin-right: 5px;
92 
}
 97 
}
93 
 
 98 
 
94 
/** Set ids using widget.getElement().setId("idOfElement") */
 99 
/** Set ids using widget.getElement().setId("idOfElement") */
95 
#closeButton {
 100 
#closeButton {
96 
  margin: 15px 6px 6px;
 101 
	margin: 15px 6px 6px;
- 
 
 102 
}
- 
 
 103 
 
- 
 
 104 
#titre {
- 
 
 105 
	text-align: center;
- 
 
 106 
	background: #B0CB70;
- 
 
 107 
	opacity: 0.9;
- 
 
 108 
	position: fixed;
- 
 
 109 
	width: 100%
- 
 
 110 
}
- 
 
 111 
 
- 
 
 112 
#titre h1 {
- 
 
 113 
	width: 200px;
- 
 
 114 
	background: url(./img/identiplante_mini.png) no-repeat 240px 0px;
- 
 
 115 
	margin: 0 auto;
- 
 
 116 
	padding: 10px 50px 10px 50px
- 
 
 117 
}
- 
 
 118 
 
- 
 
 119 
.boutonPlus {
- 
 
 120 
	border: none;
- 
 
 121 
	color: rgba(0, 0, 0, 0);
- 
 
 122 
	background: url("./img/zoom_in.png");
- 
 
 123 
	width: 16px;
- 
 
 124 
	height: 16px;
- 
 
 125 
	cursor: pointer;
97 
}
 126 
}
- 
 
 127 
 
- 
 
 128 
.boutonMoins {
98 
 
 129 
	border: none;
99 
#titre  {text-align:center; background:#B0CB70; opacity:0.9; position:fixed; width:100%}
 130 
	color: rgba(0, 0, 0, 0);
- 
 
 131 
	background: url("./img/zoom_out.png");
- 
 
 132 
	width: 16px;
- 
 
 133 
	height: 16px;
- 
 
 134 
	cursor: pointer;
- 
 
 135 
}
- 
 
 136 
 
- 
 
 137 
#navigation {
- 
 
 138 
	position: fixed;
- 
 
 139 
	width: 100%;
- 
 
 140 
	top: 0;
- 
 
 141 
	z-index: 3000
- 
 
 142 
}
- 
 
 143 
 
- 
 
 144 
#navigation>div>div {
- 
 
 145 
	float: left;
- 
 
 146 
	padding: 10px;
- 
 
 147 
	background: #7DA422;
- 
 
 148 
	margin-right: 3px;
- 
 
 149 
}
- 
 
 150 
 
- 
 
 151 
#navigation>div>div:hover {
- 
 
 152 
	background: #9Fc644
- 
 
 153 
}
100 
#titre h1{width: 200px; background:url(./img/identiplante_mini.png) no-repeat 240px 0px; margin:0 auto; padding:10px 50px 10px 50px}
 154 
 
- 
 
 155 
#navigation a {
101 
 
 156 
	text-decoration: none;
- 
 
 157 
	color: #222;
102 
.boutonPlus {border:none; color:rgba(0,0,0,0); background:url("./img/zoom_in.png"); width:16px; height:16px; cursor:pointer;}
 - 
 
103 
.boutonMoins {border:none; color:rgba(0,0,0,0); background:url("./img/zoom_out.png"); width:16px; height:16px; cursor:pointer;}
 - 
 
104 
 
 158 
	font-weight: bold
105 
#navigation {position:fixed;  width:100%; top:0;z-index:3000}
 - 
 
106 
#navigation>div>div {float:left; padding:10px; background:#7DA422; margin-right:3px;}
 159 
}
- 
 
 160 
 
107 
#navigation>div>div:hover {background:#9Fc644}
 161 
#contenu {
108 
#navigation a {text-decoration:none; color:#222; font-weight:bold}
 - 
 
109 
#contenu {padding:80px}
 - 
 
110 
 
 - 
 
111 
.lien {
 - 
 
112 
	color:blue;
 - 
 
113 
	text-decoration:underline;
 - 
 
114 
	cursor:pointer
- 
 
115 
}
 - 
 
116 
 
 - 
 
117 
.titre{
 - 
 
118 
    color: #FD8C13;
 - 
 
119 
    font-size: 15px;
 - 
 
120 
    margin: 20px 0 10px;
 - 
 
121 
    padding: 0 0 0 25px;
 - 
 
122 
    text-transform: uppercase;
 - 
 
123 
    font-weight:bold;
 - 
 
124 
    background:url(./img/troisCarre.png) no-repeat 0 8px;
 - 
 
125 
}
 - 
 
126 
.sousTitre{font-size:15px; font-weight:bold}
 - 
 
127 
.petit {font-size:11px; color:#888}
 - 
 
128 
.gris {color:#888}
 - 
 
129 
.gras {font-weight:bold}
 - 
 
130 
.plein {width:100%;}
 - 
 
131 
.tiers {width:30%}
 - 
 
132 
 
 - 
 
133 
.actif {background:#8EB533}
 - 
 
134 
.inactif {background:white}
 - 
 
135 
 
 - 
 
136 
.gauche { float:left}
 - 
 
137 
.droite { float:right}
 - 
 
138 
.nettoyage {clear:both}
 - 
 
139 
hr {border:none; border-bottom:solid 1px #DDD; border-top:solid 1px #AAA}
 - 
 
140 
 
 - 
 
141 
.gwt-SuggestBoxPopup {z-index:10000}
 - 
 
142 
 
 - 
 
143 
.fenetreDefilante {position:fixed;margin:auto}
 - 
 
144 
 
 - 
 
145 
.overlay {background-color:#777; cursor:pointer; display:block; opacity:0.7; left:0; top:0;position:fixed; width:100%; z-index:1100; height:100%}
 - 
 
146 
.overlayContenu {cursor:pointer; display:block; opacity:1; left:0; top:0;position:fixed; width:100%; z-index:1200; height:100%}
 162 
	padding: 80px
- 
 
 163 
}
- 
 
 164 
 
- 
 
 165 
.lien {
- 
 
 166 
	color: blue;
- 
 
 167 
	text-decoration: underline;
- 
 
 168 
	cursor: pointer
- 
 
 169 
}
- 
 
 170 
 
- 
 
 171 
.titre {
- 
 
 172 
	color: #FD8C13;
- 
 
 173 
	font-size: 15px;
- 
 
 174 
	margin: 20px 0 10px;
- 
 
 175 
	padding: 0 0 0 25px;
- 
 
 176 
	text-transform: uppercase;
- 
 
 177 
	font-weight: bold;
- 
 
 178 
	background: url(./img/troisCarre.png) no-repeat 0 8px;
- 
 
 179 
}
- 
 
 180 
 
- 
 
 181 
.sousTitre {
- 
 
 182 
	font-size: 15px;
- 
 
 183 
	font-weight: bold
- 
 
 184 
}
- 
 
 185 
 
- 
 
 186 
.petit {
- 
 
 187 
	font-size: 11px;
- 
 
 188 
	color: #888
- 
 
 189 
}
- 
 
 190 
 
- 
 
 191 
.gris {
- 
 
 192 
	color: #888
- 
 
 193 
}
- 
 
 194 
 
- 
 
 195 
.gras {
- 
 
 196 
	font-weight: bold
- 
 
 197 
}
- 
 
 198 
 
- 
 
 199 
.plein {
- 
 
 200 
	width: 100%;
- 
 
 201 
}
- 
 
 202 
 
- 
 
 203 
.tiers {
- 
 
 204 
	width: 30%
- 
 
 205 
}
- 
 
 206 
 
- 
 
 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;
- 
 
 277 
	border:1px dotted #95AE5D;
- 
 
 278 
	border-width:0 0 1px 0;
- 
 
 279 
	padding-right:30px
- 
 
 280 
}
- 
 
 281 
 
- 
 
 282 
.precedentOverlay:hover {
- 
 
 283 
	opacity:1;
- 
 
 284 
}
- 
 
 285 
.precedentOverlay {
- 
 
 286 
	display: block;
- 
 
 287 
	z-index: 1210;
- 
 
 288 
	position: fixed;
- 
 
 289 
	width: 30px;
- 
 
 290 
	height: 40px;
- 
 
 291 
	background: url(./img/precedent_overlay.png) no-repeat 50px 170px;
- 
 
 292 
	border: none;
- 
 
 293 
	color: white;
- 
 
 294 
	font-weight: bold;
- 
 
 295 
	cursor: pointer;
- 
 
 296 
	margin-top: -170px;
- 
 
 297 
	padding-bottom: 200px;
- 
 
 298 
	padding-left: 200px;
- 
 
 299 
	padding-top: 200px;
- 
 
 300 
	opacity:0;
- 
 
 301 
}
- 
 
 302 
 
- 
 
 303 
.suivantOverlay:hover {
- 
 
 304 
	opacity:1;
- 
 
 305 
}
- 
 
 306 
.suivantOverlay {
- 
 
 307 
	display: block;
- 
 
 308 
	z-index: 1210;
- 
 
 309 
	position: fixed;
- 
 
 310 
	width: 30px;
- 
 
 311 
	height: 40px;
- 
 
 312 
	background: url(./img/suivant_overlay.png) no-repeat 90px 170px;
- 
 
 313 
	border: none;
- 
 
 314 
	color: white;
- 
 
 315 
	font-weight: bold;
- 
 
 316 
	cursor: pointer;
- 
 
 317 
	margin-top: -170px;
- 
 
 318 
	padding-bottom: 200px;
- 
 
 319 
	padding-right: 200px;
- 
 
 320 
	padding-top: 200px;
147 
.fermerOverlay {z-index:1210;position:fixed; width:140px; height:40px; background:url(./img/close.png) no-repeat; border:none; color:white; font-weight:bold; cursor:pointer}
 321 
	opacity:0;
148 
.precedentOverlay {display: block;z-index:1210; position:fixed; width:30px; height:40px; background:url(./img/precedent_overlay.png) no-repeat; border:none; color:white; font-weight:bold; cursor:pointer}
 322 
	margin-left:-150px;
149 
.suivantOverlay {display:block;z-index:1210; position:fixed; width:30px; height:40px; background:url(./img/suivant_overlay.png) no-repeat; border:none; color:white; font-weight:bold; cursor:pointer}
 323 
}