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 .fa {
  79     font-size: 14px;
  80 }
  81
  82 .x-tab-icon-el-default {
  83     color: #000;
  84     font-size: 14px;
  85     margin-top: 2px;
  86 }