Skip to content

Commit c5930f7

Browse files
PhonicUKPhonicUK
authored
Add files via upload
1 parent b358704 commit c5930f7

4 files changed

Lines changed: 351 additions & 0 deletions

File tree

‎Frutiger-Aero/Frutiger-Aero.css‎

Lines changed: 164 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,164 @@
1+
.tabHeader {
2+
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%, #ffffff00 100%);
3+
background-size: 100% 100%;
4+
background-repeat: no-repeat;
5+
}
6+
.sideItemList {
7+
background-color: transparent;
8+
backdrop-filter: blur(10px) brightness(133%);
9+
box-shadow: 2px 2px 8px #ffffff50 inset, -2px 2px 8px #ffffff50 inset, 0 5px 5px #00000050;
10+
}
11+
.DisplayMetricHeader {
12+
backdrop-filter: blur(10px) brightness(133%);
13+
box-shadow: 2px 2px 8px #ffffff50 inset, -2px 2px 8px #ffffff50 inset, 0 5px 5px #00000050;
14+
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%, #ffffff00 100%);
15+
background-size: 100% 50%;
16+
background-repeat: no-repeat;
17+
text-shadow: 0px 0px 4px #00000080, 0px 2px 2px #000;
18+
}
19+
#AMP_Core_PrimaryTask {
20+
backdrop-filter: blur(10px) brightness(133%);
21+
box-shadow: 2px 2px 8px #ffffff50 inset, -2px 2px 8px #ffffff50 inset, 0 5px 5px #00000050;
22+
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%, #ffffff00 100%);
23+
background-size: 100% 100%;
24+
background-repeat: no-repeat;
25+
text-shadow: 0px 0px 4px #00000080, 0px 2px 2px #000;
26+
}
27+
#sideMenuContainer {
28+
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%, #ffffff00 100%);
29+
background-size: 100% 96px;
30+
background-repeat: no-repeat;
31+
}
32+
#sideMenu a.selected {
33+
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%, #ffffff00 100%);
34+
background-size: 100% 100%;
35+
background-repeat: no-repeat;
36+
}
37+
.analyticsSection,
38+
.ServerGroupHeader {
39+
backdrop-filter: blur(10px) brightness(133%);
40+
box-shadow: 2px 2px 8px #ffffff50 inset, -2px 2px 8px #ffffff50 inset, 0 5px 5px #00000050;
41+
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%, #ffffff00 100%);
42+
background-size: 100% 72px;
43+
background-repeat: no-repeat;
44+
border-radius: 16px;
45+
}
46+
.StoreCard {
47+
background-color: transparent !important;
48+
backdrop-filter: blur(10px) brightness(133%);
49+
box-shadow: 2px 2px 8px #ffffff50 inset, -2px 2px 8px #ffffff50 inset, 0 5px 5px #00000050;
50+
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%, #ffffff00 100%);
51+
background-size: 100% 64px;
52+
background-repeat: no-repeat;
53+
text-shadow: 0px 0px 4px #00000080, 0px 2px 2px #000;
54+
}
55+
body {
56+
background-image: url(/Images/Frutiger.webp);
57+
background-position: center;
58+
background-attachment: fixed;
59+
background-size: cover;
60+
}
61+
#bgtext {
62+
background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
63+
}
64+
body,
65+
.bodyTab,
66+
.tabHeaderContainer {
67+
background-color: transparent;
68+
}
69+
#mainBody {
70+
background-color: transparent;
71+
}
72+
button,
73+
input[type=button] {
74+
background-color: rgba(255, 255, 255, 0.2);
75+
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%);
76+
box-shadow: 2px 2px 8px #ffffff50 inset, -2px 2px 8px #ffffff50 inset, 0 5px 5px #00000050;
77+
border: 1px solid rgba(230, 230, 230, 0.2);
78+
border-radius: 8px;
79+
outline: 1px solid rgba(0, 0, 0, 0.3);
80+
font-family: Verdana, Geneva, Tahoma, sans-serif, Helvetica, sans-serif;
81+
color: white;
82+
text-shadow: 0px 0px 4px #00000080, 0px 2px 2px #000;
83+
display: flex;
84+
align-items: center;
85+
justify-content: center;
86+
cursor: pointer;
87+
transition: background-color 0.3s ease, box-shadow 0.3s ease;
88+
font-size: 12pt;
89+
padding: 4px 12px;
90+
}
91+
button:hover,
92+
input[type=button]:hover {
93+
background-color: rgba(255, 255, 255, 0.2);
94+
box-shadow: 2px 4px 8px #ffffff80 inset, -2px 4px 8px #ffffff80 inset, 0 9px 9px #000000aa;
95+
}
96+
button:active,
97+
input[type=button]:active {
98+
background-color: rgba(230, 230, 230, 0.2);
99+
box-shadow: 2px 4px 8px #ffffff80 inset, -2px 4px 8px #ffffff80 inset, 0 9px 9px #000000aa;
100+
}
101+
.iconButton {
102+
backdrop-filter: blur(10px) brightness(133%);
103+
box-shadow: 2px 2px 8px #ffffff50 inset, -2px 2px 8px #ffffff50 inset, 0 5px 5px #00000050;
104+
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%, #ffffff00 100%);
105+
background-size: 100% 32px;
106+
background-repeat: no-repeat;
107+
background-position: top center;
108+
}
109+
.bgRed,
110+
.bgGreen {
111+
border: none;
112+
}
113+
#statusActions > div {
114+
display: block;
115+
backdrop-filter: blur(10px) brightness(133%);
116+
box-shadow: 2px 2px 8px #ffffff50 inset, -2px 2px 8px #ffffff50 inset, 0 5px 5px #00000050;
117+
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%, #ffffff00 100%);
118+
background-size: 100% 64px;
119+
background-repeat: no-repeat;
120+
border-radius: 16px;
121+
padding: 8px 16px;
122+
text-shadow: 0px 0px 4px #00000080, 0px 2px 2px #000;
123+
}
124+
#sideMenuContainer {
125+
background-color: transparent;
126+
backdrop-filter: blur(10px) brightness(133%);
127+
box-shadow: 2px 2px 8px #ffffff50 inset, -2px 2px 8px #ffffff50 inset, 0 5px 5px #00000050;
128+
}
129+
.subMenuWell {
130+
background-color: transparent;
131+
}
132+
.settingsGroup .groupBody .settingContainer {
133+
background-color: transparent;
134+
backdrop-filter: blur(10px) brightness(133%);
135+
box-shadow: 2px 2px 8px #ffffff50 inset, -2px 2px 8px #ffffff50 inset, 0 5px 5px #00000050;
136+
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%, #ffffff00 100%);
137+
background-size: 100% 64px;
138+
background-repeat: no-repeat;
139+
border-radius: 16px;
140+
}
141+
.settingsGroup .groupBody .settingContainer .settingLabel {
142+
text-shadow: 0px 0px 4px #00000080, 0px 2px 2px #000;
143+
}
144+
.settingsGroup .groupBody .settingContainer .settingLabel .settingDescription {
145+
color: white;
146+
}
147+
.scheduleTriggerDescription {
148+
background-color: transparent;
149+
border: none;
150+
}
151+
.scheduleTriggerInfo {
152+
background-color: transparent;
153+
border: none;
154+
backdrop-filter: blur(10px) brightness(133%);
155+
box-shadow: 2px 2px 8px #ffffff50 inset, -2px 2px 8px #ffffff50 inset, 0 5px 5px #00000050;
156+
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%, #ffffff00 100%);
157+
background-size: 100% 48px;
158+
background-repeat: no-repeat;
159+
border-radius: 16px;
160+
padding: 8px;
161+
}
162+
.scheduleTriggerTask {
163+
border-bottom: 1px solid white;
164+
}

