]>
git.proxmox.com Git - proxmox-widget-toolkit.git/blob - src/css/ext6-pmx.css
7c39c1085803996884e3a21f74fa748a20411d35
2 background-image: url
(../images
/pmx-clear-trigger
.png
);
6 background-color: LightYellow
;
13 .proxmox-disabled-row, .proxmox-disabled-row td {
18 .proxmox-invalid-row {
19 background-color: #f3d6d7;
22 .proxmox-warning-row {
23 background-color: #f5e5d8;
26 /* some icons have to be color manually */
55 /* reduce chart legend space usage to something more sane */
57 padding: 0.4em 0.8em 0.4em 1.8em;
60 .x-legend-item-marker {
74 .x-progress.critical .x-progress-bar{
75 background-color: #FF8888;
78 .x-progress.warning .x-progress-bar{
79 background-color: #FFCC00;
82 .x-treelist-item-icon {
87 .x-btn-icon-el-default-toolbar-small {
90 .x-btn-icon-el-default-small {
94 .x-tab-icon-el-default {
102 background-position: bottom
;
103 vertical-align: bottom
;
107 .pmx-itype-icon-memory
,
108 .pmx-itype-icon-processor
,
109 .pmx-itype-icon
/* NOTE: use this one instead of adding new specific ones! */
111 background-repeat: no-repeat
;
112 background-position:3px center
;
116 .pmx-itype-icon-memory {
117 background-image:url
(../images
/icon-ram
.png
);
120 .pmx-itype-icon-processor {
121 background-image:url
(../images
/icon-cpu
.png
);
124 .pmx-itype-icon-debian-swirl {
125 background-size: 16px;
126 background-image:url
(../images
/debian-swirl-openlogo
.svg
);
128 .pmx-itype-icon-proxmox-x {
129 background-size: 16px;
130 background-image:url
(../images
/proxmox-symbol-x
.svg
);
133 /* change font for config panel back to fontawesome */
134 .x-treelist-item-expanded
> * > * > .x-treelist-item-expander::after
,
135 .x-treelist-item-expander::after {
136 font: 16px/1 FontAwesome
;
139 .x-treelist-pve-nav {
140 background-color: #f5f5f5;
143 /* fix padding for legend in header */
148 .proxmox-apt-repos .x-grid-group-hd {
150 background-color: #f5f5f5;
152 .proxmox-apt-repos .x-grid-group-title {
156 /* rules for the markdown content, prefix with the .pmx-md class */
163 margin-bottom: 0.75em;
165 .pmx-md :is(h1, h2, h3, h4, h5, h6) {
167 margin-bottom: 0.75em;
169 .pmx-md h1 { font-size: 175%; }
170 .pmx-md h2 { font-size: 150%; }
171 .pmx-md h3 { font-size: 125%; }
172 .pmx-md h4 { font-size: 110%; }
173 .pmx-md h5 { font-size: 100%; }
174 .pmx-md h6 { font-size: 100%; }
178 background-color: #f5f5f5;
182 display: inline-block
;
184 border-left: 3px solid
#e0e0e0;
190 border-left: 1px solid
#666666;
194 /* markdown tables */
197 border-collapse: collapse
;
199 .pmx-md td, .pmx-md th {
202 .pmx-md td[align="center"] {
205 .pmx-md td[align="right"] {
209 border-bottom: 1px solid
#e0e0e0;
211 .pmx-md tbody tr:nth-of-type(even) {
212 background-color: #f5f5f5;
214 .pmx-md tbody tr:last-of-type td {
215 border-bottom: 1px solid
#666666;
217 .pmx-md tbody tr:hover td {
218 background-color: #e0e0e0;
220 /* markdown tables end */
222 /* markdown content end */