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 .waterfall-marker-container:not([is-spacer]):nth-child(2n) {
74 background-color: var(--theme-contrast-background);
77 .waterfall-marker-container:hover {
78 background-color: var(--theme-hover-background) !important;
79 color: var(--theme-hover-color) !important;
82 .waterfall-marker-item {
87 -moz-border-end: 1px solid;
89 -moz-border-end-color: #9C9CFF;
92 .waterfall-marker-container:hover > .waterfall-sidebar {
93 background-color: transparent;
96 .waterfall-header-name {
100 .waterfall-header-tick {
103 transform-origin: left center;
106 .waterfall-header-tick {
110 .waterfall-header-tick:not(:first-child) {
111 -moz-margin-start: -100px !important; /* Don't affect layout. */
114 .waterfall-marker-bullet {
117 -moz-margin-start: 8px;
118 -moz-margin-end: 6px;
123 .waterfall-marker-name {
125 padding-bottom: 1px !important;
128 .waterfall-marker-bar {
132 transform-origin: left center;
135 .waterfall-marker-container.selected > .waterfall-sidebar,
136 .waterfall-marker-container.selected > .waterfall-marker-item {
137 background-color: #008484; /* Select Highlight Blue */
138 color: #FFCF00; /* Light foreground text */
141 .waterfall-marker-container.selected .waterfall-marker-bullet,
142 .waterfall-marker-container.selected .waterfall-marker-bar {
143 border-color: initial !important;
146 #timeline-waterfall-details {
147 -moz-padding-start: 8px;
148 -moz-padding-end: 8px;
153 .marker-details-bullet {
161 .marker-details-start,
163 .marker-details-duration {
167 .marker-details-labelname {
168 -moz-padding-end: 4px;
171 .marker-details-type {
176 .marker-details-duration {