Subversion Repositories eFlore/Applications.cel

Rev

Rev 1560 | Go to most recent revision | Only display areas with differences | Ignore whitespace | Details | Blame | Last modification | View Log | RSS feed

Rev 1560 Rev 1562
1 
@CHARSET "UTF-8";
 1 
@CHARSET "UTF-8";
2 
/*+--------------------------------------------------------------------------------------------------------+*/
 2 
/*+--------------------------------------------------------------------------------------------------------+*/
3 
/* Polices d'écriture*/
 3 
/* Polices d'écriture*/
4 
@font-face {
 4 
@font-face {
5 
	font-family: florileges;
 5 
	font-family: florileges;
6 
	src: url(fonts/caflisch_scriptw_web.ttf) format('ttf'),
 6 
	src: url(fonts/caflisch_scriptw_web.ttf) format('ttf'),
7 
		url(fonts/caflisch_scriptw_web.woff) format('woff');
 7 
		url(fonts/caflisch_scriptw_web.woff) format('woff');
8 
}
 8 
}
9 
 
 9 
 
10 
/*+--------------------------------------------------------------------------------------------------------+*/
 10 
/*+--------------------------------------------------------------------------------------------------------+*/
11 
/* Balises */
 11 
/* Balises */
12 
body {
 12 
body {
13 
	background: url("../img/background/noise.png") repeat scroll 0 0, none repeat scroll 0 0 #524C47;
 13 
	background: url("../img/background/noise.png") repeat scroll 0 0, none repeat scroll 0 0 #524C47;
14 
}
 14 
}
15 
footer p{
 15 
footer p{
16 
	color:white;
 16 
	color:white;
17 
	text-align:center;
 17 
	text-align:center;
18 
}
 18 
}
19 
button img {
 19 
button img {
20 
	display:block;
 20 
	display:block;
21 
}
 21 
}
22 
h1, h2 {
 22 
h1, h2 {
23 
	font-size: 40px;
 23 
	font-size: 40px;
24 
	font-family:florileges;
 24 
	font-family:florileges;
25 
	font-weight: normal;
 25 
	font-weight: normal;
26 
}
 26 
}
27 
/*+--------------------------------------------------------------------------------------------------------+*/
 27 
/*+--------------------------------------------------------------------------------------------------------+*/
28 
/* Générique */
 28 
/* Générique */
29 
.discretion {
 29 
.discretion {
30 
	color:white;
 30 
	color:white;
31 
	font-family:arial;
 31 
	font-family:arial;
32 
	font-size:11px;
 32 
	font-size:11px;
33 
	line-height: 13px;
 33 
	line-height: 13px;
34 
}
 34 
}
35 
.droite {
 35 
.droite {
36 
	text-align:right;
 36 
	text-align:right;
37 
}
 37 
}
38 
.centre {
 38 
.centre {
39 
	text-align:center;
 39 
	text-align:center;
40 
}
 40 
}
41 
.modal-fenetre {
 41 
.modal-fenetre {
42 
	position:fixed;
 42 
	position:fixed;
43 
	z-index:1000;
 43 
	z-index:1000;
44 
	top:0;
 44 
	top:0;
45 
	left:0;
 45 
	left:0;
46 
	height:100%;
 46 
	height:100%;
47 
	width:100%;
 47 
	width:100%;
48 
	background:#777;
 48 
	background:#777;
49 
	background:rgba(90,86,93,0.7);
 49 
	background:rgba(90,86,93,0.7);
50 
	text-align:center;
 50 
	text-align:center;
51 
}
 51 
}
52 
.modal-contenu {
 52 
.modal-contenu {
53 
	position:relative;
 53 
	position:relative;
54 
	width:30%;
 54 
	width:30%;
55 
	margin:0 auto;
 55 
	margin:0 auto;
56 
	top:30%;
 56 
	top:30%;
57 
}
 57 
}
58 
.nom-sci {
 58 
.nom-sci {
59 
	font-style: italic;
 59 
	font-style: italic;
60 
}
 60 
}
61 
/*+--------------------------------------------------------------------------------------------------------+*/
 61 
/*+--------------------------------------------------------------------------------------------------------+*/
62 
/* Gestion des photos */
 62 
/* Gestion des photos */
- 
 
 63 
 
- 
 
 64 
/* Form d'ajout des photos */
63 
.miniature{
 65 
#form-upload .miniature {
64 
	float: left;
 66 
	float: left;
65 
	height: 130px;
 67 
	height: 130px;
66 
	padding-left: 15px;
 - 
 
67 
	padding-right: 15px;
 - 
 
68 
}
 - 
 
