Chromium Code Reviews| 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. */ | |
|
Dan Beam
2016/04/01 15:32:18
/* ...
* ... */
^
| |
| 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 |