15c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)/* 25c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * Copyright (C) 2011 Google Inc. All rights reserved. 35c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 45c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * Redistribution and use in source and binary forms, with or without 55c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * modification, are permitted provided that the following conditions 65c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * are met: 75c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 1. Redistributions of source code must retain the above copyright 85c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * notice, this list of conditions and the following disclaimer. 95c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 2. Redistributions in binary form must reproduce the above copyright 105c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * notice, this list of conditions and the following disclaimer in the 115c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * documentation and/or other materials provided with the distribution. 125c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * 135c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS'' 145c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, 155c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR 165c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS 175c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR 185c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF 195c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS 205c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN 215c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) 225c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF 235c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) * THE POSSIBILITY OF SUCH DAMAGE. 245c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) */ 255c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 265c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles).pixel-zoom-container { 275c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) position: fixed; 285c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) top: 0; 295c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) left: 0; 305c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) width: 96%; 315c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) margin: 10px; 325c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) padding: 10px; 335c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) display: -webkit-box; 345c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) display: -moz-box; 355c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) pointer-events: none; 365c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) background-color: silver; 375c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) border-radius: 20px; 385c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) border: 1px solid gray; 395c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) box-shadow: 0 0 5px rgba(0, 0, 0, 0.75); 405c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 415c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 425c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles).pixel-zoom-container > * { 435c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) -webkit-box-flex: 1; 445c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) -moz-box-flex: 1; 455c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) border: 1px solid black; 465c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) margin: 4px; 475c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) overflow: hidden; 485c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) background-color: white; 495c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 505c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 515c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles).pixel-zoom-container .scaled-image-container { 525c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) position: relative; 535c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) overflow: hidden; 545c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) width: 100%; 555c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) height: 400px; 565c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 575c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) 585c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles).scaled-image-container > img { 595c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) position: absolute; 605c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) top: 0; 615c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) left: 0; 625c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles) image-rendering: -webkit-optimize-contrast; 635c87bf8b86a7c82ef50fb7a89697d8e02e2553beTorne (Richard Coles)} 64