69 
.miniature-img {
 - 
 
70 
	height: 100px;
 68 
	margin: 5px;
71 
}
 69 
}
72 
.miniature img {
 70 
#form-upload .miniature-img {
73 
	display: block;
 71 
	display: block;
- 
 
 72 
	height: 100px;
74 
}
 73 
}
75 
.miniature-chargement {
 74 
#form-upload .miniature-chargement {
76 
	height:100px;
 75 
	height:100px;
77 
	width: 100px;
76 
	width: 100px;
78 
}
 77 
}
79 
.defilement-miniatures-gauche, .defilement-miniatures-droite {
 - 
 
80 
	float: left;
 - 
 
81 
	font-size: 1.2em;
 - 
 
82 
	font-weight: bold;
 - 
 
83 
	height: 62px;
 - 
 
84 
	margin: 5px;
 - 
 
85 
	padding-top: 30px;
 - 
 
86 
	width: 12px;
 - 
 
87 
}
 78 
 
88 
.defilement-miniatures {
 - 
 
89 
	width: 210px;
 - 
 
90 
}
 - 
 
91 
.defilement-miniatures-cache {
 - 
 
92 
	visibility: hidden;
 - 
 
93 
}
 - 
 
94 
.miniature-cachee {
 - 
 
95 
	display: none;
 - 
 
96 
}
 - 
 
97 
.miniature-selectionnee {
 79 
/* Bouton de sélection des fichiers */
98 
	display: block;
 - 
 
99 
	width: 90px;
 - 
 
100 
}
 - 
 
101 
#fichier {
 80 
#fichier {
102 
	display: none;
 81 
	visibility: hidden;
- 
 
 82 
	height:0;
- 
 
 83 
	width:0;
103 
}
 84 
}
104 
#photos-conteneur {
 85 
#photos-conteneur {
105 
	height: 120px;
 86 
	height: 120px;
106 
}
 87 
}
107 
#photo-placeholder {
 88 
#photo-placeholder {
108 
	background: url("../img/icones/icone-photo.png");
 89 
	background: url("../img/icones/icone-photo.png");
109 
	background-size: 89px;
 90 
	background-size: 89px;
110 
	cursor: pointer;
 91 
	cursor: pointer;
111 
	margin-bottom: 15px;
 92 
	margin-bottom: 15px;
112 
	margin-right: 15px;
 93 
	margin-right: 15px;
113 
	float:left;
 94 
	float:left;
114 
	border: 5px dashed #CCCCCC;
 95 
	border: 5px dashed #CCCCCC;
115 
	border-radius: 8px 8px 8px 8px;
 96 
	border-radius: 8px 8px 8px 8px;
116 
	height: 100px;
 97 
	height: 100px;
117 
	margin: 2px 0 2px 2px;
 98 
	margin: 2px 0 2px 2px;
118 
	text-align: center;
 99 
	text-align: center;
119 
	width: 98px;
 100 
	width: 98px;
120 
	box-sizing:border-box;
 101 
	box-sizing:border-box;
121 
	-moz-box-sizing:border-box;
 102 
	-moz-box-sizing:border-box;
122 
	-webkit-box-sizing:border-box;
 103 
	-webkit-box-sizing:border-box;
123 
}
 104 
}
124 
#photo-placeholder:hover {
 105 
#photo-placeholder:hover {
125 
	background: url("../img/icones/icone-photo-hover.png");
 106 
	background: url("../img/icones/icone-photo-hover.png");
126 
	background-size: 89px;
 107 
	background-size: 89px;
127 
	border: 5px dashed #111;
108 
	border: 5px dashed #111;
128 
	border-radius: 8px;
 109 
	border-radius: 8px;
129 
}
 110 
}
- 
 
 111 
 
- 
 
 112 
/* Images d'une observation */
- 
 
 113 
.obs .obs-miniatures {
- 
 
 114 
	min-width: 150px;
- 
 
 115 
	margin-right: 5px;
- 
 
 116 
}
- 
 
 117 
.obs .miniature {
- 
 
 118 
	display: block;
- 
 
 119 
	height: 100px;
- 
 
 120 
	margin: 0 auto;
- 
 
 121 
}
- 
 
 122 
.defilement {
- 
 
 123 
	position: relative;
- 
 
 124 
	padding: 8px 0;
- 
 
 125 
	background-color:#524C47;
- 
 
 126 
}
- 
 
 127 
.defilement-control-zone {
- 
 
 128 
	display: block;
- 
 
 129 
	position: absolute;
- 
 
 130 
    top: 0;
- 
 
 131 
	width: 50%;
- 
 
 132 
	height: 116px;
- 
 
 133 
}
- 
 
 134 
