summaryrefslogtreecommitdiffstats
path: root/devtools/client/webide/themes/monitor.css
diff options
context:
space:
mode:
Diffstat (limited to 'devtools/client/webide/themes/monitor.css')
-rw-r--r--devtools/client/webide/themes/monitor.css86
1 files changed, 86 insertions, 0 deletions
diff --git a/devtools/client/webide/themes/monitor.css b/devtools/client/webide/themes/monitor.css
new file mode 100644
index 000000000..ba4b298ed
--- /dev/null
+++ b/devtools/client/webide/themes/monitor.css
@@ -0,0 +1,86 @@
+/* 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/. */
+
+/* Graph */
+.graph {
+ height: 500px;
+ width: 100%;
+ padding-top: 20px;
+ padding-bottom: 20px;
+ margin-bottom: 30px;
+ background-color: white;
+}
+.graph > svg, .sidebar {
+ display: inline-block;
+ vertical-align: top;
+}
+.disabled {
+ opacity: 0.5;
+}
+.graph.disabled {
+ height: 30px;
+}
+.graph.disabled > svg {
+ visibility: hidden;
+}
+.curve path, .event-slot line {
+ fill: none;
+ stroke-width: 1.5px;
+}
+.axis line {
+ fill: none;
+ stroke: #000;
+ shape-rendering: crispEdges;
+}
+.axis path {
+ fill: none;
+ stroke: black;
+ stroke-width: 1px;
+ shape-rendering: crispEdges;
+}
+.tick text, .x.ruler text, .y.ruler text {
+ font-size: 0.9em;
+}
+.x.ruler text {
+ text-anchor: middle;
+}
+.y.ruler text {
+ text-anchor: end;
+}
+
+/* Sidebar */
+.sidebar {
+ width: 150px;
+ overflow-x: hidden;
+}
+.sidebar label {
+ cursor: pointer;
+ display: block;
+}
+.sidebar span:not(.color) {
+ vertical-align: 13%;
+}
+.sidebar input {
+ visibility: hidden;
+}
+.sidebar input:hover {
+ visibility: visible;
+}
+.graph-title {
+ margin-top: 5px;
+ font-size: 1.2em;
+}
+.legend-color {
+ display: inline-block;
+ height: 10px;
+ width: 10px;
+ margin-left: 1px;
+ margin-right: 3px;
+}
+.legend-id {
+ font-size: .9em;
+}
+.graph.disabled > .sidebar > .legend {
+ display: none;
+}