Subversion Repositories eFlore/Applications.cel

Rev

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

Rev 1540 Rev 1560
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
.miniature{
63
.miniature{
64
	float: left;
64
	float: left;
65
	height: 130px;
65
	height: 130px;
66
	padding-left: 15px;
66
	padding-left: 15px;
67
	padding-right: 15px;
67
	padding-right: 15px;
68
}
68
}
69
.miniature-img {
69
.miniature-img {
70
	height: 100px;
70
	height: 100px;
71
}
71
}
72
.miniature img {
72
.miniature img {
73
	display: block;
73
	display: block;
74
}
74
}
75
.miniature-chargement {
75
.miniature-chargement {
76
	height:100px;
76
	height:100px;
77
	width: 100px;	
77
	width: 100px;	
78
}
78
}
79
.defilement-miniatures-gauche, .defilement-miniatures-droite {
79
.defilement-miniatures-gauche, .defilement-miniatures-droite {
80
	float: left;
80
	float: left;
81
	font-size: 1.2em;
81
	font-size: 1.2em;
82
	font-weight: bold;
82
	font-weight: bold;
83
	height: 62px;
83
	height: 62px;
84
	margin: 5px;
84
	margin: 5px;
85
	padding-top: 30px;
85
	padding-top: 30px;
86
	width: 12px;
86
	width: 12px;
87
}
87
}
88
.defilement-miniatures {
88
.defilement-miniatures {
89
	width: 210px;
89
	width: 210px;
90
}
90
}
91
.defilement-miniatures-cache {
91
.defilement-miniatures-cache {
92
	visibility: hidden;
92
	visibility: hidden;
93
}
93
}
94
.miniature-cachee {
94
.miniature-cachee {
95
	display: none;
95
	display: none;
96
}
96
}
97
.miniature-selectionnee {
97
.miniature-selectionnee {
98
	display: block;
98
	display: block;
99
	width: 90px;
99
	width: 90px;
100
}
100
}
101
#fichier {
101
#fichier {
102
	display: none;
102
	display: none;
103
}
103
}
104
#photos-conteneur {
104
#photos-conteneur {
105
	height: 120px;
105
	height: 120px;
106
}
106
}
107
#photo-placeholder {
107
#photo-placeholder {
108
	background: url("../img/icones/icone-photo.png");
108
	background: url("../img/icones/icone-photo.png");
109
	background-size: 89px;
109
	background-size: 89px;
110
	cursor: pointer;
110
	cursor: pointer;
111
	margin-bottom: 15px;
111
	margin-bottom: 15px;
112
	margin-right: 15px;
112
	margin-right: 15px;
113
	float:left;
113
	float:left;
114
	border: 5px dashed #CCCCCC;
114
	border: 5px dashed #CCCCCC;
115
	border-radius: 8px 8px 8px 8px;
115
	border-radius: 8px 8px 8px 8px;
116
	height: 100px;
116
	height: 100px;
117
	margin: 2px 0 2px 2px;
117
	margin: 2px 0 2px 2px;
118
	text-align: center;
118
	text-align: center;
119
	width: 98px;
119
	width: 98px;
120
	box-sizing:border-box;
120
	box-sizing:border-box;
121
	-moz-box-sizing:border-box;
121
	-moz-box-sizing:border-box;
122
	-webkit-box-sizing:border-box;
122
	-webkit-box-sizing:border-box;
123
}
123
}
124
#photo-placeholder:hover {
124
#photo-placeholder:hover {
125
	background: url("../img/icones/icone-photo-hover.png");
125
	background: url("../img/icones/icone-photo-hover.png");
126
	background-size: 89px;
126
	background-size: 89px;
127
	border: 5px dashed #111; 
127
	border: 5px dashed #111; 
128
	border-radius: 8px;
128
	border-radius: 8px;
129
}
129
}
130
 
130
 
