Subversion Repositories eFlore/Applications.cel

Rev

Rev 1922 | Rev 1954 | Go to most recent revision | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
1054 jpm 1 
@CHARSET "UTF-8";
1922 jpm 2 
/*+--------------------------------------------------------------------------------------------------------+*/
3 
/* Balises */
1054 jpm 4 
body {
5 
	font-family:Arial;
6 
	font-size:12px;
7 
}
8 
h1 {
9 
	font-size:1.6em;
10 
}
11 
h2 {
12 
	font-size:1.4em;
13 
	text-transform:uppercase;
14 
	letter-spacing:0.3em;
15 
	padding:5px 10px;
16 
	background:#A1CA10;
17 
	margin-bottom:0;
18 
	margin-left:2px;
19 
	-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
20 
	line-height:2em;
21 
}
1946 jpm 22 
 
23 
a {
24 
	font-weight:bold;
1054 jpm 25 
}
26 
 
27 
/*+--------------------------------------------------------------------------------------------------------+*/
28 
/* Générique */
1346 aurelien 29 
.discretion {
30 
	color:grey;
31 
	font-family:arial;
32 
	font-size:11px;
33 
}
1946 jpm 34 
.nom-sci {
35 
	font-style:italic;
36 
}
1054 jpm 37 
/*+--------------------------------------------------------------------------------------------------------+*/
1346 aurelien 38 
/* Positionnement général */
39 
#zone-appli {
40 
	margin:0 auto;
41 
	width:600px;
42 
}
43 
 
44 
/*+--------------------------------------------------------------------------------------------------------+*/
1054 jpm 45 
/* Formulaire générique */
1946 jpm 46 
legend {
47 
    color: #000000;
48 
    font-size: 1.2em;
49 
    letter-spacing: 0.2em;
50 
    padding: 5px 10px;
51 
    text-transform: uppercase;
52 
    line-height:1.2em;
53 
    margin:2px 2px 0;
54 
    width:inherit;
55 
}
1054 jpm 56 
fieldset {
1922 jpm 57 
	background-color:#A1CA10;
1946 jpm 58 
	padding:5px;
1054 jpm 59 
}
1922 jpm 60 
 
61 
/* Validation du formulaire */
62 
label.error {
63 
	display:inline-block;
64 
	float:left;
65 
	color:red;
66 
	width:150px;
1054 jpm 67 
}
1922 jpm 68 
label.error[for="date"] {
69 
	display:block;
70 
	float:none;
71 
	padding-left:5px;
72 
	width:100%;
73 
}
74 
label.error.valid {
75 
	text-indent: -9999px;
76 
	color: #468847;
77 
	float:none;
78 
	width:0;
79 
	height:0;
80 
}
1054 jpm 81 
 
1922 jpm 82 
/*-------------------------------------------------------*/
83 
/* Formulaire observateur */
1946 jpm 84 
#titre-form-observateur {
85 
	width:250px;
86 
}
87 
#zone-identification {
88 
	margin-left:2px;
89 
}
90 
#partie-identification{
1922 jpm 91 
	background:#A1CA10;
1946 jpm 92 
	-webkit-border-radius: 0 10px 10px 10px;-moz-border-radius: 0 10px 10px 10px;border-radius: 0 10px 10px 10px;
1922 jpm 93 
}
94 
 
1054 jpm 95 
/*+--------------------------------------------------------------------------------------------------------+*/
1922 jpm 96 
/* Formulaire obs */
1946 jpm 97 
#titre-form-obs{
98 
	width:250px;
99 
}
1054 jpm 100 
#zone-fiche-terrain, #zone-fiche-terrain-photo{
101 
	background:#A1CA10;
102 
	width:600px;
103 
	margin-left:2px;
104 
	padding-bottom:10px;
105 
}
106 
#zone-fiche-terrain{
107 
	-webkit-border-radius: 0 10px 0 0;-moz-border-radius: 0 10px 0 0;border-radius: 0 10px 0 0;
