Subversion Repositories eFlore/Applications.cel

Rev

Rev 3838 | Go to most recent revision | 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;
31
	font-size: 0.5rem;
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
}