Chromium Code Reviews
chromiumcodereview-hr@appspot.gserviceaccount.com (chromiumcodereview-hr) | Please choose your nickname with Settings | Help | Chromium Project | Gerrit Changes | Sign out
(56)

Side by Side Diff: ui/login/oobe.css

Issue 402403005: Move common account picker/user pod js/css/html out of src/chrome (Closed) Base URL: svn://svn.chromium.org/chrome/trunk/src
Patch Set: merge + move Created 6 years, 4 months ago
Use n/p to move between diff chunks; N/P to move between comments. Draft comments are only viewable by you.
Jump to:
View unified diff | Download patch | Annotate | Revision Log
« no previous file with comments | « ui/login/login_resources.grd ('k') | ui/login/resource_loader.js » ('j') | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright 2014 The Chromium Authors. All rights reserved. 1 /* Copyright 2014 The Chromium Authors. All rights reserved.
2 * Use of this source code is governed by a BSD-style license that can be 2 * Use of this source code is governed by a BSD-style license that can be
3 * found in the LICENSE file. 3 * found in the LICENSE file.
4 * 4 *
5 * This is the stylesheet used by the Out of the box experience (OOBE) flow, 5 * This is the stylesheet used by the Out of the box experience (OOBE) flow,
6 * sign in and lock screens. 6 * sign in and lock screens.
7 */ 7 */
8 8
9 html, 9 html,
10 body { 10 body {
(...skipping 37 matching lines...) Expand 10 before | Expand all | Expand 10 after
48 48
49 button:not(.custom-appearance) { 49 button:not(.custom-appearance) {
50 min-width: 72px !important; 50 min-width: 72px !important;
51 } 51 }
52 52
53 button.button-fancy { 53 button.button-fancy {
54 min-width: 72px !important; 54 min-width: 72px !important;
55 } 55 }
56 56
57 button.button-blue { 57 button.button-blue {
58 background-image: -webkit-linear-gradient(rgb(93, 154, 255), 58 background-image: linear-gradient(rgb(93, 154, 255),
59 rgb(93, 154, 255) 38%, 59 rgb(93, 154, 255) 38%,
60 rgb(88, 145, 240)); 60 rgb(88, 145, 240));
61 border: 1px solid rgba(45, 102, 195, 1); 61 border: 1px solid rgba(45, 102, 195, 1);
62 border-radius: 2px; 62 border-radius: 2px;
63 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 2px 63 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 2px
64 rgba(255, 255, 255, 0.4); 64 rgba(255, 255, 255, 0.4);
65 color: #fff; 65 color: #fff;
66 font-size: 14px; 66 font-size: 14px;
67 margin: 0 1px 0 0; 67 margin: 0 1px 0 0;
68 min-height: 2em; 68 min-height: 2em;
69 min-width: 4em; 69 min-width: 4em;
70 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5); 70 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.5);
71 } 71 }
72 72
73 73
74 button.button-blue:hover { 74 button.button-blue:hover {
75 background-image: -webkit-linear-gradient(rgb(101, 158, 253), 75 background-image: linear-gradient(rgb(101, 158, 253),
76 rgb(101, 158, 253) 38%, 76 rgb(101, 158, 253) 38%,
77 rgb(96, 151, 241)); 77 rgb(96, 151, 241));
78 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 1px 2px 78 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 1px 2px
79 rgba(255, 255, 255, 0.4); 79 rgba(255, 255, 255, 0.4);
80 } 80 }
81 81
82 button.button-blue:active { 82 button.button-blue:active {
83 background-image: -webkit-linear-gradient(rgb(96, 149, 237), 83 background-image: linear-gradient(rgb(96, 149, 237),
84 rgb(96, 149, 237) 38%, 84 rgb(96, 149, 237) 38%,
85 rgb(96, 149, 237)); 85 rgb(96, 149, 237));
86 border: 1px solid rgba(38, 84, 160, 1); 86 border: 1px solid rgba(38, 84, 160, 1);
87 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1); 87 box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
88 } 88 }
89 89
90 button.button-red { 90 button.button-red {
91 background-image: -webkit-linear-gradient(rgb(221, 75, 57), 91 background-image: linear-gradient(rgb(221, 75, 57),
92 rgb(221, 75, 57) 38%, 92 rgb(221, 75, 57) 38%,
93 rgb(197, 66, 49)); 93 rgb(197, 66, 49));
94 border: 1px solid rgba(167, 57, 44, 1); 94 border: 1px solid rgba(167, 57, 44, 1);
95 border-radius: 2px; 95 border-radius: 2px;
96 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 2px 96 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15), inset 0 1px 2px
97 rgba(255, 255, 255, 0.4); 97 rgba(255, 255, 255, 0.4);
98 color: #fff; 98 color: #fff;
99 margin: 0 1px 0 0; 99 margin: 0 1px 0 0;
100 min-height: 2em; 100 min-height: 2em;
101 min-width: 4em; 101 min-width: 4em;
102 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15); 102 text-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
103 } 103 }
104 104
105 button.button-red:hover { 105 button.button-red:hover {
106 background-image: -webkit-linear-gradient(rgb(231, 78, 59), 106 background-image: linear-gradient(rgb(231, 78, 59),
107 rgb(231, 78, 59) 38%, 107 rgb(231, 78, 59) 38%,
108 rgb(209, 70, 52)); 108 rgb(209, 70, 52));
109 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 1px 2px 109 box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25), inset 0 1px 2px
110 rgba(255, 255, 255, 0.4); 110 rgba(255, 255, 255, 0.4);
111 } 111 }
112 112
113 button.button-red:active { 113 button.button-red:active {
114 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); 114 box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
115 } 115 }
116 116
117 .label, 117 .label,
118 .flexible-label { 118 .flexible-label {
(...skipping 17 matching lines...) Expand all
136 box-shadow: 0 5px 80px #505050; 136 box-shadow: 0 5px 80px #505050;
137 min-height: 250px; 137 min-height: 250px;
138 position: relative; 138 position: relative;
139 width: 460px; 139 width: 460px;
140 z-index: 10; 140 z-index: 10;
141 } 141 }
142 142
143 #installation-settings-popup h1 { 143 #installation-settings-popup h1 {
144 -webkit-padding-end: 24px; 144 -webkit-padding-end: 24px;
145 -webkit-user-select: none; 145 -webkit-user-select: none;
146 background: -webkit-linear-gradient(white, #F8F8F8); 146 background: linear-gradient(white, #F8F8F8);
147 color: rgb(83, 99, 125); 147 color: rgb(83, 99, 125);
148 font-size: 105%; 148 font-size: 105%;
149 font-weight: bold; 149 font-weight: bold;
150 margin: 0; 150 margin: 0;
151 padding: 10px 15px 8px 15px; 151 padding: 10px 15px 8px 15px;
152 text-shadow: white 0 1px 2px; 152 text-shadow: white 0 1px 2px;
153 } 153 }
154 154
155 .popup-content-area { 155 .popup-content-area {
156 padding: 0 20px 60px 20px; 156 padding: 0 20px 60px 20px;
(...skipping 79 matching lines...) Expand 10 before | Expand all | Expand 10 after
236 236
237 @-webkit-keyframes throbber-animation { 237 @-webkit-keyframes throbber-animation {
238 from { 238 from {
239 background-position: 0; 239 background-position: 0;
240 } 240 }
241 to { 241 to {
242 background-position: -576px; 242 background-position: -576px;
243 } 243 }
244 } 244 }
245 245
OLDNEW
« no previous file with comments | « ui/login/login_resources.grd ('k') | ui/login/resource_loader.js » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698