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
3 * found in the LICENSE file. */
6 -webkit-tap-highlight-color: transparent;
7 -webkit-transition: 300ms linear;
8 -webkit-transition-property: background;
9 background: transparent;
13 position: relative; /* So the fader can be positioned at the end */
17 .session-header .list-item.list-item-active {
18 -webkit-tap-highlight-color: transparent;
19 background: rgba(51, 181, 229, 0.4);
22 .list-item-active.no-active-delay {
23 -webkit-transition: none;
26 .list-item.standard-divider {
27 border-bottom: 1px solid #c1c1c1;
30 .list-item .section-divider {
31 background-color: #777;
39 background-position: center center;
40 background-repeat: no-repeat;
41 background-size: 24px;
47 html[dir='ltr'] .list-item .icon {
51 html[dir='rtl'] .list-item .icon {
56 -webkit-box-align: center;
67 html[dir='ltr'] .list-item .title {
68 -webkit-mask-image: linear-gradient(
79 html[dir='rtl'] .list-item .title {
80 -webkit-mask-image: linear-gradient(
91 .list-item .session_container {
95 .list-item .session_title {
96 display: inline-block;
100 .session-header .list-item {
104 .title .session-name {
109 .title .session-last-synced {
114 .session-children-container {
115 -webkit-transition: height 200ms ease-in-out;
116 height: 100%; /* needed for collapse animation */
125 background-size: 100%;
133 html[dir='ltr'] .expando {
137 html[dir='rtl'] .expando {
142 background-image: url(images/disclosure_open_mdpi.png);
145 html[dir='rtl'] .expando.open {
146 -webkit-transform: scaleX(-1);
150 background-image: url(images/disclosure_closed_mdpi.png);
153 html[dir='rtl'] .expando.closed {
154 -webkit-transform: scaleX(-1);
157 .session-icon.laptop {
158 background-image: url(../../../../ui/webui/resources/images/laptop.png);
161 html[dir='rtl'] .session-icon.laptop {
162 -webkit-transform: scaleX(-1);
165 .session-icon.tablet {
166 background-image: url(../../../../ui/webui/resources/images/tablet.png);
169 html[dir='rtl'] .session-icon.tablet {
170 -webkit-transform: scaleX(-1);
173 .session-icon.phone {
174 background-image: url(../../../../ui/webui/resources/images/phone.png);
177 html[dir='rtl'] .session-icon.phone {
178 -webkit-transform: scaleX(-1);
181 .session-icon.documents {
182 background-image: url(images/sent_mdpi.png);
185 html[dir='rtl'] .session-icon.documents {
186 -webkit-transform: scaleX(-1);
189 @media screen and (-webkit-min-device-pixel-ratio: 1.5) {
191 background-image: url(images/disclosure_open_hdpi.png);
194 background-image: url(images/disclosure_closed_hdpi.png);
196 .session-icon.laptop {
198 url(../../../../ui/webui/resources/images/1.5x/laptop.png);
200 .session-icon.tablet {
202 url(../../../../ui/webui/resources/images/1.5x/tablet.png);
204 .session-icon.phone {
205 background-image: url(../../../../ui/webui/resources/images/1.5x/phone.png);
207 .session-icon.documents {
208 background-image: url(images/sent_hdpi.png);
212 @media screen and (-webkit-min-device-pixel-ratio: 2.0) {
214 background-image: url(images/disclosure_open_xhdpi.png);
217 background-image: url(images/disclosure_closed_xhdpi.png);
219 .session-icon.laptop {
220 background-image: url(../../../../ui/webui/resources/images/2x/laptop.png);
222 .session-icon.tablet {
223 background-image: url(../../../../ui/webui/resources/images/2x/tablet.png);
225 .session-icon.phone {
226 background-image: url(../../../../ui/webui/resources/images/2x/phone.png);
228 .session-icon.documents {
229 background-image: url(images/sent_xhdpi.png);
234 background-position: center;
235 background-repeat: no-repeat;
236 background-size: 32px 32px;