/* 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"); } #record-button[checked] { list-style-image: url("profiler-stopwatch-checked.svg"); } #record-button:not([checked]) ~ #record-label { visibility: hidden; } .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 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; } .theme-dark .waterfall-marker-container:not([is-spacer]):nth-child(2n) { background-color: rgba(255,255,255,0.03); } .theme-light .waterfall-marker-container:not([is-spacer]):nth-child(2n) { background-color: rgba(128,128,128,0.03); } .theme-dark .waterfall-marker-container:hover { background-color: rgba(255,255,255,0.1) !important; } .theme-light .waterfall-marker-container:hover { background-color: rgba(128,128,128,0.1) !important; } .waterfall-marker-item { overflow: hidden; } .waterfall-sidebar { -moz-border-end: 1px solid; } .waterfall-sidebar { -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; } #timeline-waterfall-details { -moz-padding-start: 8px; -moz-padding-end: 8px; padding-top: 8vh; overflow: auto; } .marker-details-bullet { width: 8px; height: 8px; margin: 0 8px; border: 1px solid; border-radius: 1px; } .marker-details-start, .marker-details-end, .marker-details-duration { 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; }