131
/*+--------------------------------------------------------------------------------------------------------+*/
131
/*+--------------------------------------------------------------------------------------------------------+*/
132
/* Correction style CSS Bootstrap */
132
/* Correction style CSS Bootstrap */
133
.well {
133
.well {
134
	margin-bottom: 5px;
134
	margin-bottom: 5px;
135
	padding: 4px;
135
	padding: 4px;
136
	background: url("../img/background/noise.png") repeat scroll 0 0 white;
136
	background: url("../img/background/noise.png") repeat scroll 0 0 white;
137
}
137
}
138
@media (min-width: 575px) and (max-width: 767px){
138
@media (min-width: 575px) and (max-width: 767px){
139
	.forcer-colonne [class*="span"] {
139
	.forcer-colonne [class*="span"] {
140
		float: left;
140
		float: left;
141
		margin-left: 2.12766%;
141
		margin-left: 2.12766%;
142
	}
142
	}
143
	.forcer-colonne .span4 {
143
	.forcer-colonne .span4 {
144
		width: 31.6239%;
144
		width: 31.6239%;
145
	}
145
	}
146
	.forcer-colonne .span6 {
146
	.forcer-colonne .span6 {
147
		width: 48.9362%;
147
		width: 48.9362%;
148
	}
148
	}
149
	.forcer-colonne .span8 {
149
	.forcer-colonne .span8 {
150
		width: 65.9574%;
150
		width: 65.9574%;
151
	}
151
	}
152
}
152
}
-
 
153
@media (min-width: 1600px) {
-
 
154
	.container {
-
 
155
		width: 1580px;
-
 
156
	}
-
 
157
}
153
/*+--------------------------------------------------------------------------------------------------------+*/
158
/*+--------------------------------------------------------------------------------------------------------+*/
154
/* Spécifique Florilèges */
159
/* Spécifique Florilèges */
155
.page-header .intro {
160
.page-header .intro {
156
	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;
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;
157
	color: white;
162
	color: white;
158
	padding:5px;
163
	padding:5px;
159
}
164
}
160
.page-header .intro a {
165
.page-header .intro a {
161
	color: #524C47;
166
	color: #524C47;
162
}
167
}
163
 
168
 
164
/* Géolocalisation */
169
/* Géolocalisation */
165
 
170
 
166
 
171
 
167
#map-canvas {
172
#map-canvas {
168
	height: 240px;
173
	height: 240px;
169
	margin-bottom:5px;
174
	margin-bottom:5px;
170
}
175
}
171
.coordonnees-geo, .lat-lon-info {
176
.coordonnees-geo, .lat-lon-info {
172
	font-size: 10px;
177
	font-size: 10px;
173
}
178
}
174
#info-commune {
179
#info-commune {
175
	text-align:right;
180
	text-align:right;
176
	font-size:10px;
181
	font-size:10px;
177
}
182
}
178
.afficher-coord {
183
.afficher-coord {
179
	font-size:10px;
184
	font-size:10px;
180
}
185
}
181
 
186
 
182
/* Observations */
187
/* Observations */
183
#obs-titre {
188
#obs-titre {
184
	margin-right: 20px;
189
	margin-right: 20px;
185
}
190
}
186
#form-date {
191
#form-date {
187
	margin: 10px 0;
192
	margin: 10px 0;
188
	line-height: 40px;
193
	line-height: 40px;
189
}
194
}
190
.ns-retenu {
195
.ns-retenu {
191
	font-weight:bold;	
196
	font-weight:bold;	
192
}
197
}
193
.nn{
198
.nn{
194
	color:#3B9D3B;
199
	color:#3B9D3B;
195
}
200
}
196
.obs .nom-sci{
201
.obs .nom-sci{
197
	font-size:1.5em;
202
	font-size:1.5em;
198
	font-weight:bold;
203
	font-weight:bold;
199
}
204
}
200
.commune, .date{
205
.commune, .date{
201
	font-size:1.3em;
206
	font-size:1.3em;
202
	font-weight:bold;
207
	font-weight:bold;
203
}
208
}
204
.obs-action{
209
.obs-action{
205
	opacity:1;
210
	opacity:1;
206
}
211
}
207
 
212
 
208
/* Validation du formulaire */
213
/* Validation du formulaire */
209
label.valid {
214
label.valid {
210
	display: inline-block;
215
	display: inline-block;
211
	text-indent: -9999px;
216
	text-indent: -9999px;
212
	color: #468847;
217
	color: #468847;
213
}
218
}
214
label.error {
219
label.error {
215
	font-weight: bold;
220
	font-weight: bold;
216
	color: #B94A48;
221
	color: #B94A48;
217
	padding: 2px 8px;
222
	padding: 0 8px;
-
 
223
}
-
 
224
.error .horizontal-slider{
-
 
225
	background: #B94A48;
-
 
226
}
-
 
227
.slider-holder + select + label.error {
-
 
228
	clear: both;
-
 
229
}
-
 
230
#form-date .input-prepend input {
218
	margin-top: 2px;
231
	vertical-align:top;
-
 
232
}
-
 
