| 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 html { | 5 html { |
| 6 /* It's necessary to put this here instead of in body in order to get the | 6 /* It's necessary to put this here instead of in body in order to get the |
| 7 background-size of 100% to work properly */ | 7 background-size of 100% to work properly */ |
| 8 height: 100%; | 8 height: 100%; |
| 9 overflow: hidden; | 9 overflow: hidden; |
| 10 } | 10 } |
| 11 | 11 |
| 12 body { | 12 body { |
| 13 /* Don't highlight links when they're tapped. Safari has bugs here that | 13 /* Don't highlight links when they're tapped. Safari has bugs here that |
| 14 show up as flicker when dragging in some situations */ | 14 show up as flicker when dragging in some situations */ |
| 15 -webkit-tap-highlight-color: transparent; | 15 -webkit-tap-highlight-color: transparent; |
| 16 /* Don't allow selecting text - can occur when dragging */ | 16 /* Don't allow selecting text - can occur when dragging */ |
| 17 -webkit-user-select: none; | 17 -webkit-user-select: none; |
| 18 background-size: auto 100%; | 18 background-size: auto 100%; |
| 19 margin: 0; | 19 margin: 0; |
| 20 } | 20 } |
| 21 | 21 |
| 22 /* [hidden] does display:none, but its priority is too low in some cases. */ | 22 /* [hidden] does display:none, but its priority is too low in some cases. */ |
| 23 [hidden] { | 23 [hidden] { |
| 24 display: none !important; | 24 display: none !important; |
| 25 } | 25 } |
| 26 | 26 |
| 27 #notification-container { | |
| 28 -webkit-transition: opacity 200ms; | |
| 29 bottom: 31px; | |
| 30 display: block; | |
| 31 float: left; | |
| 32 position: relative; | |
| 33 text-align: start; | |
| 34 z-index: 15; | |
| 35 } | |
| 36 | |
| 37 html[dir='rtl'] #notification-container { | |
| 38 float: right; | |
| 39 } | |
| 40 | |
| 41 #notification-container.card-changed { | |
| 42 -webkit-transition: none; | |
| 43 opacity: 0; | |
| 44 } | |
| 45 | |
| 46 #notification-container.inactive { | |
| 47 -webkit-transition: opacity 200ms; | |
| 48 opacity: 0; | |
| 49 } | |
| 50 | |
| 51 #notification { | |
| 52 display: inline-block; | |
| 53 font-weight: bold; | |
| 54 white-space: nowrap; | |
| 55 } | |
| 56 | |
| 57 #notification > * { | |
| 58 display: inline-block; | |
| 59 white-space: normal; | |
| 60 } | |
| 61 | |
| 62 #notification > div > div, | |
| 63 #notification > div { | |
| 64 display: inline-block; | |
| 65 } | |
| 66 | |
| 67 /* NOTE: This is in the probable case that we start stuffing 16x16 data URI'd | |
| 68 * icons in the promo notification responses. */ | |
| 69 #notification > span > img { | |
| 70 margin-bottom: -3px; | |
| 71 } | |
| 72 | |
| 73 #notification .close-button { | |
| 74 -webkit-margin-start: 8px; /* Matching value in TilePage#repositionTile_. */ | |
| 75 vertical-align: top; | |
| 76 } | |
| 77 | |
| 78 .close-button { | 27 .close-button { |
| 79 background: no-repeat; | 28 background: no-repeat; |
| 80 background-color: transparent; | 29 background-color: transparent; |
| 81 /* TODO(estade): this should animate between states. */ | 30 /* TODO(estade): this should animate between states. */ |
| 82 background-image: -webkit-image-set( | 31 background-image: -webkit-image-set( |
| 83 url(../../../../ui/resources/default_100_percent/close_2.png) 1x, | 32 url(../../../../ui/resources/default_100_percent/close_2.png) 1x, |
| 84 url(../../../../ui/resources/default_200_percent/close_2.png) 2x); | 33 url(../../../../ui/resources/default_200_percent/close_2.png) 2x); |
| 85 border: 0; | 34 border: 0; |
| 86 cursor: default; | 35 cursor: default; |
| 87 display: inline-block; | 36 display: inline-block; |
| (...skipping 325 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 413 padding: 0; | 362 padding: 0; |
| 414 } | 363 } |
| 415 | 364 |
| 416 .other-sessions-promo-message:only-child { | 365 .other-sessions-promo-message:only-child { |
| 417 display: block; | 366 display: block; |
| 418 } | 367 } |
| 419 | 368 |
| 420 .other-sessions-promo-message p { | 369 .other-sessions-promo-message p { |
| 421 margin: 0; | 370 margin: 0; |
| 422 } | 371 } |
| OLD | NEW |