Subversion Repositories eFlore/Applications.cel

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1537 jpm 1
@CHARSET "UTF-8";
2
/*+--------------------------------------------------------------------------------------------------------+*/
3
/* Polices d'écriture*/
4
@font-face {
5
	font-family: florileges;
6
	src: url(fonts/caflisch_scriptw_web.ttf) format('ttf'),
7
		url(fonts/caflisch_scriptw_web.woff) format('woff');
8
}
9
 
10
/*+--------------------------------------------------------------------------------------------------------+*/
11
/* Balises */
12
body {
13
	background: url("../img/background/noise.png") repeat scroll 0 0, none repeat scroll 0 0 #524C47;
14
}
15
footer p{
16
	color:white;
17
	text-align:center;
18
}
19
button img {
20
	display:block;
21
}
22
h1, h2 {
23
	font-size: 40px;
24
	font-family:florileges;
1540 jpm 25
	font-weight: normal;
1537 jpm 26
}
27
/*+--------------------------------------------------------------------------------------------------------+*/
28
/* Générique */
29
.discretion {
30
	color:white;
31
	font-family:arial;
32
	font-size:11px;
33
	line-height: 13px;
34
}
35
.droite {
36
	text-align:right;
37
}
38
.centre {
39
	text-align:center;
40
}
41
.modal-fenetre {
42
	position:fixed;
43
	z-index:1000;
44
	top:0;
45
	left:0;
46
	height:100%;
47
	width:100%;
48
	background:#777;
49
	background:rgba(90,86,93,0.7);
50
	text-align:center;
51
}
52
.modal-contenu {
53
	position:relative;
54
	width:30%;
55
	margin:0 auto;
56
	top:30%;
57
}
1540 jpm 58
.nom-sci {
59
	font-style: italic;
1537 jpm 60
}
61
/*+--------------------------------------------------------------------------------------------------------+*/
62
/* Gestion des photos */
63
.miniature{
64
	float: left;
65
	height: 130px;
66
	padding-left: 15px;
67
	padding-right: 15px;
68
}
69
.miniature-img {
70
	height: 100px;
71
}
72
.miniature img {
73
	display: block;
74
}
75
.miniature-chargement {
76
	height:100px;
77
	width: 100px;
78
}
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
}
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 {
98
	display: block;
99
	width: 90px;
100
}
101
#fichier {
102
	display: none;
103
}
104
#photos-conteneur {
105
	height: 120px;
106
}
107
#photo-placeholder {
108
	background: url("../img/icones/icone-photo.png");
109
	background-size: 89px;
110
	cursor: pointer;
111
	margin-bottom: 15px;
112
	margin-right: 15px;
113
	float:left;
114
	border: 5px dashed #CCCCCC;
115
	border-radius: 8px 8px 8px 8px;
116
	height: 100px;
117
	margin: 2px 0 2px 2px;
118
	text-align: center;
119
	width: 98px;
120
	box-sizing:border-box;
121
	-moz-box-sizing:border-box;
122
	-webkit-box-sizing:border-box;
123
}
124
#photo-placeholder:hover {
125
	background: url("../img/icones/icone-photo-hover.png");
126
	background-size: 89px;
127
	border: 5px dashed #111;
128
	border-radius: 8px;
129
}
130
 
131
/*+--------------------------------------------------------------------------------------------------------+*/
132
/* Correction style CSS Bootstrap */
133
.well {
134
	margin-bottom: 5px;
135
	padding: 4px;
136
	background: url("../img/background/noise.png") repeat scroll 0 0 white;
137
}
1540 jpm 138
@media (min-width: 575px) and (max-width: 767px){
139
	.forcer-colonne [class*="span"] {
140
		float: left;
141
		margin-left: 2.12766%;
142
	}
143
	.forcer-colonne .span4 {
144
		width: 31.6239%;
145
	}
146
	.forcer-colonne .span6 {
147
		width: 48.9362%;
148
	}
149
	.forcer-colonne .span8 {
150
		width: 65.9574%;
151
	}
152
}
1537 jpm 153
/*+--------------------------------------------------------------------------------------------------------+*/
154
/* Spécifique Florilèges */
155
.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;
157
	color: white;
158
	padding:5px;
159
}
160
.page-header .intro a {
161
	color: #524C47;
162
}
163
 
164
/* Géolocalisation */
1540 jpm 165
 
166
 
1537 jpm 167
#map-canvas {
168
	height: 240px;
1540 jpm 169
	margin-bottom:5px;
1537 jpm 170
}
171
.coordonnees-geo, .lat-lon-info {
172
	font-size: 10px;
173
}
1540 jpm 174
#info-commune {
175
	text-align:right;
176
	font-size:10px;
177
}
178
.afficher-coord {
179
	font-size:10px;
180
}
1537 jpm 181
 
182
/* Observations */
183
#obs-titre {
184
	margin-right: 20px;
185
}
186
#form-date {
187
	margin: 10px 0;
188
	line-height: 40px;
189
}
1540 jpm 190
.ns-retenu {
191
	font-weight:bold;
192
}
193
.nn{
194
	color:#3B9D3B;
195
}
196
.obs .nom-sci{
197
	font-size:1.5em;
198
	font-weight:bold;
199
}
200
.commune, .date{
201
	font-size:1.3em;
202
	font-weight:bold;
203
}
204
.obs-action{
205
	opacity:1;
206
}
1537 jpm 207
 
1540 jpm 208
/* Validation du formulaire */
209
label.valid {
210
	display: inline-block;
211
	text-indent: -9999px;
212
	color: #468847;
213
}
214
label.error {
215
	font-weight: bold;
216
	color: #B94A48;
217
	padding: 2px 8px;
218
	margin-top: 2px;
219
}
220
/*+--------------------------------------------------------------------------------------------------------+*/
1537 jpm 221
/* SLIDERs */
222
.slider-on {
223
	display: none;
224
}
225
.slider-holder {
226
	height: 65px;
227
	margin-left: -20px;
228
	margin-right: 20px;
229
	padding-left: 40px;
230
	padding-top: 30px;
231
}
232
.ui-widget-header {
233
	background: url("../img/background/noise.png") #A1C886;
234
}
235
.horizontal-slider {
236
	margin: 0 3%;
237
	height: 9px !important;
238
	width: 90%;
239
}
240
.horizontal-slider.ui-slider-horizontal .ui-slider-range-min {
241
	border-radius: 5px 0 0 5px;
242
}
243
.slider-holder p {
244
	float: left;
245
	font-size: 10px;
246
	text-align: center;
247
	top: 10px;
248
}
249
.slider-holder p + p {
250
	line-height: 1.5em;
251
}
252
.slider-holder .slider-legend {
253
	margin: 0 3%;
254
}
255
.slider-holder .slider-legend p {
256
	padding-top:5px;
257
	overflow: hidden;
258
}
259
.horizontal-slider a.ui-slider-handle {
260
	background: url("../img/icones/selecteur.png") no-repeat scroll 23px 20px transparent;
261
	border: medium none;
262
	border-radius: 0;
263
	display: block;
264
	font-size: 14px;
265
	font-weight: bold;
266
	height: 60px;
267
	margin: 5px 5px 5px -35px;
268
	padding: 0;
269
	position: relative;
270
	text-align: center;
271
	text-decoration: none;
272
	top: -40px;
273
	width: 70px;
274
	white-space: nowrap;
275
}
276
.ui-slider .ui-slider-handle {
277
	font-size: 12px;
1540 jpm 278
}
279
.ui-datepicker {
280
	z-index: 2;
1537 jpm 281
}