WebSVN – eFlore/Applications.cel – Diff – /trunk/widget/modules/photo/squelettes/css/photo.css


@charset "UTF-8";
 
.grid {
	max-width: 100vw;
}
 
/* clearfix */
.grid:after {
	content: '';
	display: block;
	clear: both;
}
 
.grid-item {
	float: left;
	position: relative;
	margin: 0.5vw;
}
 
.cel-photo .cel-infos {
	position: absolute;
	bottom: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	padding: 1rem;
	background: rgba(255,255,255,0.5);
	text-align: center;
	font-weight: 400 !important;
	font-size: 0.7rem;
}
 
.cel-infos,
.cel-infos a {
	color: #606060;
}
 
.cel-photo-contenu h1 {
	text-align: center;
	padding: 15px;
}
 
.cel-photo a,
.cel-photo a img {
	height: 100%;
	width: 100%;
}
 
.cel-photo-contenu {
    margin: 0 auto;
	max-width: 100%;
}
 
.cel-photo-contenu .discretion {
	color: grey;
	font-size: 0.8rem;
	font-weight: 700;
}
 
.cel-photo-contenu .nettoyage {
	clear: both;
}
 
.cel-photo-pieds {
	padding: 1rem;
}
 
.cel-photo-contenu .cel-photo .cel-infos .close,
.cel-photo .bouton-afficher-infos {
	position: absolute;
	top: 3px;
	right: 3px;
	height: initial;
	width: initial;
	padding: 0.1rem 0.2rem;
}
 
.cel-photo-contenu .cel-photo .cel-infos .close,
.cel-photo-contenu .cel-photo .cel-infos .close:hover {
	font-size: 0.5rem;
	text-decoration: none;
	border: none;
	color: #606060;
}
 
.cel-photo .bouton-afficher-infos {
	font-size: 1rem;
}
 
.cel-photo .bouton-afficher-infos i {
	color:#ffc107;
}
 
.cel-photo .bouton-afficher-infos:hover i {
	background-color: #ffc107;
	color: #fff;
}
 
/*---------------------------------------------*/
 
.form-recherche {
	position: relative;
}
 
.form-recherche .bloc-recherche .recherche {
	width: auto;
	display: inline-block;
}
 
.form-recherche .bloc-recherche .bouton-rechercher,
.form-recherche .bloc-recherche .bouton-plus-filtres,
#bouton-photos-precedentes,
#bouton-photos-precedentes:hover,
#bouton-photos-suivantes,
#bouton-photos-suivantes:hover {
	border: 0 none;
}
 
.form-recherche .bloc-recherche .bouton-rechercher,
.form-recherche .bloc-recherche .bouton-rechercher:hover,
.form-recherche .bloc-recherche .bouton-plus-filtres:hover,
#bouton-photos-precedentes,
#bouton-photos-precedentes:hover,
#bouton-photos-suivantes,
#bouton-photos-suivantes:hover {
	color: #fff;
}
 
#bouton-photos-precedentes,
#bouton-photos-precedentes:hover,
#bouton-photos-suivantes,
#bouton-photos-suivantes:hover {
	margin: 5px auto;
}
 
 
.form-recherche .autres-filtres {
	position: absolute;
	padding: 0.5rem;
	margin: 0.5rem 0;
	background-color: rgba(0, 0, 0, 0.8);
	border-radius: 0.25rem;
	top: 80%;
	z-index: 9;
}
 
.form-recherche .autres-filtres .bloc-filtre {
	padding: 0.5rem;
	margin: 0.5rem;
	color: #fff;
}
 
.form-recherche .autres-filtres .btn.bouton-fermer-filtres {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	color: #fff;
	cursor: pointer;
	z-index: 10;
}
 
/************  Pour l'affichage en mode eflore' *****************/
.liste-illustrations {
	list-style-type: none;
	padding: 0;
	overflow-wrap: break-word;
	width: 100%;
	display: flex;
	justify-content: center;
	margin-bottom: 0;
}
 
.liste-illustrations li.icone-organe-list.active{
	background-color: #e9f6f8;
}
 
.liste-illustrations li.icone-organe-list:first-of-type {
	border-radius: 10px 0 0 0;
}
 
.liste-illustrations li.icone-organe-list:last-of-type {
	border-radius: 0 10px 0 0;
}
 
.liste-illustrations li.icone-organe-list {
	width: 108px;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #ffffff;
}
 
.liste-illustrations li {
	list-style-image: none !important;
	background: none;
	text-align: center;
	font-size: 11px;
	float: left;
	margin: 0px;
	padding: 0px;
}
 
a.lien-images-organes.fourni {
	cursor: pointer;
}
 
.component-text a {
	border-bottom: 1px solid;
	border-bottom: 0.1rem solid;
	color: #006979;
	font-weight: 400;
	text-decoration: none;
	-webkit-transition: background .2s ease;
	-o-transition: background .2s ease;
	transition: background .2s ease;
}
 
.liste-illustrations img {
	display: block;
	border: 1px solid white;
	margin: 0 auto;
	padding: 0px;
	max-height: 196px;
	max-width: 196px;
}
 
img.icone-organe {
	height: 30px;
	margin: auto;
	border: none;
}
 
.cel-galerie-photo.eflore{
	background-color: #e9f6f8;
	padding-top: 1rem;
}
 
/********* Fin de l'affichage eflore ******/
 
@media screen and ( max-width: 991px ) {
	.form-recherche .autres-filtres {
		position: fixed;
		border-radius: 0;
		margin: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 9;
		overflow: scroll;
	}
 
	.form-recherche .bloc-recherche .recherche {
		width: 100vw;
	}
 
	.form-recherche .bouton-plus-filtres .moins {
		display: none;
	}
}
 
@media screen and ( max-width: 768px ) {
	.cel-photo .cel-infos {
		display: none;
	}
}

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

Subversion Repositories eFlore/Applications.cel

(root)/trunk/widget/modules/photo/squelettes/css/photo.css – Rev 3961 → 3990