Subversion Repositories Sites.obs-saisons.fr

Rev

Rev 82 | Rev 101 | 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 {
89 aurelien 164 
	height: 400px;
165 
	width: 725px;
31 aurelien 166 
}
167 
 
168 
.gros_bouton_validation {
169 
	height: 50px;
170 
	width: 200px;
171 
	font-size: 20px;
172 
	margin-top: 10x;
89 aurelien 173 
	margin-right:10px;
31 aurelien 174 
}
175 
 
176 
#saisie_liste_evenements {
177 
	text-align: center;
89 aurelien 178 
	width:715px;
31 aurelien 179 
}
180 
 
39 aurelien 181 
#saisie_modif_evenements tr, #saisie_liste_evenements tr {
31 aurelien 182 
	height: 40px;
183 
}
184 
 
39 aurelien 185 
.icone_s {
186 
	height: 30px;
187 
	width: 30px;
188 
}
31 aurelien 189 
 
53 aurelien 190 
.valider_formulaire {
191 
	cursor: pointer;
192 
	background-color: transparent;
193 
	background-image: url("../images/valider_s.png");
194 
	border: none;
195 
	color: rgba(0,0,0,0);
196 
	background-position: center;
197 
	background-repeat: no-repeat;
60 aurelien 198 
	padding-top: 2px;
199 
	padding-bottom: 3px;
53 aurelien 200 
}
39 aurelien 201 
 
53 aurelien 202 
.valider_formulaire:hover, .lien_modifier:hover {
203 
	background-color: #CFCFCF;
204 
}
205 
 
89 aurelien 206 
#form_saisie_espece {
207 
	margin-right: auto;
208 
	margin-left: auto;
209 
}
210 
 
53 aurelien 211 
.formulaire_informations_espece_mini {
60 aurelien 212 
	text-align: center;
53 aurelien 213 
	height:40px;
214 
	width: 500px;
215 
	border: solid 1px #999999;
216 
	-moz-border-radius: 0.9em;
217 
	background-color: #CFCFCF;
218 
	padding: 10px;
219 
	margin-bottom: 10px;
220 
}
221 
 
222 
.formulaire_informations_espece_mini:hover {
223 
	background-color: #C0DF7D;
224 
}
225 
 
226 
.formulaire_informations_espece_mini img {
227 
	margin-top:-5px;
228 
}
229 
 
230 
 
31 aurelien 231 
/* =========================== Fiches ============================== */
232 
 
233 
.element_fiche {
234 
	padding-bottom : 5px;
235 
}
236 
 
237 
.intitule_fiche {
238 
 
239 
}
240 
 
241 
.valeur_fiche {
242 
	font-weight: bold;
243 
}
244 
 
245 
.titre_section_fiche {
246 
	padding-bottom : 10px;
247 
	padding-top : 10px;
248 
}
249 
 
250 
.titre_fiche {
251 
 
252 
}
253 
 
254 
hr.separation_section {
255 
	margin-top: 25px;
256 
}
257 
 
53 aurelien 258 
.informations_espece img {
259 
	margin-top:-35px;
260 
}
31 aurelien 261 
 
53 aurelien 262 
.annee_observation {
263 
	padding-left: 10px;
264 
}
265 
 
266 
.observations_individu {
267 
	display: inline;
268 
	float: left;
269 
	width: 200px;
270 
	height: 400px;
271 
}
272 
 
273 
.observations_individu {
274 
	color: #000000;
275 
}
276 
 
277 
.observations_individu li {
278 
	background: none;
279 
	padding-left: 1px;
280 
}
281 
 
282 
.observations_individu li div {
283 
	-moz-border-radius: 0.9em;
284 
}
285 
 
286 
.observations_individu h4 {
287 
	padding: 5px;
288 
}
289 
 
60 aurelien 290 
.date_observation_individu {
89 aurelien 291 
 
292 
}
293 
 
294 
.calendrier {
82 aurelien 295 
 
60 aurelien 296 
}
297 
 
76 aurelien 298 
 
31 aurelien 299 
/* =========================== Tableaux d'évenements ============================ */
300 
 
39 aurelien 301 
#saisie_liste_evenements, #saisie_modif_evenements {
302 
	text-align: center;
303 
}
304 
 
31 aurelien 305 
tr:nth-child(odd) {
306 
  background-color: #CFCFCF ;
307 
}
308 
 
