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

Side by Side Diff: chrome/browser/resources/welcome/welcome.css

Issue 2418083003: Uploading pending changes to welcome.css so dbeam can add them to his CL in progress. (Closed)
Patch Set: Created 4 years, 2 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
« no previous file with comments | « no previous file | no next file » | no next file with comments »
Toggle Intra-line Diffs ('i') | Expand Comments ('e') | Collapse Comments ('c') | Show Comments Hide Comments ('s')
OLDNEW
1 /* Copyright 2016 The Chromium Authors. All rights reserved. 1 /* Copyright 2016 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 body { 5 body {
6 align-items: center; 6 align-items: center;
7 color: var(--paper-grey-900); 7 color: var(--paper-grey-900);
8 display: flex; 8 display: flex;
9 flex-direction: column; 9 flex-direction: column;
10 font-size: 100%; 10 font-size: 100%;
(...skipping 157 matching lines...) Expand 10 before | Expand all | Expand 10 after
168 168
169 .signin-buttons { 169 .signin-buttons {
170 align-items: center; 170 align-items: center;
171 display: flex; 171 display: flex;
172 flex-direction: column; 172 flex-direction: column;
173 margin-top: 2em; 173 margin-top: 2em;
174 } 174 }
175 175
176 .action { 176 .action {
177 background: var(--google-blue-500); 177 background: var(--google-blue-500);
178 border-radius: 2px;
178 color: white; 179 color: white;
179 font-size: .875em; 180 font-size: .8125em;
180 font-weight: 500; 181 font-weight: 500;
181 line-height: 2.5em; 182 line-height: 2.25rem;
182 padding: 0.1em 1.5em; 183 padding: 0 1.5em;
183 } 184 }
184 185
185 .action:active { 186 .action:active {
186 background: var(--google-blue-500); 187 background: var(--google-blue-500);
187 } 188 }
188 189
189 .action:focus { 190 .action:focus {
190 background: var(--google-blue-700); 191 background: var(--google-blue-700);
191 } 192 }
192 193
193 .link { 194 .link {
194 color: var(--google-blue-700); 195 color: var(--google-blue-700);
195 display: inline-block; 196 display: inline-block;
196 font-size: .875em; 197 font-size: .8125em;
197 margin: 1.5em; 198 margin: 1.5em;
198 text-align: center; 199 text-align: center;
199 text-decoration: none; 200 text-decoration: none;
200 } 201 }
201 202
202 .link:hover { 203 .link:hover {
203 text-decoration: underline; 204 text-decoration: none;
Dan Beam 2016/10/14 20:36:55 same as .link
204 } 205 }
205 206
206 .watermark { 207 .watermark {
207 -webkit-mask-image: url(chrome://welcome/watermark.svg); 208 -webkit-mask-image: url(chrome://welcome/watermark.svg);
208 -webkit-mask-repeat: no-repeat; 209 -webkit-mask-repeat: no-repeat;
209 -webkit-mask-size: 100%; 210 -webkit-mask-size: 100%;
210 animation: fadeIn 1s cubic-bezier(0, 0, .2, 1) both; 211 animation: fadeIn 1s cubic-bezier(0, 0, .2, 1) both;
211 background: var(--paper-grey-400); 212 background: var(--paper-grey-400);
212 bottom: 24px; 213 bottom: 24px;
213 height: 24px; 214 height: 24px;
214 position: absolute; 215 position: absolute;
215 width: 74px; 216 width: 74px;
216 } 217 }
218
219 @media(max-height: 608px) {
220 .watermark {
221 display: none;
222 }
223 }
OLDNEW
« no previous file with comments | « no previous file | no next file » | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698