oko.moe/starry.css at main · uxvi/oko.moe · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
html {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background-color: #0b141a;
}

body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  background-color: transparent;
}

html {
  background-image:
    url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.14'/%3E%3C/svg%3E"),
    linear-gradient(145deg, #050a0c 65%, #122729 100%);

  background-size: 250px 250px, 100% 100%;
  background-repeat: repeat, no-repeat;
  background-attachment: scroll, fixed;
}

/* ...stars */
html::before {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 2px;
  height: 2px;
  background: transparent;
  pointer-events: none;
  z-index: -1;
  box-shadow:
    39.81vw 22.94vh 0px 0px rgba(255, 255, 255, 0.59),
    52.89vw 40.35vh 0px 0px rgba(255, 255, 255, 0.7),
    76.84vw 93.14vh 0px 0px rgba(255, 255, 255, 1),
    79.85vw 96.99vh 0px 0px rgba(255, 255, 255, 0.85),
    15.14vw 4.23vh 0px 0px rgba(255, 255, 255, 0.45),
    62.91vw 27.61vh 0px 0px rgba(255, 255, 255, 0.79),
    60.14vw 37.98vh 0px 0px rgba(255, 255, 255, 0.95),
    36.4vw 89.27vh 0px 0px rgba(255, 255, 255, 0.44),
    92.18vw 6.92vh 0px 0px rgba(255, 255, 255, 0.75),
    87.53vw 59.75vh 0px 0px rgba(255, 255, 255, 0.48),
    86.46vw 79.88vh 0px 0px rgba(255, 255, 255, 0.42),
    16.26vw 2.74vh 0px 0px rgba(255, 255, 255, 0.75),
    88.74vw 28.96vh 0px 0px rgba(255, 255, 255, 0.86),
    45.62vw 34.93vh 0px 0px rgba(255, 255, 255, 0.84),
    40.82vw 32.19vh 0px 0px rgba(255, 255, 255, 0.58),
    37.3vw 87.85vh 0px 0px rgba(255, 255, 255, 0.55),
    65.98vw 69.74vh 0px 0px rgba(255, 255, 255, 0.85),
    70.78vw 14.86vh 0px 0px rgba(255, 255, 255, 0.76),
    69.26vw 45.13vh 0px 0px rgba(255, 255, 255, 0.82),
    42.07vw 72.31vh 0px 0px rgba(255, 255, 255, 0.55),
    22.86vw 86.77vh 0px 0px rgba(255, 255, 255, 0.64),
    60.28vw 50.37vh 0px 0px rgba(255, 255, 255, 0.56),
    87.65vw 66.7vh 0px 0px rgba(255, 255, 255, 0.92),
    26.99vw 36.73vh 0px 0px rgba(255, 255, 255, 0.66),
    11.37vw 27.23vh 0px 0px rgba(255, 255, 255, 0.86),
    32.19vw 57.43vh 0px 0px rgba(255, 255, 255, 0.46),
    58.13vw 49.91vh 0px 0px rgba(255, 255, 255, 0.58),
    39.74vw 87.77vh 0px 0px rgba(255, 255, 255, 0.96),
    99.24vw 44.96vh 0px 0px rgba(255, 255, 255, 0.6),
    88.3vw 82.85vh 0px 0px rgba(255, 255, 255, 0.68),
    80.62vw 38.83vh 0px 0px rgba(255, 255, 255, 0.81),
    72.98vw 7.06vh 0px 0px rgba(255, 255, 255, 0.51),
    39.93vw 68.75vh 0px 0px rgba(255, 255, 255, 0.72),
    89.28vw 50.22vh 0px 0px rgba(255, 255, 255, 0.43),
    13.58vw 39.42vh 0px 0px rgba(255, 255, 255, 0.66),
    74.3vw 97.15vh 0px 0px rgba(255, 255, 255, 0.8),
    60.37vw 84.3vh 0px 0px rgba(255, 255, 255, 0.72),
    81.38vw 34.64vh 0px 0px rgba(255, 255, 255, 0.81),
    57.43vw 69.25vh 0px 0px rgba(255, 255, 255, 0.66),
    26.78vw 66.31vh 0px 0px rgba(255, 255, 255, 0.58),
    96.05vw 38.8vh 0px 0px rgba(255, 255, 255, 0.55),
    87.35vw 35.6vh 0px 0px rgba(255, 255, 255, 0.9),
    61.27vw 65.03vh 0px 0px rgba(255, 255, 255, 0.81),
    4.3vw 18.54vh 0px 0px rgba(255, 255, 255, 0.82),
    41.55vw 96.55vh 0px 0px rgba(255, 255, 255, 0.51),
    46.09vw 1.21vh 0px 0px rgba(255, 255, 255, 1),
    49.37vw 38.7vh 0px 0px rgba(255, 255, 255, 0.54),
    21.74vw 35.28vh 0px 0px rgba(255, 255, 255, 0.76),
    88.53vw 75.81vh 0px 0px rgba(255, 255, 255, 0.81),
    26.78vw 77.02vh 0px 0px rgba(255, 255, 255, 0.71),
    41.04vw 71.82vh 0px 0px rgba(255, 255, 255, 0.6),
    96.55vw 7.81vh 0px 0px rgba(255, 255, 255, 0.95),
    91.42vw 99.9vh 0px 0px rgba(255, 255, 255, 0.92),
    28.77vw 87.63vh 0px 0px rgba(255, 255, 255, 0.74),
    61.24vw 32.43vh 0px 0px rgba(255, 255, 255, 0.71),
    26.72vw 94.27vh 0px 0px rgba(255, 255, 255, 0.83),
    80.35vw 97.95vh 0px 0px rgba(255, 255, 255, 0.72),
    8.67vw 69.04vh 0px 0px rgba(255, 255, 255, 0.58),
    55.2vw 47.77vh 0px 0px rgba(255, 255, 255, 0.72),
    49.43vw 7.45vh 0px 0px rgba(255, 255, 255, 0.42),
    71.94vw 51.26vh 0px 0px rgba(255, 255, 255, 0.73),
    57.03vw 12.67vh 0px 0px rgba(255, 255, 255, 0.85),
    12.83vw 99.42vh 0px 0px rgba(255, 255, 255, 0.47),
    11.17vw 34.79vh 0px 0px rgba(255, 255, 255, 0.9),
    82.54vw 64.65vh 0px 0px rgba(255, 255, 255, 0.73),
    19.73vw 48.36vh 0px 0px rgba(255, 255, 255, 0.58),
    0.18vw 54.44vh 0px 0px rgba(255, 255, 255, 0.45),
    15.79vw 48.81vh 0px 0px rgba(255, 255, 255, 0.53),
    46.67vw 28.21vh 0px 0px rgba(255, 255, 255, 0.88),
    98.29vw 29.2vh 0px 0px rgba(255, 255, 255, 0.73),
    98vw 79.09vh 0px 0px rgba(255, 255, 255, 0.42),
    99.22vw 83.38vh 0px 0px rgba(255, 255, 255, 0.89),
    40.39vw 29.34vh 0px 0px rgba(255, 255, 255, 0.77),
    72.76vw 27.34vh 0px 0px rgba(255, 255, 255, 0.92),
    95.65vw 96.46vh 0px 0px rgba(255, 255, 255, 0.64),
    84.63vw 30.86vh 0px 0px rgba(255, 255, 255, 0.69),
    67.01vw 32.98vh 0px 0px rgba(255, 255, 255, 0.98),
    87.03vw 99.12vh 0px 0px rgba(255, 255, 255, 0.71),
    4.31vw 66.09vh 0px 0px rgba(255, 255, 255, 0.48),
    82.9vw 0.22vh 0px 0px rgba(255, 255, 255, 0.92),
    93.58vw 92.94vh 0px 0px rgba(255, 255, 255, 0.52),
    94.17vw 37.16vh 0px 0px rgba(255, 255, 255, 0.63),
    51.43vw 68.33vh 0px 0px rgba(255, 255, 255, 0.93),
    41.08vw 74.02vh 0px 0px rgba(255, 255, 255, 0.76),
    59.64vw 90.61vh 0px 0px rgba(255, 255, 255, 0.56),
    58.57vw 89.67vh 0px 0px rgba(255, 255, 255, 0.58),
    15.88vw 63.84vh 0px 0px rgba(255, 255, 255, 0.42),
    39.12vw 55.72vh 0px 0px rgba(255, 255, 255, 0.47),
    74.62vw 17.2vh 0px 0px rgba(255, 255, 255, 0.46),
    1.81vw 90vh 0px 0px rgba(255, 255, 255, 0.92),
    98.07vw 70.84vh 0px 0px rgba(255, 255, 255, 0.89),
    52.33vw 50.02vh 0px 0px rgba(255, 255, 255, 0.79),
    45.6vw 59.74vh 0px 0px rgba(255, 255, 255, 0.75),
    92.78vw 25.75vh 0px 0px rgba(255, 255, 255, 0.66),
    89.89vw 10.98vh 0px 0px rgba(255, 255, 255, 0.7),
    52.75vw 62.2vh 0px 0px rgba(255, 255, 255, 0.9),
    61.17vw 40.49vh 0px 0px rgba(255, 255, 255, 0.7),
    56.12vw 96.54vh 0px 0px rgba(255, 255, 255, 0.86),
    30.35vw 53.37vh 0px 0px rgba(255, 255, 255, 0.66),
    58.38vw 95.25vh 0px 0px rgba(255, 255, 255, 0.7),
    64.76vw 46.55vh 0px 0px rgba(255, 255, 255, 0.48),
    33.03vw 3.98vh 0px 0px rgba(255, 255, 255, 0.67),
    48.16vw 47.33vh 0px 0px rgba(255, 255, 255, 0.94),
    55.48vw 62.08vh 0px 0px rgba(255, 255, 255, 0.81),
    20.15vw 75.32vh 0px 0px rgba(255, 255, 255, 0.51),
    5.15vw 56.03vh 0px 0px rgba(255, 255, 255, 0.96),
    72.41vw 78.53vh 0px 0px rgba(255, 255, 255, 0.79),
    24.64vw 13.4vh 0px 0px rgba(255, 255, 255, 0.98),
    7.75vw 17.88vh 0px 0px rgba(255, 255, 255, 0.69),
    73.28vw 33.58vh 0px 0px rgba(255, 255, 255, 0.75),
    96.06vw 53.48vh 0px 0px rgba(255, 255, 255, 0.91),
    66.1vw 28.44vh 0px 0px rgba(255, 255, 255, 0.56),
    65.58vw 35.97vh 0px 0px rgba(255, 255, 255, 0.7),
    88.57vw 36.87vh 0px 0px rgba(255, 255, 255, 0.55),
    27.57vw 67.96vh 0px 0px rgba(255, 255, 255, 0.85),
    43.68vw 41.44vh 0px 0px rgba(255, 255, 255, 0.84),
    38.31vw 69.99vh 0px 0px rgba(255, 255, 255, 0.95),
    86.01vw 69.69vh 0px 0px rgba(255, 255, 255, 0.98),
    13.28vw 9.87vh 0px 0px rgba(255, 255, 255, 0.41),
    21.78vw 4.69vh 0px 0px rgba(255, 255, 255, 0.7);
}

/* +++stars */
html::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  pointer-events: none;
  z-index: -1;
  background-image:
    linear-gradient(rgba(255,255,255,0.98), rgba(255,255,255,0.98)),
    linear-gradient(rgba(255,255,255,0.98), rgba(255,255,255,0.98)),
    linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.85)),
    linear-gradient(rgba(255,255,255,0.85), rgba(255,255,255,0.85)),
    linear-gradient(rgba(255,255,255,0.97), rgba(255,255,255,0.97)),
    linear-gradient(rgba(255,255,255,0.97), rgba(255,255,255,0.97)),
    linear-gradient(rgba(255,255,255,0.96), rgba(255,255,255,0.96)),
    linear-gradient(rgba(255,255,255,0.96), rgba(255,255,255,0.96)),
    linear-gradient(rgba(255,255,255,0.97), rgba(255,255,255,0.97)),
    linear-gradient(rgba(255,255,255,0.97), rgba(255,255,255,0.97)),
    linear-gradient(rgba(255,255,255,0.78), rgba(255,255,255,0.78)),
    linear-gradient(rgba(255,255,255,0.78), rgba(255,255,255,0.78)),
    linear-gradient(rgba(255,255,255,0.87), rgba(255,255,255,0.87)),
    linear-gradient(rgba(255,255,255,0.87), rgba(255,255,255,0.87)),
    linear-gradient(rgba(255,255,255,0.84), rgba(255,255,255,0.84)),
    linear-gradient(rgba(255,255,255,0.84), rgba(255,255,255,0.84)),
    linear-gradient(rgba(255,255,255,0.69), rgba(255,255,255,0.69)),
    linear-gradient(rgba(255,255,255,0.69), rgba(255,255,255,0.69)),
    linear-gradient(rgba(255,255,255,0.78), rgba(255,255,255,0.78)),
    linear-gradient(rgba(255,255,255,0.78), rgba(255,255,255,0.78)),
    linear-gradient(rgba(255,255,255,0.91), rgba(255,255,255,0.91)),
    linear-gradient(rgba(255,255,255,0.91), rgba(255,255,255,0.91)),
    linear-gradient(rgba(255,255,255,0.71), rgba(255,255,255,0.71)),
    linear-gradient(rgba(255,255,255,0.71), rgba(255,255,255,0.71)),
    linear-gradient(rgba(255,255,255,0.69), rgba(255,255,255,0.69)),
    linear-gradient(rgba(255,255,255,0.69), rgba(255,255,255,0.69)),
    linear-gradient(rgba(255,255,255,0.95), rgba(255,255,255,0.95)),
    linear-gradient(rgba(255,255,255,0.95), rgba(255,255,255,0.95)),
    linear-gradient(rgba(255,255,255,0.81), rgba(255,255,255,0.81)),
    linear-gradient(rgba(255,255,255,0.81), rgba(255,255,255,0.81)),
    linear-gradient(rgba(255,255,255,0.79), rgba(255,255,255,0.79)),
    linear-gradient(rgba(255,255,255,0.79), rgba(255,255,255,0.79));

  background-size:
    6px 1px,
    1px 6px,
    6px 2px,
    2px 6px,
    6px 2px,
    2px 6px,
    6px 1px,
    1px 6px,
    6px 1px,
    1px 6px,
    5px 1px,
    1px 5px,
    5px 2px,
    2px 5px,
    5px 2px,
    2px 5px,
    6px 2px,
    2px 6px,
    7px 2px,
    2px 7px,
    6px 1px,
    1px 6px,
    7px 1px,
    1px 7px,
    5px 2px,
    2px 5px,
    7px 1px,
    1px 7px,
    7px 2px,
    2px 7px,
    7px 1px,
    1px 7px;

  background-position:
    5vw 15vh,
    calc(5vw + 2.5px) calc(15vh - 2.5px),
    12vw 72vh,
    calc(12vw + 2px) calc(72vh - 2px),
    25vw 45vh,
    calc(25vw + 2px) calc(45vh - 2px),
    38vw 80vh,
    calc(38vw + 2.5px) calc(80vh - 2.5px),
    48vw 20vh,
    calc(48vw + 2.5px) calc(20vh - 2.5px),
    55vw 65vh,
    calc(55vw + 2px) calc(65vh - 2px),
    70vw 10vh,
    calc(70vw + 1.5px) calc(10vh - 1.5px),
    78vw 50vh,
    calc(78vw + 1.5px) calc(50vh - 1.5px),
    83vw 88vh,
    calc(83vw + 2px) calc(88vh - 2px),
    92vw 30vh,
    calc(92vw + 2.5px) calc(30vh - 2.5px),
    96vw 75vh,
    calc(96vw + 2.5px) calc(75vh - 2.5px),
    3vw 50vh,
    calc(3vw + 3px) calc(50vh - 3px),
    18vw 90vh,
    calc(18vw + 1.5px) calc(90vh - 1.5px),
    62vw 35vh,
    calc(62vw + 3px) calc(35vh - 3px),
    30vw 10vh,
    calc(30vw + 2.5px) calc(10vh - 2.5px),
    87vw 68vh,
    calc(87vw + 3px) calc(68vh - 3px);

  background-repeat: no-repeat;
}