proxmox-widget-toolkit/src/css/ext6-pmx.css
Dominik Csapak 9354dc13a2 add info widget from pve
we want to reuse that, so copy it here and rename it to pmxInfoWidget

Signed-off-by: Dominik Csapak <d.csapak@proxmox.com>
2020-10-23 20:34:14 +02:00

72 lines
942 B
CSS

.pmx-clear-trigger {
background-image: url(../images/pmx-clear-trigger.png);
}
.pmx-hint {
background-color: LightYellow;
}
.x-mask-msg-text {
text-align: center;
}
.proxmox-invalid-row {
background-color: #f3d6d7;
}
.proxmox-warning-row {
background-color: #f5e5d8;
}
/* some icons have to be color manually */
.black {
color: #000;
}
.normal {
color: #c2ddf2;
}
.faded {
color: #cfcfcf;
}
.good {
color: #21BF4B;
}
.warning {
color: #fc0;
}
.critical {
color: #FF6C59;
}
/* reduce chart legend space usage to something more sane */
.x-legend-item {
padding: 0.4em 0.8em 0.4em 1.8em;
}
.x-legend-item-marker {
left: 0.5em;
top: 0.6em;
}
/* for info widget */
div.left-aligned {
float: left;
}
div.right-aligned {
float: right;
}
.x-progress.critical .x-progress-bar{
background-color: #FF8888;
}
.x-progress.warning .x-progress-bar{
background-color: #FFCC00;
}