OLD | NEW |
1 /* Copyright (c) 2013 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2013 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 /* This file contains styles specific to Android and iOS. */ | 5 /* This file contains styles specific to Android and iOS. */ |
6 | 6 |
7 html:not(.focus-outline-visible) :focus { | 7 html:not(.focus-outline-visible) :focus { |
8 outline: none; | 8 outline: none; |
9 } | 9 } |
10 | 10 |
11 html { | 11 html { |
12 height: 100%; | 12 height: 100%; |
13 } | 13 } |
14 | 14 |
15 body { | 15 body { |
| 16 background-color: rgba(0, 0, 0, .05); |
16 color: rgb(76, 76, 76); | 17 color: rgb(76, 76, 76); |
17 font-size: initial; | 18 font-size: initial; |
18 height: 100%; | 19 height: 100%; |
19 margin: 0; | 20 margin: 0; |
20 } | 21 } |
21 | 22 |
22 .page { | 23 .page { |
23 -webkit-flex-flow: column; | 24 -webkit-flex-flow: column; |
24 display: -webkit-flex; | 25 display: -webkit-flex; |
25 height: 100%; | 26 height: 100%; |
26 } | 27 } |
27 | 28 |
28 #scrolling-container { | 29 #scrolling-container { |
29 -webkit-flex: auto; /* Container should take up extra vertical space. */ | 30 -webkit-flex: auto; /* Container should take up extra vertical space. */ |
30 -webkit-overflow-scrolling: touch; | 31 -webkit-overflow-scrolling: touch; |
31 overflow-y: auto; | 32 overflow-y: auto; |
32 } | 33 } |
33 | 34 |
34 h1 { | 35 h1 { |
| 36 color: rgb(34, 34, 34); |
35 font-weight: bold; | 37 font-weight: bold; |
36 margin-bottom: 12px; | 38 margin-bottom: 12px; |
37 } | 39 } |
38 | 40 |
39 #top-container, | 41 #top-container, |
40 #results-display { | 42 #results-display { |
41 margin: 0; | 43 margin: 0; |
42 } | 44 } |
43 | 45 |
44 #top-container, | 46 #top-container, |
(...skipping 35 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
80 display: block; | 82 display: block; |
81 line-height: 1.5; | 83 line-height: 1.5; |
82 margin-top: 16px; | 84 margin-top: 16px; |
83 width: 100%; | 85 width: 100%; |
84 } | 86 } |
85 | 87 |
86 html[dir='rtl'] #search-field { | 88 html[dir='rtl'] #search-field { |
87 background-position: right 16px center; | 89 background-position: right 16px center; |
88 } | 90 } |
89 | 91 |
90 #notification-bar.alone { | 92 #notification-bar { |
| 93 color: rgb(138, 138, 138); |
| 94 font-size: 14px; |
| 95 line-height: 1.5; |
| 96 } |
| 97 |
| 98 #notification-bar span { |
| 99 /* On desktop, notification spans are displayed as separate paragraphs. |
| 100 On mobile, join them into a single paragraph. */ |
| 101 display: inline; |
| 102 } |
| 103 |
| 104 #top-container.overflow #notification-bar { |
91 float: none; | 105 float: none; |
92 font-size: 75%; | |
93 margin: 0; | 106 margin: 0; |
94 padding-bottom: 0; | 107 padding-bottom: 0; |
95 padding-top: 0; | 108 padding-top: 0; |
96 } | 109 } |
97 | 110 |
98 #remove-selected, | 111 #remove-selected, |
99 #search-button, | 112 #search-button, |
100 .gap { | 113 .gap { |
101 display: none; | 114 display: none; |
102 } | 115 } |
(...skipping 13 matching lines...) Expand all Loading... |
116 opacity: 0.7; | 129 opacity: 0.7; |
117 padding: 0 16px; | 130 padding: 0 16px; |
118 vertical-align: top; | 131 vertical-align: top; |
119 width: 45px; | 132 width: 45px; |
120 } | 133 } |
121 | 134 |
122 button.remove-entry:active { | 135 button.remove-entry:active { |
123 opacity: 1.0; | 136 opacity: 1.0; |
124 } | 137 } |
125 | 138 |
| 139 .entry { |
| 140 background-color: white; |
| 141 } |
| 142 |
126 .entry-box { | 143 .entry-box { |
127 margin-bottom: 0; | 144 margin-bottom: 0; |
128 margin-top: 0; | 145 margin-top: 0; |
129 padding-bottom: 0; | 146 padding-bottom: 0; |
130 } | 147 } |
131 | 148 |
132 h3, | 149 h3, |
133 .entry, | 150 .entry, |
134 #search-field { | 151 #search-field { |
135 border-bottom: 1px solid rgb(220, 220, 220); | 152 border-bottom: 1px solid rgb(220, 220, 220); |
(...skipping 201 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
337 | 354 |
338 .ios-keyboard-visible #scrolling-container { | 355 .ios-keyboard-visible #scrolling-container { |
339 /* Should be 0, but that breaks scrolling -- see crbug.com/292715. */ | 356 /* Should be 0, but that breaks scrolling -- see crbug.com/292715. */ |
340 bottom: -1px; | 357 bottom: -1px; |
341 } | 358 } |
342 | 359 |
343 #results-header:empty { | 360 #results-header:empty { |
344 display: none; | 361 display: none; |
345 } | 362 } |
346 </if> /* is_ios */ | 363 </if> /* is_ios */ |
OLD | NEW |