Subversion Repositories eFlore/Applications.cel

Rev

Rev 1540 | Details | Compare with Previous | 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 
}