| 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 #languagePage .content-area { | 5 #languagePage .content-area { |
| 6 width: 660px; | 6 width: 660px; |
| 7 } | 7 } |
| 8 | 8 |
| 9 .language-options { | 9 .language-options { |
| 10 display: -webkit-box; | 10 display: -webkit-box; |
| (...skipping 113 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 124 overflow: hidden; | 124 overflow: hidden; |
| 125 pointer-events: none; | 125 pointer-events: none; |
| 126 position: fixed; | 126 position: fixed; |
| 127 z-index: 10; | 127 z-index: 10; |
| 128 } | 128 } |
| 129 | 129 |
| 130 /* TODO(kochi): This is temporary copy from new_tab.css */ | 130 /* TODO(kochi): This is temporary copy from new_tab.css */ |
| 131 /* Notification */ | 131 /* Notification */ |
| 132 | 132 |
| 133 #notification { | 133 #notification { |
| 134 -webkit-transition: opacity 150ms; | |
| 135 background-color: hsl(52, 100%, 80%); | 134 background-color: hsl(52, 100%, 80%); |
| 136 border: 1px solid rgb(211, 211, 211); | 135 border: 1px solid rgb(211, 211, 211); |
| 137 border-radius: 6px; | 136 border-radius: 6px; |
| 138 color: black; | 137 color: black; |
| 139 display: table; | 138 display: table; |
| 140 font-weight: bold; | 139 font-weight: bold; |
| 141 /* Set the height and margin so that the element does not use any vertical | 140 /* Set the height and margin so that the element does not use any vertical |
| 142 space. */ | 141 space. */ |
| 143 height: 16px; | 142 height: 16px; |
| 144 margin: -44px auto 12px auto; | 143 margin: -44px auto 12px auto; |
| 145 opacity: 0; | 144 opacity: 0; |
| 146 padding: 7px 15px; | 145 padding: 7px 15px; |
| 147 pointer-events: none; | 146 pointer-events: none; |
| 148 position: relative; | 147 position: relative; |
| 148 transition: opacity 150ms; |
| 149 white-space: nowrap; | 149 white-space: nowrap; |
| 150 z-index: 1; | 150 z-index: 1; |
| 151 } | 151 } |
| 152 | 152 |
| 153 #notification > * { | 153 #notification > * { |
| 154 display: table-cell; | 154 display: table-cell; |
| 155 max-width: 500px; | 155 max-width: 500px; |
| 156 overflow: hidden; | 156 overflow: hidden; |
| 157 text-overflow: ellipsis; | 157 text-overflow: ellipsis; |
| 158 } | 158 } |
| 159 | 159 |
| 160 #notification.show { | 160 #notification.show { |
| 161 -webkit-transition: opacity 1s; | |
| 162 opacity: 1; | 161 opacity: 1; |
| 163 pointer-events: all; | 162 pointer-events: all; |
| 163 transition: opacity 1s; |
| 164 } | 164 } |
| 165 | 165 |
| 166 #notification .link { | 166 #notification .link { |
| 167 -webkit-appearance: none; | 167 -webkit-appearance: none; |
| 168 -webkit-padding-start: 20px; | 168 -webkit-padding-start: 20px; |
| 169 background: none; | 169 background: none; |
| 170 border: 0; | 170 border: 0; |
| 171 color: rgba(0, 102, 204, 0.3); | 171 color: rgba(0, 102, 204, 0.3); |
| 172 cursor: pointer; | 172 cursor: pointer; |
| 173 text-decoration: underline; | 173 text-decoration: underline; |
| 174 } | 174 } |
| 175 | 175 |
| 176 #notification .link-color { | 176 #notification .link-color { |
| 177 color: rgb(0, 102, 204); | 177 color: rgb(0, 102, 204); |
| 178 } | 178 } |
| 179 | 179 |
| 180 #chewing-max-chi-symbol-len { | 180 #chewing-max-chi-symbol-len { |
| 181 height: 30%; | 181 height: 30%; |
| 182 width: 100px; | 182 width: 100px; |
| 183 } | 183 } |
| 184 | 184 |
| 185 #add-language-overlay-page .content-area { | 185 #add-language-overlay-page .content-area { |
| 186 padding-bottom: 10px; | 186 padding-bottom: 10px; |
| 187 } | 187 } |
| 188 | 188 |
| 189 /* TODO(hshi): Remove this temporary hack once the bug is fixed in Chrome. */ | 189 /* TODO(hshi): Remove this temporary hack once the bug is fixed in Chrome. */ |
| 190 #add-language-overlay-language-list { | 190 #add-language-overlay-language-list { |
| 191 width: -webkit-calc(100% - 4px); | 191 width: -webkit-calc(100% - 4px); |
| 192 } | 192 } |
| OLD | NEW |