Subversion Repositories Sites.obs-saisons.fr

Rev

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

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