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 .info-blue {
  52     color: #3892d4;
  53 }
  54
  55 /* reduce chart legend space usage to something more sane */
  56 .x-legend-item {
  57         padding: 0.4em 0.8em 0.4em 1.8em;
  58 }
  59
  60 .x-legend-item-marker {
  61         left: 0.5em;
  62         top: 0.6em;
  63 }
  64
  65 /* for info widget */
  66 div.left-aligned {
  67     float: left;
  68 }
  69
  70 div.right-aligned {
  71     float: right;
  72 }
  73
  74 .x-progress.critical .x-progress-bar{
  75     background-color: #FF8888;
  76 }
  77
  78 .x-progress.warning .x-progress-bar{
  79     background-color: #FFCC00;
  80 }
  81
  82 .x-treelist-item-icon {
  83     color: #000;
  84     font-size: 14px;
  85 }
  86
  87 .x-btn-icon-el-default-toolbar-small {
  88     font-size: 14px;
  89 }
  90 .x-btn-icon-el-default-small {
  91     font-size: 14px;
  92 }
  93
  94 .x-tab-icon-el-default {
  95     color: #000;
  96     font-size: 14px;
  97     margin-top: 2px;
  98 }
  99
 100 .pmx-icon {
 101     height: 16px;
 102     background-position: bottom;
 103     vertical-align: bottom;
 104     padding: 0;
 105 }
 106
 107 .pmx-itype-icon-memory,
 108 .pmx-itype-icon-processor
 109 {
 110     background-repeat: no-repeat;
 111     background-position:3px center;
 112     padding-left: 20px;
 113 }
 114
 115 .pmx-itype-icon-memory
 116 {
 117     background-image:url(../images/icon-ram.png);
 118 }
 119
 120 .pmx-itype-icon-processor
 121 {
 122     background-image:url(../images/icon-cpu.png);
 123 }
 124
 125 /* change font for config panel back to fontawesome */
 126 .x-treelist-item-expanded > * > * > .x-treelist-item-expander::after,
 127 .x-treelist-item-expander::after {
 128     font: 16px/1 FontAwesome;
 129 }
 130
 131 .x-treelist-pve-nav {
 132     background-color: #f5f5f5;
 133 }
 134
 135 /* fix padding for legend in header */
 136 .x-legend-inner {
 137     padding: 0;
 138 }
 139
 140 .proxmox-apt-repos .x-grid-group-hd {
 141     color: #000000;
 142     background-color: #f5f5f5;
 143 }
 144 .proxmox-apt-repos .x-grid-group-title {
 145     color: #333;
 146 }
 147
 148 /* rules for the markdown content, prefix with the .pmx-md class */
 149 .pmx-md {
 150     font-size: 1.0em;
 151     line-height: 1.25em;
 152 }
 153 .pmx-md p {
 154     margin-top: 0.75em;
 155     margin-bottom: 0.75em;
 156 }
 157 .pmx-md :is(h1, h2, h3, h4, h5, h6) {
 158     margin-top: 0.9em;
 159     margin-bottom: 0.75em;
 160 }
 161 .pmx-md h1 { font-size: 175%; }
 162 .pmx-md h2 { font-size: 150%; }
 163 .pmx-md h3 { font-size: 125%; }
 164 .pmx-md h4 { font-size: 110%; }
 165 .pmx-md h5 { font-size: 100%; }
 166 .pmx-md h6 { font-size: 100%; }
 167
 168 .pmx-md code {
 169     white-space: pre;
 170     background-color: #f5f5f5;
 171     padding: 1px;
 172 }
 173 .pmx-md pre code {
 174     display: inline-block;
 175     padding: 5px;
 176     border-left: 3px solid #e0e0e0;
 177 }
 178 .pmx-md strong {
 179     font-weight: bold;
 180 }
 181 .pmx-md blockquote {
 182     border-left: 1px solid #666666;
 183     padding-left: 4px;
 184     margin: 10px 2ch;
 185 }
 186 /* markdown tables */
 187 .pmx-md table {
 188     border-spacing: 0;
 189     border-collapse: collapse;
 190 }
 191 .pmx-md td, .pmx-md th {
 192     padding: 5px;
 193 }
 194 .pmx-md td[align="center"] {
 195     text-align: center;
 196 }
 197 .pmx-md td[align="right"] {
 198     text-align: right;
 199 }
 200 .pmx-md tbody td {
 201     border-bottom: 1px solid #e0e0e0;
 202 }
 203 .pmx-md tbody tr:nth-of-type(even) {
 204     background-color: #f5f5f5;
 205 }
 206 .pmx-md tbody tr:last-of-type td {
 207     border-bottom: 1px solid #666666;
 208 }
 209 .pmx-md tbody tr:hover td {
 210     background-color: #e0e0e0;
 211 }
 212 /* markdown tables end */
 213
 214 /* markdown content end */