You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
149 lines
2.9 KiB
149 lines
2.9 KiB
<style>
|
|
.pm-x-min-label {
|
|
text-align: left;
|
|
vertical-align: top;
|
|
padding-left: 0px;
|
|
}
|
|
|
|
.pm-x-max-label {
|
|
text-align: right;
|
|
vertical-align: top;
|
|
padding-right: 0px;
|
|
}
|
|
|
|
.pm-y-max-label {
|
|
text-align: right;
|
|
vertical-align: top;
|
|
padding-top: 0px;
|
|
}
|
|
|
|
.pm-y-min-label {
|
|
text-align: right;
|
|
vertical-align: bottom;
|
|
padding-bottom: 0px;
|
|
}
|
|
|
|
.pm-dark-style .pm-chart-axis-label {
|
|
color: #FFFFFF;
|
|
}
|
|
|
|
.pm-light-style .pm-chart-axis-label {
|
|
color: #888888;
|
|
}
|
|
|
|
.pm-light-style .pm-legend {
|
|
color: #888888;
|
|
}
|
|
|
|
.pm-dark-style .pm-legend {
|
|
color: #E4E4E4;
|
|
}
|
|
|
|
.pm-legend {
|
|
font-weight: normal;
|
|
font-size: 10px;
|
|
font-family: Lato, sans-serif;
|
|
}
|
|
|
|
.pm-legend-global {
|
|
float: left;
|
|
clear: both;
|
|
height: 5px;
|
|
width: 25px;
|
|
}
|
|
|
|
.pm-dark-style .pm-legend-global-inner {
|
|
background: #909090;
|
|
}
|
|
|
|
.pm-dark-style .pm-legend-global-outer {
|
|
background: #7A7A7A;
|
|
}
|
|
|
|
.pm-dark-style .pm-legend-specific {
|
|
background: #FFFFFF;
|
|
}
|
|
|
|
.pm-light-style .pm-legend-specific {
|
|
background: #333333;
|
|
}
|
|
|
|
.pm-light-style .pm-legend-global-inner {
|
|
background: #D4D3D4;
|
|
}
|
|
|
|
.pm-light-style .pm-legend-global-outer {
|
|
background: #ECECEC;
|
|
}
|
|
|
|
|
|
.pm-chart-axis-label {
|
|
font-weight: normal;
|
|
font-size: 10px;
|
|
font-family: Lato, sans-serif;
|
|
}
|
|
|
|
.pm-chart-plot-wrapper {
|
|
border-top: 1px solid #444444;
|
|
border-bottom: 1px solid #444444;
|
|
}
|
|
|
|
.pm-search-message-container {
|
|
position: relative;
|
|
top: -90px;
|
|
}
|
|
|
|
.pm-chart-layout .splunk-message-container.compact {
|
|
padding-bottom: 0px;
|
|
}
|
|
</style>
|
|
<table class="pm-chart-layout">
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="3" class="pm-legend">
|
|
<div style="float:right;">
|
|
<div style="margin-right:3px;display:inline-block;">
|
|
<span>This Node</span>
|
|
<div class="pm-legend-specific" style="display:inline-block;vertical-align:middle;height:2px;width:25px;"> </div>
|
|
</div>
|
|
<div style="display:inline-block;">
|
|
<span>Global</span>
|
|
<div style="display:inline-block;vertical-align:baseline;height:10px;width:25px;">
|
|
<div class="pm-legend-global pm-legend-global-outer"></div>
|
|
<div class="pm-legend-global pm-legend-global-inner"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="pm-y-max-label pm-chart-axis-label">
|
|
100
|
|
</td>
|
|
<td rowspan="2" colspan="2">
|
|
<div class="pm-chart-plot-wrapper" style="height:80px;">
|
|
<svg height="80" width="250">
|
|
<g class="pm-distribution-graph-container"></g>
|
|
<g class="pm-specific-graph-container"></g>
|
|
</svg>
|
|
</div>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="pm-y-min-label pm-chart-axis-label">
|
|
0
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td></td>
|
|
<td class="pm-x-min-label pm-chart-axis-label">
|
|
-24h
|
|
</td>
|
|
<td class="pm-x-max-label pm-chart-axis-label">
|
|
now
|
|
</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
<div class="pm-specific-search-message-container pm-search-message-container"></div>
|
|
<div class="pm-distribution-search-message-container pm-search-message-container"></div> |