Skip to content

Commit ea6e3bc

Browse files
Thorin-OakenpantsThorin-Oakenpants
authored
tidy (#320)
1 parent d24e690 commit ea6e3bc

31 files changed

+5591
-6623
lines changed

‎css/index.css

+27-12
Original file line numberDiff line numberDiff line change
@@ -64,7 +64,7 @@ code {
6464
left: 0px;
6565
width: 100%;
6666
height: 100%;
67-
z-index: 990;
67+
z-index: 900;
6868
display: none;
6969
}
7070
#overlay {
@@ -84,15 +84,25 @@ code {
8484
z-index: 1000;
8585
overscroll-behavior: contain;
8686
}
87+
#overlaytop {
88+
position: sticky;
89+
top: 0;
90+
background-color: var(--bg0);
91+
border-bottom: 1px solid var(--test0);
92+
padding: 18px 25px;
93+
z-index: 1000;
94+
}
95+
#overlaycontent {
96+
position: absolute;
97+
margin: 15px 25px 10px;
98+
padding-bottom: 15px;
99+
}
87100
#overlaybuttons {
88-
position: fixed;
89101
float: right;
90-
right: 25px;
91102
width: fit-content;
92103
text-align: right;
93104
}
94105

95-
96106
div.pad {
97107
padding: 0px 25px 15px /* top left+right bottom */
98108
}
@@ -112,7 +122,7 @@ a.return {color: var(--link); text-decoration: none; font-size: 14px; line-heig
112122
.bad {color: var(--testbad);}
113123
.faint {color: var(--test99);}
114124
.hidden {display: none;}
115-
.health {font-size: 10px;}
125+
.health, .healthsilent {font-size: 10px;}
116126
.offscreen {
117127
position: absolute !important;
118128
top: -2000% !important;
@@ -161,14 +171,13 @@ a.return {color: var(--link); text-decoration: none; font-size: 14px; line-heig
161171
}
162172

163173
/* show/hide */
164-
.togC, .togF, .togL, .togLO, .togTO, .togOS, .togUA1, .togUA2, .togZ {display: none;}
174+
.togC, .togF, .togL, .togLO, .togT, .togTM, .togTO, .togOS, .togUA1, .togUA2, .togZ {display: none;}
165175

166176
/* run/re-run, click here */
167177
.btn {background-color: var(--bg0);
168178
display: inline-block;
169179
font-size: 12px;
170180
font-family: monospace, "Courier New";
171-
/*font-weight: bold;*/ /* bold looks out of place on macs */
172181
padding-left: 6px;
173182
padding-right: 6px;
174183
cursor: pointer;
@@ -183,7 +192,6 @@ a.return {color: var(--link); text-decoration: none; font-size: 14px; line-heig
183192
}
184193
/* section metrics/counts: underline, padded, bold */
185194
.btns {
186-
font-weight: bold;
187195
text-decoration: underline;
188196
padding-left: 8px;
189197
padding-right: 8px;
@@ -208,7 +216,7 @@ a.return {color: var(--link); text-decoration: none; font-size: 14px; line-heig
208216
.btn16, .s16 {border-color: var(--test16); color: var(--test16);}
209217
.btn17, .s17 {border-color: var(--test17); color: var(--test17);}
210218
.btn18, .s18 {border-color: var(--test18); color: var(--test18);}
211-
.s99 {color: var(--test99);}
219+
.btn99, .s99 {border-color: var(--test99); color: var(--test99);}
212220
.btngood, .sgood {border-color: var(--test7); color: var(--test7);}
213221
.btnbad, .sbad {border-color: var(--testbad); color: var(--testbad);}
214222
.btn-left {float: left; position: relative; left: -15px; top: 0px;}
@@ -232,7 +240,7 @@ a.return {color: var(--link); text-decoration: none; font-size: 14px; line-heig
232240
border-style: solid; border-color: transparent var(--test0) transparent transparent;}
233241

234242
/* table nav */
235-
div.nav-title {position: relative;}
243+
div.nav-title {position: relative; font-weight: bold;}
236244
div.nav-down {position: absolute; right: 5px; top: 0px; width: 250px; text-align: right;}
237245
div.nav-up {position: absolute; left: 5px; top: 0px; width: 250px; text-align: left;}
238246
div.nav-right {position: absolute; right: 5px; top: -2px; width: 0px;}
@@ -251,7 +259,7 @@ th {color: black; font-size: 14px; padding: 3px 0;}
251259
table td:first-child { text-align: right; vertical-align: top;}
252260
table td.blurb {text-align: center; line-height: 1.5em;}
253261
table td.center {text-align: center;}
254-
table td.intro {text-align: left; line-height: 1.5em; padding-bottom: 10px;}
262+
table td.intro {text-align: left; line-height: 1.5em; padding-bottom: 10px; padding-left: 0px;}
255263
table td.secthash {
256264
text-align: left;
257265
vertical-align: top;
@@ -266,6 +274,10 @@ tr td.border-bottom {
266274
border-bottom-style: dashed;
267275
}
268276

277+
div.scroll {width: 100px; overflow-y: scroll;}
278+
div.scrollauto {scrollbar-width: auto;}
279+
div.scrollthin {scrollbar-width: thin;}
280+
269281
#tb1 th {background-color: var(--bg1);}
270282
#tb2 th {background-color: var(--bg2);}
271283
#tb3 th {background-color: var(--bg3);}
@@ -287,6 +299,7 @@ tr td.border-bottom {
287299
#tb99 th {background-color: var(--bg99);}
288300
#tbfp th {background-color: var(--bg99);}
289301
#tbperf th {background-color: var(--bg99);}
302+
#tbblock th {background-color: var(--bg99);}
290303

291304
#tb1 td:first-child {color: var(--test1);}
292305
#tb2 td:first-child {color: var(--test2);}
@@ -295,6 +308,7 @@ tr td.border-bottom {
295308
#tb3 td:first-child {color: var(--test3);}
296309
#tb4 td:first-child {color: var(--test4);}
297310
#tb4 .togLO td:first-child {color: var(--test99);}
311+
#tb4 .togTM td:first-child {color: var(--test99);}
298312
#tb4 .togTO td:first-child {color: var(--test99);}
299313
#tb5 td:first-child {color: var(--test5);}
300314
#tb6 td:first-child {color: var(--test6);}
@@ -311,12 +325,13 @@ tr td.border-bottom {
311325
#tb15 td:first-child {color: var(--test15);}
312326
#tb16 td:first-child {color: var(--test16);}
313327
#tb17 td:first-child {color: var(--test17);}
328+
#tb17 .togT td:first-child {color: var(--test99);}
314329
#tb18 td:first-child {color: var(--test18);}
315330
#tb99 td:first-child {color: var(--test99);}
316331
#tbfp td:first-child {color: var(--test99);}
317332
#tbperf td:first-child {color: var(--test99);}
318333

319-
#lh-fingerprint, #mathml-fingerprint {
334+
#lh-fp, #mathml-fp {
320335
position: fixed;
321336
top: 0;
322337
left: 0;

‎css/media.css

+15-16
Original file line numberDiff line numberDiff line change
@@ -31,6 +31,9 @@
3131
@media (display-mode:browser){#cssDM:after{content:"browser";}}
3232
@media (display-mode:minimal-ui){#cssDM:after{content:"minimal-ui";}}
3333
@media (display-mode:portrait){#cssDM:after{content:"portrait";}}
34+
@media (display-mode:standalone){#cssDM:after{content:"standalone";}}
35+
@media (display-mode:picture-in-picture){#cssDM:after{content:"picture-in-picture";}}
36+
@media (display-mode:window-controls-overlay){#cssDM:after{content:"window-controls-overlay";}}
3437

3538
#cssCG:after{content:"n/a";}
3639
@media (color-gamut:srgb){#cssCG:after{content:"srgb";}}
@@ -64,56 +67,52 @@
6467
@media (color:24){#cssC:after{content:"24";}}
6568
@media (color:25){#cssC:after{content:"";}}
6669

70+
/*
71+
always return none with a traling space so we can differentiate between this
72+
and default none: https://www.w3.org/TR/CSS21/generate.html#content
73+
*/
6774
#cssP:after{content:"n/a";}
6875
@media (pointer:fine){#cssP:after{content:"fine";}}
6976
@media (pointer:coarse){#cssP:after{content:"coarse";}}
70-
@media (pointer:none){#cssP:after{content:"none";}}
71-
77+
@media (pointer:none){#cssP:after{content:"none ";}}
7278
/* any-pointer order matters: https://www.w3.org/TR/mediaqueries-4/#any-input */
7379
#cssAP:before{content:"n/a";}
7480
@media (any-pointer:coarse){#cssAP:before{content:"coarse";}}
7581
@media (any-pointer:fine){#cssAP:before{content:"fine";}} /* fine over coarse */
76-
@media (any-pointer:none){#cssAP:before{content:"none";}}
82+
@media (any-pointer:none){#cssAP:before{content:"none ";}}
7783
#cssAP:after{content:" + n/a";}
7884
@media (any-pointer:fine){#cssAP:after{content:" + fine";}}
7985
@media (any-pointer:coarse){#cssAP:after{content:" + coarse";}} /* coarse over fine */
80-
@media (any-pointer:none){#cssAP:after{content:" + none";}}
81-
86+
@media (any-pointer:none){#cssAP:after{content:" + none ";}}
8287
#cssH:after{content:"n/a";}
83-
@media (hover:none){#cssH:after{content:"none";}}
88+
@media (hover:none){#cssH:after{content:"none ";}}
8489
@media (hover:hover){#cssH:after{content:"hover";}}
8590
#cssAH:after{content:"n/a";}
86-
@media (any-hover:none){#cssAH:after{content:"none";}}
91+
@media (any-hover:none){#cssAH:after{content:"none ";}}
8792
@media (any-hover:hover){#cssAH:after{content:"hover";}}
8893

8994
#cssPCS:after{content:"n/a";}
9095
@media (prefers-color-scheme:light){#cssPCS:after{content:"light";}}
9196
@media (prefers-color-scheme:dark){#cssPCS:after{content:"dark";}}
92-
@media (prefers-color-scheme:no-preference){#cssPCS:after{content:"no-preference";}} /* obsolete FF79+: 1643656 */
93-
97+
/* @media (prefers-color-scheme:no-preference){#cssPCS:after{content:"no-preference";}} /* obsolete FF79+: 1643656 */
9498
#cssPRM:after{content:"n/a";}
9599
@media (prefers-reduced-motion:no-preference){#cssPRM:after{content:"no-preference";}}
96100
@media (prefers-reduced-motion:reduce){#cssPRM:after{content:"reduce";}}
97-
98101
#cssPC:after{content:"n/a";}
99102
@media (prefers-contrast:no-preference){#cssPC:after{content:"no-preference";}}
100103
@media (prefers-contrast:high){#cssPC:after{content:"high";}}
101104
@media (prefers-contrast:low){#cssPC:after{content:"low";}}
102-
103105
#cssFC:after{content:"n/a";}
104-
@media (forced-colors:none){#cssFC:after{content:"none";}}
106+
@media (forced-colors:none){#cssFC:after{content:"none ";}}
105107
@media (forced-colors:active){#cssFC:after{content:"active";}}
106-
107108
#cssPRT:after{content:"n/a";}
108109
@media (prefers-reduced-transparency:no-preference){#cssPRT:after{content:"no-preference";}}
109110
@media (prefers-reduced-transparency:reduce){#cssPRT:after{content:"reduce";}}
110-
111111
#cssPRD:after{content:"n/a";}
112112
@media (prefers-reduced-data:no-preference){#cssPRD:after{content:"no-preference";}}
113113
@media (prefers-reduced-data:reduce){#cssPRD:after{content:"reduce";}}
114-
115114
#cssIC:after{content:"n/a";}
116-
@media (inverted-colors:none){#cssIC:after{content:"none";}}
115+
@media (inverted-colors:none){#cssIC:after{content:"none ";}}
117116
@media (inverted-colors:inverted){#cssIC:after{content:"inverted";}}
118117

119118
/* dpi */

‎index.html

-2
Original file line numberDiff line numberDiff line change
@@ -151,8 +151,6 @@
151151
<td>research: ongoing results</td></tr>
152152
<tr><td colspan="2"><a class="blue" href="tests/mathspoof.html">math spoof</a></td>
153153
<td>math spoof detection</td></tr>
154-
<tr><td colspan="2"><a class="blue" href="tests/timing.html">timing</a></td>
155-
<td>various RFP and timing tests</td></tr>
156154
<tr><td colspan="3"></td></tr>
157155

158156
<tr><td colspan="3" class="intro"><a name="other"></a><span class="no_color"><b>OTHER</b></span></td></tr>

0 commit comments

Comments
 (0)