OLD | NEW |
1 /** | 1 /** |
2 * Copyright 2016 Google Inc. All rights reserved. | 2 * Copyright 2016 Google Inc. All rights reserved. |
3 * Use of this source code is governed by a BSD-style license that can be | 3 * Use of this source code is governed by a BSD-style license that can be |
4 * found in the LICENSE file. | 4 * found in the LICENSE file. |
5 */ | 5 */ |
6 | 6 |
7 body { | 7 body { |
8 direction: __MSG_@@bidi_dir__; | 8 direction: __MSG_@@bidi_dir__; |
9 width: 300px; | 9 margin: 0; |
| 10 text-align: center; |
| 11 width: 270px; |
10 } | 12 } |
11 | 13 |
12 #list_edit_button, #messages { | 14 h1 { |
13 margin-bottom: 10px; | 15 -webkit-margin-start: 8px; |
| 16 font-size: 17px; |
| 17 margin-top: 4px; |
| 18 text-align: left; |
14 } | 19 } |
15 | 20 |
16 #list_edit_button { | 21 .bottom-bar { |
17 margin-top: 10px; | 22 align-items: center; |
| 23 background-color: rgb(241, 241, 241); |
| 24 border-top: 1px solid rgb(204, 204, 204); |
| 25 height: 33px; |
| 26 margin-top: 2px; |
| 27 padding: 0 5px; |
18 } | 28 } |
19 | 29 |
20 #current_url { | 30 .bottom-bar > span { |
21 text-overflow: ellipsis; | 31 padding-top: 5px; |
22 white-space: nowrap; | 32 } |
23 overflow: hidden; | 33 |
| 34 .button-image { |
| 35 background-position: center; |
| 36 background-repeat: no-repeat; |
| 37 background-size: 20px 20px; |
| 38 cursor: pointer; |
| 39 height: 24px; |
| 40 opacity: .54; |
| 41 outline: none; |
| 42 width: 24px; |
| 43 } |
| 44 |
| 45 #list-edit-button { |
| 46 background-image: -webkit-linear-gradient(top, |
| 47 rgb(77, 144, 254), |
| 48 rgb(71, 135, 237)); |
| 49 border: 1px solid rgb(48, 121, 237); |
| 50 border-radius: 2px; |
| 51 color: white; |
| 52 display: inline-block; |
| 53 font-size: 13px; |
| 54 height: 30px; |
| 55 line-height: 30px; |
| 56 margin-bottom: 10px; |
| 57 padding: 0 8px; |
| 58 } |
| 59 |
| 60 #list-edit-button:hover:enabled { |
| 61 background-image: -webkit-linear-gradient(top, |
| 62 rgb(77, 144, 254) |
| 63 rgb(53, 122, 232)); |
| 64 border: 1px solid rgb(47, 91, 183); |
| 65 } |
| 66 |
| 67 #list-edit-button:disabled { |
| 68 opacity: 0.5; |
| 69 } |
| 70 |
| 71 #file-url-message { |
| 72 margin-bottom: 5px; |
24 } | 73 } |
25 | 74 |
26 #status { | 75 #status { |
27 color: green; | 76 color: green; |
| 77 line-height: 33px; |
28 } | 78 } |
29 | 79 |
30 #status.error { | 80 #status.error { |
31 color: red; | 81 color: red; |
32 } | 82 } |
33 | 83 |
34 #report_page { | 84 #feedback-button { |
35 float: __MSG_@@bidi_start_edge__; | 85 float: __MSG_@@bidi_start_edge__; |
36 } | 86 } |
37 | 87 |
38 #open_options { | 88 #options-button { |
39 float: __MSG_@@bidi_end_edge__; | 89 float: __MSG_@@bidi_end_edge__; |
40 } | 90 } |
OLD | NEW |