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. */
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);
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;
27 background-color: white;
36 #metro-setup-outer-container .page .content-area {
43 #metro-setup-overlay {
44 background-color: transparent;
50 #metro-title-container {
52 margin: 37px 44px 35px;
56 #metro-setup-outer-container .page h1 {
67 #metro-setup-outer-container .page h2 {
77 #metro-setup-overlay .content-area {
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;
89 display: inline-block;
97 #metro-action-box button:hover {
98 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
99 -webkit-transition: all 0;
102 #metro-action-box button:focus {
103 -webkit-box-shadow: inset 0 0 0 1px white;
105 z-index: 4 !important;
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);
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);
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);
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),
131 border: 1px solid rgb(48, 121, 237);
136 #metro-action-box #launch-button:hover {
137 background-image: -webkit-linear-gradient(top, rgb(77, 144, 254),
139 border-color: rgb(47, 91, 183);
143 #metro-action-box #launch-button:focus {
144 border-color: rgb(77, 144, 254);
146 z-index: 4 !important;