Subversion Repositories Sites.obs-saisons.fr

Rev

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