| 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 } |
| (...skipping 62 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 73 #notification .close-button { | 73 #notification .close-button { |
| 74 -webkit-margin-start: 8px; /* Matching value in TilePage#repositionTile_. */ | 74 -webkit-margin-start: 8px; /* Matching value in TilePage#repositionTile_. */ |
| 75 vertical-align: top; | 75 vertical-align: top; |
| 76 } | 76 } |
| 77 | 77 |
| 78 .close-button { | 78 .close-button { |
| 79 background: no-repeat; | 79 background: no-repeat; |
| 80 background-color: transparent; | 80 background-color: transparent; |
| 81 /* TODO(estade): this should animate between states. */ | 81 /* TODO(estade): this should animate between states. */ |
| 82 background-image: -webkit-image-set( | 82 background-image: -webkit-image-set( |
| 83 url('../../../../ui/resources/default_100_percent/close_bar.png') 1x, | 83 url('../../../../ui/resources/default_100_percent/button_close_2_normal.png') |
| 84 url('../../../../ui/resources/default_200_percent/close_bar.png') 2x); | 84 1x, |
| 85 url('../../../../ui/resources/default_200_percent/button_close_2_normal.png') |
| 86 2x); |
| 85 border: 0; | 87 border: 0; |
| 86 cursor: default; | 88 cursor: default; |
| 87 display: inline-block; | 89 display: inline-block; |
| 88 height: 16px; | 90 height: 16px; |
| 89 padding: 0; | 91 padding: 0; |
| 90 width: 16px; | 92 width: 16px; |
| 91 } | 93 } |
| 92 | 94 |
| 93 .close-button:hover, | 95 .close-button:hover, |
| 94 .close-button:focus { | 96 .close-button:focus { |
| 95 background-image: -webkit-image-set( | 97 background-image: -webkit-image-set( |
| 96 url('../../../../ui/resources/default_100_percent/close_bar_hover.png') | 98 url('../../../../ui/resources/default_100_percent/button_close_2_hover.png') |
| 97 1x, | 99 1x, |
| 98 url('../../../../ui/resources/default_200_percent/close_bar_hover.png') | 100 url('../../../../ui/resources/default_200_percent/button_close_2_hover.png') |
| 99 2x); | 101 2x); |
| 100 } | 102 } |
| 101 | 103 |
| 102 .close-button:active { | 104 .close-button:active { |
| 103 background-image: -webkit-image-set( | 105 background-image: -webkit-image-set( |
| 104 url('../../../../ui/resources/default_100_percent/close_bar_pressed.png') | 106 url('../../../../ui/resources/default_100_percent/button_close_2_pressed.png') |
| 105 1x, | 107 1x, |
| 106 url('../../../../ui/resources/default_200_percent/close_bar_pressed.png') | 108 url('../../../../ui/resources/default_200_percent/button_close_2_pressed.png') |
| 107 2x); | 109 2x); |
| 108 } | 110 } |
| 109 | 111 |
| 110 .link-button { | 112 .link-button { |
| 111 -webkit-margin-start: 0.5em; | 113 -webkit-margin-start: 0.5em; |
| 112 } | 114 } |
| 113 | 115 |
| 114 #card-slider-frame { | 116 #card-slider-frame { |
| 115 /* Must match #footer height. */ | 117 /* Must match #footer height. */ |
| 116 bottom: 50px; | 118 bottom: 50px; |
| 117 overflow: hidden; | 119 overflow: hidden; |
| (...skipping 352 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 470 padding: 0; | 472 padding: 0; |
| 471 } | 473 } |
| 472 | 474 |
| 473 .other-sessions-promo-message:only-child { | 475 .other-sessions-promo-message:only-child { |
| 474 display: block; | 476 display: block; |
| 475 } | 477 } |
| 476 | 478 |
| 477 .other-sessions-promo-message p { | 479 .other-sessions-promo-message p { |
| 478 margin: 0; | 480 margin: 0; |
| 479 } | 481 } |
| OLD | NEW |