Subversion Repositories eFlore/Applications.cel

Rev

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