233
#form-date .input-prepend  input + label.error {
-
 
234
	display: block;
219
}
235
}
220
/*+--------------------------------------------------------------------------------------------------------+*/
236
/*+--------------------------------------------------------------------------------------------------------+*/
221
/* SLIDERs */
237
/* SLIDERs */
222
.slider-on {
238
.slider-on {
223
	display: none;
239
	display:inline;
-
 
240
	height:0;
-
 
241
	width:0;
-
 
242
	margin:0;
-
 
243
	padding:0;
-
 
244
	visibility: hidden;
224
}
245
}
225
.slider-holder {
246
.slider-holder {
226
	height: 65px;
247
	height: 25px;
227
	margin-left: -20px;
248
	margin-left: -20px;
228
	margin-right: 20px;
249
	margin-right: 20px;
229
	padding-left: 40px;
250
	padding-left: 40px;
230
	padding-top: 30px;
251
	padding-top: 30px;
231
}
252
}
232
.ui-widget-header {
253
.ui-widget-header {
233
	background: url("../img/background/noise.png") #A1C886;
254
	background: url("../img/background/noise.png") #A1C886;
234
}
255
}
235
.horizontal-slider {
256
.horizontal-slider {
236
	margin: 0 3%;
257
	margin: 0 3%;
237
	height: 9px !important;
258
	height: 9px !important;
238
	width: 90%;
259
	width: 90%;
239
}
260
}
240
.horizontal-slider.ui-slider-horizontal .ui-slider-range-min {
261
.horizontal-slider.ui-slider-horizontal .ui-slider-range-min {
241
	border-radius: 5px 0 0 5px;
262
	border-radius: 5px 0 0 5px;
242
}
263
}
243
.slider-holder p {
264
.slider-holder p {
244
	float: left;
265
	float: left;
245
	font-size: 10px;
266
	font-size: 10px;
246
	text-align: center;
267
	text-align: center;
247
	top: 10px;
268
	top: 10px;
248
}
269
}
249
.slider-holder p + p {
270
.slider-holder p + p {
250
	line-height: 1.5em;
271
	line-height: 1.5em;
251
}
272
}
252
.slider-holder .slider-legend {
273
.slider-holder .slider-legend {
253
	margin: 0 3%;
274
	margin: 0 3%;
254
}
275
}
255
.slider-holder .slider-legend p {
276
.slider-holder .slider-legend p {
256
	padding-top:5px;
277
	padding-top: 5px;
257
	overflow: hidden;
278
	overflow: hidden;
-
 
279
	word-wrap: break-word;
258
}
280
}
259
.horizontal-slider a.ui-slider-handle {
281
.horizontal-slider a.ui-slider-handle {
260
	background: url("../img/icones/selecteur.png") no-repeat scroll 23px 20px transparent;
282
	background: url("../img/icones/selecteur.png") no-repeat scroll 23px 20px transparent;
261
	border: medium none;
283
	border: medium none;
262
	border-radius: 0;
284
	border-radius: 0;
263
	display: block;
285
	display: block;
264
	font-size: 14px;
286
	font-size: 14px;
265
	font-weight: bold;
287
	font-weight: bold;
266
	height: 60px;
288
	height: 60px;
267
	margin: 5px 5px 5px -35px;
289
	margin: 5px 5px 5px -35px;
268
	padding: 0;
290
	padding: 0;
269
	position: relative;
291
	position: relative;
270
	text-align: center;
292
	text-align: center;
271
	text-decoration: none;
293
	text-decoration: none;
272
	top: -40px;
294
	top: -40px;
273
	width: 70px;
295
	width: 70px;
274
	white-space: nowrap;
296
	white-space: nowrap;
275
}
297
}
276
.ui-slider .ui-slider-handle {
298
.ui-slider .ui-slider-handle {
277
	font-size: 12px;
299
	font-size: 12px;
278
}
300
}
279
.ui-datepicker {
301
.ui-datepicker {
280
	z-index: 2;
302
	z-index: 2;
281
}
303
}