.defilement-control-zone.gauche{
- 
 
 135 
	left: 0;
- 
 
 136 
}
- 
 
 137 
.defilement-control-zone.droite {
- 
 
 138 
	right: 0;
- 
 
 139 
}
- 
 
 140 
.defilement-control {
- 
 
 141 
    display: block;
- 
 
 142 
    position: absolute;
- 
 
 143 
    top: 35%;
- 
 
 144 
    width:20px;
- 
 
 145 
    height: 20px;
- 
 
 146 
    line-height: 20px;
- 
 
 147 
    font-size: 17px;
- 
 
 148 
    font-weight: 100;
- 
 
 149 
    text-align: center;
- 
 
 150 
    border: 3px solid white;
- 
 
 151 
    border-radius: 20px;
- 
 
 152 
	color: white;
- 
 
 153 
    opacity: 1;
- 
 
 154 
	background: none repeat scroll 0 0 #524C47;
- 
 
 155 
}
- 
 
 156 
.defilement-control.gauche {
- 
 
 157 
	left: 3%;
- 
 
 158 
}
- 
 
 159 
.defilement-control.droite {
- 
 
 160 
	right: 3%;
- 
 
 161 
}
- 
 
 162 
 
- 
 
 163 
.defilement-miniatures-cache {
- 
 
 164 
	visibility: hidden;
- 
 
 165 
}
- 
 
 166 
.obs .miniature-cachee {
- 
 
 167 
	display: none;
- 
 
 168 
}
- 
 
 169 
 
- 
 
 170 
.defilement-indicateurs {
- 
 
 171 
    list-style: none outside none;
- 
 
 172 
    margin: 0;
- 
 
 173 
    position: absolute;
- 
 
 174 
    left: 0;
- 
 
 175 
    bottom: 2px;
- 
 
 176 
    z-index: 5;
- 
 
 177 
}
- 
 
 178 
.defilement-indicateurs li {
- 
 
 179 
    background-color: rgba(255, 255, 255, 0.25);
- 
 
 180 
    border-radius: 2px;
- 
 
 181 
    border: 1px solid lightgrey;
- 
 
 182 
    display: block;
- 
 
 183 
    float: left;
- 
 
 184 
    height: 4px;
- 
 
 185 
    margin-left: 2px;
- 
 
 186 
    text-indent: -999px;
- 
 
 187 
    width: 4px;
- 
 
 188 
}
- 
 
 189 
.defilement-indicateurs .active {
- 
 
 190 
	background-color: #FFFFFF;
- 
 
 191 
}
130 
 
 192 
 
131 
/*+--------------------------------------------------------------------------------------------------------+*/
 193 
/*+--------------------------------------------------------------------------------------------------------+*/
132 
/* Correction style CSS Bootstrap */
 194 
/* Correction style CSS Bootstrap */
133 
.well {
 195 
.well {
134 
	margin-bottom: 5px;
 196 
	margin-bottom: 5px;
135 
	padding: 4px;
 197 
	padding: 4px;
136 
	background: url("../img/background/noise.png") repeat scroll 0 0 white;
 198 
	background: url("../img/background/noise.png") repeat scroll 0 0 white;
137 
}
 199 
}
138 
@media (min-width: 575px) and (max-width: 767px){
 200 
@media (min-width: 575px) and (max-width: 767px){
139 
	.forcer-colonne [class*="span"] {
 201 
	.forcer-colonne [class*="span"] {
140 
		float: left;
 202 
		float: left;
141 
		margin-left: 2.12766%;
 203 
		margin-left: 2.12766%;
142 
	}
 204 
	}
143 
	.forcer-colonne .span4 {
 205 
	.forcer-colonne .span4 {
144 
		width: 31.6239%;
 206 
		width: 31.6239%;
145 
	}
 207 
	}
146 
	.forcer-colonne .span6 {
 208 
	.forcer-colonne .span6 {
147 
		width: 48.9362%;
 209 
		width: 48.9362%;
148 
	}
 210 
	}
149 
	.forcer-colonne .span8 {
 211 
	.forcer-colonne .span8 {
150 
		width: 65.9574%;
 212 
		width: 65.9574%;
151 
	}
 213 
	}
152 
}
 214 
}
153 
@media (min-width: 1600px) {
 215 
@media (min-width: 1600px) {
154 
	.container {
 216 
	.container {
155 
		width: 1580px;
 217 
		width: 1580px;
156 
	}
 218 
	}
157 
}
 219 
}
158 
/*+--------------------------------------------------------------------------------------------------------+*/
 220 
