Subversion Repositories eFlore/Applications.cel

Rev

Rev 3961 | Details | Compare with Previous | Last modification | View Log | RSS feed

Rev Author Line No. Line
580 jpm 1 
@charset "UTF-8";
3630 idir 2 
 
3 
.grid {
4 
	max-width: 100vw;
580 jpm 5 
}
3630 idir 6 
 
7 
/* clearfix */
8 
.grid:after {
9 
	content: '';
10 
	display: block;
11 
	clear: both;
12 
}
13 
 
14 
.grid-item {
15 
	float: left;
16 
	position: relative;
17 
	margin: 0.5vw;
18 
}
19 
 
20 
.cel-photo .cel-infos {
21 
	position: absolute;
22 
	bottom: 0;
23 
	display: flex;
24 
	align-items: center;
25 
	justify-content: center;
26 
	width: 100%;
27 
	padding: 1rem;
28 
	background: rgba(255,255,255,0.5);
29 
	text-align: center;
30 
	font-weight: 400 !important;
3990 julien 31 
	font-size: 0.7rem;
3630 idir 32 
}
33 
 
34 
.cel-infos,
35 
.cel-infos a {
36 
	color: #606060;
37 
}
38 
 
879 jpm 39 
.cel-photo-contenu h1 {
3630 idir 40 
	text-align: center;
41 
	padding: 15px;
580 jpm 42 
}
3630 idir 43 
 
44 
.cel-photo a,
45 
.cel-photo a img {
46 
	height: 100%;
47 
	width: 100%;
616 jpm 48 
}
3630 idir 49 
 
50 
.cel-photo-contenu {
51 
    margin: 0 auto;
52 
	max-width: 100%;
888 jpm 53 
}
3630 idir 54 
 
55 
.cel-photo-contenu .discretion {
56 
	color: grey;
57 
	font-size: 0.8rem;
58 
	font-weight: 700;
580 jpm 59 
}
3630 idir 60 
 
61 
.cel-photo-contenu .nettoyage {
62 
	clear: both;
587 jpm 63 
}
3630 idir 64 
 
65 
.cel-photo-pieds {
66 
	padding: 1rem;
580 jpm 67 
}
3630 idir 68 
 
69 
.cel-photo-contenu .cel-photo .cel-infos .close,
70 
.cel-photo .bouton-afficher-infos {
71 
	position: absolute;
72 
	top: 3px;
73 
	right: 3px;
74 
	height: initial;
75 
	width: initial;
76 
	padding: 0.1rem 0.2rem;
580 jpm 77 
}
3630 idir 78 
 
79 
.cel-photo-contenu .cel-photo .cel-infos .close,
80 
.cel-photo-contenu .cel-photo .cel-infos .close:hover {
81 
	font-size: 0.5rem;
82 
	text-decoration: none;
83 
	border: none;
84 
	color: #606060;
580 jpm 85 
}
3630 idir 86 
 
87 
.cel-photo .bouton-afficher-infos {
88 
	font-size: 1rem;
580 jpm 89 
}
3630 idir 90 
 
91 
.cel-photo .bouton-afficher-infos i {
92 
	color:#ffc107;
587 jpm 93 
}
3630 idir 94 
 
95 
.cel-photo .bouton-afficher-infos:hover i {
96 
	background-color: #ffc107;
97 
	color: #fff;
580 jpm 98 
}
3630 idir 99 
 
100 
/*---------------------------------------------*/
101 
 
102 
.form-recherche {
103 
	position: relative;
583 jpm 104 
}
3630 idir 105 
 
106 
.form-recherche .bloc-recherche .recherche {
107 
	width: auto;
108 
	display: inline-block;
580 jpm 109 
}
3630 idir 110 
 
111 
.form-recherche .bloc-recherche .bouton-rechercher,
3829 idir 112 
.form-recherche .bloc-recherche .bouton-plus-filtres,
3838 idir 113 
#bouton-photos-precedentes,
114 
#bouton-photos-precedentes:hover,
3829 idir 115 
#bouton-photos-suivantes,
116 
#bouton-photos-suivantes:hover {
3630 idir 117 
	border: 0 none;
580 jpm 118 
}
3630 idir 119 
 
120 
.form-recherche .bloc-recherche .bouton-rechercher,
121 
.form-recherche .bloc-recherche .bouton-rechercher:hover,
3829 idir 122 
.form-recherche .bloc-recherche .bouton-plus-filtres:hover,
3838 idir 123 
#bouton-photos-precedentes,
124 
#bouton-photos-precedentes:hover,
3829 idir 125 
#bouton-photos-suivantes,
126 
#bouton-photos-suivantes:hover {
3630 idir 127 
	color: #fff;
