1 /** 2 * Copyright (c) 2012 The Chromium Authors. All rights reserved. 3 * Use of this source code is governed by a BSD-style license that can be 4 * found in the LICENSE file. 5 */ 6 7 body { 8 margin: 5px 10px 10px; 9 } 10 11 h1 { 12 color: #53637D; 13 font: 26px/1.2 Helvetica, sans-serif; 14 font-size: 200%; 15 margin: 0; 16 padding-bottom: 4px; 17 text-shadow: white 0 1px 2px; 18 } 19 20 label { 21 color: #222; 22 font: 18px/1.4 Helvetica, sans-serif; 23 margin: 0.5em 0; 24 display: inline-block; 25 } 26 27 form { 28 width: 563px; 29 -webkit-transition: -webkit-transform 0.25s ease; 30 } 31 32 button { 33 display: block; 34 border-radius: 2px; 35 box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1); 36 -webkit-user-select: none; 37 background: -webkit-linear-gradient(#FAFAFA, #F4F4F4 40%, #E5E5E5); 38 border: 1px solid #AAA; 39 color: #444; 40 margin-bottom: 0; 41 min-width: 4em; 42 padding: 3px 12px; 43 margin-top: 0; 44 font-size: 1.1em; 45 } 46 47 .overlay { 48 display: block; 49 text-align: center; 50 position: absolute; 51 left: 50%; 52 top: 50%; 53 width: 500px; 54 padding: 20px; 55 margin: -40px 0 0 -270px; 56 opacity: 0; 57 background: rgba(0, 0, 0, 0.75); 58 border-radius: 5px; 59 color: #FFF; 60 font: 1.5em/1.2 Helvetica Neue, sans-serif; 61 -webkit-transition: all 1.0s ease; 62 -webkit-transform: scale(0); 63 } 64 65 .overlay a { 66 color: #FFF; 67 } 68 69 .overlay.visible { 70 opacity: 1; 71 -webkit-transform: scale(1); 72 } 73