Skip to content

Commit fe967bd

Browse files
ScIT-RaphaelScIT-Raphael
authored
Merge pull request hestiacp#2886 from AlecRust/tidy-css
Tidy CSS formatting
2 parents 61d79d7 + 02d5283 commit fe967bd

File tree

8 files changed

+1454
-1167
lines changed

8 files changed

+1454
-1167
lines changed

‎web/css/src/themes/dark.css‎

Lines changed: 359 additions & 263 deletions
Large diffs are not rendered by default.

‎web/css/src/themes/default.css‎

Lines changed: 507 additions & 438 deletions
Large diffs are not rendered by default.

‎web/css/src/themes/flat.css‎

Lines changed: 112 additions & 83 deletions
Original file line numberDiff line numberDiff line change
@@ -1,178 +1,207 @@
1-
/*
1+
/*
22
Theme Name: Flat
33
Author: Robert Zollner (@Lupul)
4-
Website: www.hestiacp.com
4+
Website: www.hestiacp.com
55
*/
66

77
body {
8-
letter-spacing: 0;
8+
letter-spacing: 0;
99
}
1010

11-
b, strong {
12-
font-weight: 600;
11+
b,
12+
strong {
13+
font-weight: 600;
1314
}
1415

15-
.body-login, .body-reset {
16-
background: #5f7eb3 !important;
16+
.body-login,
17+
.body-reset {
18+
background: #5f7eb3 !important;
1719
}
1820

1921
.table-header {
20-
box-shadow: none !important;
21-
background: #fafafa !important;
22+
box-shadow: none !important;
23+
background: #fafafa !important;
2224
}
25+
2326
.advanced-options {
24-
background: #fafafa !important;
27+
background: #fafafa !important;
2528
}
2629

27-
.to-top, .to-shortcuts,
28-
.to-top:hover, .to-shortcuts:hover,
29-
.to-top:active, .to-shortcuts:active {
30-
box-shadow: none !important;
31-
background: none !important;
32-
background-color: #eee !important;
33-
}
30+
.to-top,
31+
.to-shortcuts,
32+
.to-top:hover,
33+
.to-shortcuts:hover,
34+
.to-top:active,
35+
.to-shortcuts:active {
36+
box-shadow: none !important;
37+
background: none !important;
38+
background-color: #eee !important;
39+
}
3440

3541
.l-header {
36-
box-shadow: none;
37-
background: #5070a6;
38-
text-shadow: none !important;
42+
box-shadow: none;
43+
background: #5070a6;
44+
text-shadow: none !important;
3945
}
4046

4147
.l-menu__item--active {
42-
background-color: #fff;
48+
background-color: #fff;
4349
}
4450

4551
.l-menu__item.l-menu__item--active a {
46-
background: none;
47-
box-shadow: none !important;
52+
background: none;
53+
box-shadow: none !important;
4854
}
4955

5056
.l-menu__item a:hover {
51-
background: #FFFFFF !important;
52-
box-shadow: none;
57+
background: #fff !important;
58+
box-shadow: none;
5359
}
5460

5561
.l-menu__item a:active {
56-
background: none;
57-
box-shadow: none !important;
62+
background: none;
63+
box-shadow: none !important;
5864
}
5965

6066
.l-profile__notifications:hover,
6167
.l-profile__notifications.updates:hover,
6268
.l-profile__notifications.active.l-profile__notifications.updates:active {
63-
background: white !important;
64-
border: 1px solid transparent !important;
65-
box-shadow: none !important;
69+
background: white !important;
70+
border: 1px solid transparent !important;
71+
box-shadow: none !important;
6672
}
6773

6874
.l-unit:hover {
69-
box-shadow: none;
75+
box-shadow: none;
7076
}
7177

72-
.l-unit__stat-col--left a, .l-unit__stat-col--left a:visited {
73-
color: #5f7eb3;
78+
.l-unit__stat-col--left a,
79+
.l-unit__stat-col--left a:visited {
80+
color: #5f7eb3;
7481
}
7582

7683
.l-unit__stat-col--left a:hover {
77-
color: #474747;
84+
color: #474747;
7885
}
7986

80-
.l-unit:hover, .units .l-unit:hover {
81-
box-shadow: none;
87+
.l-unit:hover,
88+
.units .l-unit:hover {
89+
box-shadow: none;
8290
}
8391

8492
.vst-input {
85-
box-shadow: none;
93+
box-shadow: none;
8694
}
8795

8896
.vst-list {
89-
box-shadow: none;
97+
box-shadow: none;
9098
}
9199

92100
.advanced-options {
93-
box-shadow: none !important;
101+
box-shadow: none !important;
94102
}
95103

96104
.vst-textinput {
97-
box-shadow: none;
105+
box-shadow: none;
98106
}
99107

100-
.ui-button, .button, .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.submit, .vst-advanced {
101-
box-shadow: none !important;
102-
background: linear-gradient(to bottom, rgba(235,243,249,1) 0%,rgba(223,235,245,1) 100%) !important;
108+
.ui-button,
109+
.button,
110+
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.submit,
111+
.vst-advanced {
112+
box-shadow: none !important;
113+
background: linear-gradient(to bottom, rgb(235 243 249 / 100%) 0%, rgb(223 235 245 / 100%) 100%) !important;
103114
}
104115

105116
.ui-button.cancel,
106117
.button.cancel,
107-
.to-top, .to-shortcuts {
108-
box-shadow: none !important;
109-
background: linear-gradient(to bottom, rgba(250,250,250,1) 0%,rgba(241,241,241,1) 100%) !important;
118+
.to-top,
119+
.to-shortcuts {
120+
box-shadow: none !important;
121+
background: linear-gradient(to bottom, rgb(250 250 250 / 100%) 0%, rgb(241 241 241 / 100%) 100%) !important;
110122
}
111123

112-
.ui-button:hover, .button:hover, .ui-button.cancel:hover, .button.cancel:hover,
124+
.ui-button:hover,
125+
.button:hover,
126+
.ui-button.cancel:hover,
127+
.button.cancel:hover,
113128
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.submit:hover,
114-
.vst-advanced:hover, .to-top:hover, .to-shortcuts:hover {
115-
color: #6986b7 !important;
116-
box-shadow: none !important;
117-
background: linear-gradient(to bottom, rgba(241,248,253,1) 0%,rgba(227,240,251,1) 100%) !important;
118-
}
119-
120-
.ui-button:focus,.ui-button:active,
121-
.button:active,.button:focus,.ui-button.cancel:focus,.ui-button.cancel:active,
122-
.button.cancel:active,.button.cancel:focus,
129+
.vst-advanced:hover,
130+
.to-top:hover,
131+
.to-shortcuts:hover {
132+
color: #6986b7 !important;
133+
box-shadow: none !important;
134+
background: linear-gradient(to bottom, rgb(241 248 253 / 100%) 0%, rgb(227 240 251 / 100%) 100%) !important;
135+
}
136+
137+
.ui-button:focus,
138+
.ui-button:active,
139+
.button:active,
140+
.button:focus,
141+
.ui-button.cancel:focus,
142+
.ui-button.cancel:active,
143+
.button.cancel:active,
144+
.button.cancel:focus,
123145
.ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-only.submit:active,
124-
.vst-advanced:active,.to-top:focus, .to-shortcuts:focus {
125-
box-shadow: none !important;
126-
background: linear-gradient(to bottom, rgba(210,232,250,1) 0%,rgba(194,224,248,1) 100%) !important;
146+
.vst-advanced:active,
147+
.to-top:focus,
148+
.to-shortcuts:focus {
149+
box-shadow: none !important;
150+
background: linear-gradient(to bottom, rgb(210 232 250 / 100%) 0%, rgb(194 224 248 / 100%) 100%) !important;
127151
}
128152

129-
.ui-button.danger:hover, .button.danger:hover {
130-
background: #fcd3cf !important;
131-
color: #F4301A !important;
132-
border: 1px solid #F27E71 !important;
153+
.ui-button.danger:hover,
154+
.button.danger:hover {
155+
background: #fcd3cf !important;
156+
color: #f4301a !important;
157+
border: 1px solid #f27e71 !important;
133158
}
134-
135-
.ui-button.danger:active, .button.danger:active, .ui-button.danger:focus, .button.danger:focus {
136-
background: #a91200 !important;
137-
color: #fff !important;
138-
border: 1px solid #F4301A !important;
159+
160+
.ui-button.danger:active,
161+
.button.danger:active,
162+
.ui-button.danger:focus,
163+
.button.danger:focus {
164+
background: #a91200 !important;
165+
color: #fff !important;
166+
border: 1px solid #f4301a !important;
139167
}
140168

141169
.ui-dialog .ui-dialog-buttonpane button:nth-of-type(2) {
142-
box-shadow: none !important;
170+
box-shadow: none !important;
143171
}
144172

145173
.ui-dialog {
146-
box-shadow: 0 2px 11px 0 rgba(0, 0, 0, 0.5) !important;
174+
box-shadow: 0 2px 11px 0 rgb(0 0 0 / 50%) !important;
147175
}
148176

149177
.alert {
150-
text-shadow: none !important;
151-
box-shadow: none !important;
178+
text-shadow: none !important;
179+
box-shadow: none !important;
152180
}
153181

154182
.pill.usage {
155-
box-shadow: none;
183+
box-shadow: none;
156184
}
157185

158186
.badge {
159-
box-shadow: none;
187+
box-shadow: none;
160188
}
161189

162190
.notification-container {
163-
box-shadow: none;
164-
border: 1px solid #ccc;
165-
background: #fff;
191+
box-shadow: none;
192+
border: 1px solid #ccc;
193+
background: #fff;
166194
}
167195

168196
.context-menu.sort-order {
169-
box-shadow: none;
170-
border: 1px solid #ccc;
171-
background: #fff !important;
197+
box-shadow: none;
198+
border: 1px solid #ccc;
199+
background: #fff !important;
172200
}
173201

174202
.login {
175-
background-color: rgba(255,255,255,0.8) !important;
176-
box-shadow: 0px 2px 10px rgba(0,0,0, 0.3),
177-
inset 0px 0px 2px rgba(255,255,255,1) !important;
203+
background-color: rgb(255 255 255 / 80%) !important;
204+
box-shadow:
205+
0 2px 10px rgb(0 0 0 / 30%),
206+
inset 0 0 2px rgb(255 255 255 / 100%) !important;
178207
}

0 commit comments

Comments
 (0)