Subversion Repositories eFlore/Applications.cel

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
2406 jpm 1 
@CHARSET "UTF-8";
2 
/*+--------------------------------------------------------------------------------------------------------+*/
3 
/* Balises */
4 
footer p{
5 
	text-align:center;
6 
}
7 
button img {
8 
	display:block;
9 
}
10 
 
11 
h1 {
12 
	font-size: 26px;
13 
}
14 
/*+--------------------------------------------------------------------------------------------------------+*/
15 
/* Générique */
16 
.discretion {
17 
	color:grey;
18 
	font-family:arial;
19 
	font-size:11px;
20 
	line-height: 13px;
21 
}
22 
.droite {
23 
	text-align:right;
24 
}
25 
.centre {
26 
	text-align:center;
27 
}
28 
.modal-fenetre {
29 
	position:fixed;
30 
	z-index:1000;
31 
	top:0;
32 
	left:0;
33 
	height:100%;
34 
	width:100%;
35 
	background:#777;
36 
	background:rgba(90,86,93,0.7);
37 
	text-align:center;
38 
}
39 
.modal-contenu {
40 
	position:relative;
41 
	width:30%;
42 
	margin:0 auto;
43 
	top:30%;
44 
}
45 
/*+--------------------------------------------------------------------------------------------------------+*/
46 
/* Formulaire spécifique */
47 
#info-commune {
48 
	text-align:right;
49 
}
50 
.ns-retenu {
51 
	font-weight:bold;
52 
}
53 
.nn{
54 
	color:#3B9D3B;
55 
}
56 
.nom-sci{
57 
	font-size:1.5em;
58 
	font-weight:bold;
59 
}
60 
.commune, .date{
61 
	font-size:1.3em;
62 
	font-weight:bold;
63 
}
64 
.obs-action{
65 
	opacity:1;
66 
}
67 
 
68 
 
69 
#miniatures {
70 
	padding-top: 5px;
71 
}
72 
.miniature{
73 
	float: left;
74 
	height: 130px;
75 
	padding-left: 15px;
76 
	padding-right: 15px;
77 
}
78 
.miniature-img {
79 
	height: 100px;
80 
}
81 
 
82 
.miniature img {
83 
	display: block;
84 
}
85 
 
86 
.miniature-chargement {
87 
	height:100px;
88 
	width: 100px;
89 
}
90 
 
91 
.defilement-miniatures-gauche, .defilement-miniatures-droite {
92 
	float: left;
93 
	font-size: 1.2em;
94 
	font-weight: bold;
95 
	height: 62px;
96 
	margin: 5px;
97 
	padding-top: 30px;
98 
	width: 12px;
99 
}
100 
.defilement-miniatures {
101 
	width: 210px;
102 
}
103 
.defilement-miniatures-cache {
104 
	visibility: hidden;
105 
}
106 
.miniature-cachee {
107 
	display: none;
108 
}
109 
.miniature-selectionnee {
110 
	display: block;
111 
	width: 90px;
112 
}
113 
 
114 
.referentiel-obs {
115 
	color:#3B9D3B;
116 
}
117 
#referentiel {
118 
	display: inline;
119 
}
120 
 
121 
#logo-titre {
122 
	position: relative;
123 
	top: -8px;
124 
}
125 
 
126 
#photos-conteneur {
127 
	height: 120px;
128 
}
129 
 
130 
#photo-placeholder {
131 
	background: url("../img/icones/icone-photo.png");
132 
	background-size: 89px;
133 
	cursor: pointer;
134 
	margin-bottom: 15px;
135 
	margin-right: 15px;
136 
	float:left;
137 
	border: 5px dashed #CCCCCC;
138 
	border-radius: 8px 8px 8px 8px;
139 
	height: 100px;
140 
	margin: 2px 0 2px 2px;
141 
	text-align: center;
142 
	width: 98px;
143 
	box-sizing:border-box;
144 
	-moz-box-sizing:border-box;
145 
	-webkit-box-sizing:border-box;
146 
}
147 
#photo-placeholder:hover {
148 
	background: url("../img/icones/icone-photo-hover.png");
149 
	background-size: 89px;
150 
	border: 5px dashed #111;
151 
	border-radius: 8px;
152 
}
153 
 
154 
#barre-progression-upload span {
155 
	color : #333333;
156 
}
157 
.obs-erreur {
158 
	background-color: #DD6E6E;
159 
}
160 
#barre-progression-upload span {
161 
	color : #333333;
162 
}
163 
 
164 
/*+--------------------------------------------------------------------------------------------------------+*/
165 
/* Google Map*/
166 
#map-canvas {
167 
	height:240px;
168 
}
169 
#map-canvas img{
170 
	max-width: none;
171 
}
172 
 
173 
/*+--------------------------------------------------------------------------------------------------------+*/
174 
/* Form validation */
175 
/* Validation du formulaire */
176 
label.error {
177 
	font-weight: bold;
178 
	font-style: italic;
179 
	color: #B94A48;
180 
	padding: 0 8px;
181 
}
182 
 
183 
label.valid {
184 
	display: inline-block;
185 
	text-indent: -9999px;
186 
	color: #468847;
187 
	width: 0;
188 
	height: 0;
189 
	padding: 0;
190 
}
191 
 
192 
.control-group.error label {
193 
	font-weight: bold;
194 
}
195 
 
196 
/*+--------------------------------------------------------------------------------------------------------+*/
197 
/* Collapse */
198 
.well .fermer-symbole {
199 
	position: absolute;
200 
	right:0;
201 
}
202 
.well .titre, .fermer {
203 
	margin:0;
204 
	padding: 0;
205 
	font-size: 20px;
206 
	line-height: 20px;
207 
	cursor:pointer;
208 
}
209 
.well .fermer {
210 
	display:block;
211 
	color: black;
212 
}
213 
.well .fermer:hover {
214 
	text-decoration: none;
215 
}
216 
.well .icone {
217 
	position:absolute;
218 
	right:5px;
219 
}
220 
 
221 
/*+--------------------------------------------------------------------------------------------------------+*/
222 
/*Modal plte-description */
223 
.dsc-imgs {
224 
	max-width: 800px;
225 
	margin:0 auto;
226 
}
227 
.dsc-infos {
228 
	max-width: 800px;
229 
}
230 
.dsc-clean {
231 
	clear:both;
232 
}
233 
@media (min-width: 600px) and (max-width: 800px) {
234 
	.dsc-imgs {
235 
		width: 600px;
236 
	}
237 
	.dsc-imgs img {
238 
		width: 290px;
239 
	}
240 
	.dsc-infos {
241 
		width: 600px;
242 
	}
243 
}
244 
@media (min-width: 801px) and (max-width: 1359px) {
245 
	.modal {
246 
		width:800px;
247 
		margin-left:-400px;
248 
	}
249 
	.dsc-imgs {
250 
		width: 780px;
251 
	}
252 
	.dsc-infos {
253 
		width: 700px;
254 
	}
255 
}
256 
@media (min-width: 1360px) {
257 
	.modal {
258 
		width:1360px;
259 
		margin-left:-680px;
260 
	}
261 
	.dsc-imgs {
262 
		float:left;
263 
	}
264 
	.dsc-infos {
265 
		float:left;
266 
		max-width: 500px;
267 
	}
268 
 
269 
}
270 
/*+--------------------------------------------------------------------------------------------------------+*/
271 
/* Correction style CSS Bootstrap */
272 
.well {
273 
	margin-bottom: 5px;
274 
	padding: 4px;
275 
}