Subversion Repositories eFlore/Applications.cel

Rev

Go to most recent revision | 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 
}