1/* Copyright (c) 2012 The Chromium Authors. All rights reserved. 2 * Use of this source code is governed by a BSD-style license that can be 3 * found in the LICENSE file. */ 4 5/* The main (outer) container. */ 6#metro-setup-outer-container { 7 -webkit-box-align: center; 8 -webkit-box-orient: vertical; 9 -webkit-box-pack: start; 10 -webkit-transition: 200ms opacity; 11 background-color: rgba(255, 255, 255, 0.75); 12 bottom: 0; 13 display: -webkit-box; 14 left: 0; 15 overflow: auto; 16 position: fixed; 17 right: 0; 18 top: 0; 19} 20 21/* The page block within the outer container. */ 22#metro-setup-outer-container .page { 23 -webkit-border-radius: 3px; 24 -webkit-box-orient: vertical; 25 -webkit-user-select: none; 26 background: white; 27 background-color: white; 28 color: #333; 29 display: -webkit-box; 30 min-width: 40px; 31 padding-top: 90px; 32 position: relative; 33 width: 500px; 34} 35 36#metro-setup-outer-container .page .content-area { 37 -webkit-box-flex: 1; 38 margin: 0; 39 overflow: auto; 40 padding: 0; 41} 42 43#metro-setup-overlay { 44 background-color: transparent; 45 margin: 0; 46 width: 100%; 47} 48 49/* Page Title. */ 50#metro-title-container { 51 display: block; 52 margin: 37px 44px 35px; 53 text-align: center; 54} 55 56#metro-setup-outer-container .page h1 { 57 border-bottom: 0; 58 color: #323232; 59 font-size: 300%; 60 font-weight: normal; 61 margin: 0; 62 padding-bottom: 0; 63 padding-top: 0; 64 text-align: center; 65} 66 67#metro-setup-outer-container .page h2 { 68 border-bottom: 0; 69 color: #787878; 70 font-size: 150%; 71 font-weight: normal; 72 margin-bottom: 84px; 73 margin-top: 15px; 74 text-align: center; 75} 76 77#metro-setup-overlay .content-area { 78 padding: 10px 15px; 79 text-align: end; 80} 81 82/* Action buttons. */ 83#metro-action-box button { 84 -webkit-margin-end: 0.4em; 85 -webkit-margin-start: 0; 86 -webkit-transition: all 218ms; 87 -webkit-user-select: none; 88 border-radius: 2px; 89 display: inline-block; 90 font-size: 13px; 91 height: 32px; 92 line-height: 27px; 93 margin-top: 0; 94 min-width: 80px; 95} 96 97#metro-action-box button:hover { 98 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1); 99 -webkit-transition: all 0; 100} 101 102#metro-action-box button:focus { 103 -webkit-box-shadow: inset 0 0 0 1px white; 104 outline: none; 105 z-index: 4 !important; 106} 107 108#metro-action-box button:active, 109#metro-action-box button:focus:active { 110 -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.3); 111} 112 113#metro-action-box button:focus:hover { 114 -webkit-box-shadow: inset 0 0 0 1px white, 0 1px 1px rgba(0, 0, 0, 0.1); 115} 116 117#metro-action-box button[disabled], 118#metro-action-box button[disabled]:hover, 119#metro-action-box button[disabled]:active { 120 -webkit-box-shadow: none; 121 background-color: rgb(77, 144, 254); 122 border: 1px solid rgb(48, 121, 237); 123 color: white; 124 opacity: 0.5; 125} 126 127/* Launch button has a special look-and-feel. */ 128#metro-action-box #launch-button { 129 background-image: -webkit-linear-gradient(top, rgb(77, 144, 254), 130 rgb(71, 135, 237)); 131 border: 1px solid rgb(48, 121, 237); 132 color: white; 133 font-weight: bold; 134} 135 136#metro-action-box #launch-button:hover { 137 background-image: -webkit-linear-gradient(top, rgb(77, 144, 254), 138 rgb(53, 122, 232)); 139 border-color: rgb(47, 91, 183); 140 color: white; 141} 142 143#metro-action-box #launch-button:focus { 144 border-color: rgb(77, 144, 254); 145 outline: none; 146 z-index: 4 !important; 147} 148 149.button-strip { 150 margin: 1px; 151 text-align: center; 152} 153 154#chrome-logo-box { 155 bottom: 30px; 156 position: absolute; 157 text-align: center; 158 width: 100%; 159} 160