166a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis/* Copyright (c) 2013 The Chromium Authors. All rights reserved. 266a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis * Use of this source code is governed by a BSD-style license that can be 366a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis * found in the LICENSE file. 466a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis */ 566a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis 666a37686207944273ced825e0e8b6b6375f8c3deJamie Gennispicture-ops-list-view { 766a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis -webkit-flex-direction: column; 866a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis display: -webkit-flex; 966a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis} 1066a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis 1166a37686207944273ced825e0e8b6b6375f8c3deJamie Gennispicture-ops-list-view > .x-list-view { 1266a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis -webkit-flex: 1 1 auto; 1366a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis overflow: auto; 1466a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis} 1566a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis 1666a37686207944273ced825e0e8b6b6375f8c3deJamie Gennispicture-ops-list-view > .x-list-view .list-item { 1766a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis border-bottom: 1px solid #555; 1866a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis font-size: small; 1966a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis font-weight: bold; 2066a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis padding-bottom: 5px; 2166a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis padding-left: 5px; 2266a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis} 2366a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis 2466a37686207944273ced825e0e8b6b6375f8c3deJamie Gennispicture-ops-list-view > .x-list-view .list-item:hover { 2566a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis background-color: #f0f0f0; 2666a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis cursor: pointer; 2766a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis} 2866a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis 2966a37686207944273ced825e0e8b6b6375f8c3deJamie Gennispicture-ops-list-view > .x-list-view .list-item > * { 3066a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis color: #777; 3166a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis font-size: x-small; 3266a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis font-weight: normal; 3366a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis margin-left: 1em; 3466a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis max-width: 300px; /* force long strings to wrap */ 3566a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis} 3666a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis 376833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennispicture-ops-list-view > .x-list-view .list-item > .elementInfo { 386833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis color: purple; 396833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis font-size: small; 406833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis font-weight: bold; 416833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis} 426833e18b1d4077bf3a727b4422cc2acdbeee35a7Jamie Gennis 4366a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis.x-list-view:focus > .list-item[beforeSelection] { 4466a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis background-color: rgb(171, 217, 202); 4566a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis outline: 1px dotted rgba(0, 0, 0, 0.1); 4666a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis outline-offset: 0; 4766a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis} 4866a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis 4966a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis.x-list-view > .list-item[beforeSelection] { 5066a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis background-color: rgb(103, 199, 165); 5166a37686207944273ced825e0e8b6b6375f8c3deJamie Gennis} 52