Subversion Repositories Sites.obs-saisons.fr

Rev

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

Rev Author Line No. Line
31 aurelien 1 
/* =========================== Balises ============================
2 
 
76 aurelien 3 
 
4 
 
31 aurelien 5 
/* =========================== Style général ============================ */
6 
 
39 aurelien 7 
#wrapper #container {
60 aurelien 8 
	max-width:1650px;
39 aurelien 9 
}
10 
 
31 aurelien 11 
.gauche {
12 
	float:left;
13 
}
14 
 
15 
.droite {
16 
	float:right;
17 
}
18 
 
76 aurelien 19 
.information {
20 
 
21 
	padding-left: 10px;
22 
	border:1px solid #FF420F;
23 
	max-width:600px;
24 
	height: 50px;
25 
	text-align: center;
26 
	font-size: 1.3em;
27 
	color: #000000;
28 
	background: url("../images/attention.png") no-repeat scroll 1em 0.5em transparent;
29 
	background-color:#EF9C86;
30 
}
31 aurelien 31 
 
76 aurelien 32 
.information div {
33 
	margin-top: 15px
34 
}
35 
 
36 
 
31 aurelien 37 
/* =========================== Titres ============================ */
38 
 
39 
.titre_saisie {
40 
	padding-bottom: 10px;
41 
}
42 
 
43 
.etape {
44 
	color: #9AC343;
45 
	padding-bottom:20px;
46 
}
47 
 
48 
 
53 aurelien 49 
/* =========================== Menu et navigation ============================ */
50 
 
51 
#saisie_menu ul li {
52 
	background: none;
53 
	padding-top: 5px;
54 
}
55 
 
56 
#saisie_menu ul li.item_menu_station {
57 
	background: url("../images/station.png") no-repeat scroll 0px 0.5em transparent;
58 
}
59 
 
60 
.item_menu_station > a {
61 
	padding: 5px;
62 
}
63 
 
64 
#saisie_menu ul li.item_menu_espece {
65 
	background: url("../images/espece.png") no-repeat scroll 0px 0.5em transparent;
66 
}
67 
 
68 
.item_menu_espece > a {
69 
	padding: 5px
70 
}
71 
 
72 
#saisie_menu ul li.station_ajout {
73 
	background: url("../images/ajout.png") no-repeat scroll -9px transparent;
74 
}
75 
 
76 
li.station_en_cours {
77 
	padding-top: 10px;
78 
}
79 
 
80 
li.station_en_cours > a {
81 
	color: #FFFFFF;
82 
	font-weight: bold;
83 
	border: solid 1px #FFFFFF;
84 
	background-color: #800000;
85 
	-moz-border-radius: 0.9em;
86 
}
87 
 
88 
#saisie_menu ul li.espece_ajout {
89 
	background: url("../images/ajout.png") no-repeat scroll -9px transparent;
90 
}
91 
 
92 
li.espece_en_cours > a {
93 
	color: #FFFFFF;
94 
	font-weight: bold;
95 
	border: solid 1px #FFFFFF;
96 
	background-color: #9AC343;
97 
	-moz-border-radius: 0.9em;
98 
}
99 
 
60 aurelien 100 
ul.liste_annees_observations {
101 
	list-style-type: none;
102 
}
103 
 
104 
.liste_annees_observations li {
105 
	display: inline;
106 
	list-style: none;
107 
	background: none;
108 
}
109 
 
110 
#annee_en_cours {
111 
	font-size: 1.6em;
112 
	color: #9AC343;
113 
}
114 
 
31 aurelien 115 
 
76 aurelien 116 
 
117 
 
118 
/* =========================== Formulaires d'inscription et d'identification ============================ */
119 
 
120 
#conteneur_formulaire_identification, #conteneur_formulaire_inscription {
121 
 
122 
	width:650px;
123 
	border: 1px solid grey;
124 
	margin-top: 10px;
125 
	padding: 10px;
126 
	text-align: left !important;
127 
	-moz-border-radius: 0.9em;
128 
}
129 
 
130 
#conteneur_formulaire_identification form {
131 
	text-align: left !important;
132 
}
133 
 
134 
#conteneur_formulaire_identification input {
135 
	text-align: left !important;
