1 /* vim:set ts=2 sw=2 sts=2 et: */
2 /* This Source Code Form is subject to the terms of the Mozilla Public
3 * License, v. 2.0. If a copy of the MPL was not distributed with this file,
4 * You can obtain one at http://mozilla.org/MPL/2.0/. */
7 list-style-image: url("profiler-stopwatch.svg");
10 #record-button[checked] {
11 list-style-image: url("profiler-stopwatch-checked.svg");
14 #record-button:not([checked]) ~ #record-label {
24 background: #A09090; /* Toolbars */
25 color: #000000; /* Light foreground text */
29 #recording-notice button {
33 list-style-image: url("profiler-stopwatch.svg");
36 #empty-notice button[checked],
37 #recording-notice button[checked] {
38 list-style-image: url("profiler-stopwatch-checked.svg");
41 #empty-notice button .button-text,
42 #recording-notice button .button-text {
47 border-top: 1px solid #9C9CFF;
50 .waterfall-list-contents {
51 /* Hack: force hardware acceleration */
52 transform: translateZ(1px);
57 .waterfall-header-contents {
61 .waterfall-background-ticks {
62 /* Background created on a <canvas> in js. */
63 /* @see browser/devtools/timeline/widgets/waterfall.js */
64 background-image: -moz-element(#waterfall-background);
65 background-repeat: repeat-y;
66 background-position: -1px center;
69 .waterfall-marker-container[is-spacer] {
73 .theme-dark .waterfall-marker-container:not([is-spacer]):nth-child(2n) {
74 background-color: rgba(255,255,255,0.03);
77 .theme-light .waterfall-marker-container:not([is-spacer]):nth-child(2n) {
78 background-color: rgba(128,128,128,0.03);
81 .theme-dark .waterfall-marker-container:hover {
82 background-color: rgba(255,255,255,0.1) !important;
85 .theme-light .waterfall-marker-container:hover {
86 background-color: rgba(128,128,128,0.1) !important;
89 .waterfall-marker-item {
94 -moz-border-end: 1px solid;
98 -moz-border-end-color: #9C9CFF;
101 .waterfall-marker-container:hover > .waterfall-sidebar {
102 background-color: transparent;
105 .waterfall-header-name {
109 .waterfall-header-tick {
112 transform-origin: left center;
115 .waterfall-header-tick {
119 .waterfall-header-tick:not(:first-child) {
120 -moz-margin-start: -100px !important; /* Don't affect layout. */
123 .waterfall-marker-bullet {
126 -moz-margin-start: 8px;
127 -moz-margin-end: 6px;
132 .waterfall-marker-name {
134 padding-bottom: 1px !important;
137 .waterfall-marker-bar {
141 transform-origin: left center;
144 .waterfall-marker-container.selected > .waterfall-sidebar,
145 .waterfall-marker-container.selected > .waterfall-marker-item {
146 background-color: #008484; /* Select Highlight Blue */
147 color: #FFCF00; /* Light foreground text */
150 .waterfall-marker-container.selected .waterfall-marker-bullet,
151 .waterfall-marker-container.selected .waterfall-marker-bar {
152 border-color: initial!important;
155 #timeline-waterfall-details {
156 -moz-padding-start: 8px;
157 -moz-padding-end: 8px;
162 .marker-details-bullet {
170 .marker-details-start,
172 .marker-details-duration {
176 .marker-details-labelname {
177 -moz-padding-end: 4px;
180 .marker-details-type {
185 .marker-details-duration {