| OLD | NEW |
| 1 /* Copyright (c) 2012 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2012 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 /* ----------------------------------------------------------------------------- | 5 /* ----------------------------------------------------------------------------- |
| 6 General Styles | 6 General Styles |
| 7 ----------------------------------------------------------------------------- */ | 7 ----------------------------------------------------------------------------- */ |
| 8 | 8 |
| 9 html { | 9 html { |
| 10 /* It's necessary to put this here instead of in body in order to get the | 10 /* It's necessary to put this here instead of in body in order to get the |
| (...skipping 16 matching lines...) Expand all Loading... |
| 27 overflow: hidden; | 27 overflow: hidden; |
| 28 padding: 0; | 28 padding: 0; |
| 29 } | 29 } |
| 30 | 30 |
| 31 /* [hidden] does display:none, but its priority is too low in some cases. */ | 31 /* [hidden] does display:none, but its priority is too low in some cases. */ |
| 32 [hidden] { | 32 [hidden] { |
| 33 display: none !important; | 33 display: none !important; |
| 34 } | 34 } |
| 35 | 35 |
| 36 #notification-container { | 36 #notification-container { |
| 37 -webkit-transition: opacity 200ms; | 37 height: 18px; |
| 38 position: absolute; | 38 padding: 10px 0; |
| 39 } | |
| 40 | |
| 41 #notification-container.inactive { | |
| 42 -webkit-transition: opacity 200ms; | |
| 43 opacity: 0; | |
| 44 } | 39 } |
| 45 | 40 |
| 46 #notification { | 41 #notification { |
| 47 display: inline-block; | 42 display: inline-block; |
| 48 font-weight: bold; | 43 font-weight: bold; |
| 49 white-space: nowrap; | 44 white-space: nowrap; |
| 50 } | 45 } |
| 51 | 46 |
| 52 #notification > div > div, | 47 #notification > div > div, |
| 53 #notification > div { | 48 #notification > div { |
| (...skipping 42 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 96 #bottom-panel-footer, | 91 #bottom-panel-footer, |
| 97 #bottom-panel-toolbar { | 92 #bottom-panel-toolbar { |
| 98 margin: 0 auto; | 93 margin: 0 auto; |
| 99 text-align: center; | 94 text-align: center; |
| 100 } | 95 } |
| 101 | 96 |
| 102 #bottom-panel-header { | 97 #bottom-panel-header { |
| 103 padding: 10px 0 20px; | 98 padding: 10px 0 20px; |
| 104 } | 99 } |
| 105 | 100 |
| 106 #bottom-panel-toolbar { | |
| 107 height: 18px; | |
| 108 padding: 10px 0; | |
| 109 } | |
| 110 | |
| 111 #bookmark-bar-spacer { | 101 #bookmark-bar-spacer { |
| 112 height: 48px; | 102 height: 48px; |
| 113 } | 103 } |
| 114 | 104 |
| 115 #promo-bubble-anchor { | 105 #promo-bubble-anchor { |
| 116 bottom: 50px; | 106 bottom: 50px; |
| 117 height: 10px; | 107 height: 10px; |
| 118 left: 0; | 108 left: 0; |
| 119 position: absolute; | 109 position: absolute; |
| 120 width: 90px; | 110 width: 90px; |
| (...skipping 27 matching lines...) Expand all Loading... |
| 148 text-align: right; | 138 text-align: right; |
| 149 } | 139 } |
| 150 | 140 |
| 151 #attribution > span { | 141 #attribution > span { |
| 152 display: block; | 142 display: block; |
| 153 } | 143 } |
| 154 | 144 |
| 155 .starting-up * { | 145 .starting-up * { |
| 156 -webkit-transition: none !important; | 146 -webkit-transition: none !important; |
| 157 } | 147 } |
| OLD | NEW |