background-color: LightYellow;
}
+.proxmox-tags-full .proxmox-tag-light,
+.proxmox-tags-full .proxmox-tag-dark {
+ border-radius: 3px;
+ padding: 1px 6px;
+ margin: 0px 1px;
+ display: inline-block;
+}
+
+.proxmox-tags-full .x-grid-cell-inner-treecolumn .proxmox-tag-light,
+.proxmox-tags-full .x-grid-cell-inner-treecolumn .proxmox-tag-dark {
+ display: inherit;
+}
+
+.x-boundlist-item > .proxmox-tag-light,
+.x-boundlist-item > .proxmox-tag-dark {
+ line-height: 15px;
+}
+
+
+.proxmox-tags-circle .proxmox-tag-light,
+.proxmox-tags-circle .proxmox-tag-dark {
+ margin: 0px 1px;
+ position: relative;
+ top: 2px;
+ border-radius: 6px;
+ height: 12px;
+ width: 12px;
+ display: inline-block;
+ color: transparent !important;
+ overflow: hidden;
+}
+
+.proxmox-tags-none .proxmox-tag-light,
+.proxmox-tags-none .proxmox-tag-dark {
+ display: none;
+}
+
+.proxmox-tags-dense .proxmox-tag-light,
+.proxmox-tags-dense .proxmox-tag-dark {
+ width: 6px;
+ margin-right: 1px;
+ display: inline-block;
+ color: transparent !important;
+ overflow: hidden;
+ vertical-align: bottom;
+}
+
+.proxmox-tags-full .proxmox-tag-light {
+ color: #fff;
+ background-color: #383838;
+}
+
+.proxmox-tags-full .proxmox-tag-dark {
+ color: #000;
+ background-color: #f0f0f0;
+}
+
.x-mask-msg-text {
text-align: center;
}
+.x-window-header-default-top .x-mask {
+ background-color: #f5f5f5B4; /* ~ 0.7 opacity */
+}
.proxmox-disabled-row, .proxmox-disabled-row td {
/*color: #a0a0a0;*/
background-color: #f5e5d8;
}
+.proxmox-good-row {
+ background-color: #21BF4B;
+}
+
/* some icons have to be color manually */
.black {
color: #000;
color: #3892d4;
}
+.eol-notice a:visited {
+ color: inherit;
+}
+.eol-notice > i.fa {
+ position: relative;
+ float: left;
+ margin-right: 5px;
+ font-size: 1.3em;
+}
+
/* reduce chart legend space usage to something more sane */
.x-legend-item {
padding: 0.4em 0.8em 0.4em 1.8em;
background-repeat: no-repeat;
background-position:3px center;
padding-left: 20px;
+ background-size: 16px 16px; /* Chrom* needs both as else it gets cut-off due do non 1:1 ratio */
}
.pmx-itype-icon-memory {
- background-image:url(../images/icon-ram.png);
+ background-image:url(../images/icon-ram.svg);
}
.pmx-itype-icon-processor {
- background-image:url(../images/icon-cpu.png);
+ background-image:url(../images/icon-cpu.svg);
}
.pmx-itype-icon-debian-swirl {
- background-size: 16px;
+ padding-left: 22px;
+ background-size: 16px 16px; /* Chrom* needs both as else it gets cut-off due do non 1:1 ratio */
background-image:url(../images/debian-swirl-openlogo.svg);
}
.pmx-itype-icon-proxmox-x {
- background-size: 16px;
+ padding-left: 22px;
+ background-size: 16px 16px; /* Not really required here, as here WxH is 1:1 but cannot hurt */
background-image:url(../images/proxmox-symbol-x.svg);
}
+.pmx-itype-icon-openid-logo {
+ padding-left: 22px;
+ background-size: 16px 16px;
+ background-image:url(../images/openid-icon-100x100.png);
+}
+
/* change font for config panel back to fontawesome */
.x-treelist-item-expanded > * > * > .x-treelist-item-expander::after,
.x-treelist-item-expander::after {
color: #333;
}
+/* some general helper classes */
+.centered-flex-column {
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ width: 100%;
+ height: 100%;
+}
+
+/* Fix icon/text baseline */
+.x-tab-default {
+ display: inline-flex;
+ align-items: center;
+ justify-content: center;
+}
+.x-tab-default > span {
+ text-align: center;
+ vertical-align: middle;
+}
+.x-tab-button {
+ line-height: unset;
+}
+.x-tab-inner {
+ display: unset;
+ vertical-align: text-top;
+}
+.x-tab-wrap {
+ display: unset;
+}
+.x-tab-default-top {
+ padding: 2px 6px 2px 6px;
+}
+
/* rules for the markdown content, prefix with the .pmx-md class */
.pmx-md {
font-size: 1.0em;
/* markdown tables end */
/* markdown content end */
+
+/* action column fix start */
+.x-action-col-icon {
+ margin: 0 1px;
+ font-size: 14px;
+}
+.x-action-col-icon:before, .x-action-col-icon:after {
+ font-size: 14px;
+}
+.x-action-col-icon:hover:before, .x-action-col-icon:hover:after {
+ text-shadow: 1px 1px 1px #AAA;
+ font-weight: 800;
+}
+.x-action-col-icon:before {
+ color: #555;
+}
+/* action column fix end */