OLD | NEW |
(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 } |
OLD | NEW |