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 |