]> git.proxmox.com Git - proxmox-widget-toolkit.git/blame - src/css/ext6-pmx.css
apt repositories: replace OfficialHost with Origin
[proxmox-widget-toolkit.git] / src / css / ext6-pmx.css
CommitLineData
94953ba8
DC
1.pmx-clear-trigger {
2 background-image: url(../images/pmx-clear-trigger.png);
3}
3e8c6d3c
SI
4
5.pmx-hint {
6 background-color: LightYellow;
7}
dca21e59
TL
8
9.x-mask-msg-text {
10 text-align: center;
11}
88725b27 12
89de7ec5
TL
13.proxmox-disabled-row, .proxmox-disabled-row td {
14 /*color: #a0a0a0;*/
15 color: #666665;
16}
17
88725b27
TL
18.proxmox-invalid-row {
19 background-color: #f3d6d7;
20}
6d812e6d 21
b1d446d0
DC
22.proxmox-warning-row {
23 background-color: #f5e5d8;
24}
25
6d812e6d
DC
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}
9f1b3a70 50
9e059d56
DC
51.info-blue {
52 color: #3892d4;
53}
54
9f1b3a70
TL
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}
9354dc13
DC
64
65/* for info widget */
66div.left-aligned {
67 float: left;
68}
69
70div.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}
7bb32b58
TL
81
82.x-treelist-item-icon {
83 color: #000;
84 font-size: 14px;
85}
86
abbb4818
TL
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
7bb32b58
TL
94.x-tab-icon-el-default {
95 color: #000;
96 font-size: 14px;
97 margin-top: 2px;
98}
bf147dcc
DC
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}
ee480147
DC
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}
fef7d024
DC
134
135/* fix padding for legend in header */
136.x-legend-inner {
137 padding: 0;
138}
51a2f11c 139
994fe897
TL
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
51a2f11c
TL
148/* rules for the markdown content, prefix with the .pmx-md class */
149.pmx-md code {
150 white-space: pre;
151 background-color: #f5f5f5;
152 padding: 1px;
153}
154
155.pmx-md pre code {
156 display: inline-block;
157 padding: 5px;
158 border-left: 3px solid #e0e0e0;
159}
160
161.pmx-md strong {
162 font-weight: bold;
163}
d1c4a738 164
f869d73e
TL
165.pmx-md blockquote {
166 border-left: 1px solid #666666;
167 padding-left: 4px;
168 margin: 10px 2ch;
169}
170
d1c4a738
TL
171/* markdown tables */
172.pmx-md table {
173 border-spacing: 0;
174 border-collapse: collapse;
175}
176.pmx-md td, .pmx-md th {
177 padding: 5px;
178}
179.pmx-md td[align="center"] {
180 text-align: center;
181}
182.pmx-md td[align="right"] {
183 text-align: right;
184}
185.pmx-md tbody td {
186 border-bottom: 1px solid #e0e0e0;
187}
188.pmx-md tbody tr:nth-of-type(even) {
189 background-color: #f5f5f5;
190}
191.pmx-md tbody tr:last-of-type td {
192 border-bottom: 1px solid #666666;
193}
194.pmx-md tbody tr:hover td {
195 background-color: #e0e0e0;
196}