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. */ 4 5#sync-node-browser-refresher { 6 border-bottom: 1px rgb(160,160,160) solid; 7} 8 9#sync-node-browser-refresher > * { 10 display: inline-block; 11} 12 13#sync-node-browser-container { 14 display: -webkit-box; 15 height: 750px; 16} 17 18#sync-node-tree-container { 19 -webkit-padding-start: 10px; 20 box-sizing: border-box; 21 height: 100%; 22 /* min-width and max-width are used by the split pane. */ 23 max-width: 50%; 24 min-width: 50px; 25 overflow: auto; 26 width: 200px; 27} 28 29#sync-node-tree { 30 display: inline-block; 31 min-width: 100%; 32 overflow: visible; /* let the container do the scrolling */ 33} 34 35/* TODO(akalin): Find a better icon to use for leaf nodes. */ 36#sync-node-tree .leaf .tree-label { 37 background-image: url('../../../../ui/webui/resources/images/star_small.png'); 38} 39 40#sync-node-splitter { 41 background-color: rgb(235, 239, 249); 42 cursor: col-resize; 43 width: 5px; 44<if expr="is_win"> 45 /* TODO(akalin): Make the BMM also use this style. */ 46 cursor: e-resize; 47</if> 48} 49 50#sync-node-details-container { 51 -webkit-box-flex: 1; 52 height: 100%; 53 overflow: auto; 54 visibility: hidden; /* Element is invisible until first refresh. */ 55} 56 57#node-details { 58 width: 100%; 59} 60 61#node-details td { 62 vertical-align: top; 63 white-space: nowrap; 64} 65 66#node-details tr:nth-child(odd) { 67 background: rgb(239, 243, 255); 68} 69