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.sidebar > .panel.navigation.timeline > .status-bar { 27 position: absolute; 28 top: 0; 29 left: 0; 30 right: 0; 31 height: 29px; 32 border-bottom: 1px solid rgb(179, 179, 179); 33} 34 35body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar { 36 height: 22px; 37} 38 39.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph { 40 position: absolute; 41 top: 3px; 42 left: 5px; 43 width: 21px; 44 height: 21px; 45 padding: 0; 46 border: none; 47 outline: none; 48 color: transparent; 49 overflow: hidden; 50 51 -webkit-appearance: none; 52 53 background-color: transparent; 54 background-repeat: no-repeat; 55 background-image: url(../Images/Record.svg); 56 background-size: 13px 13px; 57 background-position: center; 58} 59 60.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph:hover { 61 -webkit-filter: brightness(95%); 62} 63 64.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph:active { 65 -webkit-filter: brightness(80%); 66} 67 68.sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording { 69 background-image: url(../Images/Stop.svg); 70} 71 72body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph { 73 top: 0; 74 75 background-image: -webkit-image-set(url(../Images/Legacy/RecordingStopped.png) 1x, url(../Images/Legacy/RecordingStopped@2x.png) 2x); 76 background-size: 21px 21px; 77} 78 79body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording { 80 background-image: -webkit-image-set(url(../Images/Legacy/Recording.png) 1x, url(../Images/Legacy/Recording@2x.png) 2x); 81} 82 83body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph:hover { 84 background-image: -webkit-image-set(url(../Images/Legacy/RecordingHovered.png) 1x, url(../Images/Legacy/RecordingHovered@2x.png) 2x); 85 -webkit-filter: none; 86} 87 88body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording:hover { 89 background-image: -webkit-image-set(url(../Images/Legacy/RecordingStopped.png) 1x, url(../Images/Legacy/RecordingStopped@2x.png) 2x); 90} 91 92body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.forced { 93 background-image: -webkit-image-set(url(../Images/Legacy/RecordingStopped.png) 1x, url(../Images/Legacy/RecordingStopped@2x.png) 2x) !important; 94} 95 96body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-glyph.recording.forced { 97 background-image: -webkit-image-set(url(../Images/Legacy/Recording.png) 1x, url(../Images/Legacy/Recording@2x.png) 2x) !important; 98} 99 100.sidebar > .panel.navigation.timeline > .status-bar > .record-status { 101 position: absolute; 102 top: 3px; 103 right: 21px; 104 left: 27px; 105 106 text-align: center; 107 108 line-height: 20px; 109 font-weight: bold; 110 111 color: rgb(76, 76, 76); 112 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; 113} 114 115body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .status-bar > .record-status { 116 top: 0; 117} 118 119.sidebar > .panel.navigation.timeline > .title-bar { 120 position: absolute; 121 left: 0; 122 right: 0; 123 124 height: 22px; 125 126 border-bottom: 1px solid rgb(179, 179, 179); 127 background-color: rgb(242, 242, 242); 128 color: rgb(57, 57, 57); 129 130 white-space: nowrap; 131 overflow: hidden; 132 text-overflow: ellipsis; 133 134 font-weight: bold; 135 136 padding: 4px 9px; 137 138 white-space: nowrap; 139 overflow: hidden; 140} 141 142body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .title-bar { 143 background-color: transparent; 144 background-image: linear-gradient(to bottom, rgb(238, 240, 244), rgb(224, 226, 230)); 145 text-shadow: rgba(255, 255, 255, 0.5) 0 1px 0; 146} 147 148.sidebar > .panel.navigation.timeline > .title-bar.timelines { 149 top: 29px; 150} 151 152body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .title-bar.timelines { 153 top: 22px; 154} 155 156.sidebar > .panel.navigation.timeline > .title-bar.timeline-events { 157 height: 23px; 158 border-top: 1px solid rgb(179, 179, 179); 159 top: 159px; 160} 161 162body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .title-bar.timeline-events { 163 top: 152px; 164} 165 166.sidebar > .panel.navigation.timeline > .timelines-content { 167 position: absolute; 168 top: 51px; 169 height: 108px; 170 left: 0; 171 right: 0; 172 173 overflow: hidden; 174} 175 176.sidebar > .panel.navigation.timeline > .timelines-content .close-button { 177 margin-top: 1px; 178 width: 14px; 179 height: 14px; 180 181 visibility: hidden; 182} 183 184body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .timelines-content { 185 top: 44px; 186} 187 188body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .timelines-content .close-button { 189 margin-top: 2px; 190 width: 12px; 191 height: 12px; 192} 193 194.sidebar > .panel.navigation.timeline > .timelines-content li.item .icon { 195 width: 24px; 196 height: 24px; 197 margin-top: 5px; 198} 199 200.sidebar > .panel.navigation.timeline > .timelines-content li.item.selected .close-button { 201 visibility: visible; 202} 203 204.sidebar > .panel.navigation.timeline > .timelines-content li.item:not(.selected):nth-child(even) { 205 background-color: rgba(0, 0, 0, 0.03); 206 background-clip: padding-box; 207} 208 209.sidebar > .panel.navigation.timeline > .timelines-content li.item:not(.selected):not(:first-child) { 210 border-top: 1px solid rgba(0, 0, 0, 0.09); 211} 212 213.sidebar > .panel.navigation.timeline > .timelines-content li.item.selected + li.item { 214 border-top-color: rgb(212, 212, 212); 215} 216 217body.window-inactive .sidebar > .panel.navigation.timeline > .timelines-content li.item.selected + li.item { 218 border-top-color: rgb(212, 212, 212); 219} 220 221.sidebar > .panel.navigation.timeline > .timelines-content :focus li.item.selected + li.item { 222 border-top-color: rgb(0, 128, 252); 223} 224 225body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .timelines-content li.item.selected + li.item { 226 border-top-color: rgb(120, 139, 168); 227} 228 229body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .timelines-content :focus li.item.selected + li.item { 230 border-top-color: rgb(107, 130, 164); 231} 232 233.sidebar > .panel.navigation.timeline > .content, 234.sidebar > .panel.navigation.timeline > .empty-content-placeholder { 235 top: 182px; 236} 237 238body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .content, 239body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .empty-content-placeholder { 240 top: 175px; 241} 242 243.sidebar > .panel.navigation.timeline.timeline-content-view-showing > .content { 244 /* This hides the scrollbar. The view shows a scrollbar, we don't need two. */ 245 padding-right: 16px; 246 right: -16px; 247} 248 249body.mac-platform.legacy .sidebar > .panel.navigation.timeline > .content .item > .status > .status-button { 250 width: 12px; 251 height: 12px; 252 margin-top: 2px; 253} 254