5
5
< meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
6
6
< style >
7
7
* { padding : 0 ; margin : 0 ; }
8
-
8
+
9
9
body {
10
10
font-family : sans-serif;
11
11
text-rendering : optimizespeed;
12
12
background-color : # ffffff ;
13
13
}
14
-
14
+
15
15
a {
16
16
color : # 006ed3 ;
17
17
text-decoration : none;
18
18
}
19
-
19
+
20
20
a : hover ,
21
21
h1 a : hover {
22
22
color : # 319cff ;
23
23
}
24
-
24
+
25
25
header ,
26
26
# summary {
27
27
padding-left : 5% ;
28
28
padding-right : 5% ;
29
29
}
30
-
30
+
31
31
th : first-child ,
32
32
td : first-child {
33
33
width : 5% ;
34
34
}
35
-
35
+
36
36
th : last-child ,
37
37
td : last-child {
38
38
width : 5% ;
39
39
}
40
-
40
+
41
41
header {
42
42
padding-top : 25px ;
43
43
padding-bottom : 15px ;
44
44
background-color : # f2f2f2 ;
45
45
}
46
-
46
+
47
47
h1 {
48
48
font-size : 20px ;
49
49
font-weight : normal;
52
52
text-overflow : ellipsis;
53
53
color : # 999 ;
54
54
}
55
-
55
+
56
56
h1 a {
57
57
color : # 000 ;
58
58
margin : 0 4px ;
59
59
}
60
-
60
+
61
61
h1 a : hover {
62
62
text-decoration : underline;
63
63
}
64
-
64
+
65
65
h1 a : first-child {
66
66
margin : 0 ;
67
67
}
68
-
68
+
69
69
main {
70
70
display : block;
71
71
}
72
-
72
+
73
73
.meta {
74
74
font-size : 12px ;
75
75
font-family : Verdana, sans-serif;
76
76
border-bottom : 1px solid # 9C9C9C ;
77
77
padding-top : 10px ;
78
78
padding-bottom : 10px ;
79
79
}
80
-
80
+
81
81
.meta-item {
82
82
margin-right : 1em ;
83
83
}
84
-
84
+
85
85
# filter {
86
86
padding : 4px ;
87
87
border : 1px solid # CCC ;
88
88
}
89
-
89
+
90
90
table {
91
91
width : 100% ;
92
92
border-collapse : collapse;
93
93
}
94
-
94
+
95
95
tr {
96
96
border-bottom : 1px dashed # dadada ;
97
97
}
98
-
98
+
99
99
tbody tr : hover {
100
100
background-color : # ffffec ;
101
101
}
102
-
102
+
103
103
th ,
104
104
td {
105
105
text-align : left;
106
106
padding : 10px 0 ;
107
107
}
108
-
108
+
109
109
th {
110
110
padding-top : 15px ;
111
111
padding-bottom : 15px ;
112
112
font-size : 16px ;
113
113
white-space : nowrap;
114
114
}
115
-
115
+
116
116
th a {
117
117
color : black;
118
118
}
119
-
119
+
120
120
th svg {
121
121
vertical-align : middle;
122
122
}
123
-
123
+
124
124
td {
125
125
white-space : nowrap;
126
126
font-size : 14px ;
127
127
}
128
-
128
+
129
129
td : nth-child (2 ) {
130
130
width : 80% ;
131
131
}
132
-
132
+
133
133
td : nth-child (3 ) {
134
134
padding : 0 20px 0 20px ;
135
135
}
136
-
136
+
137
137
th : nth-child (4 ),
138
138
td : nth-child (4 ) {
139
139
text-align : right;
140
140
}
141
-
141
+
142
142
td : nth-child (2 ) svg {
143
143
position : absolute;
144
144
}
145
-
145
+
146
146
td .name {
147
147
margin-left : 1.75em ;
148
148
word-break : break-all;
149
149
overflow-wrap : break-word;
150
150
white-space : pre-wrap;
151
151
}
152
-
152
+
153
153
td .goup {
154
154
margin-left : 1.75em ;
155
155
padding : 0 ;
156
156
word-break : break-all;
157
157
overflow-wrap : break-word;
158
158
white-space : pre-wrap;
159
159
}
160
-
160
+
161
161
.icon {
162
162
margin-right : 5px ;
163
163
}
164
-
165
- tr .clickable {
166
- cursor : pointer;
167
- }
168
- tr .clickable a {
169
- display : block;
170
- }
171
-
164
+
165
+ tr .clickable {
166
+ cursor : pointer;
167
+ }
168
+ tr .clickable a {
169
+ display : block;
170
+ }
171
+
172
172
@media (max-width : 600px ) {
173
-
173
+
174
174
* {
175
175
font-size : 1.06rem ;
176
176
}
177
177
.hideable {
178
178
display : none;
179
179
}
180
-
180
+
181
181
td : nth-child (2 ) {
182
182
width : auto;
183
183
}
184
-
184
+
185
185
th : nth-child (3 ),
186
186
td : nth-child (3 ) {
187
187
padding-right : 5% ;
188
188
text-align : right;
189
189
}
190
-
190
+
191
191
h1 {
192
192
color : # 000 ;
193
193
}
194
-
194
+
195
195
h1 a {
196
196
margin : 0 ;
197
197
}
198
-
198
+
199
199
# filter {
200
200
max-width : 100px ;
201
201
}
202
202
}
203
+
204
+ @media (prefers-color-scheme : dark) {
205
+ body {
206
+ color : # eee ;
207
+ background : # 121212 ;
208
+ }
209
+
210
+ header {
211
+ color : # eee ;
212
+ background : # 151515 ;
213
+ }
214
+
215
+ tbody tr : hover {
216
+ background-color : # 000020 ;
217
+ }
218
+
219
+ }
203
220
</ style >
204
221
</ head >
205
222
< body >
@@ -246,57 +263,56 @@ <h1>xmlpull</h1>
246
263
</ header >
247
264
< main >
248
265
< div class ="listing ">
249
- < table aria-describedby ="summary ">
250
- < thead >
251
- < tr >
252
- < th > </ th >
253
- < th > Name</ th >
254
- < th > Size</ th >
255
- < th class ="hideable ">
256
- Modified
257
- </ th >
258
- < th class ="hideable "> </ th >
259
- </ tr >
260
- </ thead >
261
- < tbody >
262
- < tr class ="clickable ">
263
- < td > </ td >
264
- < td > < a href =".. "> < svg width ="1.5em " height ="1em " version ="1.1 " viewBox ="0 0 24 24 "> < use xlink:href ="#go-up "> </ use > </ svg >
266
+ < table aria-describedby ="summary ">
267
+ < thead >
268
+ < tr >
269
+ < th > </ th >
270
+ < th > Name</ th >
271
+ < th > Size</ th >
272
+ < th class ="hideable ">
273
+ Modified
274
+ </ th >
275
+ < th class ="hideable "> </ th >
276
+ </ tr >
277
+ </ thead >
278
+ < tbody >
279
+ < tr class ="clickable ">
280
+ < td > </ td >
281
+ < td > < a href =".. "> < svg width ="1.5em " height ="1em " version ="1.1 " viewBox ="0 0 24 24 "> < use xlink:href ="#go-up "> </ use > </ svg >
265
282
< span class ="goup "> ..</ span > </ a > </ td >
266
- < td > —</ td >
267
- < td class ="hideable "> —</ td >
268
- < td class ="hideable "> </ td >
269
- </ tr >
270
-
271
- < tr class ="file ">
272
- < td > </ td >
273
- < td >
274
- < a href ="xmlpull\ ">
275
- < svg width ="1.5em " height ="1em " version ="1.1 " viewBox ="0 0 265 323 "> < use xlink:href ="#folder "> </ use > </ svg >
276
- < span class ="name "> xmlpull</ span >
277
- </ a >
278
- </ td >
279
- < td data-order ="-1 "> —</ td >
280
- < td class ="hideable "> < time datetime ="2020-10-27T18:08:16 "> Tue Oct 27 18:08:16 2020</ time > </ td >
281
- < td class ="hideable "> </ td >
282
- </ tr >
283
-
284
- < tr class ="file ">
285
- < td > </ td >
286
- < td >
287
- < a href ="xmlpull-xpp3-parent\ ">
288
- < svg width ="1.5em " height ="1em " version ="1.1 " viewBox ="0 0 265 323 "> < use xlink:href ="#folder "> </ use > </ svg >
289
- < span class ="name "> xmlpull-xpp3-parent</ span >
290
- </ a >
291
- </ td >
292
- < td data-order ="-1 "> —</ td >
293
- < td class ="hideable "> < time datetime ="2020-10-27T18:08:16 "> Tue Oct 27 18:08:16 2020</ time > </ td >
294
- < td class ="hideable "> </ td >
295
- </ tr >
296
-
297
- </ tbody >
298
- </ table >
299
- </ div >
283
+ < td > —</ td >
284
+ < td class ="hideable "> —</ td >
285
+ < td class ="hideable "> </ td >
286
+ </ tr >
287
+ < tr class ="file ">
288
+ < td > </ td >
289
+ < td >
290
+ < a href ="xmlpull/ ">
291
+ < svg width ="1.5em " height ="1em " version ="1.1 " viewBox ="0 0 265 323 "> < use xlink:href ="#folder "> </ use > </ svg >
292
+ < span class ="name "> xmlpull</ span >
293
+ </ a >
294
+ </ td >
295
+ < td data-order ="-1 "> —</ td >
296
+ < td class ="hideable "> < time datetime ="2024-06-16T17:39:08 "> Sun Jun 16 17:39:08 2024</ time > </ td >
297
+ < td class ="hideable "> </ td >
298
+ </ tr >
299
+
300
+ < tr class ="file ">
301
+ < td > </ td >
302
+ < td >
303
+ < a href ="xmlpull-xpp3-parent/ ">
304
+ < svg width ="1.5em " height ="1em " version ="1.1 " viewBox ="0 0 265 323 "> < use xlink:href ="#folder "> </ use > </ svg >
305
+ < span class ="name "> xmlpull-xpp3-parent</ span >
306
+ </ a >
307
+ </ td >
308
+ < td data-order ="-1 "> —</ td >
309
+ < td class ="hideable "> < time datetime ="2024-06-16T17:40:57 "> Sun Jun 16 17:40:57 2024</ time > </ td >
310
+ < td class ="hideable "> </ td >
311
+ </ tr >
312
+
313
+ </ tbody >
314
+ </ table >
315
+ </ div >
300
316
</ main >
301
317
</ body >
302
- </ html >
318
+ </ html >
0 commit comments