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

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

Issue 1487283005: Implement the new Sync Confirmation dialog on Linux and Windows. (Closed) Base URL: https://chromium.googlesource.com/chromium/src.git@master
Patch Set: Address comments and use Polymer where relevant. Created 4 years, 11 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
OLDNEW
(Empty)
1 /* Copyright 2015 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 body {
6 font-family: 'Roboto Regular', 'Helvetica Neue', 'Lucida Grande', sans-serif;
7 margin: 0;
8 padding: 0;
9 }
10
11 a {
12 color: rgb(85, 149, 254);
13 text-decoration: none;
14 }
15
16 .picture img {
17 border-radius: 50%;
18 max-height: 100%;
19 max-width: 100%;
20 }
21
22 .container {
23 background-color: white;
24 height: 351px;
25 overflow: hidden;
26 width: 448px;
27 }
28
29 .top-title-bar {
30 align-items: center;
31 border-bottom: 1px solid lightgray;
32 color: #333;
33 display: flex;
34 font-size: 16px;
35 height: 56px;
36 padding-left: 24px;
37 padding-right: 24px;
38 }
39
40 .details {
41 height: 250px;
42 padding-bottom: 20px;
43 padding-left: 24px;
44 padding-right: 24px;
45 padding-top: 20px;
46 }
47
48 .sync-message {
49 color: #595959;
50 font-size: 13px;
51 line-height: 150%;
52 padding-bottom: 32px;
53 }
54
55 .picture-container {
56 align-items: center;
57 display: flex;
58 justify-content: center;
59 padding-bottom: 32px;
60 }
61
62 .picture {
63 height: 96px;
64 position: relative;
65 width: 96px;
66 }
67
68 #profile-picture,
69 .checkmark-bubble {
70 position: absolute;
71 }
72
73 .checkmark-bubble {
74 background-color: white;
75 background-image: url(//resources/images/check_circle.svg);
76 background-size: 100%;
77 border: 1px solid white;
78 border-radius: 50%;
79 display: inline-block;
80 height: 30px;
81 left: 64px;
82 top: 66px;
83 width: 30px;
84 }
85
86 .action-container {
87 align-items: baseline;
88 display: flex;
89 justify-content: flex-end;
90 }
91
92 paper-button {
93 font-size: 13px;
94 padding-left: 12px;
95 padding-right: 12px;
96 }
97
98 #confirmButton {
99 background-color: rgb(66, 133, 244);
100 color: white;
101 }
102
103 #undoButton {
104 color: #5A5A5A;
105 }
OLDNEW

Powered by Google App Engine
This is Rietveld 408576698