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;
96 -moz-border-end-color: #9C9CFF;
99 .waterfall-marker-container:hover > .waterfall-sidebar {
100 background-color: transparent;
103 .waterfall-header-name {
107 .waterfall-header-tick {
110 transform-origin: left center;
113 .waterfall-header-tick {
117 .waterfall-header-tick:not(:first-child) {
118 -moz-margin-start: -100px !important; /* Don't affect layout. */
121 .waterfall-marker-bullet {
124 -moz-margin-start: 8px;
125 -moz-margin-end: 6px;
130 .waterfall-marker-name {
132 padding-bottom: 1px !important;
135 .waterfall-marker-bar {
139 transform-origin: left center;
142 .waterfall-marker-container.selected > .waterfall-sidebar,
143 .waterfall-marker-container.selected > .waterfall-marker-item {
144 background-color: #008484; /* Select Highlight Blue */
145 color: #FFCF00; /* Light foreground text */
148 .waterfall-marker-container.selected .waterfall-marker-bullet,
149 .waterfall-marker-container.selected .waterfall-marker-bar {
150 border-color: initial!important;
153 #timeline-waterfall-details {
154 -moz-padding-start: 8px;
155 -moz-padding-end: 8px;
160 .marker-details-bullet {
168 .marker-details-start,
170 .marker-details-duration {
174 .marker-details-labelname {
175 -moz-padding-end: 4px;
178 .marker-details-type {
183 .marker-details-duration {