108 
}
109 
#zone-fiche-terrain-photo{
110 
	-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;border-radius: 0 0 10px 10px;
1922 jpm 111 
	margin-top:-20px;
1054 jpm 112 
}
1346 aurelien 113 
#partie-station, #partie-observation, #partie-photo, #partie-date{
1946 jpm 114 
	margin:0 10px 10px;
1054 jpm 115 
	background:#E5E5E5;
116 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
117 
}
1346 aurelien 118 
#partie-station legend, #partie-observation legend, #partie-photo legend, #partie-date legend{
1054 jpm 119 
	background:#E5E5E5;
120 
	-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0;border-radius: 10px 10px 0 0;
121 
}
1922 jpm 122 
 
1946 jpm 123 
/* Liste des taxons */
124 
#taxon-liste optgroup + optgroup {
125 
	border-top: 1px solid black;
126 
}
127 
 
1054 jpm 128 
/*-------------------------------------------------------*/
1922 jpm 129 
/* Géolocalisation */
130 
#map-canvas {
1946 jpm 131 
	height:280px;
1922 jpm 132 
	margin-bottom:5px;
1054 jpm 133 
}
1946 jpm 134 
#map-canvas img {
135 
	max-width:none;
136 
}
1922 jpm 137 
.coordonnees-geo, .lat-lon-info {
1946 jpm 138 
	font-size:10px;
1054 jpm 139 
}
1922 jpm 140 
#info-commune {
141 
	text-align:right;
142 
	font-size:10px;
1054 jpm 143 
}
1922 jpm 144 
.afficher-coord {
145 
	font-size:10px;
1054 jpm 146 
}
1922 jpm 147 
.indication_geolocalisation {
148 
	color:#118811;
1946 jpm 149 
    font-style:italic;
150 
    font-weight:bold;
1922 jpm 151 
	font-weight:0.9em;
1054 jpm 152 
}
1922 jpm 153 
 
154 
/*+--------------------------------------------------------------------------------------------------------+*/
155 
/* Gestion des photos */
156 
 
157 
/* Form d'ajout des photos */
158 
#form-upload .miniature {
159 
	float: left;
160 
	height: 130px;
161 
	margin: 5px;
1054 jpm 162 
}
1922 jpm 163 
#form-upload .miniature-img {
164 
	display: block;
165 
	height: 100px;
1054 jpm 166 
}
1922 jpm 167 
#form-upload .miniature-chargement {
168 
	height:100px;
169 
	width: 100px;
1054 jpm 170 
}
1922 jpm 171 
 
172 
#photos-conteneur {
173 
	height: 120px;
1054 jpm 174 
}
1922 jpm 175 
 
176 
/* Images d'une observation */
177 
.obs .obs-miniatures {
178 
	min-width: 150px;
179 
	margin-right: 5px;
180 
	background-color:#524C47;
181 
	padding: 4px 0;
1054 jpm 182 
}
1922 jpm 183 
.obs .miniature {
184 
	display: block;
185 
	height: 100px;
186 
	margin: 0 auto;
1054 jpm 187 
}
1922 jpm 188 
.defilement {
189 
	position: relative;
190 
	padding: 8px 0;
1054 jpm 191 
}
1922 jpm 192 
.defilement-control-zone {
193 
	display: block;
194 
	z-index:2;
195 
	position: absolute;
196 
	top: 0;
197 
	width: 50%;
198 
	height: 116px;
1054 jpm 199 
}
1922 jpm 200 
.defilement-control-zone.gauche{
201 
	left: 0;
1054 jpm 202 
}
1922 jpm 203 
.defilement-control-zone.droite {
204 
	right: 0;
1346 aurelien 205 
}
1922 jpm 206 
.defilement-control {
207 
	display: block;
208 
	position: absolute;
209 
	top: 35%;
210 
	width:20px;
211 
	height: 20px;
212 
	line-height: 20px;
213 
	font-size: 17px;
214 
	font-weight: 100;
215 
	text-align: center;
216 
	vertical-align: middle;
217 
	border: 3px solid white;
218 
	border-radius: 20px;
219 
	color: white;
220 
	opacity: 1;
221 
	background: none repeat scroll 0 0 #524C47;
1346 aurelien 222 
}
1922 jpm 223 
.defilement-control.gauche {
224 
	left: 3%;
1346 aurelien 225 
}
1922 jpm 226 
.defilement-control.droite {
227 
	right: 3%;
1054 jpm 228 
}
1922 jpm 229 
 