580 jpm 128 
}
3630 idir 129 
 
3838 idir 130 
#bouton-photos-precedentes,
131 
#bouton-photos-precedentes:hover,
132 
#bouton-photos-suivantes,
133 
#bouton-photos-suivantes:hover {
134 
	margin: 5px auto;
135 
}
136 
 
137 
 
3630 idir 138 
.form-recherche .autres-filtres {
139 
	position: absolute;
140 
	padding: 0.5rem;
141 
	margin: 0.5rem 0;
142 
	background-color: rgba(0, 0, 0, 0.8);
143 
	border-radius: 0.25rem;
144 
	top: 80%;
145 
	z-index: 9;
580 jpm 146 
}
3630 idir 147 
 
148 
.form-recherche .autres-filtres .bloc-filtre {
149 
	padding: 0.5rem;
150 
	margin: 0.5rem;
151 
	color: #fff;
583 jpm 152 
}
3630 idir 153 
 
154 
.form-recherche .autres-filtres .btn.bouton-fermer-filtres {
155 
	position: absolute;
156 
	top: 0;
157 
	right: 0;
158 
	margin: 0;
159 
	color: #fff;
160 
	cursor: pointer;
161 
	z-index: 10;
583 jpm 162 
}
3630 idir 163 
 
3961 julien 164 
/************  Pour l'affichage en mode eflore' *****************/
165 
.liste-illustrations {
166 
	list-style-type: none;
167 
	padding: 0;
168 
	overflow-wrap: break-word;
169 
	width: 100%;
170 
	display: flex;
171 
	justify-content: center;
172 
	margin-bottom: 0;
173 
}
174 
 
175 
.liste-illustrations li.icone-organe-list.active{
176 
	background-color: #e9f6f8;
177 
}
178 
 
179 
.liste-illustrations li.icone-organe-list:first-of-type {
180 
	border-radius: 10px 0 0 0;
181 
}
182 
 
183 
.liste-illustrations li.icone-organe-list:last-of-type {
184 
	border-radius: 0 10px 0 0;
185 
}
186 
 
187 
.liste-illustrations li.icone-organe-list {
188 
	width: 108px;
189 
	height: auto;
190 
	padding-top: 5px;
191 
	padding-bottom: 5px;
192 
	background-color: #ffffff;
193 
}
194 
 
195 
.liste-illustrations li {
196 
	list-style-image: none !important;
197 
	background: none;
198 
	text-align: center;
199 
	font-size: 11px;
200 
	float: left;
201 
	margin: 0px;
202 
	padding: 0px;
203 
}
204 
 
205 
a.lien-images-organes.fourni {
206 
	cursor: pointer;
207 
}
208 
 
209 
.component-text a {
210 
	border-bottom: 1px solid;
211 
	border-bottom: 0.1rem solid;
212 
	color: #006979;
213 
	font-weight: 400;
214 
	text-decoration: none;
215 
	-webkit-transition: background .2s ease;
216 
	-o-transition: background .2s ease;
217 
	transition: background .2s ease;
218 
}
219 
 
220 
.liste-illustrations img {
221 
	display: block;
222 
	border: 1px solid white;
223 
	margin: 0 auto;
224 
	padding: 0px;
225 
	max-height: 196px;
226 
	max-width: 196px;
227 
}
228 
 
229 
img.icone-organe {
230 
	height: 30px;
231 
	margin: auto;
232 
	border: none;
233 
}
234 
 
235 
.cel-galerie-photo.eflore{
236 
	background-color: #e9f6f8;
237 
	padding-top: 1rem;
238 
}
239 
 
240 
/********* Fin de l'affichage eflore ******/
241 
 
3630 idir 242 
@media screen and ( max-width: 991px ) {
243 
	.form-recherche .autres-filtres {
244 
		position: fixed;
245 
		border-radius: 0;
246 
		margin: 0;
247 
		top: 0;
248 
		right: 0;
249 
		bottom: 0;
250 
		left: 0;
251 
		z-index: 9;
252 
		overflow: scroll;
253 
	}
254 
 
255 
	.form-recherche .bloc-recherche .recherche {
256 
		width: 100vw;
257 
	}
258 
 
259 
	.form-recherche .bouton-plus-filtres .moins {
260 
		display: none;
261 
	}
583 jpm 262 
}
3630 idir 263 
 
264 
@media screen and ( max-width: 768px ) {
265 
	.cel-photo .cel-infos {
266 
		display: none;
267 
	}
583 jpm 268 
}