Subversion Repositories eFlore/Applications.cel

Rev

Rev 1462 | Rev 3829 | 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,
112 
.form-recherche .bloc-recherche .bouton-plus-filtres {
113 
	border: 0 none;
580 jpm 114 
}
3630 idir 115 
 
116 
.form-recherche .bloc-recherche .bouton-rechercher,
117 
.form-recherche .bloc-recherche .bouton-rechercher:hover,
118 
.form-recherche .bloc-recherche .bouton-plus-filtres:hover {
119 
	color: #fff;
580 jpm 120 
}
3630 idir 121 
 
122 
.form-recherche .autres-filtres {
123 
	position: absolute;
124 
	padding: 0.5rem;
125 
	margin: 0.5rem 0;
126 
	background-color: rgba(0, 0, 0, 0.8);
127 
	border-radius: 0.25rem;
128 
	top: 80%;
129 
	z-index: 9;
580 jpm 130 
}
3630 idir 131 
 
132 
.form-recherche .autres-filtres .bloc-filtre {
133 
	padding: 0.5rem;
134 
	margin: 0.5rem;
135 
	color: #fff;
583 jpm 136 
}
3630 idir 137 
 
138 
.form-recherche .autres-filtres .btn.bouton-fermer-filtres {
139 
	position: absolute;
140 
	top: 0;
141 
	right: 0;
142 
	margin: 0;
143 
	color: #fff;
144 
	cursor: pointer;
145 
	z-index: 10;
583 jpm 146 
}
3630 idir 147 
 
148 
@media screen and ( max-width: 991px ) {
149 
	.form-recherche .autres-filtres {
150 
		position: fixed;
151 
		border-radius: 0;
152 
		margin: 0;
153 
		top: 0;
154 
		right: 0;
155 
		bottom: 0;
156 
		left: 0;
157 
		z-index: 9;
158 
		overflow: scroll;
159 
	}
160 
 
161 
	.form-recherche .bloc-recherche .recherche {
162 
		width: 100vw;
163 
	}
164 
 
165 
	.form-recherche .bouton-plus-filtres .moins {
166 
		display: none;
167 
	}
583 jpm 168 
}
3630 idir 169 
 
170 
@media screen and ( max-width: 768px ) {
171 
	.cel-photo .cel-infos {
172 
		display: none;
173 
	}
583 jpm 174 
}