230 
.defilement-miniatures-cache {
231 
	visibility: hidden;
1054 jpm 232 
}
1922 jpm 233 
.obs .miniature-cachee {
234 
	display: none;
1346 aurelien 235 
}
1922 jpm 236 
 
237 
.defilement-indicateurs {
238 
    list-style: none outside none;
239 
    margin: 0;
240 
    position: absolute;
241 
    left: 0;
242 
    bottom: 2px;
243 
    z-index: 5;
1346 aurelien 244 
}
1922 jpm 245 
.defilement-indicateurs li {
246 
    background-color: rgba(255, 255, 255, 0.25);
247 
    border-radius: 2px;
248 
    border: 1px solid lightgrey;
249 
    display: block;
250 
    float: left;
251 
    height: 4px;
252 
    margin-left: 2px;
253 
    text-indent: -999px;
254 
    width: 4px;
1346 aurelien 255 
}
1922 jpm 256 
.defilement-indicateurs .active {
257 
	background-color: #FFFFFF;
1346 aurelien 258 
}
1922 jpm 259 
 
260 
/*-------------------------------------------------------*/
261 
/* Observations */
1946 jpm 262 
#titre-liste-obs{
263 
	margin-top:0;
264 
	padding-top:0;
265 
}
266 
#zone-liste-obs{
267 
	background-color:#A1CA10;
268 
	padding:5px;
269 
	-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;
270 
}
271 
#zone-liste-obs .well{
272 
	background-color:#A1CA10;
273 
	margin:0 5px 5px 5px;
274 
}
275 
#liste-obs .well{
276 
	background-color:#E0DFDE;
277 
}
1922 jpm 278 
#obs-titre {
279 
	margin-right: 20px;
1346 aurelien 280 
}
1922 jpm 281 
#form-date {
282 
	margin: 10px 0;
283 
	line-height: 40px;
1054 jpm 284 
}
1922 jpm 285 
.ns-retenu {
286 
	font-weight:bold;
1054 jpm 287 
}
1922 jpm 288 
.nn{
289 
	color:#3B9D3B;
1346 aurelien 290 
}
1922 jpm 291 
.obs .nom-sci{
292 
	font-size:1.5em;
293 
	font-weight:bold;
1346 aurelien 294 
}
1922 jpm 295 
.commune, .date{
296 
	font-size:1.3em;
297 
	font-weight:bold;
1346 aurelien 298 
}
1922 jpm 299 
.obs-action{
300 
	opacity:1;
1346 aurelien 301 
}
1922 jpm 302 
 
1946 jpm 303 
 
1054 jpm 304 
#ajouter-obs{
305 
	margin-left:407px;
306 
	font-size:20px;
307 
	background:#181;
308 
	color:#FFF;
309 
	width:137px;
310 
}
311 
#transmettre-obs{
312 
	font-size:20px;
313 
	background:#811;
314 
	color:#FFF;
315 
}
1922 jpm 316 
 
1054 jpm 317 
/*-------------------------------------------------------*/
318 
/* Autocomplete */
1346 aurelien 319 
.valeur-defaut-recherche {
320 
	color:#848484;
321 
	font-style:italic;
322 
	font-weight:0.9em;
323 
}