Subversion Repositories eFlore/Applications.cel

Rev

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