OLD | NEW |
| (Empty) |
1 /* | |
2 * Copyright (C) 2011 Google Inc. All rights reserved. | |
3 * | |
4 * Redistribution and use in source and binary forms, with or without | |
5 * modification, are permitted provided that the following conditions | |
6 * are met: | |
7 * 1. Redistributions of source code must retain the above copyright | |
8 * notice, this list of conditions and the following disclaimer. | |
9 * 2. Redistributions in binary form must reproduce the above copyright | |
10 * notice, this list of conditions and the following disclaimer in the | |
11 * documentation and/or other materials provided with the distribution. | |
12 * | |
13 * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS'' | |
14 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, | |
15 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR | |
16 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS | |
17 * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR | |
18 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF | |
19 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS | |
20 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN | |
21 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) | |
22 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF | |
23 * THE POSSIBILITY OF SUCH DAMAGE. | |
24 */ | |
25 | |
26 .pixel-zoom-container { | |
27 position: fixed; | |
28 top: 0; | |
29 left: 0; | |
30 width: 96%; | |
31 margin: 10px; | |
32 padding: 10px; | |
33 display: -webkit-box; | |
34 display: -moz-box; | |
35 pointer-events: none; | |
36 background-color: silver; | |
37 border-radius: 20px; | |
38 border: 1px solid gray; | |
39 box-shadow: 0 0 5px rgba(0, 0, 0, 0.75); | |
40 } | |
41 | |
42 .pixel-zoom-container > * { | |
43 -webkit-box-flex: 1; | |
44 -moz-box-flex: 1; | |
45 border: 1px solid black; | |
46 margin: 4px; | |
47 overflow: hidden; | |
48 background-color: white; | |
49 } | |
50 | |
51 .pixel-zoom-container .scaled-image-container { | |
52 position: relative; | |
53 overflow: hidden; | |
54 width: 100%; | |
55 height: 400px; | |
56 } | |
57 | |
58 .scaled-image-container > img { | |
59 position: absolute; | |
60 top: 0; | |
61 left: 0; | |
62 image-rendering: -webkit-optimize-contrast; | |
63 } | |
OLD | NEW |