/*+--------------------------------------------------------------------------------------------------------+*/
159 
/* Spécifique Florilèges */
 221 
/* Spécifique Florilèges */
160 
.page-header .intro {
 222 
.page-header .intro {
161 
	background: url("../img/background/noise.png") repeat scroll 0 0, radial-gradient(ellipse farthest-corner at center center , #A1C886 0%, #689E4B 100%) repeat scroll 0 0 transparent;
 223 
	background: url("../img/background/noise.png") repeat scroll 0 0, radial-gradient(ellipse farthest-corner at center center , #A1C886 0%, #689E4B 100%) repeat scroll 0 0 transparent;
162 
	color: white;
 224 
	color: white;
163 
	padding:5px;
 225 
	padding:5px;
164 
}
 226 
}
165 
.page-header .intro a {
 227 
.page-header .intro a {
166 
	color: #524C47;
 228 
	color: #524C47;
167 
}
 229 
}
168 
 
 230 
 
169 
/* Géolocalisation */
 231 
/* Géolocalisation */
170 
 
 - 
 
171 
 
 - 
 
172 
#map-canvas {
 232 
#map-canvas {
173 
	height: 240px;
 233 
	height: 240px;
174 
	margin-bottom:5px;
 234 
	margin-bottom:5px;
175 
}
 235 
}
176 
.coordonnees-geo, .lat-lon-info {
 236 
.coordonnees-geo, .lat-lon-info {
177 
	font-size: 10px;
 237 
	font-size: 10px;
178 
}
 238 
}
179 
#info-commune {
 239 
#info-commune {
180 
	text-align:right;
 240 
	text-align:right;
181 
	font-size:10px;
 241 
	font-size:10px;
182 
}
 242 
}
183 
.afficher-coord {
 243 
.afficher-coord {
184 
	font-size:10px;
 244 
	font-size:10px;
185 
}
 245 
}
186 
 
 246 
 
187 
/* Observations */
 247 
/* Observations */
188 
#obs-titre {
 248 
#obs-titre {
189 
	margin-right: 20px;
 249 
	margin-right: 20px;
190 
}
 250 
}
191 
#form-date {
 251 
#form-date {
192 
	margin: 10px 0;
 252 
	margin: 10px 0;
193 
	line-height: 40px;
 253 
	line-height: 40px;
194 
}
 254 
}
195 
.ns-retenu {
 255 
.ns-retenu {
196 
	font-weight:bold;
256 
	font-weight:bold;
197 
}
 257 
}
198 
.nn{
 258 
.nn{
199 
	color:#3B9D3B;
 259 
	color:#3B9D3B;
200 
}
 260 
}
201 
.obs .nom-sci{
 261 
.obs .nom-sci{
202 
	font-size:1.5em;
 262 
	font-size:1.5em;
203 
	font-weight:bold;
 263 
	font-weight:bold;
204 
}
 264 
}
205 
.commune, .date{
 265 
.commune, .date{
206 
	font-size:1.3em;
 266 
	font-size:1.3em;
207 
	font-weight:bold;
 267 
	font-weight:bold;
208 
}
 268 
}
209 
.obs-action{
 269 
.obs-action{
210 
	opacity:1;
 270 
	opacity:1;
211 
}
 271 
}
212 
 
 272 
 
213 
/* Validation du formulaire */
 273 
/* Validation du formulaire */
214 
label.valid {
 274 
label.valid {
215 
	display: inline-block;
 275 
	display: inline-block;
216 
	text-indent: -9999px;
 276 
	text-indent: -9999px;
217 
	color: #468847;
 277 
	color: #468847;
218 
}
 278 
}
219 
label.error {
 279 
label.error {
220 
	font-weight: bold;
 280 
	font-weight: bold;
- 
 
 281 
	font-style:italic;
221 
	color: #B94A48;
 282 
	color: #B94A48;
222 
	padding: 0 8px;
 283 
	padding: 0 8px;
223 
}
 284 
}
- 
 
 285 
.control-group.error label {
- 
 
 286 
	font-weight: bold;
- 
 
 287 
}
224 
.error .horizontal-slider{
 288 
.error .horizontal-slider{
225 
	background: #B94A48;
 289 
	background: #B94A48;
226 
}
 290 
}
227 
.slider-holder + select + label.error {
 291 
.slider-holder + select + label.error {
228 
	clear: both;
 292 
	clear: both;
229 
}
 293 
}
230 
#form-date .input-prepend input {
 294 
#form-date .input-prepend input {
231 
	vertical-align:top;
 295 
	vertical-align:top;
