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

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

Issue 2422703002: First run: tweaks to welcome page (Closed)
Patch Set: revert .class -> #id 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 | chrome/browser/resources/welcome/welcome.html » ('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 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 23 matching lines...) Expand all
34 34
35 @keyframes fadeInAndSlideUp { 35 @keyframes fadeInAndSlideUp {
36 from { 36 from {
37 opacity: 0; 37 opacity: 0;
38 transform: translateY(8px); 38 transform: translateY(8px);
39 } 39 }
40 } 40 }
41 41
42 @keyframes spin { 42 @keyframes spin {
43 from { 43 from {
44 transform: rotate(-1440deg) scale(0.8); 44 transform: rotate(1440deg) scale(0.8);
45 } 45 }
46 } 46 }
47 47
48 @keyframes fadeInAndSlideDownShadow { 48 @keyframes fadeInAndSlideDownShadow {
49 from { 49 from {
50 opacity: .6; 50 opacity: .6;
51 top: 0; 51 top: 0;
52 } 52 }
53 } 53 }
54 54
(...skipping 113 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 text-decoration: underline;
204 }
205
206 .watermark { 203 .watermark {
207 -webkit-mask-image: url(chrome://welcome/watermark.svg); 204 -webkit-mask-image: url(chrome://welcome/watermark.svg);
208 -webkit-mask-repeat: no-repeat; 205 -webkit-mask-repeat: no-repeat;
209 -webkit-mask-size: 100%; 206 -webkit-mask-size: 100%;
210 animation: fadeIn 1s cubic-bezier(0, 0, .2, 1) both; 207 animation: fadeIn 1s cubic-bezier(0, 0, .2, 1) both;
211 background: var(--paper-grey-400); 208 background: var(--paper-grey-400);
212 bottom: 24px; 209 bottom: 24px;
213 height: 24px; 210 height: 24px;
214 position: absolute; 211 position: absolute;
215 width: 74px; 212 width: 74px;
216 } 213 }
214
215 @media(max-height: 608px) {
216 .watermark {
217 display: none;
218 }
219 }
OLDNEW
« no previous file with comments | « no previous file | chrome/browser/resources/welcome/welcome.html » ('j') | no next file with comments »

Powered by Google App Engine
This is Rietveld 408576698