color: #FF6C59;
}
+.info-blue {
+ color: #3892d4;
+}
+
+.pwt-eol-icon {
+ position: relative;
+ float: left;
+ margin-right: 5px;
+ font-size: 1.3em;
+ color: #FF6C59;
+}
+
/* reduce chart legend space usage to something more sane */
.x-legend-item {
padding: 0.4em 0.8em 0.4em 1.8em;
}
.pmx-itype-icon-memory,
-.pmx-itype-icon-processor
+.pmx-itype-icon-processor,
+.pmx-itype-icon /* NOTE: use this one instead of adding new specific ones! */
{
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);
+.pmx-itype-icon-memory {
+ background-image:url(../images/icon-ram.svg);
}
-.pmx-itype-icon-processor
-{
- background-image:url(../images/icon-cpu.png);
+.pmx-itype-icon-processor {
+ background-image:url(../images/icon-cpu.svg);
+}
+
+.pmx-itype-icon-debian-swirl {
+ 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 {
+ 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 */
color: #333;
}
+/* some general helper classes */
+.centered-flex-column {
+ display: flex;
+ justify-content: center;
+ flex-direction: column;
+ width: 100%;
+ height: 100%;
+}
+
/* rules for the markdown content, prefix with the .pmx-md class */
+.pmx-md {
+ font-size: 1.0em;
+ line-height: 1.25em;
+}
+.pmx-md p {
+ margin-top: 0.75em;
+ margin-bottom: 0.75em;
+}
+.pmx-md :is(h1, h2, h3, h4, h5, h6) {
+ margin-top: 0.9em;
+ margin-bottom: 0.75em;
+}
+.pmx-md h1 { font-size: 175%; }
+.pmx-md h2 { font-size: 150%; }
+.pmx-md h3 { font-size: 125%; }
+.pmx-md h4 { font-size: 110%; }
+.pmx-md h5 { font-size: 100%; }
+.pmx-md h6 { font-size: 100%; }
+
.pmx-md code {
white-space: pre;
background-color: #f5f5f5;
padding: 1px;
}
-
.pmx-md pre code {
display: inline-block;
padding: 5px;
border-left: 3px solid #e0e0e0;
}
-
.pmx-md strong {
font-weight: bold;
}
-
.pmx-md blockquote {
border-left: 1px solid #666666;
padding-left: 4px;
margin: 10px 2ch;
}
-
/* markdown tables */
.pmx-md table {
border-spacing: 0;
.pmx-md tbody tr:hover td {
background-color: #e0e0e0;
}
+/* markdown tables end */
+
+/* markdown content end */