| OLD | NEW |
| 1 /* Copyright (c) 2011 The Chromium Authors. All rights reserved. | 1 /* Copyright (c) 2011 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 html { | 6 html { |
| 7 font-family: segoe ui, arial, helvetica, sans-serif; | 7 font-family: segoe ui, arial, helvetica, sans-serif; |
| 8 font-size: 14px; | 8 font-size: 14px; |
| 9 /* It's necessary to put this here instead of in body in order to get the | 9 /* It's necessary to put this here instead of in body in order to get the |
| 10 background-size of 100% to work properly */ | 10 background-size of 100% to work properly */ |
| 11 height: 100%; | 11 height: 100%; |
| 12 overflow: hidden; | 12 overflow: hidden; |
| 13 } | 13 } |
| 14 | 14 |
| 15 body { | 15 body { |
| 16 background-size: auto 100%; | 16 background-size: auto 100%; |
| 17 margin: 0; | 17 margin: 0; |
| 18 /* Don't highlight links when they're tapped. Safari has bugs here that | 18 /* Don't highlight links when they're tapped. Safari has bugs here that |
| 19 show up as flicker when dragging in some situations */ | 19 show up as flicker when dragging in some situations */ |
| 20 -webkit-tap-highlight-color: transparent; | 20 -webkit-tap-highlight-color: transparent; |
| 21 /* Don't allow selecting text - can occur when dragging */ | 21 /* Don't allow selecting text - can occur when dragging */ |
| 22 -webkit-user-select: none; | 22 -webkit-user-select: none; |
| 23 } | 23 } |
| 24 | 24 |
| 25 /* [hidden] does display:none, but its priority is too low in some cases. */ | 25 /* [hidden] does display:none, but its priority is too low in some cases. */ |
| 26 [hidden], .hidden { | 26 [hidden], .hidden { |
| 27 display: none !important; | 27 display: none !important; |
| 28 } | 28 } |
| 29 | 29 |
| 30 #notification-container { |
| 31 display: block; |
| 32 margin-top: 2px; |
| 33 position: relative; |
| 34 text-align: center; |
| 35 z-index: 100; |
| 36 -webkit-transition-duration: 0.1s; |
| 37 -webkit-transition-property: opacity; |
| 38 } |
| 39 |
| 40 #notification-container.inactive { |
| 41 opacity: 0; |
| 42 -webkit-transition-duration: 0.2s; |
| 43 } |
| 44 |
| 30 #notification { | 45 #notification { |
| 31 background-color: #FFF199; | 46 background-color: #FFF199; |
| 32 border: 1px solid lightGrey; | 47 border: 1px solid lightGrey; |
| 33 border-radius: 6px; | 48 border-radius: 6px; |
| 34 color: black; | 49 color: black; |
| 35 display: inline-block; | 50 display: inline-block; |
| 36 font-weight: bold; | 51 font-weight: bold; |
| 37 margin-top: 2px; | |
| 38 opacity: 100%; | |
| 39 padding: 7px 15px; | 52 padding: 7px 15px; |
| 40 position: relative; | |
| 41 z-index: 100; | |
| 42 -webkit-transition-duration: 0.1s; | |
| 43 -webkit-transition-property: opacity; | |
| 44 } | |
| 45 | |
| 46 #notification.inactive { | |
| 47 display: inline-block; | |
| 48 opacity: 0; | |
| 49 -webkit-transition-duration: 0.2s; | |
| 50 } | 53 } |
| 51 | 54 |
| 52 #notification > div > div, | 55 #notification > div > div, |
| 53 #notification > div { | 56 #notification > div { |
| 54 display: inline-block; | 57 display: inline-block; |
| 55 } | 58 } |
| 56 | 59 |
| 57 #notification .close-button { | 60 #notification .close-button { |
| 58 vertical-align: middle; | 61 vertical-align: middle; |
| 59 -webkit-margin-start: 0.5em; | 62 -webkit-margin-start: 0.5em; |
| (...skipping 154 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 214 min-width: 90px; | 217 min-width: 90px; |
| 215 top: 0; | 218 top: 0; |
| 216 z-index: 5; | 219 z-index: 5; |
| 217 -webkit-transition: width 150ms, right 150ms, background-color 150ms; | 220 -webkit-transition: width 150ms, right 150ms, background-color 150ms; |
| 218 } | 221 } |
| 219 | 222 |
| 220 .page-switcher:hover, | 223 .page-switcher:hover, |
| 221 .page-switcher.drag-target { | 224 .page-switcher.drag-target { |
| 222 background-color: rgba(0, 0, 0, 0.2); | 225 background-color: rgba(0, 0, 0, 0.2); |
| 223 } | 226 } |
| OLD | NEW |