1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/browser/devtools/profiler/cleopatra/css/tree.css Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,236 @@
1.4 +/* This Source Code Form is subject to the terms of the Mozilla Public
1.5 + * License, v. 2.0. If a copy of the MPL was not distributed with this
1.6 + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */
1.7 +
1.8 +.treeViewContainer {
1.9 + -moz-user-select: none;
1.10 + user-select: none;
1.11 + cursor: default;
1.12 + line-height: 16px;
1.13 + height: 100%;
1.14 + outline: none; /* override the browser's focus styling */
1.15 + position: relative;
1.16 +}
1.17 +
1.18 +.treeHeader {
1.19 + position: absolute;
1.20 + top: 0;
1.21 + right: 0;
1.22 + left: 0;
1.23 + height: 16px;
1.24 + margin: 0;
1.25 + padding: 0;
1.26 +}
1.27 +
1.28 +.treeColumnHeader {
1.29 + position: absolute;
1.30 + display: block;
1.31 + background: linear-gradient(#FFF 45%, #EEE 60%);
1.32 + margin: 0;
1.33 + padding: 0;
1.34 + top: 0;
1.35 + height: 15px;
1.36 + line-height: 15px;
1.37 + border: 0 solid #CCC;
1.38 + border-bottom-width: 1px;
1.39 + text-indent: 5px;
1.40 +}
1.41 +
1.42 +.treeColumnHeader:not(:last-child) {
1.43 + border-right-width: 1px;
1.44 +}
1.45 +
1.46 +.treeColumnHeader0 {
1.47 + left: 0;
1.48 + width: 86px;
1.49 +}
1.50 +
1.51 +.treeColumnHeader1 {
1.52 + left: 99px;
1.53 + width: 35px;
1.54 +}
1.55 +
1.56 +.treeColumnHeader0,
1.57 +.treeColumnHeader1 {
1.58 + text-align: right;
1.59 + padding-right: 12px;
1.60 +}
1.61 +
1.62 +.treeColumnHeader2 {
1.63 + left: 147px;
1.64 + right: 0;
1.65 +}
1.66 +
1.67 +.treeViewVerticalScrollbox {
1.68 + position: absolute;
1.69 + top: 16px;
1.70 + left: 0;
1.71 + right: 0;
1.72 + bottom: 0;
1.73 + overflow-y: scroll;
1.74 + overflow-x: hidden;
1.75 +}
1.76 +
1.77 +.treeViewNode,
1.78 +.treeViewHorizontalScrollbox {
1.79 + display: block;
1.80 + margin: 0;
1.81 + padding: 0;
1.82 +}
1.83 +
1.84 +.treeViewNode {
1.85 + min-width: -moz-min-content;
1.86 + white-space: nowrap;
1.87 +}
1.88 +
1.89 +.treeViewHorizontalScrollbox {
1.90 + padding-left: 150px;
1.91 + overflow: hidden;
1.92 +}
1.93 +
1.94 +.treeViewVerticalScrollbox,
1.95 +.treeViewHorizontalScrollbox {
1.96 + background: linear-gradient(white, white 50%, #F0F5FF 50%, #F0F5FF);
1.97 + background-size: 100px 32px;
1.98 +}
1.99 +
1.100 +.leftColumnBackground {
1.101 + background: linear-gradient(left, transparent, transparent 98px, #CCC 98px, #CCC 99px, transparent 99px),
1.102 + linear-gradient(white, white 50%, #F0F5FF 50%, #F0F5FF);
1.103 + background-size: auto, 100px 32px;
1.104 + position: absolute;
1.105 + top: 0;
1.106 + left: 0;
1.107 + width: 146px;
1.108 + min-height: 100%;
1.109 + border-right: 1px solid #CCC;
1.110 +}
1.111 +
1.112 +.sampleCount,
1.113 +.samplePercentage,
1.114 +.selfSampleCount {
1.115 + position: absolute;
1.116 + text-align: right;
1.117 +}
1.118 +
1.119 +.sampleCount {
1.120 + left: 2px;
1.121 + width: 50px;
1.122 +}
1.123 +
1.124 +.samplePercentage {
1.125 + left: 55px;
1.126 + width: 40px;
1.127 +}
1.128 +
1.129 +.selfSampleCount {
1.130 + left: 98px;
1.131 + width: 45px;
1.132 + padding-right: 2px;
1.133 + border: solid #CCC;
1.134 + border-width: 0 1px;
1.135 +}
1.136 +
1.137 +.libraryName {
1.138 + margin-left: 10px;
1.139 + color: #999;
1.140 +}
1.141 +
1.142 +.treeViewNode > .treeViewNodeList {
1.143 + margin-left: 1em;
1.144 +}
1.145 +
1.146 +.treeViewNode.collapsed > .treeViewNodeList {
1.147 + display: none;
1.148 +}
1.149 +
1.150 +.treeLine {
1.151 + /* extend the selection background almost infinitely to the left */
1.152 + margin-left: -10000px;
1.153 + padding-left: 10000px;
1.154 +}
1.155 +
1.156 +.treeLine.selected {
1.157 + color: black;
1.158 + background-color: -moz-dialog;
1.159 +}
1.160 +
1.161 +.treeLine.selected > .sampleCount {
1.162 + background-color: inherit;
1.163 + margin-left: -2px;
1.164 + padding-left: 2px;
1.165 + padding-right: 95px;
1.166 + margin-right: -95px;
1.167 +}
1.168 +
1.169 +.treeViewContainer:focus .treeLine.selected {
1.170 + color: highlighttext;
1.171 + background-color: highlight;
1.172 +}
1.173 +
1.174 +.treeViewContainer:focus .treeLine.selected > .libraryName {
1.175 + color: #CCC;
1.176 +}
1.177 +
1.178 +.expandCollapseButton,
1.179 +.focusCallstackButton {
1.180 + background: none 0 0 no-repeat transparent;
1.181 + margin: 0;
1.182 + padding: 0;
1.183 + border: 0;
1.184 + width: 16px;
1.185 + height: 16px;
1.186 + overflow: hidden;
1.187 + vertical-align: top;
1.188 + color: transparent;
1.189 + font-size: 0;
1.190 +}
1.191 +
1.192 +.expandCollapseButton {
1.193 + background-image: url(../images/treetwisty.svg);
1.194 +}
1.195 +
1.196 +.focusCallstackButton {
1.197 + background-image: url(../images/circlearrow.svg);
1.198 + margin-left: 5px;
1.199 + visibility: hidden;
1.200 +}
1.201 +
1.202 +.expandCollapseButton:active:hover,
1.203 +.focusCallstackButton:active:hover {
1.204 + background-position: -16px 0;
1.205 +}
1.206 +
1.207 +.treeViewNode.collapsed > .treeLine > .expandCollapseButton {
1.208 + background-position: 0 -16px;
1.209 +}
1.210 +
1.211 +.treeViewNode.collapsed > .treeLine > .expandCollapseButton:active:hover {
1.212 + background-position: -16px -16px;
1.213 +}
1.214 +
1.215 +.treeViewContainer:focus .treeLine.selected > .expandCollapseButton,
1.216 +.treeViewContainer:focus .treeLine.selected > .focusCallstackButton {
1.217 + background-position: -32px 0;
1.218 +}
1.219 +
1.220 +.treeViewContainer:focus .treeViewNode.collapsed > .treeLine.selected > .expandCollapseButton {
1.221 + background-position: -32px -16px;
1.222 +}
1.223 +
1.224 +.treeViewContainer:focus .treeLine.selected > .expandCollapseButton:active:hover,
1.225 +.treeViewContainer:focus .treeLine.selected > .focusCallstackButton:active:hover {
1.226 + background-position: -48px 0;
1.227 +}
1.228 +
1.229 +.treeViewContainer:focus .treeViewNode.collapsed > .treeLine.selected > .expandCollapseButton:active:hover {
1.230 + background-position: -48px -16px;
1.231 +}
1.232 +
1.233 +.treeViewNode.leaf > * > .expandCollapseButton {
1.234 + visibility: hidden;
1.235 +}
1.236 +
1.237 +.treeLine:hover > .focusCallstackButton {
1.238 + visibility: visible;
1.239 +}
