Subversion Repositories Sites.obs-saisons.fr

Rev

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

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