231 /* |
231 /* |
232 .image-and-fragment img:after { |
232 .image-and-fragment img:after { |
233 content: "."; display: block; clear: both; width: 0; line-height: 0; visibility: hidden; |
233 content: "."; display: block; clear: both; width: 0; line-height: 0; visibility: hidden; |
234 } |
234 } |
235 */ |
235 */ |
236 .image-and-fragment svg { |
236 .image-and-fragment svg, .cutout-canvas { |
237 position: absolute; top: 0; left: 0; width: 100%; height: 100%; |
237 position: absolute; top: 0; left: 0; width: 100%; height: 100%; |
238 } |
238 } |
239 |
239 |
240 /* STYLES SPECIFIQUES A home.html */ |
240 /* STYLES SPECIFIQUES A home.html */ |
241 |
241 |
243 float: left; width: 968px; height: 400px; margin: 2px 0 4px; |
243 float: left; width: 968px; height: 400px; margin: 2px 0 4px; |
244 } |
244 } |
245 |
245 |
246 /* STYLES SPECIFIQUES A image.html */ |
246 /* STYLES SPECIFIQUES A image.html */ |
247 |
247 |
248 .fullphoto { |
|
249 width: 476px; height: 350px; |
|
250 } |
|
251 |
|
252 .image-metadata { |
248 .image-metadata { |
253 width: 100%; margin: 30px 0 0; font-size: 14px; |
249 width: 100%; margin: 30px 0 0; font-size: 14px; |
254 } |
250 } |
255 |
251 |
256 .image-metadata th { |
252 .image-metadata th { |
257 font-weight: bold; width: 152px; text-align: left; padding: 4px 10px 4px 0; vertical-align: top; |
253 font-weight: bold; width: 152px; text-align: left; padding: 4px 10px 4px 0; vertical-align: top; |
258 } |
254 } |
259 |
255 |
260 .image-metadata td { |
256 .image-metadata td { |
261 width: 314px; padding: 4px 0; |
257 width: 314px; padding: 4px 0; |
|
258 } |
|
259 |
|
260 .image-metadata input[type=text] { |
|
261 box-sizing: border-box; |
|
262 -moz-box-sizing: border-box; |
|
263 -webkit-box-sizing: border-box; |
|
264 width: 100%; border: 1px solid #6699FF; background: #FFFFFF; |
|
265 padding: 2px; margin: 3px 0; |
|
266 font-size: 13px; |
262 } |
267 } |
263 |
268 |
264 .image-metadata textarea { |
269 .image-metadata textarea { |
265 box-sizing: border-box; |
270 box-sizing: border-box; |
266 -moz-box-sizing: border-box; |
271 -moz-box-sizing: border-box; |
267 -webkit-box-sizing: border-box; |
272 -webkit-box-sizing: border-box; |
268 width: 100%; border: 1px solid #6699FF; background: none; |
273 width: 100%; border: 1px solid #6699FF; background: #FFFFFF; |
269 padding: 2px; margin: 3px 0; height: 120px; |
274 padding: 2px; margin: 3px 0; height: 100px; |
270 font-size: 13px; |
275 font-size: 13px; |
|
276 resize: none; |
271 } |
277 } |
272 |
278 |
273 .image-keywords { |
279 .image-keywords { |
274 width: 100%; margin: 10px 0 0; |
280 width: 100%; margin: 10px 0 0; |
275 } |
281 } |