src/css/ext6-pmx.css

   1 .pmx-clear-trigger {
   2     background-image: url(../images/pmx-clear-trigger.png);
   3 }
   4
   5 .pmx-hint {
   6     background-color: LightYellow;
   7 }
   8
   9 .x-mask-msg-text {
  10     text-align: center;
  11 }
  12
  13 .proxmox-invalid-row {
  14     background-color: #f3d6d7;
  15 }
  16
  17 .proxmox-warning-row {
  18     background-color: #f5e5d8;
  19 }
  20
  21 /* some icons have to be color manually */
  22 .black {
  23     color: #000;
  24 }
  25
  26 .normal {
  27     color: #c2ddf2;
  28 }
  29
  30 .faded {
  31     color: #cfcfcf;
  32 }
  33
  34 .good {
  35     color: #21BF4B;
  36 }
  37
  38 .warning {
  39     color: #fc0;
  40 }
  41
  42 .critical {
  43     color: #FF6C59;
  44 }
  45
  46 /* reduce chart legend space usage to something more sane */
  47 .x-legend-item {
  48         padding: 0.4em 0.8em 0.4em 1.8em;
  49 }
  50
  51 .x-legend-item-marker {
  52         left: 0.5em;
  53         top: 0.6em;
  54 }
  55
  56 /* for info widget */
  57 div.left-aligned {
  58     float: left;
  59 }
  60
  61 div.right-aligned {
  62     float: right;
  63 }
  64
  65 .x-progress.critical .x-progress-bar{
  66     background-color: #FF8888;
  67 }
  68
  69 .x-progress.warning .x-progress-bar{
  70     background-color: #FFCC00;
  71 }
  72
  73 .x-treelist-item-icon {
  74     color: #000;
  75     font-size: 14px;
  76 }
  77
  78 .x-btn-icon-el-default-toolbar-small {
  79     font-size: 14px;
  80 }
  81 .x-btn-icon-el-default-small {
  82     font-size: 14px;
  83 }
  84
  85 .x-tab-icon-el-default {
  86     color: #000;
  87     font-size: 14px;
  88     margin-top: 2px;
  89 }
  90
  91 .pmx-icon {
  92     height: 16px;
  93     background-position: bottom;
  94     vertical-align: bottom;
  95     padding: 0;
  96 }
  97
  98 .pmx-itype-icon-memory,
  99 .pmx-itype-icon-processor
 100 {
 101     background-repeat: no-repeat;
 102     background-position:3px center;
 103     padding-left: 20px;
 104 }
 105
 106 .pmx-itype-icon-memory
 107 {
 108     background-image:url(../images/icon-ram.png);
 109 }
 110
 111 .pmx-itype-icon-processor
 112 {
 113     background-image:url(../images/icon-cpu.png);
 114 }
 115
 116 /* change font for config panel back to fontawesome */
 117 .x-treelist-item-expanded > * > * > .x-treelist-item-expander::after,
 118 .x-treelist-item-expander::after {
 119     font: 16px/1 FontAwesome;
 120 }
 121
 122 .x-treelist-pve-nav {
 123     background-color: #f5f5f5;
 124 }
 125
 126 /* fix padding for legend in header */
 127 .x-legend-inner {
 128     padding: 0;
 129 }