Subversion Repositories Sites.obs-saisons.fr

Rev

Rev 39 | Rev 60 | 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 {
6 
	max-width:1570px;
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 
 
31 aurelien 81 
/* =========================== Formulaires ============================ */
82 
 
83 
.element_formulaire_en_ligne {
84 
	padding-left: 10px;
85 
	padding-right: 10px;
86 
}
87 
 
88 
.element_formulaire, #conteneur_liens_lat_lon {
89 
	padding-bottom : 5px;
90 
}
91 
 
92 
.conteneur_carte {
53 aurelien 93 
	height:400px;
94 
	width:800px;
31 aurelien 95 
}
96 
 
97 
.gros_bouton_validation {
98 
	height: 50px;
99 
	width: 200px;
100 
	font-size: 20px;
101 
	margin-top: 10x;
102 
}
103 
 
104 
#saisie_liste_evenements {
105 
	text-align: center;
106 
}
107 
 
39 aurelien 108 
#saisie_modif_evenements tr, #saisie_liste_evenements tr {
31 aurelien 109 
	height: 40px;
110 
}
111 
 
39 aurelien 112 
.icone_s {
113 
	height: 30px;
114 
	width: 30px;
115 
}
31 aurelien 116 
 
53 aurelien 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 
}
39 aurelien 126 
 
53 aurelien 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 
}
148 
 
149 
 
31 aurelien 150 
/* =========================== Fiches ============================== */
151 
 
152 
.element_fiche {
153 
	padding-bottom : 5px;
154 
}
155 
 
156 
.intitule_fiche {
157 
 
158 
}
159 
 
160 
.valeur_fiche {
161 
	font-weight: bold;
162 
}
163 
 
164 
.titre_section_fiche {
165 
	padding-bottom : 10px;
166 
	padding-top : 10px;
167 
}
168 
 
169 
.titre_fiche {
170 
 
171 
}
172 
 
173 
hr.separation_section {
174 
	margin-top: 25px;
175 
}
176 
 
53 aurelien 177 
.informations_espece img {
178 
	margin-top:-35px;
179 
}
31 aurelien 180 
 
53 aurelien 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;
207 
}
208 
 
31 aurelien 209 
/* =========================== Tableaux d'évenements ============================ */
210 
 
39 aurelien 211 
#saisie_liste_evenements, #saisie_modif_evenements {
212 
	text-align: center;
213 
}
214 
 
31 aurelien 215 
tr:nth-child(odd) {
216 
  background-color: #CFCFCF ;
217 
}
218 
 
219 
tr:nth-child(1) {
220 
	color: #FFFFFF;
221 
}
222 
 
223 
tr:nth-child(1), tr:nth-child(2) {
224 
	background-color: #FFFFFF ;
225 
}
226 
 
227 
div.evenement {
228 
	text-align: center;
229 
}
230 
 
231 
.stade_evenement {
232 
	text-align: center;
233 
}
234 
 
235 
/* =========================== Styles des différents stades ============================ */
236 
 
53 aurelien 237 
.stade_feuillaison {
31 aurelien 238 
	background-color: #9AC343;
239 
}
240 
 
53 aurelien 241 
.stade_floraison {
242 
	background-color: #C60800;
31 aurelien 243 
}
244 
 
53 aurelien 245 
.stade_fructification {
31 aurelien 246 
	background-color: #8B008B;
247 
}
248 
 
53 aurelien 249 
.stade_senescence {
31 aurelien 250 
	background-color: #800000;
251 
}
252 
 
53 aurelien 253 
.stade_1ere_apparition {
254 
	background-color: #F08080;
31 aurelien 255 
}
256 
 
53 aurelien 257 
/* ============ Styles crées par des effets javascripts automatiques ===== */
258 
.conteneur_type {
259 
	float: right;
260 
	align: center;
261 
	width: 250px;
262 
}
31 aurelien 263 
 
264 
h4.lien_pliage {
265 
	text-decoration: underline;
266 
}
267 
 
268 
h4.lien_pliage:hover {
269 
	cursor: pointer;
53 aurelien 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;
31 aurelien 331 
}