Subversion Repositories Sites.obs-saisons.fr

Rev

Rev 60 | Rev 82 | 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 {
284 
	min-width: 140px;
285 
	max-width: 140px;
286 
}
287 
 
76 aurelien 288 
 
31 aurelien 289 
/* =========================== Tableaux d'évenements ============================ */
290 
 
39 aurelien 291 
#saisie_liste_evenements, #saisie_modif_evenements {
292 
	text-align: center;
293 
}
294 
 
31 aurelien 295 
tr:nth-child(odd) {
296 
  background-color: #CFCFCF ;
297 
}
298 
 
299 
tr:nth-child(1) {
300 
	color: #FFFFFF;
301 
}
302 
 
303 
tr:nth-child(1), tr:nth-child(2) {
304 
	background-color: #FFFFFF ;
305 
}
306 
 
307 
div.evenement {
308 
	text-align: center;
309 
}
310 
 
311 
.stade_evenement {
312 
	text-align: center;
313 
}
314 
 
76 aurelien 315 
 
31 aurelien 316 
/* =========================== Styles des différents stades ============================ */
317 
 
53 aurelien 318 
.stade_feuillaison {
31 aurelien 319 
	background-color: #9AC343;
320 
}
321 
 
53 aurelien 322 
.stade_floraison {
323 
	background-color: #C60800;
31 aurelien 324 
}
325 
 
53 aurelien 326 
.stade_fructification {
31 aurelien 327 
	background-color: #8B008B;
328 
}
329 
 
53 aurelien 330 
.stade_senescence {
31 aurelien 331 
	background-color: #800000;
332 
}
333 
 
53 aurelien 334 
.stade_1ere_apparition {
335 
	background-color: #F08080;
31 aurelien 336 
}
337 
 
76 aurelien 338 
 
53 aurelien 339 
/* ============ Styles crées par des effets javascripts automatiques ===== */
60 aurelien 340 
 
53 aurelien 341 
.conteneur_type {
342 
	float: right;
343 
	align: center;
344 
	width: 250px;
345 
}
31 aurelien 346 
 
347 
h4.lien_pliage {
348 
	text-decoration: underline;
349 
}
350 
 
351 
h4.lien_pliage:hover {
352 
	cursor: pointer;
53 aurelien 353 
}
354 
 
355 
.element_cliquable {
356 
	cursor: pointer;
357 
}
358 
 
60 aurelien 359 
.element_cliquable:hover {
360 
	background : #9AC343;
361 
 }
362 
 
53 aurelien 363 
.element_clique {
364 
	background: #9AC343;
365 
}
366 
 
367 
ul.liste_onglets {
368 
	margin: 0;
369 
	padding: 0;
370 
	float: left;
371 
	list-style: none;
372 
	height: 32px; /*--Set height of tabs--*/
373 
	border-bottom: 1px solid #999;
374 
	border-left: 1px solid #999;
375 
}
60 aurelien 376 
 
53 aurelien 377 
ul.liste_onglets li {
378 
	float: left;
379 
	margin: 0;
380 
	padding: 0;
381 
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
382 
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
383 
	border: 1px solid #999;
384 
	border-left: none;
385 
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
386 
	overflow: hidden;
387 
	position: relative;
388 
	background: #e0e0e0;
389 
}
60 aurelien 390 
 
53 aurelien 391 
ul.liste_onglets li a {
392 
	text-decoration: none;
393 
	color: #000;
394 
	display: block;
395 
	font-size: 1.2em;
396 
	padding: 0 20px;
397 
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
398 
	outline: none;
399 
}
60 aurelien 400 
 
53 aurelien 401 
ul.liste_onglets li a:hover {
402 
	background: #ccc;
403 
}
60 aurelien 404 
 
53 aurelien 405 
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--*/
406 
	background: #fff;
407 
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
408 
}
409 
 
410 
.conteneur_onglets {
411 
	border: 1px solid #999;
412 
	border-top: none;
413 
	overflow: hidden;
414 
	clear: both;
415 
	float: left; width: 100%;
416 
	background: #fff;
417 
}
418 
 
419 
.contenu_onglet {
420 
	padding: 20px;
421 
	font-size: 1.2em;
31 aurelien 422 
}