+.line-graph-widget-tooltip {
+ position: absolute;
+ border-radius: 2px;
+ line-height: 15px;
+ -moz-padding-start: 6px;
+ -moz-padding-end: 6px;
+ transform: translateY(-50%);
+ font-size: 0.8rem !important;
+ z-index: 1;
+ pointer-events: none;
+
+ background: #404000;
+}
+
+.line-graph-widget-tooltip[with-arrows=true]::before {
+ content: "";
+ position: absolute;
+ border-top: 3px solid transparent;
+ border-bottom: 3px solid transparent;
+ top: calc(50% - 3px);
+}
+
+.line-graph-widget-tooltip[arrow=start][with-arrows=true]::before {
+ -moz-border-end: 3px solid #9C9CFF;
+ left: -3px;
+}
+
+.line-graph-widget-tooltip[arrow=end][with-arrows=true]::before {
+ -moz-border-start: 3px solid #9C9CFF;
+ right: -3px;
+}
+
+.line-graph-widget-tooltip[type=maximum] {
+ left: 14px;
+}
+
+.line-graph-widget-tooltip[type=minimum] {
+ left: 14px;
+}
+
+.line-graph-widget-tooltip[type=average] {
+ right: 4px;
+}
+
+.line-graph-widget-tooltip > [text=info] {
+ color: var(--theme-content-color2);
+}
+
+.line-graph-widget-tooltip > [text=value] {
+ -moz-margin-start: 3px;
+}
+
+.line-graph-widget-tooltip > [text=metric] {
+ -moz-margin-start: 1px;
+ color: var(--theme-content-color4);
+}
+
+.line-graph-widget-tooltip > [text=value],
+.line-graph-widget-tooltip > [text=metric] {
+/* text-shadow: 1px 0px rgba(255,255,255,0.6),
+ -1px 0px rgba(255,255,255,0.6),
+ 0px -1px rgba(255,255,255,0.6),
+ 0px 1px rgba(255,255,255,0.6);*/
+}
+
+.line-graph-widget-tooltip[type=maximum] > [text=value] {
+ color: var(--theme-highlight-green);
+}
+
+.line-graph-widget-tooltip[type=minimum] > [text=value] {
+ color: var(--theme-highlight-red);
+}
+
+.line-graph-widget-tooltip[type=average] > [text=value] {
+ color: var(--theme-highlight-orange);
+}
+
+/* Bar graph widget */
+
+.bar-graph-widget-legend {
+ position: absolute;
+ top: 4px;
+ left: 8px;
+ color: #A09090;
+ font-size: 0.8rem !important;
+ pointer-events: none;
+}
+
+.bar-graph-widget-legend-item {
+ float: left;
+ -moz-margin-end: 8px;
+}
+
+.bar-graph-widget-legend-item > [view="color"],
+.bar-graph-widget-legend-item > [view="label"] {
+ vertical-align: middle;
+}
+
+.bar-graph-widget-legend-item > [view="color"] {
+ display: inline-block;
+ width: 8px;
+ height: 8px;
+ border: 1px solid #9C9CFF;
+ border-radius: 1px;
+ -moz-margin-end: 4px;
+ pointer-events: none;
+}
+
+.bar-graph-widget-legend-item > [view="label"] {
+/* text-shadow: 1px 0px rgba(255,255,255,0.8),
+ -1px 0px rgba(255,255,255,0.8),
+ 0px -1px rgba(255,255,255,0.8),
+ 0px 1px rgba(255,255,255,0.8);*/
+}
+
+/* Charts */
+
+.generic-chart-container {
+ /* Hack: force hardware acceleration */
+ transform: translateZ(1px);
+}
+
+.generic-chart-container {
+ color: var(--theme-body-color-alt);
+}
+
+.chart-colored-blob {
+ fill: var(--theme-highlight-blue);
+ background: var(--theme-highlight-blue);
+}
+
+/* Charts: Pie */
+
+.pie-chart-slice {
+ stroke-width: 1px;
+ cursor: pointer;
+}
+
+.pie-chart-slice {
+ stroke: #A09090;
+}
+
+.pie-chart-slice[largest] {
+ stroke-width: 2px;
+ stroke: #9C9CFF;
+}
+
+.pie-chart-label {
+ text-anchor: middle;
+ dominant-baseline: middle;
+ pointer-events: none;
+}
+
+.pie-chart-label {
+ fill: #000;
+}
+
+.pie-chart-container[slices="1"] > .pie-chart-slice {
+ stroke-width: 0px;
+}
+
+.pie-chart-slice,
+.pie-chart-label {
+ transition: all 0.1s ease-out;
+}
+
+.pie-chart-slice:not(:hover):not([focused]),
+.pie-chart-slice:not(:hover):not([focused]) + .pie-chart-label {
+ transform: none !important;
+}
+
+/* Charts: Table */
+
+.table-chart-title {
+ padding-bottom: 10px;
+ font-size: 120%;
+ font-weight: 600;
+}
+
+.table-chart-row {
+ margin-top: 1px;
+ cursor: pointer;
+}
+
+.table-chart-grid:hover > .table-chart-row {
+ transition: opacity 0.1s ease-in-out;
+}
+
+.table-chart-grid:not(:hover) > .table-chart-row {
+ transition: opacity 0.2s ease-in-out;
+}
+
+.generic-chart-container:hover > .table-chart-grid:hover > .table-chart-row:not(:hover),
+.generic-chart-container:hover ~ .table-chart-container > .table-chart-grid > .table-chart-row:not([focused]) {
+ opacity: 0.4;
+}
+
+.table-chart-row-box {
+ width: 8px;
+ height: 1.5em;
+ -moz-margin-end: 10px;
+}
+
+.table-chart-row-label {
+ width: 8em;
+ -moz-padding-end: 6px;
+ cursor: inherit;
+}
+
+.table-chart-totals {
+ margin-top: 8px;
+ padding-top: 6px;
+}
+
+.table-chart-totals {
+ border-top: 1px solid var(--theme-body-color-alt); /* Grey foreground text */
+}
+
+.table-chart-summary-label {
+ font-weight: 600;
+ padding: 1px 0px;
+}
+
+.table-chart-summary-label {
+ color: var(--theme-content-color2);
+}
+
+/* Table Widget */
+
+/* Table body */
+
+.table-widget-body > .devtools-side-splitter {