‎Frutiger-Aero/Frutiger-Aero.less‎

Lines changed: 177 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,177 @@
1+
.glassWidget(@color, @interactive) {
2+
background-color: @color;
3+
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%);
4+
box-shadow: 2px 2px 8px #ffffff50 inset, -2px 2px 8px #ffffff50 inset, 0 5px 5px #00000050;
5+
border: 1px solid darken(@color, 10%);
6+
border-radius: 8px;
7+
outline: 1px solid rgba(0,0,0,0.3);
8+
font-family: Verdana, Geneva, Tahoma, sans-serif, Helvetica, sans-serif;
9+
color: white;
10+
text-shadow: 0px 0px 4px #00000080, 0px 2px 2px #000;
11+
display: flex;
12+
align-items: center;
13+
justify-content: center;
14+
15+
& when (@interactive = true) {
16+
cursor: pointer;
17+
transition: background-color 0.3s ease, box-shadow 0.3s ease;
18+
19+
&:hover {
20+
background-color: lighten(@color, 10%);
21+
box-shadow: 2px 4px 8px #ffffff80 inset, -2px 4px 8px #ffffff80 inset, 0 9px 9px #000000aa;
22+
}
23+
24+
&:active {
25+
background-color: darken(@color, 10%);
26+
box-shadow: 2px 4px 8px #ffffff80 inset, -2px 4px 8px #ffffff80 inset, 0 9px 9px #000000aa;
27+
}
28+
}
29+
}
30+
31+
.glowTop(@size) {
32+
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%, #ffffff00 100%);
33+
background-size: 100% @size;
34+
background-repeat: no-repeat;
35+
}
36+
37+
.glassBody() {
38+
backdrop-filter: blur(10px) brightness(133%);
39+
box-shadow: 2px 2px 8px #ffffff50 inset, -2px 2px 8px #ffffff50 inset, 0 5px 5px #00000050;
40+
}
41+
42+
.tabHeader {
43+
.glowTop(100%);
44+
}
45+
46+
.rounded() {
47+
border-radius: 16px;
48+
}
49+
50+
.textShadow() {
51+
text-shadow: 0px 0px 4px #00000080, 0px 2px 2px #000;
52+
}
53+
54+
.sideItemList {
55+
background-color: transparent;
56+
.glassBody();
57+
}
58+
59+
.DisplayMetricHeader {
60+
.glassBody();
61+
.glowTop(50%);
62+
.textShadow();
63+
}
64+
65+
#AMP_Core_PrimaryTask {
66+
.glassBody();
67+
.glowTop(100%);
68+
.textShadow();
69+
}
70+
71+
#sideMenuContainer {
72+
.glowTop(96px);
73+
}
74+
75+
#sideMenu a.selected {
76+
.glowTop(100%);
77+
}
78+
79+
.analyticsSection, .ServerGroupHeader {
80+
.glassBody();
81+
.glowTop(72px);
82+
.rounded();
83+
}
84+
85+
.StoreCard {
86+
background-color: transparent !important;
87+
.glassBody();
88+
.glowTop(64px);
89+
.textShadow();
90+
}
91+
92+
body {
93+
background-image: url(/Images/Frutiger.webp);
94+
background-position: center;
95+
background-attachment: fixed;
96+
background-size: cover;
97+
}
98+
99+
#bgtext {
100+
//background gradient transparent -> black left -> right
101+
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
102+
}
103+
104+
body, .bodyTab, .tabHeaderContainer {
105+
background-color: transparent;
106+
}
107+
108+
#mainBody {
109+
background-color: transparent;
110+
}
111+
112+
button, input[type=button] {
113+
.glassWidget(rgba(255, 255, 255, 0.2), true);
114+
font-size: 12pt;
115+
padding: 4px 12px;
116+
}
117+
118+
.iconButton {
119+
.glassBody();
120+
.glowTop(32px);
121+
background-position: top center;
122+
}
123+
124+
.bgRed, .bgGreen {
125+
border: none;
126+
}
127+
128+
#statusActions > div {
129+
display: block;
130+
.glassBody();
131+
.glowTop(64px);
132+
.rounded();
133+
padding: 8px 16px;
134+
.textShadow();
135+
}
136+
137+
#sideMenuContainer {
138+
background-color: transparent;
139+
.glassBody();
140+
}
141+
142+
.subMenuWell {
143+
background-color: transparent;
144+
}
145+
146+
.settingsGroup .groupBody .settingContainer {
147+
background-color: transparent;
148+
.glassBody();
149+
.glowTop(64px);
150+
.rounded();
151+
152+
.settingLabel {
153+
.settingDescription {
154+
color: white;
155+
}
156+
.textShadow();
157+
}
158+
159+
}
160+
161+
.scheduleTriggerDescription {
162+
background-color: transparent;
163+
border: none;
164+
}
165+
166+
.scheduleTriggerInfo {
167+
background-color: transparent;
168+
border: none;
169+
.glassBody();
170+
.glowTop(48px);
171+
.rounded();
172+
padding: 8px;
173+
}
174+
175+
.scheduleTriggerTask {
176+
border-bottom: 1px solid white;
177+
}

‎Frutiger-Aero/info.json‎

Lines changed: 10 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,10 @@
1+
{
2+
"Name": "Frutiger Aero",
3+
"Version": "1.0",
4+
"UpdatedDate": "2026/01/06",
5+
"Description": "A throwback to green rolling hills, abstract waves, and excessive amounts of frosted glass.",
6+
"URL": "https://cubecoders.com/",
7+
"Author": "CubeCoders Limited",
8+
"Tags": ["Official", "Retro", "Aero"]
9+
}
10+

‎Frutiger-Aero/preview.png‎

125 KB
Loading

0 commit comments

Comments
 (0)