Home | History | Annotate | Download | only in styles 
      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 }
     64