136 
	width: 300px;
137 
}
138 
 
139 
#conteneur_formulaire_inscription input {
140 
	text-align: left !important;
141 
	width: 300px;
142 
}
143 
 
144 
.message_identification {
145 
	font-weight: bold;
146 
	padding-top: 5px;
147 
	color: #435F06;
148 
	font-size: 1.5em;
149 
}
150 
 
151 
 
152 
/* =========================== Formulaires de l'application ============================ */
153 
 
31 aurelien 154 
.element_formulaire_en_ligne {
155 
	padding-left: 10px;
156 
	padding-right: 10px;
157 
}
158 
 
60 aurelien 159 
.element_formulaire, #conteneur_liens_lat_lon, #conteneur_form_liens_lat_lon {
31 aurelien 160 
	padding-bottom : 5px;
161 
}
162 
 
163 
.conteneur_carte {
53 aurelien 164 
	height:400px;
165 
	width:800px;
31 aurelien 166 
}
167 
 
168 
.gros_bouton_validation {
169 
	height: 50px;
170 
	width: 200px;
171 
	font-size: 20px;
172 
	margin-top: 10x;
173 
}
174 
 
175 
#saisie_liste_evenements {
176 
	text-align: center;
177 
}
178 
 
39 aurelien 179 
#saisie_modif_evenements tr, #saisie_liste_evenements tr {
31 aurelien 180 
	height: 40px;
181 
}
182 
 
39 aurelien 183 
.icone_s {
184 
	height: 30px;
185 
	width: 30px;
186 
}
31 aurelien 187 
 
53 aurelien 188 
.valider_formulaire {
189 
	cursor: pointer;
190 
	background-color: transparent;
191 
	background-image: url("../images/valider_s.png");
192 
	border: none;
193 
	color: rgba(0,0,0,0);
194 
	background-position: center;
195 
	background-repeat: no-repeat;
60 aurelien 196 
	padding-top: 2px;
197 
	padding-bottom: 3px;
53 aurelien 198 
}
39 aurelien 199 
 
53 aurelien 200 
.valider_formulaire:hover, .lien_modifier:hover {
201 
	background-color: #CFCFCF;
202 
}
203 
 
204 
.formulaire_informations_espece_mini {
60 aurelien 205 
	text-align: center;
53 aurelien 206 
	height:40px;
207 
	width: 500px;
208 
	border: solid 1px #999999;
209 
	-moz-border-radius: 0.9em;
210 
	background-color: #CFCFCF;
211 
	padding: 10px;
212 
	margin-bottom: 10px;
213 
}
214 
 
215 
.formulaire_informations_espece_mini:hover {
216 
	background-color: #C0DF7D;
217 
}
218 
 
219 
.formulaire_informations_espece_mini img {
220 
	margin-top:-5px;
221 
}
222 
 
223 
 
31 aurelien 224 
/* =========================== Fiches ============================== */
225 
 
226 
.element_fiche {
227 
	padding-bottom : 5px;
228 
}
229 
 
230 
.intitule_fiche {
231 
 
232 
}
233 
 
234 
.valeur_fiche {
235 
	font-weight: bold;
236 
}
237 
 
238 
.titre_section_fiche {
239 
	padding-bottom : 10px;
240 
	padding-top : 10px;
241 
}
242 
 
243 
.titre_fiche {
244 
 
245 
}
246 
 
247 
hr.separation_section {
248 
	margin-top: 25px;
249 
}
250 
 
53 aurelien 251 
.informations_espece img {
252 
	margin-top:-35px;
253 
}
31 aurelien 254 
 
53 aurelien 255 
.annee_observation {
256 
	padding-left: 10px;
257 
}
258 
 
259 
.observations_individu {
260 
	display: inline;
261 
	float: left;
262 
	width: 200px;
263 
	height: 400px;
264 
}
265 
 
266 
.observations_individu {
267 
	color: #000000;
268 
}
269 
 
270 
.observations_individu li {
271 
	background: none;
272 
	padding-left: 1px;
273 
}
274 
 
275 
.observations_individu li div {
276 
	-moz-border-radius: 0.9em;
277 
}
278 
 
279 
.observations_individu h4 {
280 
	padding: 5px;
281 
}
282 
 
