8000 skin: store, news page · SpaceTheme/Steam@2ef1b92 · GitHub
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

Commit 2ef1b92

Browse files
SpaceEnergySpaceEnergy
committed
skin: store, news page
1 parent 86d2056 commit 2ef1b92

File tree

2 files changed

+275
-0
lines changed

2 files changed

+275
-0
lines changed

‎src/css/webkit/news.css

Lines changed: 274 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,274 @@
1+
html body.events_hub.v6::before {
2+
background-color: rgb(var(--background));
3+
}
4+
5+
6+
/*
7+
& Sidebar
8+
*/
9+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- {
10+
overflow: overlay;
11+
position: unset;
12+
flex-wrap: wrap;
13+
height: 100vh;
14+
margin-right: 16px;
15+
padding: 12px;
16+
border-radius: 8px;
17+
background-color: rgb(var(--color-2));
18+
box-shadow: none;
19+
}
20+
21+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1nf0vlWuKk9Qn7ncHC5uhq {
22+
padding: 0;
23+
}
24+
25+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._2LztMgS2eI0MWKHJ3v-l0H {
26+
gap: 12px;
27+
}
28+
29+
30+
/*
31+
! Collapse/close button
32+
*/
33+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1RCioHSgo99b0iUemHy2OE:has(.SVGIcon_DoubleArrow) {
34+
display: none;
35+
}
36+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1RCioHSgo99b0iUemHy2OE {
37+
z-index: 1;
38+
}
39+
40+
41+
/*
42+
! Logo
43+
*/
44+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1ZO60tnVO9UhZWFk1zLM4r {
45+
display: none;
46+
}
47+
48+
49+
/*
50+
! Title
51+
*/
52+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._3uZE-tI5d1lF6NQwSrxauh {
53+
display: none;
54+
}
55+
56+
57+
/*
58+
! Items
59+
*/
60+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._3U5MYaJE0i8UYZ_pUzyNk7 {
61+
margin: 0;
62+
text-transform: none;
63+
letter-spacing: unset;
64+
}
65+
66+
67+
/* Title */
68+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._3X16Tg0OrHJJL36_8dwlHo {
69+
margin: 0 0 6px;
70+
font-weight: 600;
71+
}
72+
73+
74+
/* Tab */
75+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._19CIwB_GEUli1IquP3CIHn {
76+
gap: 2px;
77+
margin: 0 0 12px;
78+
}
79+
80+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._19CIwB_GEUli1IquP3CIHn:nth-last-child(1) {
81+
margin: 0;
82+
}
83+
84+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1n4vpyqKJYF8lc1kW9fr8- {
85+
height: unset;
86+
margin: 0;
87+
padding: 6px 12px;
88+
border: none !important;
89+
border-radius: 8px;
90+
background: none !important;
91+
}
92+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1n4vpyqKJYF8lc1kW9fr8-:hover {
93+
background-color: rgb(var(--color-4), .4) !important;
94+
}
95+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1n4vpyqKJYF8lc1kW9fr8-.kJoC7bJXT-uU6GorEljio {
96+
background-color: rgb(var(--color-4)) !important;
97+
}
98+
99+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1n4vpyqKJYF8lc1kW9fr8-.kJoC7bJXT-uU6GorEljio ._11O61s8Pr7CrLbKxzm9VMK,
100+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1n4vpyqKJYF8lc1kW9fr8-.kJoC7bJXT-uU6GorEljio ._3_CIMpiaZYsgSD9rEIImZh {
101+
color: #fff;
102+
}
103+
104+
105+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1n4vpyqKJYF8lc1kW9fr8- ._1HQl8PnDDWs3V4bob4bBNk {
106+
padding: 6px 12px;
107+
border-radius: 8px;
108+
background-color: rgb(var(--blue));
109+
}
110+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1n4vpyqKJYF8lc1kW9fr8-:hover ._1HQl8PnDDWs3V4bob4bBNk {
111+
color: #fff;
112+
}
113+
114+
115+
/* Search */
116+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1LTVIwFRYJjiwzhWzSVOd4 {
117+
margin: 0;
118+
}
119+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1LTVIwFRYJjiwzhWzSVOd4 .DialogInputLabelGroup {
120+
margin: 0;
121+
}
122+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1LTVIwFRYJjiwzhWzSVOd4 .DialogLabel {
123+
margin: 0 0 6px;
124+
font-size: 12px;
125+
font-weight: 600;
126+
line-height: unset;
127+
text-transform: none;
128+
letter-spacing: unset;
129+
color: #a7aeb4;
130+
}
131+
132+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1LTVIwFRYJjiwzhWzSVOd4 .DialogInput_Wrapper {
133+
margin: 0;
134+
}
135+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1LTVIwFRYJjiwzhWzSVOd4 .DialogInput_Wrapper input {
136+
padding: 6px 12px;
137+
font-size: 14px;
138+
border-radius: 8px;
139+
background-color: rgb(var(--color-1));
140+
box-shadow: unset;
141+
}
142+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1LTVIwFRYJjiwzhWzSVOd4:has(._3eXNgAtnlHBfgWZbxO2n3h) .DialogInput_Wrapper input {
143+
border-radius: 8px 8px 0 0;
144+
}
145+
146+
147+
/* Search results */
148+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1LTVIwFRYJjiwzhWzSVOd4 ._3eXNgAtnlHBfgWZbxO2n3h {
149+
display: flex;
150+
flex-direction: column;
151+
gap: 12px;
152+
margin: 0;
153+
padding: 0 6px 6px;
154+
border-radius: 0 0 8px 8px;
155+
background-color: rgb(var(--color-1));
156+
}
157+
158+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1LTVIwFRYJjiwzhWzSVOd4 ._3eXNgAtnlHBfgWZbxO2n3h ._1KK1sGDuxehec0lBB_4lpU {
159+
padding: 4px;
160+
font-weight: 500;
161+
border-radius: 8px;
162+
background-color: rgb(var(--color-2));
163+
}
164+
165+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1LTVIwFRYJjiwzhWzSVOd4 ._3eXNgAtnlHBfgWZbxO2n3h ._3dr2A8wfoYU0kJtS9ACoR1 {
166+
border-radius: 8px;
167+
}
168+
169+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1LTVIwFRYJjiwzhWzSVOd4 ._3eXNgAtnlHBfgWZbxO2n3h ._16oSf0MiTpUTJe7YQpCV2A {
170+
margin: 6px 0 0;
171+
padding: 0;
172+
}
173+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1LTVIwFRYJjiwzhWzSVOd4 ._3eXNgAtnlHBfgWZbxO2n3h ._16oSf0MiTpUTJe7YQpCV2A:hover {
174+
background: unset;
175+
}
176+
177+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1LTVIwFRYJjiwzhWzSVOd4 ._3eXNgAtnlHBfgWZbxO2n3h ._16oSf0MiTpUTJe7YQpCV2A .I1zVikvORZt41zc-QTAsw {
178+
padding: 2px 6px;
179+
border-radius: 12px;
180+
font-size: 11px;
181+
font-weight: 700;
182+
text-transform: capitalize;
183+
color: #fff;
184+
background-color: rgb(var(--blue));
185+
}
186+
187+
188+
/* Settings & Close Settings */
189+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._3CSX8aqaZna9ZM6WLxhZC3 {
190+
position: absolute;
191+
top: 0;
192+
right: 0;
193+
padding: 0 !important;
194+
}
195+
196+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._3CSX8aqaZna9ZM6WLxhZC3 ._1zyVyzldzUj085oNa8Y0r1._3cMESjaODP5L2fXHzANkNT,
197+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._1RCioHSgo99b0iUemHy2OE ._2vMIlVM2BeWTC0m5_Ys2WN {
198+
width: unset;
199+
height: unset;
200+
margin: 0;
201+
padding: 0;
202+
font-size: 0;
203+
background: unset;
204+
}
205+
206+
207+
/* Footer */
208+
._1e3WbBz7-mqMKmK8HnpzFF ._15YLDKm80opUF5Tivo7UK- ._2XzXRucgCsdN2x7oRwSJu0 {
209+
margin-top: auto;
210+
}
211+
212+
213+
214+
215+
216+
/*
217+
& Main
218+
*/
219+
._1e3WbBz7-mqMKmK8HnpzFF ._18npkDI3gKg9S7EeTFOj-2.ws9ANxmy2MKDDodGRGkqN {
220+
overflow: overlay;
221+
height: 100vh;
222+
margin-left: 0 !important;
223+
border-radius: 8px;
224+
background-color: rgb(var(--color-1));
225+
}
226+
227+
228+
._1e3WbBz7-mqMKmK8HnpzFF ._3FpvGiwJqnukNOcrsKd_sN {
229+
background-color: rgb(var(--color-1)) !important;
230+
}
231+
232+
233+
/*
234+
! Title (Day)
235+
*/
236+
._1e3WbBz7-mqMKmK8HnpzFF ._18npkDI3gKg9S7EeTFOj-2 ._3j2deAP85R6gftsIWiHe7n._398u23KF15gxmeH741ZSyL {
237+
height: unset !important;
238+
padding: 16px;
239+
}
240+
241+
._1e3WbBz7-mqMKmK8HnpzFF ._18npkDI3gKg9S7EeTFOj-2 ._2aVLRsz60HV81P8VKT3kQj {
242+
max-width: unset !important;
243+
}
244+
245+
246+
/*
247+
! Items
248+
*/
249+
._1e3WbBz7-mqMKmK8HnpzFF ._18npkDI3gKg9S7EeTFOj-2 ._398u23KF15gxmeH741ZSyL {
250+
padding: 0 16px 16px;
251+
}
252+
253+
._1e3WbBz7-mqMKmK8HnpzFF ._18npkDI3gKg9S7EeTFOj-2 ._398u23KF15gxmeH741ZSyL ._3xvUZtQ1j-pu-l2xy-lFAq {
254+
border-radius: 8px;
255+
background: unset;
256+
background-color: rgb(var(--color-2));
257+
box-shadow: none;
258+
}
259+
._1e3WbBz7-mqMKmK8HnpzFF ._18npkDI3gKg9S7EeTFOj-2 ._398u23KF15gxmeH741ZSyL ._3xvUZtQ1j-pu-l2xy-lFAq:hover {
260+
background: unset !important;
261+
background-color: rgb(var(--color-4)) !important;
262+
}
263+
264+
._1e3WbBz7-mqMKmK8HnpzFF ._18npkDI3gKg9S7EeTFOj-2 ._3m6GW1eCeaSg9ypsv0JVD9 ._3QenzSfSDt0SQcUy8yeaD- {
265+
border-radius: 8px !important;
266+
background: unset !important;
267+
background-color: rgb(var(--color-2)) !important;
268+
}
269+
270+
/* Image */
271+
._1e3WbBz7-mqMKmK8HnpzFF ._18npkDI3gKg9S7EeTFOj-2 .d8bPiEt0DUII_mRqek_ht,
272+
._1e3WbBz7-mqMKmK8HnpzFF ._18npkDI3gKg9S7EeTFOj-2 .u8z1m_ainssHj7AbLKOZs {
273+
border-radius: 8px;
274+
}

‎webkit.css

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
@import url("./src/css/webkit/cart.css");
44
@import url("./src/css/webkit/game.css");
55
@import url("./src/css/webkit/home.css");
6+
@import url("./src/css/webkit/news.css");
67
@import url("./src/css/webkit/profile.css");
78
@import url("./src/css/webkit/wishlist.css");
89

0 commit comments

Comments
 (0)
0