| 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 |