60 aurelien 283 
.date_observation_individu {
82 aurelien 284 
 
60 aurelien 285 
}
286 
 
76 aurelien 287 
 
31 aurelien 288 
/* =========================== Tableaux d'évenements ============================ */
289 
 
39 aurelien 290 
#saisie_liste_evenements, #saisie_modif_evenements {
291 
	text-align: center;
292 
}
293 
 
31 aurelien 294 
tr:nth-child(odd) {
295 
  background-color: #CFCFCF ;
296 
}
297 
 
298 
tr:nth-child(1) {
299 
	color: #FFFFFF;
300 
}
301 
 
302 
tr:nth-child(1), tr:nth-child(2) {
303 
	background-color: #FFFFFF ;
304 
}
305 
 
306 
div.evenement {
307 
	text-align: center;
308 
}
309 
 
310 
.stade_evenement {
311 
	text-align: center;
312 
}
313 
 
76 aurelien 314 
 
31 aurelien 315 
/* =========================== Styles des différents stades ============================ */
316 
 
53 aurelien 317 
.stade_feuillaison {
31 aurelien 318 
	background-color: #9AC343;
319 
}
320 
 
53 aurelien 321 
.stade_floraison {
322 
	background-color: #C60800;
31 aurelien 323 
}
324 
 
53 aurelien 325 
.stade_fructification {
31 aurelien 326 
	background-color: #8B008B;
327 
}
328 
 
53 aurelien 329 
.stade_senescence {
31 aurelien 330 
	background-color: #800000;
331 
}
332 
 
53 aurelien 333 
.stade_1ere_apparition {
334 
	background-color: #F08080;
31 aurelien 335 
}
336 
 
76 aurelien 337 
 
53 aurelien 338 
/* ============ Styles crées par des effets javascripts automatiques ===== */
60 aurelien 339 
 
53 aurelien 340 
.conteneur_type {
341 
	float: right;
342 
	align: center;
343 
	width: 250px;
344 
}
31 aurelien 345 
 
346 
h4.lien_pliage {
347 
	text-decoration: underline;
348 
}
349 
 
350 
h4.lien_pliage:hover {
351 
	cursor: pointer;
53 aurelien 352 
}
353 
 
354 
.element_cliquable {
355 
	cursor: pointer;
356 
}
357 
 
60 aurelien 358 
.element_cliquable:hover {
359 
	background : #9AC343;
360 
 }
361 
 
53 aurelien 362 
.element_clique {
363 
	background: #9AC343;
364 
}
365 
 
366 
ul.liste_onglets {
367 
	margin: 0;
368 
	padding: 0;
369 
	float: left;
370 
	list-style: none;
371 
	height: 32px; /*--Set height of tabs--*/
372 
	border-bottom: 1px solid #999;
373 
	border-left: 1px solid #999;
374 
}
60 aurelien 375 
 
53 aurelien 376 
ul.liste_onglets li {
377 
	float: left;
378 
	margin: 0;
379 
	padding: 0;
380 
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
381 
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
382 
	border: 1px solid #999;
383 
	border-left: none;
384 
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
385 
	overflow: hidden;
386 
	position: relative;
387 
	background: #e0e0e0;
388 
}
60 aurelien 389 
 
53 aurelien 390 
ul.liste_onglets li a {
391 
	text-decoration: none;
392 
	color: #000;
393 
	display: block;
394 
	font-size: 1.2em;
395 
	padding: 0 20px;
396 
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
397 
	outline: none;
398 
}
60 aurelien 399 
 
53 aurelien 400 
ul.liste_onglets li a:hover {
401 
	background: #ccc;
402 
}
60 aurelien 403 
 
53 aurelien 404 
html ul.liste_onglets li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
405 
	background: #fff;
406 
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
407 
}
408 
 
409 
.conteneur_onglets {
410 
	border: 1px solid #999;
411 
	border-top: none;
412 
	overflow: hidden;
413 
	clear: both;
414 
	float: left; width: 100%;
415 
	background: #fff;
416 
}
417 
 
418 
.contenu_onglet {
419 
	padding: 20px;
420 
	font-size: 1.2em;
31 aurelien 421 
}