integrate marked as markdown parser

[proxmox-widget-toolkit.git] / src / css / ext6-pmx.css

diff --git a/src/css/ext6-pmx.css b/src/css/ext6-pmx.css
index a7d446b9a2b41deef5b073462ac2a49cc7a93650..09ec11c415aad8d714e99bf3062568c3a6f692c7 100644 (file)
--- a/src/css/ext6-pmx.css
+++ b/src/css/ext6-pmx.css
@@ -14,6 +14,10 @@
     background-color: #f3d6d7;
 }
 
+.proxmox-warning-row {
+    background-color: #f5e5d8;
+}
+
 /* some icons have to be color manually */
 .black {
     color: #000;
@@ -48,3 +52,95 @@
        left: 0.5em;
        top: 0.6em;
 }
+
+/* for info widget */
+div.left-aligned {
+    float: left;
+}
+
+div.right-aligned {
+    float: right;
+}
+
+.x-progress.critical .x-progress-bar{
+    background-color: #FF8888;
+}
+
+.x-progress.warning .x-progress-bar{
+    background-color: #FFCC00;
+}
+
+.x-treelist-item-icon {
+    color: #000;
+    font-size: 14px;
+}
+
+.x-btn-icon-el-default-toolbar-small {
+    font-size: 14px;
+}
+.x-btn-icon-el-default-small {
+    font-size: 14px;
+}
+
+.x-tab-icon-el-default {
+    color: #000;
+    font-size: 14px;
+    margin-top: 2px;
+}
+
+.pmx-icon {
+    height: 16px;
+    background-position: bottom;
+    vertical-align: bottom;
+    padding: 0;
+}
+
+.pmx-itype-icon-memory,
+.pmx-itype-icon-processor
+{
+    background-repeat: no-repeat;
+    background-position:3px center;
+    padding-left: 20px;
+}
+
+.pmx-itype-icon-memory
+{
+    background-image:url(../images/icon-ram.png);
+}
+
+.pmx-itype-icon-processor
+{
+    background-image:url(../images/icon-cpu.png);
+}
+
+/* change font for config panel back to fontawesome */
+.x-treelist-item-expanded > * > * > .x-treelist-item-expander::after,
+.x-treelist-item-expander::after {
+    font: 16px/1 FontAwesome;
+}
+
+.x-treelist-pve-nav {
+    background-color: #f5f5f5;
+}
+
+/* fix padding for legend in header */
+.x-legend-inner {
+    padding: 0;
+}
+
+/* rules for the markdown content, prefix with the .pmx-md class */
+.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;
+}