Subversion Repositories Sites.obs-saisons.fr

Rev

Rev 39 | Rev 60 | Go to most recent revision | Show entire file | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 39 Rev 53
Line 25... Line 25...
25 
	color: #9AC343;
 25 
	color: #9AC343;
26 
	padding-bottom:20px;
 26 
	padding-bottom:20px;
27 
}
 27 
}
Line -... Line 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;
28 
 
 79 
}
Line 29... Line 80...
29 
 
 80 
 
30 
/* =========================== Formulaires ============================ */
81 
/* =========================== Formulaires ============================ */
31 
 
 82 
 
Line 37... Line 88...
37 
.element_formulaire, #conteneur_liens_lat_lon {
 88 
.element_formulaire, #conteneur_liens_lat_lon {
38 
	padding-bottom : 5px;
 89 
	padding-bottom : 5px;
39 
}
 90 
}
Line 40... Line 91...
40 
 
 91 
 
41 
.conteneur_carte {
 92 
.conteneur_carte {
- 
 
 93 
	height:400px;
42 
	height: 600px;
94 
	width:800px;
Line 43... Line 95...
43 
}
 95 
}
44 
 
 96 
 
45 
.gros_bouton_validation {
 97 
.gros_bouton_validation {
Line 60... Line 112...
60 
.icone_s {
 112 
.icone_s {
61 
	height: 30px;
 113 
	height: 30px;
62 
	width: 30px;
114 
	width: 30px;
63 
}
 115 
}
Line -... Line 116...
- 
 
 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 
}
Line 64... Line 148...
64 
 
 148 
 
Line 65... Line 149...
65 
 
 149 
 
66 
/* =========================== Fiches ============================== */
150 
/* =========================== Fiches ============================== */
Line 88... Line 172...
88 
 
 172 
 
89 
hr.separation_section {
 173 
hr.separation_section {
90 
	margin-top: 25px;
174 
	margin-top: 25px;
Line -... Line 175...
- 
 
 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 {
Line 91... Line 206...
91 
}
 206 
	padding: 5px;
Line 92... Line 207...
92 
 
 207 
}
93 
 
 208 
 
Line 117... Line 232...
117 
	text-align: center;
 232 
	text-align: center;
118 
}
 233 
}
Line 119... Line 234...
119 
 
 234 
 
Line 120... Line 235...
120 
/* =========================== Styles des différents stades ============================ */
235 
/* =========================== Styles des différents stades ============================ */
121 
 
 236 
 
122 
.stade1 {
 237 
.stade_feuillaison {
Line 123... Line 238...
123 
	background-color: #9AC343;
 238 
	background-color: #9AC343;
124 
}
 239 
}
125 
 
 240 
 
Line 126... Line 241...
126 
.stade2 {
 241 
.stade_floraison {
127 
	background-color: #F08080;
 242 
	background-color: #C60800;
128 
}
 243 
}
Line 129... Line 244...
129 
 
 244 
 
130 
.stade3 {
 245 
.stade_fructification {
131 
	background-color: #8B008B;
 246 
	background-color: #8B008B;
Line 132... Line 247...
132 
}
 247 
}
133 
 
 - 
 
- 
 
 248 
 
134 
.stade4 {
 249 
.stade_senescence {
Line 135... Line 250...
135 
	background-color: #800000;
 250 
	background-color: #800000;
- 
 
 251 
}
- 
 
 252 
 
- 
 
 253 
.stade_1ere_apparition {
- 
 
 254 
	background-color: #F08080;
- 
 
 255 
}
Line 136... Line 256...
136 
}
 256 
 
137 
 
 257 
/* ============ Styles crées par des effets javascripts automatiques ===== */
138 
.stade5 {
 258 
.conteneur_type {
Line 139... Line 259...
139
259 
	float: right;
140 
}
 260 
	align: center;
- 
 
 261 
	width: 250px;
- 
 
 262 
}
- 
 
 263 
 
- 
 
 264 
h4.lien_pliage {
- 
 
 265 
	text-decoration: underline;
- 
 
 266 
}
- 
 
 267 
 
- 
 
 268 
h4.lien_pliage:hover {
- 
 
 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;
141 
 
 322 
	overflow: hidden;
142 
/* ============ Styles crées par des effets javascripts automatiques ===== */
323 
	clear: both;