172 .column-third { |
172 .column-third { |
173 float: left; width: 312px; |
173 float: left; width: 312px; |
174 } |
174 } |
175 |
175 |
176 .column-third:nth-child(3n+1) { |
176 .column-third:nth-child(3n+1) { |
177 margin-left: 0; |
177 margin-left: 0; clear: left; |
178 } |
178 } |
179 |
179 |
180 .subcol-third-third { |
180 .subcol-third-third { |
181 width: 96px; |
181 width: 96px; |
182 } |
182 } |
183 |
183 |
184 .subcol-third-third:nth-child(3n+1) { |
184 .subcol-third-third:nth-child(3n+1) { |
185 margin-left: 0; |
185 margin-left: 0; clear: left; |
186 } |
|
187 |
|
188 .img-ninth { |
|
189 width: 96px; height: 72px; |
|
190 } |
186 } |
191 |
187 |
192 .column-half { |
188 .column-half { |
193 width: 476px; |
189 width: 476px; |
194 } |
190 } |
195 |
191 |
196 .column-half:nth-child(2n+1) { |
192 .column-half:nth-child(2n+1) { |
197 margin-left: 0; |
193 margin-left: 0; clear: left; |
198 } |
194 } |
199 |
195 |
200 .subcol-half-fourth { |
196 .subcol-half-fourth { |
201 width: 110px; |
197 width: 110px; |
202 } |
198 } |
203 |
199 |
204 .img-eighth { |
|
205 width: 110px; height: 82px; |
|
206 } |
|
207 |
|
208 .subcol-half-fourth:nth-child(4n+1) { |
200 .subcol-half-fourth:nth-child(4n+1) { |
209 margin-left: 0; |
201 margin-left: 0; clear: left; |
|
202 } |
|
203 |
|
204 .column-full { |
|
205 margin-left: 0; width: 968px; |
|
206 } |
|
207 |
|
208 .subcol-eighth { |
|
209 width: 110px; |
|
210 } |
|
211 |
|
212 .subcol-eighth:nth-child(even) { |
|
213 margin-left: 13px; |
|
214 } |
|
215 |
|
216 .subcol-eighth:nth-child(8n+1) { |
|
217 margin-left: 0; clear: left; |
|
218 } |
|
219 |
|
220 .center-image { |
|
221 text-align: center; |
|
222 } |
|
223 |
|
224 .image-and-fragment { |
|
225 position: relative; margin: 0 auto; display: inline-block; |
|
226 } |
|
227 |
|
228 .center-image img { |
|
229 display: inline-block; |
|
230 } |
|
231 /* |
|
232 .image-and-fragment img:after { |
|
233 content: "."; display: block; clear: both; width: 0; line-height: 0; visibility: hidden; |
|
234 } |
|
235 */ |
|
236 .image-and-fragment svg { |
|
237 position: absolute; top: 0; left: 0; width: 100%; height: 100%; |
210 } |
238 } |
211 |
239 |
212 /* STYLES SPECIFIQUES A home.html */ |
240 /* STYLES SPECIFIQUES A home.html */ |
213 |
241 |
214 .homeviz { |
242 .homeviz { |
224 .image-metadata { |
252 .image-metadata { |
225 width: 100%; margin: 30px 0 0; font-size: 14px; |
253 width: 100%; margin: 30px 0 0; font-size: 14px; |
226 } |
254 } |
227 |
255 |
228 .image-metadata th { |
256 .image-metadata th { |
229 font-weight: bold; width: 152px; text-align: left; padding: 4px 10px 4px 0; |
257 font-weight: bold; width: 152px; text-align: left; padding: 4px 10px 4px 0; vertical-align: top; |
230 } |
258 } |
231 |
259 |
232 .image-metadata td { |
260 .image-metadata td { |
233 width: 314px; padding: 4px 0; |
261 width: 314px; padding: 4px 0; |
|
262 } |
|
263 |
|
264 .image-metadata textarea { |
|
265 box-sizing: border-box; |
|
266 -moz-box-sizing: border-box; |
|
267 -webkit-box-sizing: border-box; |
|
268 width: 100%; border: 1px solid #6699FF; background: none; |
|
269 padding: 2px; margin: 3px 0; height: 120px; |
|
270 font-size: 13px; |
234 } |
271 } |
235 |
272 |
236 .image-keywords { |
273 .image-keywords { |
237 width: 100%; margin: 10px 0 0; |
274 width: 100%; margin: 10px 0 0; |
238 } |
275 } |