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-disabled-row, .proxmox-disabled-row td {
  14     /*color: #a0a0a0;*/
  15     color: #666665;
  16 }
  17
  18 .proxmox-invalid-row {
  19     background-color: #f3d6d7;
  20 }
  21
  22 .proxmox-warning-row {
  23     background-color: #f5e5d8;
  24 }
  25
  26 /* some icons have to be color manually */
  27 .black {
  28     color: #000;
  29 }
  30
  31 .normal {
  32     color: #c2ddf2;
  33 }
  34
  35 .faded {
  36     color: #cfcfcf;
  37 }
  38
  39 .good {
  40     color: #21BF4B;
  41 }
  42
  43 .warning {
  44     color: #fc0;
  45 }
  46
  47 .critical {
  48     color: #FF6C59;
  49 }
  50
  51 /* reduce chart legend space usage to something more sane */
  52 .x-legend-item {
  53         padding: 0.4em 0.8em 0.4em 1.8em;
  54 }
  55
  56 .x-legend-item-marker {
  57         left: 0.5em;
  58         top: 0.6em;
  59 }
  60
  61 /* for info widget */
  62 div.left-aligned {
  63     float: left;
  64 }
  65
  66 div.right-aligned {
  67     float: right;
  68 }
  69
  70 .x-progress.critical .x-progress-bar{
  71     background-color: #FF8888;
  72 }
  73
  74 .x-progress.warning .x-progress-bar{
  75     background-color: #FFCC00;
  76 }
  77
  78 .x-treelist-item-icon {
  79     color: #000;
  80     font-size: 14px;
  81 }
  82
  83 .x-btn-icon-el-default-toolbar-small {
  84     font-size: 14px;
  85 }
  86 .x-btn-icon-el-default-small {
  87     font-size: 14px;
  88 }
  89
  90 .x-tab-icon-el-default {
  91     color: #000;
  92     font-size: 14px;
  93     margin-top: 2px;
  94 }
  95
  96 .pmx-icon {
  97     height: 16px;
  98     background-position: bottom;
  99     vertical-align: bottom;
 100     padding: 0;
 101 }
 102
 103 .pmx-itype-icon-memory,
 104 .pmx-itype-icon-processor
 105 {
 106     background-repeat: no-repeat;
 107     background-position:3px center;
 108     padding-left: 20px;
 109 }
 110
 111 .pmx-itype-icon-memory
 112 {
 113     background-image:url(../images/icon-ram.png);
 114 }
 115
 116 .pmx-itype-icon-processor
 117 {
 118     background-image:url(../images/icon-cpu.png);
 119 }
 120
 121 /* change font for config panel back to fontawesome */
 122 .x-treelist-item-expanded > * > * > .x-treelist-item-expander::after,
 123 .x-treelist-item-expander::after {
 124     font: 16px/1 FontAwesome;
 125 }
 126
 127 .x-treelist-pve-nav {
 128     background-color: #f5f5f5;
 129 }
 130
 131 /* fix padding for legend in header */
 132 .x-legend-inner {
 133     padding: 0;
 134 }
 135
 136 /* rules for the markdown content, prefix with the .pmx-md class */
 137 .pmx-md code {
 138     white-space: pre;
 139     background-color: #f5f5f5;
 140     padding: 1px;
 141 }
 142
 143 .pmx-md pre code {
 144     display: inline-block;
 145     padding: 5px;
 146     border-left: 3px solid #e0e0e0;
 147 }
 148
 149 .pmx-md strong {
 150     font-weight: bold;
 151 }
 152
 153 .pmx-md blockquote {
 154     border-left: 1px solid #666666;
 155     padding-left: 4px;
 156     margin: 10px 2ch;
 157 }
 158
 159 /* markdown tables */
 160 .pmx-md table {
 161     border-spacing: 0;
 162     border-collapse: collapse;
 163 }
 164 .pmx-md td, .pmx-md th {
 165     padding: 5px;
 166 }
 167 .pmx-md td[align="center"] {
 168     text-align: center;
 169 }
 170 .pmx-md td[align="right"] {
 171     text-align: right;
 172 }
 173 .pmx-md tbody td {
 174     border-bottom: 1px solid #e0e0e0;
 175 }
 176 .pmx-md tbody tr:nth-of-type(even) {
 177     background-color: #f5f5f5;
 178 }
 179 .pmx-md tbody tr:last-of-type td {
 180     border-bottom: 1px solid #666666;
 181 }
 182 .pmx-md tbody tr:hover td {
 183     background-color: #e0e0e0;
 184 }