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