309 
tr:nth-child(1) {
310 
	color: #FFFFFF;
311 
}
312 
 
313 
tr:nth-child(1), tr:nth-child(2) {
314 
	background-color: #FFFFFF ;
315 
}
316 
 
317 
div.evenement {
318 
	text-align: center;
319 
}
320 
 
321 
.stade_evenement {
322 
	text-align: center;
323 
}
324 
 
76 aurelien 325 
 
31 aurelien 326 
/* =========================== Styles des différents stades ============================ */
327 
 
53 aurelien 328 
.stade_feuillaison {
31 aurelien 329 
	background-color: #9AC343;
330 
}
331 
 
53 aurelien 332 
.stade_floraison {
333 
	background-color: #C60800;
31 aurelien 334 
}
335 
 
53 aurelien 336 
.stade_fructification {
31 aurelien 337 
	background-color: #8B008B;
338 
}
339 
 
53 aurelien 340 
.stade_senescence {
31 aurelien 341 
	background-color: #800000;
342 
}
343 
 
53 aurelien 344 
.stade_1ere_apparition {
345 
	background-color: #F08080;
31 aurelien 346 
}
347 
 
76 aurelien 348 
 
53 aurelien 349 
/* ============ Styles crées par des effets javascripts automatiques ===== */
60 aurelien 350 
 
89 aurelien 351 
.erreur_valeur {
352 
	background-color: red;
353 
}
354 
 
53 aurelien 355 
.conteneur_type {
356 
	float: right;
357 
	align: center;
358 
	width: 250px;
359 
}
31 aurelien 360 
 
361 
h4.lien_pliage {
362 
	text-decoration: underline;
363 
}
364 
 
365 
h4.lien_pliage:hover {
366 
	cursor: pointer;
53 aurelien 367 
}
368 
 
369 
.element_cliquable {
370 
	cursor: pointer;
371 
}
372 
 
60 aurelien 373 
.element_cliquable:hover {
374 
	background : #9AC343;
375 
 }
376 
 
53 aurelien 377 
.element_clique {
378 
	background: #9AC343;
379 
}
380 
 
381 
ul.liste_onglets {
382 
	margin: 0;
383 
	padding: 0;
384 
	float: left;
385 
	list-style: none;
386 
	height: 32px; /*--Set height of tabs--*/
387 
	border-bottom: 1px solid #999;
388 
	border-left: 1px solid #999;
389 
}
60 aurelien 390 
 
53 aurelien 391 
ul.liste_onglets li {
392 
	float: left;
393 
	margin: 0;
394 
	padding: 0;
395 
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
396 
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
397 
	border: 1px solid #999;
398 
	border-left: none;
399 
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
400 
	overflow: hidden;
401 
	position: relative;
402 
	background: #e0e0e0;
403 
}
60 aurelien 404 
 
53 aurelien 405 
ul.liste_onglets li a {
406 
	text-decoration: none;
407 
	color: #000;
408 
	display: block;
409 
	font-size: 1.2em;
410 
	padding: 0 20px;
411 
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
412 
	outline: none;
413 
}
60 aurelien 414 
 
53 aurelien 415 
ul.liste_onglets li a:hover {
416 
	background: #ccc;
417 
}
60 aurelien 418 
 
53 aurelien 419 
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--*/
420 
	background: #fff;
421 
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
422 
}
423 
 
89 aurelien 424 
#onglets  {
425 
	margin-left: 85px;
426 
	margin-right: auto;
427 
	position: relative;
428 
	bottom: -1px;
429 
	z-index: 1;
430 
	clear:left;
431 
}
432 
 
53 aurelien 433 
.conteneur_onglets {
434 
	border: 1px solid #999;
435 
	overflow: hidden;
89 aurelien 436 
	float: left;
53 aurelien 437 
	background: #fff;
89 aurelien 438 
	position: relative;
439 
	width:565px;
53 aurelien 440 
}
441 
 
442 
.contenu_onglet {
443 
	padding: 20px;
444 
	font-size: 1.2em;
89 aurelien 445 
}
446 
 
447 
/* ============ Styles crées spécifiquement pour compenser les faiblesses de certains navigateurs ===== */
448 
 
449 
.clearer {
450 
	clear:both;
31 aurelien 451 
}