| OLD | NEW |
| 1 /* Copyright 2014 The Chromium Authors. All rights reserved. | 1 /* Copyright 2014 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 .account-picker.flying-pods #account-picker { | 6 .account-picker.flying-pods #account-picker { |
| 7 transition: width 180ms ease, height 180ms ease; | 7 transition: width 180ms ease, height 180ms ease; |
| 8 } | 8 } |
| 9 | 9 |
| 10 #bubble { | 10 #bubble { |
| (...skipping 56 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 67 opacity: 0.8; | 67 opacity: 0.8; |
| 68 transition: opacity 1s; | 68 transition: opacity 1s; |
| 69 visibility: visible; | 69 visibility: visible; |
| 70 } | 70 } |
| 71 | 71 |
| 72 .small-pod-container { | 72 .small-pod-container { |
| 73 overflow: scroll; | 73 overflow: scroll; |
| 74 position: absolute; | 74 position: absolute; |
| 75 } | 75 } |
| 76 | 76 |
| 77 .small-pod-container.scroll { |
| 78 background-color: rgba(0, 0, 0, 0.3); |
| 79 } |
| 80 |
| 81 .small-pod-container.images-loading { |
| 82 visibility: hidden; |
| 83 } |
| 84 |
| 77 .small-pod-container::-webkit-scrollbar { | 85 .small-pod-container::-webkit-scrollbar { |
| 78 width: 0; | 86 width: 0; |
| 79 } | 87 } |
| 80 | 88 |
| 81 .small-pod-container.scroll { | |
| 82 background-color: rgba(20, 29, 40, .2); | |
| 83 } | |
| 84 | |
| 85 .small-pod-container.scroll::-webkit-scrollbar { | 89 .small-pod-container.scroll::-webkit-scrollbar { |
| 86 width: 9px; | 90 width: 9px; |
| 87 } | 91 } |
| 88 | 92 |
| 89 .small-pod-container.scroll::-webkit-scrollbar-thumb { | 93 .small-pod-container.scroll::-webkit-scrollbar-thumb { |
| 90 background-color: rgba(255, 255, 255, .17); | 94 background-color: rgba(255, 255, 255, .17); |
| 91 border-radius: 8px; | 95 border-radius: 8px; |
| 92 } | 96 } |
| 93 | 97 |
| 94 .small-pod-container-mask { | 98 .small-pod-container-mask { |
| 95 background: linear-gradient(#4FC3F7, transparent); | 99 background: linear-gradient(#000, transparent); |
| 96 height: 112px; | 100 height: 112px; |
| 97 position: absolute; | 101 position: absolute; |
| 98 width: 100%; | 102 width: 100%; |
| 99 z-index: 2; | 103 z-index: 2; |
| 100 } | 104 } |
| 101 | 105 |
| 106 .small-pod-container-mask.images-loading { |
| 107 visibility: hidden; |
| 108 } |
| 109 |
| 102 .small-pod-container-mask.rotate { | 110 .small-pod-container-mask.rotate { |
| 103 transform: rotate(180deg); | 111 transform: rotate(180deg); |
| 104 } | 112 } |
| OLD | NEW |