1926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles)/* 2926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * Copyright (C) 2013 Google Inc. All rights reserved. 3926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * 4926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * Redistribution and use in source and binary forms, with or without 5926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * modification, are permitted provided that the following conditions 6926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * are met: 7926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * 1. Redistributions of source code must retain the above copyright 8926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * notice, this list of conditions and the following disclaimer. 9926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * 2. Redistributions in binary form must reproduce the above copyright 10926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * notice, this list of conditions and the following disclaimer in the 11926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * documentation and/or other materials provided with the distribution. 12926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * 13926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS'' AND ANY 14926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED 15926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE 16926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS BE LIABLE FOR ANY 17926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR CONSEQUENTIAL DAMAGES 18926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE GOODS OR SERVICES; 19926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED AND ON 20926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT 21926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * (INCLUDING NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS 22926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * SOFTWARE, EVEN IF ADVISED OF THE POSSIBILITY OF SUCH DAMAGE. 23926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) */ 24926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) 25926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles)input[type='button'], 26926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles)button { 27926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) -webkit-appearance: none; 28926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) -webkit-user-select: none; 2909380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) background-image: linear-gradient(#ededed, #ededed 38%, #dedede); 30926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) border: 1px solid rgba(0, 0, 0, 0.25); 31926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) border-radius: 2px; 32926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) box-shadow: 0 1px 0 rgba(0, 0, 0, 0.08), 33926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) inset 0 1px 2px rgba(255, 255, 255, 0.75); 34926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) color: #444; 35926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) font: inherit; 36926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) text-shadow: 0 1px 0 rgb(240, 240, 240); 37926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) min-height: 2em; 38926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) min-width: 4em; 39926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) -webkit-padding-end: 10px; 40926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) -webkit-padding-start: 10px; 41926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) margin: 0; 42926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles)} 43926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) 44926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles):enabled:hover:-webkit-any(button, input[type='button']) { 4509380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) background-image: linear-gradient(#f0f0f0, #f0f0f0 38%, #e0e0e0); 46926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) border-color: rgba(0, 0, 0, 0.3); 47926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) box-shadow: 0 1px 0 rgba(0, 0, 0, 0.12), inset 0 1px 2px rgba(255, 255, 255, 0.95); 48926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) color: black; 49926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles)} 50926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) 51926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles):enabled:active:-webkit-any(button, input[type='button']) { 5209380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) background-image: linear-gradient(#e7e7e7, #e7e7e7 38%, #d7d7d7); 53926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) box-shadow: none; 54926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) text-shadow: none; 55926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles)} 56926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) 57926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles):disabled:-webkit-any(button, input[type='button']) { 5809380295ba73501a205346becac22c6978e4671dTorne (Richard Coles) background-image: linear-gradient(#f1f1f1, #f1f1f1 38%, #e6e6e6); 59926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) border-color: rgba(80, 80, 80, 0.2); 60926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) box-shadow: 0 1px 0 rgba(80, 80, 80, 0.08), inset 0 1px 2px rgba(255, 255, 255, 0.75); 61926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) color: #aaa; 62926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles)} 63926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) 64926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles):enabled:focus:-webkit-any(button, input[type='button']) { 657757ec2eadfa2dd8ac2aeed0a4399e9b07ec38cbBen Murdoch transition: border-color 200ms; 66926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) /* We use border color because it follows the border radius (unlike outline). 67926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) * This is particularly noticeable on mac. */ 68926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) border-color: rgb(77, 144, 254); 69926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles) outline: none; 70926b001d589ce2f10facb93dd4b87578ea35a855Torne (Richard Coles)} 71