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;
25
}
26
/*+--------------------------------------------------------------------------------------------------------+*/
27
/* Générique */
28
.discretion {
29
	color:white;
30
	font-family:arial;
31
	font-size:11px;
32
	line-height: 13px;
33
}
34
.droite {
35
	text-align:right;
36
}
37
.centre {
38
	text-align:center;
39
}
40
.modal-fenetre {
41
	position:fixed;
42
	z-index:1000;
43
	top:0;
44
	left:0;
45
	height:100%;
46
	width:100%;
47
	background:#777;
48
	background:rgba(90,86,93,0.7);
49
	text-align:center;
50
}
51
.modal-contenu {
52
	position:relative;
53
	width:30%;
54
	margin:0 auto;
55
	top:30%;
56
}
57
/*+--------------------------------------------------------------------------------------------------------+*/
58
/* Formulaire */
59
#map-canvas {
60
	height:240px;
61
}
62
#info-commune {
63
	text-align:right;
64
}
65
.ns-retenu {
66
	font-weight:bold;
67
}
68
.nn{
69
	color:#3B9D3B;
70
}
71
.nom-sci{
72
	font-size:1.5em;
73
	font-weight:bold;
74
}
75
.commune, .date{
76
	font-size:1.3em;
77
	font-weight:bold;
78
}
79
.obs-action{
80
	opacity:1;
81
}
82
/*+--------------------------------------------------------------------------------------------------------+*/
83
/* Gestion des photos */
84
.miniature{
85
	float: left;
86
	height: 130px;
87
	padding-left: 15px;
88
	padding-right: 15px;
89
}
90
.miniature-img {
91
	height: 100px;
92
}
93
.miniature img {
94
	display: block;
95
}
96
.miniature-chargement {
97
	height:100px;
98
	width: 100px;
99
}
100
.defilement-miniatures-gauche, .defilement-miniatures-droite {
101
	float: left;
102
	font-size: 1.2em;
103
	font-weight: bold;
104
	height: 62px;
105
	margin: 5px;
106
	padding-top: 30px;
107
	width: 12px;
108
}
109
.defilement-miniatures {
110
	width: 210px;
111
}
112
.defilement-miniatures-cache {
113
	visibility: hidden;
114
}
115
.miniature-cachee {
116
	display: none;
117
}
118
.miniature-selectionnee {
119
	display: block;
120
	width: 90px;
121
}
122
#fichier {
123
	display: none;
124
}
125
#photos-conteneur {
126
	height: 120px;
127
}
128
#photo-placeholder {
129
	background: url("../img/icones/icone-photo.png");
130
	background-size: 89px;
131
	cursor: pointer;
132
	margin-bottom: 15px;
133
	margin-right: 15px;
134
	float:left;
135
	border: 5px dashed #CCCCCC;
136
	border-radius: 8px 8px 8px 8px;
137
	height: 100px;
138
	margin: 2px 0 2px 2px;
139
	text-align: center;
140
	width: 98px;
141
	box-sizing:border-box;
142
	-moz-box-sizing:border-box;
143
	-webkit-box-sizing:border-box;
144
}
145
#photo-placeholder:hover {
146
	background: url("../img/icones/icone-photo-hover.png");
147
	background-size: 89px;
148
	border: 5px dashed #111;
149
	border-radius: 8px;
150
}
151
 
152
/*+--------------------------------------------------------------------------------------------------------+*/
153
/* Correction style CSS Bootstrap */
154
.well {
155
	margin-bottom: 5px;
156
	padding: 4px;
157
	background: url("../img/background/noise.png") repeat scroll 0 0 white;
158
}
159
/*+--------------------------------------------------------------------------------------------------------+*/
160
/* Spécifique Florilèges */
161
.page-header .intro {
162
	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;
163
	color: white;
164
	padding:5px;
165
}
166
.page-header .intro a {
167
	color: #524C47;
168
}
169
 
170
/* Géolocalisation */
171
#map-canvas {
172
	height: 240px;
173
}
174
.coordonnees-geo, .lat-lon-info {
175
	font-size: 10px;
176
}
177
 
178
/* Observations */
179
#obs-titre {
180
	margin-right: 20px;
181
}
182
#form-date {
183
	margin: 10px 0;
184
	line-height: 40px;
185
}
186
 
187
 
188
/* SLIDERs */
189
.slider-on {
190
	display: none;
191
}
192
.slider-holder {
193
	height: 65px;
194
	margin-left: -20px;
195
	margin-right: 20px;
196
	padding-left: 40px;
197
	padding-top: 30px;
198
}
199
.ui-widget-header {
200
	background: url("../img/background/noise.png") #A1C886;
201
}
202
.horizontal-slider {
203
	margin: 0 3%;
204
	height: 9px !important;
205
	width: 90%;
206
}
207
.horizontal-slider.ui-slider-horizontal .ui-slider-range-min {
208
	border-radius: 5px 0 0 5px;
209
}
210
.slider-holder p {
211
	float: left;
212
	font-size: 10px;
213
	text-align: center;
214
	top: 10px;
215
}
216
.slider-holder p + p {
217
	line-height: 1.5em;
218
}
219
.slider-holder .slider-legend {
220
	margin: 0 3%;
221
}
222
.slider-holder .slider-legend p {
223
	padding-top:5px;
224
	overflow: hidden;
225
}
226
.horizontal-slider a.ui-slider-handle {
227
	background: url("../img/icones/selecteur.png") no-repeat scroll 23px 20px transparent;
228
	border: medium none;
229
	border-radius: 0;
230
	display: block;
231
	font-size: 14px;
232
	font-weight: bold;
233
	height: 60px;
234
	margin: 5px 5px 5px -35px;
235
	padding: 0;
236
	position: relative;
237
	text-align: center;
238
	text-decoration: none;
239
	top: -40px;
240
	width: 70px;
241
	white-space: nowrap;
242
}
243
.ui-slider .ui-slider-handle {
244
	font-size: 12px;
245
}