Skip to content

Commit 294d8d5

Browse files
PhonicUKPhonicUK
authored
Add files via upload
1 parent c5930f7 commit 294d8d5

2 files changed

Lines changed: 118 additions & 13 deletions

File tree

‎Frutiger-Aero/Frutiger-Aero.css‎

Lines changed: 56 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,9 @@
33
background-size: 100% 100%;
44
background-repeat: no-repeat;
55
}
6+
.tabHeader.active {
7+
background-color: #c38300 !important;
8+
}
69
.sideItemList {
710
background-color: transparent;
811
backdrop-filter: blur(10px) brightness(133%);
@@ -16,6 +19,15 @@
1619
background-repeat: no-repeat;
1720
text-shadow: 0px 0px 4px #00000080, 0px 2px 2px #000;
1821
}
22+
#loginContainer {
23+
background-color: rgba(0, 0, 0, 0.5);
24+
backdrop-filter: blur(10px) brightness(133%);
25+
box-shadow: 2px 2px 8px #ffffff50 inset, -2px 2px 8px #ffffff50 inset, 0 5px 5px #00000050;
26+
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%, #ffffff00 100%);
27+
background-size: 100% 64px;
28+
background-repeat: no-repeat;
29+
border-radius: 16px;
30+
}
1931
#AMP_Core_PrimaryTask {
2032
backdrop-filter: blur(10px) brightness(133%);
2133
box-shadow: 2px 2px 8px #ffffff50 inset, -2px 2px 8px #ffffff50 inset, 0 5px 5px #00000050;
@@ -33,6 +45,7 @@
3345
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%, #ffffff00 100%);
3446
background-size: 100% 100%;
3547
background-repeat: no-repeat;
48+
background-color: #c38300;
3649
}
3750
.analyticsSection,
3851
.ServerGroupHeader {
@@ -75,18 +88,17 @@ input[type=button] {
7588
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%);
7689
box-shadow: 2px 2px 8px #ffffff50 inset, -2px 2px 8px #ffffff50 inset, 0 5px 5px #00000050;
7790
border: 1px solid rgba(230, 230, 230, 0.2);
91+
border-bottom: 1px solid rgba(230, 230, 230, 0.2) !important;
7892
border-radius: 8px;
7993
outline: 1px solid rgba(0, 0, 0, 0.3);
8094
font-family: Verdana, Geneva, Tahoma, sans-serif, Helvetica, sans-serif;
8195
color: white;
8296
text-shadow: 0px 0px 4px #00000080, 0px 2px 2px #000;
83-
display: flex;
84-
align-items: center;
85-
justify-content: center;
8697
cursor: pointer;
8798
transition: background-color 0.3s ease, box-shadow 0.3s ease;
8899
font-size: 12pt;
89100
padding: 4px 12px;
101+
background-size: 100%;
90102
}
91103
button:hover,
92104
input[type=button]:hover {
@@ -98,7 +110,32 @@ input[type=button]:active {
98110
background-color: rgba(230, 230, 230, 0.2);
99111
box-shadow: 2px 4px 8px #ffffff80 inset, -2px 4px 8px #ffffff80 inset, 0 9px 9px #000000aa;
100112
}
101-
.iconButton {
113+
button.slimButton,
114+
input[type=button].slimButton {
115+
padding: 2px 6px;
116+
}
117+
.settingsGroup .groupBody .settingContainer .listEditButton {
118+
background-color: #c38300;
119+
background-image: linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.3) 100%);
120+
background-size: 100%;
121+
cursor: pointer;
122+
transition: background-color 0.3s ease, box-shadow 0.3s ease;
123+
}
124+
.settingsGroup .groupBody .settingContainer .listEditButton:hover {
125+
background-color: #f6a500;
126+
box-shadow: 0 0 8px #ffffff80;
127+
}
128+
.settingsGroup .groupBody .settingContainer .listEditButton:active {
129+
background-color: #906100;
130+
box-shadow: 0 0 8px #00000080;
131+
}
132+
.scheduleTriggerHeaderItem .scheduleHeader {
133+
color: white;
134+
font-size: 14pt;
135+
margin-bottom: 8px;
136+
}
137+
.iconButton,
138+
.toolIconButton {
102139
backdrop-filter: blur(10px) brightness(133%);
103140
box-shadow: 2px 2px 8px #ffffff50 inset, -2px 2px 8px #ffffff50 inset, 0 5px 5px #00000050;
104141
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%, #ffffff00 100%);
@@ -130,7 +167,7 @@ input[type=button]:active {
130167
background-color: transparent;
131168
}
132169
.settingsGroup .groupBody .settingContainer {
133-
background-color: transparent;
170+
background-color: rgba(0, 0, 0, 0.5);
134171
backdrop-filter: blur(10px) brightness(133%);
135172
box-shadow: 2px 2px 8px #ffffff50 inset, -2px 2px 8px #ffffff50 inset, 0 5px 5px #00000050;
136173
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%, #ffffff00 100%);
@@ -144,6 +181,19 @@ input[type=button]:active {
144181
.settingsGroup .groupBody .settingContainer .settingLabel .settingDescription {
145182
color: white;
146183
}
184+
.settingsGroup .groupBody .settingContainer .settingLabel input[type=text],
185+
.settingsGroup .groupBody .settingContainer .settingLabel input[type=password],
186+
.settingsGroup .groupBody .settingContainer .settingLabel input[type=url],
187+
.settingsGroup .groupBody .settingContainer .settingLabel input[type=number],
188+
.settingsGroup .groupBody .settingContainer .settingLabel input[type=email],
189+
.settingsGroup .groupBody .settingContainer .settingLabel input[type=search],
190+
.settingsGroup .groupBody .settingContainer .settingLabel select,
191+
.settingsGroup .groupBody .settingContainer .settingLabel textarea,
192+
.settingsGroup .groupBody .settingContainer .settingLabel .popupTrigger {
193+
text-shadow: 0px 0px 4px #00000080, 0px 2px 2px #000;
194+
border-radius: 16px;
195+
padding-left: 12px;
196+
}
147197
.scheduleTriggerDescription {
148198
background-color: transparent;
149199
border: none;
@@ -158,6 +208,7 @@ input[type=button]:active {
158208
background-repeat: no-repeat;
159209
border-radius: 16px;
160210
padding: 8px;
211+
text-shadow: 0px 0px 4px #00000080, 0px 2px 2px #000;
161212
}
162213
.scheduleTriggerTask {
163214
border-bottom: 1px solid white;

‎Frutiger-Aero/Frutiger-Aero.less‎

Lines changed: 62 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -1,16 +1,16 @@
1+
@highlight: #c38300;
2+
13
.glassWidget(@color, @interactive) {
24
background-color: @color;
35
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%);
46
box-shadow: 2px 2px 8px #ffffff50 inset, -2px 2px 8px #ffffff50 inset, 0 5px 5px #00000050;
57
border: 1px solid darken(@color, 10%);
8+
border-bottom: 1px solid darken(@color, 10%) !important;
69
border-radius: 8px;
710
outline: 1px solid rgba(0,0,0,0.3);
811
font-family: Verdana, Geneva, Tahoma, sans-serif, Helvetica, sans-serif;
912
color: white;
1013
text-shadow: 0px 0px 4px #00000080, 0px 2px 2px #000;
11-
display: flex;
12-
align-items: center;
13-
justify-content: center;
1414

1515
& when (@interactive = true) {
1616
cursor: pointer;
@@ -28,6 +28,27 @@
2828
}
2929
}
3030

31+
.flatWidget(@color, @interactive) {
32+
//transparent from top to 50%, then 30% black to bottom
33+
background-image: linear-gradient(rgba(255, 255, 255, 0.3) 0%, rgba(255, 255, 255, 0) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0.3) 100%);
34+
background-size: 100%;
35+
36+
& when (@interactive = true) {
37+
cursor: pointer;
38+
transition: background-color 0.3s ease, box-shadow 0.3s ease;
39+
40+
&:hover {
41+
background-color: lighten(@color, 10%);
42+
box-shadow: 0 0 8px #ffffff80;
43+
}
44+
45+
&:active {
46+
background-color: darken(@color, 10%);
47+
box-shadow: 0 0 8px #00000080;
48+
}
49+
}
50+
}
51+
3152
.glowTop(@size) {
3253
background-image: linear-gradient(#ffffffcc 0%, #ffffff20 50%, #00000020 51%, #00000000 100%), radial-gradient(#ffffff60 0%, #ffffff00 80%, #ffffff00 100%);
3354
background-size: 100% @size;
@@ -41,6 +62,10 @@
4162

4263
.tabHeader {
4364
.glowTop(100%);
65+
66+
&.active {
67+
background-color: @highlight !important;
68+
}
4469
}
4570

4671
.rounded() {
@@ -62,6 +87,13 @@
6287
.textShadow();
6388
}
6489

90+
#loginContainer {
91+
background-color: rgba(0,0,0,0.5);
92+
.glassBody();
93+
.glowTop(64px);
94+
.rounded();
95+
}
96+
6597
#AMP_Core_PrimaryTask {
6698
.glassBody();
6799
.glowTop(100%);
@@ -74,6 +106,7 @@
74106

75107
#sideMenu a.selected {
76108
.glowTop(100%);
109+
background-color: @highlight;
77110
}
78111

79112
.analyticsSection, .ServerGroupHeader {
@@ -97,7 +130,6 @@ body {
97130
}
98131

99132
#bgtext {
100-
//background gradient transparent -> black left -> right
101133
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.7) 100%);
102134
}
103135

@@ -113,9 +145,24 @@ button, input[type=button] {
113145
.glassWidget(rgba(255, 255, 255, 0.2), true);
114146
font-size: 12pt;
115147
padding: 4px 12px;
148+
&.slimButton {
149+
padding: 2px 6px;
150+
}
151+
background-size: 100%;
152+
}
153+
154+
.settingsGroup .groupBody .settingContainer .listEditButton {
155+
background-color: @highlight;
156+
.flatWidget(@highlight, true);
116157
}
117158

118-
.iconButton {
159+
.scheduleTriggerHeaderItem .scheduleHeader {
160+
color: white;
161+
font-size: 14pt;
162+
margin-bottom: 8px;
163+
}
164+
165+
.iconButton, .toolIconButton {
119166
.glassBody();
120167
.glowTop(32px);
121168
background-position: top center;
@@ -144,7 +191,7 @@ button, input[type=button] {
144191
}
145192

146193
.settingsGroup .groupBody .settingContainer {
147-
background-color: transparent;
194+
background-color: rgba(0, 0, 0, 0.5);
148195
.glassBody();
149196
.glowTop(64px);
150197
.rounded();
@@ -153,9 +200,15 @@ button, input[type=button] {
153200
.settingDescription {
154201
color: white;
155202
}
156-
.textShadow();
157-
}
158203

204+
.textShadow();
205+
206+
input[type=text], input[type=password], input[type=url], input[type=number], input[type=email], input[type=search], select, textarea, .popupTrigger {
207+
.textShadow();
208+
.rounded();
209+
padding-left:12px;
210+
}
211+
}
159212
}
160213

161214
.scheduleTriggerDescription {
@@ -170,6 +223,7 @@ button, input[type=button] {
170223
.glowTop(48px);
171224
.rounded();
172225
padding: 8px;
226+
.textShadow();
173227
}
174228

175229
.scheduleTriggerTask {

0 commit comments

Comments
 (0)