-/* vim:set ts=2 sw=2 sts=2 et: */
-/* This Source Code Form is subject to the terms of the Mozilla Public
- * License, v. 2.0. If a copy of the MPL was not distributed with this file,
- * You can obtain one at http://mozilla.org/MPL/2.0/. */
-
-#record-button {
- list-style-image: url("profiler-stopwatch.svg");
- min-width: 24px;
-}
-
-#record-button[checked] {
- list-style-image: url("profiler-stopwatch-checked.svg");
-}
-
-#record-button:not([checked]) ~ #record-label {
- visibility: hidden;
-}
-
-#memory-checkbox .checkbox-label {
- line-height: 100%;
-}
-
-#filter-button {
- list-style-image: url(timeline-filter.svg#filter);
- min-width: 24px;
-}
-
-#filter-button[disabled] {
- list-style-image: url(timeline-filter.svg#filter-disabled);
-}
-
-#filter-button:not([disabled]):hover,
-#filter-button[open] {
- list-style-image: url(timeline-filter.svg#filter-open);
-}
-
-#timelineFilterPopup > menuitem:before {
- content: "";
- display: block;
- width: 8px;
- height: 8px;
- margin: 0 8px;
- border: 1px solid;
- border-radius: 1px;
- background-color: var(--bullet-bg);
- border-color: var(--bullet-border);
-}
-
-.notice-container {
- font-size: 120%;
- padding-bottom: 35vh;
-}
-
-.notice-container {
- background: #A09090; /* Toolbars */
- color: #000000; /* Light foreground text */
-}
-
-#empty-notice button,
-#recording-notice button {
- min-width: 30px;
- min-height: 28px;
- margin: 0;
- list-style-image: url("profiler-stopwatch.svg");
-}
-
-#empty-notice button[checked],
-#recording-notice button[checked] {
- list-style-image: url("profiler-stopwatch-checked.svg");
-}
-
-#empty-notice button .button-text,
-#recording-notice button .button-text {
- display: none;
-}
-
-#timeline-pane {
- border-top: 1px solid #9C9CFF;
-}
-
-.waterfall-list-contents {
- /* Hack: force hardware acceleration */
- transform: translateZ(1px);
- overflow-x: hidden;
- overflow-y: auto;
-}
-
-.waterfall-header-contents {
- overflow-x: hidden;
-}
-
-.waterfall-background-ticks {
- /* Background created on a <canvas> in js. */
- /* @see browser/devtools/timeline/widgets/waterfall.js */
- background-image: -moz-element(#waterfall-background);
- background-repeat: repeat-y;
- background-position: -1px center;
-}
-
-.waterfall-marker-container[is-spacer] {
- pointer-events: none;
-}
-
-.waterfall-marker-container:not([is-spacer]):nth-child(2n) {
- background-color: var(--theme-contrast-background);
-}
-
-.waterfall-marker-container:hover {
- background-color: var(--theme-hover-background) !important;
- color: var(--theme-hover-color) !important;
-}
-
-.waterfall-marker-item {
- overflow: hidden;
-}
-
-.waterfall-sidebar {
- -moz-border-end: 1px solid;
-
- -moz-border-end-color: #9C9CFF;
-}
-
-.waterfall-marker-container:hover > .waterfall-sidebar {
- background-color: transparent;
-}
-
-.waterfall-header-name {
- padding: 4px;
-}
-
-.waterfall-header-tick {
- width: 100px;
- font-size: 9px;
- transform-origin: left center;
-}
-
-.waterfall-header-tick {
- color: #FF9F00;
-}
-
-.waterfall-header-tick:not(:first-child) {
- -moz-margin-start: -100px !important; /* Don't affect layout. */
-}
-
-.waterfall-marker-bullet {
- width: 8px;
- height: 8px;
- -moz-margin-start: 8px;
- -moz-margin-end: 6px;
- border: 1px solid;
- border-radius: 1px;
-}
-
-.waterfall-marker-name {
- font-size: 95%;
- padding-bottom: 1px !important;
-}
-
-.waterfall-marker-bar {
- height: 9px;
- border: 1px solid;
- border-radius: 1px;
- transform-origin: left center;
-}
-
-.waterfall-marker-container.selected > .waterfall-sidebar,
-.waterfall-marker-container.selected > .waterfall-marker-item {
- background-color: #008484; /* Select Highlight Blue */
- color: #FFCF00; /* Light foreground text */
-}
-
-.waterfall-marker-container.selected .waterfall-marker-bullet,
-.waterfall-marker-container.selected .waterfall-marker-bar {
- border-color: initial !important;
-}
-
-.waterfall-marker-location {
- color: #3333FF;
-}
-
-.waterfall-marker-location:hover,
-.waterfall-marker-location:focus {
- text-decoration: underline;
-}
-
-#timeline-waterfall-details {
- -moz-padding-start: 8px;
- -moz-padding-end: 8px;
- padding-top: 2vh;
- overflow: auto;
-}
-
-.marker-details-bullet {
- width: 8px;
- height: 8px;
- border: 1px solid;
- border-radius: 1px;
-}
-
-#timeline-waterfall-details > * {
- padding-top: 3px;
-}
-
-.marker-details-labelname {
- -moz-padding-end: 4px;
-}
-
-.marker-details-type {
- font-size: 1.2em;
- font-weight: bold;
-}
-
-.marker-details-duration {
- font-weight: bold;
-}