1/* 2 * Copyright (C) 2013 Apple Inc. All rights reserved. 3 * 4 * Redistribution and use in source and binary forms, with or without 5 * modification, are permitted provided that the following conditions 6 * are met: 7 * 1. Redistributions of source code must retain the above copyright 8 * notice, this list of conditions and the following disclaimer. 9 * 2. Redistributions in binary form must reproduce the above copyright 10 * notice, this list of conditions and the following disclaimer in the 11 * documentation and/or other materials provided with the distribution. 12 * 13 * THIS SOFTWARE IS PROVIDED BY APPLE INC. AND ITS CONTRIBUTORS ``AS IS'' 14 * AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, 15 * THE IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR 16 * PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL APPLE INC. OR ITS CONTRIBUTORS 17 * BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR 18 * CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF 19 * SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS 20 * INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN 21 * CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE) 22 * ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF 23 * THE POSSIBILITY OF SUCH DAMAGE. 24 */ 25 26.data-grid.timeline th { 27 border-top: 1px solid rgb(179, 179, 179); 28} 29 30.data-grid.timeline > .navigation-bar-container { 31 position: absolute; 32 bottom: 0; 33 left: 0; 34 right: 0; 35 height: 32px; 36 37 pointer-events: none; 38 visibility: hidden; 39} 40 41.data-grid.timeline:hover > .navigation-bar-container { 42 pointer-events: all; 43 visibility: visible; 44} 45 46.data-grid.timeline > .navigation-bar-container > .navigation-bar { 47 position: absolute; 48 top: 10px; 49 left: 0; 50 right: 0; 51 height: 22px; 52 53 border-bottom: none; 54 border-top: 1px solid rgb(179, 179, 179); 55 box-shadow: none; 56 57 background-color: white; 58} 59 60.timeline-data-grid-tree-outline { 61 position: relative; 62 padding: 0; 63 margin: 0; 64 outline: none; 65 list-style: none; 66} 67 68.timeline-data-grid-tree-outline .item { 69 position: relative; 70 height: 36px; 71 line-height: 34px; 72 padding: 0 5px; 73 border-top: 1px solid transparent; 74 white-space: nowrap; 75} 76 77.timeline-data-grid-tree-outline > .children, 78.timeline-data-grid-tree-outline .disclosure-button, 79.timeline-data-grid-tree-outline .item .status { 80 display: none; 81} 82 83.timeline-data-grid-tree-outline .item .icon { 84 float: left; 85 width: 32px; 86 height: 32px; 87 margin-top: 1px; 88 margin-right: 3px; 89} 90 91.timeline-data-grid-tree-outline .item:hover { 92 color: white; 93 border-radius: 4px; 94 box-shadow: inset rgb(87, 152, 206) 0 1px 0; 95 background: linear-gradient(to bottom, rgb(110, 167, 216), rgb(36, 114, 181)); 96 background-origin: padding-box; 97 background-clip: padding-box; 98 text-shadow: rgb(51, 88, 123) 0 1px 0; 99 -webkit-text-stroke: 0.4px; 100} 101 102.timeline-data-grid-tree-outline .item .titles { 103 position: relative; 104 top: 5px; 105 line-height: 11px; 106 padding-bottom: 1px; 107 text-overflow: ellipsis; 108 overflow: hidden; 109 white-space: nowrap; 110} 111 112.timeline-data-grid-tree-outline .item .title::after { 113 content: "\A"; /* Newline */ 114 white-space: pre; 115} 116 117.timeline-data-grid-tree-outline .item .subtitle { 118 font-size: 9px; 119 color: rgba(0, 0, 0, 0.7); 120} 121 122.timeline-data-grid-tree-outline .item:hover .subtitle { 123 color: white; 124} 125 126.timeline-data-grid-tree-outline .item .subtitle:empty { 127 display: none; 128} 129 130.timeline-data-grid-tree-outline .item.small { 131 height: 20px; 132} 133 134.timeline-data-grid-tree-outline .item.small .icon { 135 width: 16px; 136 height: 16px; 137} 138 139.timeline-data-grid-tree-outline .item.small .status { 140 margin-top: 1px; 141} 142 143.timeline-data-grid-tree-outline .item.small .titles { 144 top: 2px; 145 line-height: normal; 146} 147 148.timeline-data-grid-tree-outline .item.small .subtitle { 149 font-size: inherit; 150} 151 152.timeline-data-grid-tree-outline .item.small:not(.two-line) .title::after { 153 content: ""; 154} 155 156.timeline-data-grid-tree-outline .item.small:not(.two-line) .subtitle::before { 157 content: " — "; 158} 159