Home | History | Annotate | Download | only in pagepopups 
      1 /*
      2  * Copyright (C) 2012 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'' AND ANY
     14  * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED
     15  * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE
     16  * DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS BE LIABLE FOR ANY
     17  * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES
     18  * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES;
     19  * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON
     20  * ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT
     21  * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS
     22  * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.
     23  */
     24 
     25 body {
     26     -webkit-user-select: none;
     27     background-color: white;
     28     font: -webkit-small-control;
     29     margin: 0;
     30     overflow: hidden;
     31 }
     32 
     33 #main {
     34     background-color: white;
     35     border: solid 1px #8899aa;
     36     box-shadow: inset 2px 2px 2px white,
     37         inset -2px -2px 1px rgba(0,0,0,0.1);
     38     padding: 6px;
     39     float: left;
     40 }
     41 
     42 .color-swatch {
     43     float: left;
     44     width: 20px;
     45     height: 20px;
     46     margin: 1px;
     47     padding: 0;
     48     border: 1px solid #e0e0e0;
     49     box-sizing: content-box;
     50 }
     51 
     52 .color-swatch:focus {
     53     border: 1px solid #000000;
     54     outline: none;
     55 }
     56 
     57 .color-swatch-container {
     58     width: 100%;
     59     max-height: 104px;
     60     overflow: auto;
     61     display: -webkit-flex;
     62     -webkit-flex-flow: row wrap;
     63     -webkit-align-items: center;
     64 }
     65 
     66 .other-color {
     67     width: 100%;
     68     margin: 4px 0 0 0;
     69 }
     70