232 
}
 296 
}
233 
#form-date .input-prepend  input + label.error {
 297 
#form-date .input-prepend  input + label.error {
234 
	display: block;
 298 
	display: block;
235 
}
 299 
}
236 
/*+--------------------------------------------------------------------------------------------------------+*/
 300 
/*+--------------------------------------------------------------------------------------------------------+*/
237 
/* SLIDERs */
 301 
/* SLIDERs */
238 
.slider-on {
 302 
.slider-on {
239 
	display:inline;
 303 
	display:none;
240 
	height:0;
 - 
 
241 
	width:0;
 - 
 
242 
	margin:0;
 - 
 
243 
	padding:0;
 - 
 
244 
	visibility: hidden;
 - 
 
245 
}
 304 
}
246 
.slider-holder {
 305 
.slider-holder {
247 
	height: 25px;
 306 
	height: 25px;
248 
	margin-left: -20px;
 307 
	margin-left: -20px;
249 
	margin-right: 20px;
 308 
	margin-right: 20px;
250 
	padding-left: 40px;
 309 
	padding-left: 40px;
251 
	padding-top: 30px;
 310 
	padding-top: 30px;
252 
}
 311 
}
253 
.ui-widget-header {
 312 
.ui-widget-header {
254 
	background: url("../img/background/noise.png") #A1C886;
 313 
	background: url("../img/background/noise.png") #A1C886;
255 
}
 314 
}
256 
.horizontal-slider {
 315 
.horizontal-slider {
257 
	margin: 0 3%;
 316 
	margin: 0 3%;
258 
	height: 9px !important;
 317 
	height: 9px !important;
259 
	width: 90%;
 318 
	width: 90%;
260 
}
 319 
}
261 
.horizontal-slider.ui-slider-horizontal .ui-slider-range-min {
 320 
.horizontal-slider.ui-slider-horizontal .ui-slider-range-min {
262 
	border-radius: 5px 0 0 5px;
 321 
	border-radius: 5px 0 0 5px;
263 
}
 322 
}
264 
.slider-holder p {
 323 
.slider-holder p {
265 
	float: left;
 324 
	float: left;
266 
	font-size: 10px;
 325 
	font-size: 10px;
267 
	text-align: center;
 326 
	text-align: center;
268 
	top: 10px;
 327 
	top: 10px;
269 
}
 328 
}
270 
.slider-holder p + p {
 329 
.slider-holder p + p {
271 
	line-height: 1.5em;
 330 
	line-height: 1.5em;
272 
}
 331 
}
273 
.slider-holder .slider-legend {
 332 
.slider-holder .slider-legend {
274 
	margin: 0 3%;
 333 
	margin: 0 3%;
275 
}
 334 
}
276 
.slider-holder .slider-legend p {
 335 
.slider-holder .slider-legend p {
277 
	padding-top: 5px;
 336 
	padding-top: 5px;
278 
	overflow: hidden;
 337 
	overflow: hidden;
279 
	word-wrap: break-word;
 338 
	word-wrap: break-word;
280 
}
 339 
}
281 
.horizontal-slider a.ui-slider-handle {
 340 
.horizontal-slider a.ui-slider-handle {
282 
	background: url("../img/icones/selecteur.png") no-repeat scroll 23px 20px transparent;
 341 
	background: url("../img/icones/selecteur.png") no-repeat scroll 23px 20px transparent;
283 
	border: medium none;
 342 
	border: medium none;
284 
	border-radius: 0;
 343 
	border-radius: 0;
285 
	display: block;
 344 
	display: block;
286 
	font-size: 14px;
 345 
	font-size: 14px;
287 
	font-weight: bold;
 346 
	font-weight: bold;
288 
	height: 60px;
 347 
	height: 60px;
289 
	margin: 5px 5px 5px -35px;
 348 
	margin: 5px 5px 5px -35px;
290 
	padding: 0;
 349 
	padding: 0;
291 
	position: relative;
 350 
	position: relative;
292 
	text-align: center;
 351 
	text-align: center;
293 
	text-decoration: none;
 352 
	text-decoration: none;
294 
	top: -40px;
 353 
	top: -40px;
295 
	width: 70px;
 354 
	width: 70px;
296 
	white-space: nowrap;
 355 
	white-space: nowrap;
297 
}
 356 
}
298 
.ui-slider .ui-slider-handle {
 357 
.ui-slider .ui-slider-handle {
299 
	font-size: 12px;
 358 
	font-size: 12px;
300 
}
 359 
}
301 
.ui-datepicker {
 360 
.ui-datepicker {
302 
	z-index: 2;
 361 
	z-index: 2;
303 
}
 362 
}