Skip to content

Commit

Permalink
tidy (#320)
Browse files Browse the repository at this point in the history
  • Loading branch information
@Thorin-Oakenpants
Thorin-Oakenpants authored Jul 19, 2024
1 parent d24e690 commit ea6e3bc
Show file tree
Hide file tree
Showing 31 changed files with 5,591 additions and 6,623 deletions.
39 changes: 27 additions & 12 deletions css/index.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -64,7 +64,7 @@ code {
left: 0px;
width: 100%;
height: 100%;
z-index: 990;
z-index: 900;
display: none;
}
#overlay {
Expand All @@ -84,15 +84,25 @@ code {
z-index: 1000;
overscroll-behavior: contain;
}
#overlaytop {
position: sticky;
top: 0;
background-color: var(--bg0);
border-bottom: 1px solid var(--test0);
padding: 18px 25px;
z-index: 1000;
}
#overlaycontent {
position: absolute;
margin: 15px 25px 10px;
padding-bottom: 15px;
}
#overlaybuttons {
position: fixed;
float: right;
right: 25px;
width: fit-content;
text-align: right;
}


div.pad {
padding: 0px 25px 15px /* top left+right bottom */
}
Expand All @@ -112,7 +122,7 @@ a.return {color: var(--link); text-decoration: none; font-size: 14px; line-heig
.bad {color: var(--testbad);}
.faint {color: var(--test99);}
.hidden {display: none;}
.health {font-size: 10px;}
.health, .healthsilent {font-size: 10px;}
.offscreen {
position: absolute !important;
top: -2000% !important;
Expand Down Expand Up @@ -161,14 +171,13 @@ a.return {color: var(--link); text-decoration: none; font-size: 14px; line-heig
}

/* show/hide */
.togC, .togF, .togL, .togLO, .togTO, .togOS, .togUA1, .togUA2, .togZ {display: none;}
.togC, .togF, .togL, .togLO, .togT, .togTM, .togTO, .togOS, .togUA1, .togUA2, .togZ {display: none;}

/* run/re-run, click here */
.btn {background-color: var(--bg0);
display: inline-block;
font-size: 12px;
font-family: monospace, "Courier New";
/*font-weight: bold;*/ /* bold looks out of place on macs */
padding-left: 6px;
padding-right: 6px;
cursor: pointer;
Expand All @@ -183,7 +192,6 @@ a.return {color: var(--link); text-decoration: none; font-size: 14px; line-heig
}
/* section metrics/counts: underline, padded, bold */
.btns {
font-weight: bold;
text-decoration: underline;
padding-left: 8px;
padding-right: 8px;
Expand All @@ -208,7 +216,7 @@ a.return {color: var(--link); text-decoration: none; font-size: 14px; line-heig
.btn16, .s16 {border-color: var(--test16); color: var(--test16);}
.btn17, .s17 {border-color: var(--test17); color: var(--test17);}
.btn18, .s18 {border-color: var(--test18); color: var(--test18);}
.s99 {color: var(--test99);}
.btn99, .s99 {border-color: var(--test99); color: var(--test99);}
.btngood, .sgood {border-color: var(--test7); color: var(--test7);}
.btnbad, .sbad {border-color: var(--testbad); color: var(--testbad);}
.btn-left {float: left; position: relative; left: -15px; top: 0px;}
Expand All @@ -232,7 +240,7 @@ a.return {color: var(--link); text-decoration: none; font-size: 14px; line-heig
border-style: solid; border-color: transparent var(--test0) transparent transparent;}

/* table nav */
div.nav-title {position: relative;}
div.nav-title {position: relative; font-weight: bold;}
div.nav-down {position: absolute; right: 5px; top: 0px; width: 250px; text-align: right;}
div.nav-up {position: absolute; left: 5px; top: 0px; width: 250px; text-align: left;}
div.nav-right {position: absolute; right: 5px; top: -2px; width: 0px;}
Expand All @@ -251,7 +259,7 @@ th {color: black; font-size: 14px; padding: 3px 0;}
table td:first-child { text-align: right; vertical-align: top;}
table td.blurb {text-align: center; line-height: 1.5em;}
table td.center {text-align: center;}
table td.intro {text-align: left; line-height: 1.5em; padding-bottom: 10px;}
table td.intro {text-align: left; line-height: 1.5em; padding-bottom: 10px; padding-left: 0px;}
table td.secthash {
text-align: left;
vertical-align: top;
Expand All @@ -266,6 +274,10 @@ tr td.border-bottom {
border-bottom-style: dashed;
}

div.scroll {width: 100px; overflow-y: scroll;}
div.scrollauto {scrollbar-width: auto;}
div.scrollthin {scrollbar-width: thin;}

#tb1 th {background-color: var(--bg1);}
#tb2 th {background-color: var(--bg2);}
#tb3 th {background-color: var(--bg3);}
Expand All @@ -287,6 +299,7 @@ tr td.border-bottom {
#tb99 th {background-color: var(--bg99);}
#tbfp th {background-color: var(--bg99);}
#tbperf th {background-color: var(--bg99);}
#tbblock th {background-color: var(--bg99);}

#tb1 td:first-child {color: var(--test1);}
#tb2 td:first-child {color: var(--test2);}
Expand All @@ -295,6 +308,7 @@ tr td.border-bottom {
#tb3 td:first-child {color: var(--test3);}
#tb4 td:first-child {color: var(--test4);}
#tb4 .togLO td:first-child {color: var(--test99);}
#tb4 .togTM td:first-child {color: var(--test99);}
#tb4 .togTO td:first-child {color: var(--test99);}
#tb5 td:first-child {color: var(--test5);}
#tb6 td:first-child {color: var(--test6);}
Expand All @@ -311,12 +325,13 @@ tr td.border-bottom {
#tb15 td:first-child {color: var(--test15);}
#tb16 td:first-child {color: var(--test16);}
#tb17 td:first-child {color: var(--test17);}
#tb17 .togT td:first-child {color: var(--test99);}
#tb18 td:first-child {color: var(--test18);}
#tb99 td:first-child {color: var(--test99);}
#tbfp td:first-child {color: var(--test99);}
#tbperf td:first-child {color: var(--test99);}

#lh-fingerprint, #mathml-fingerprint {
#lh-fp, #mathml-fp {
position: fixed;
top: 0;
left: 0;
Expand Down
31 changes: 15 additions & 16 deletions css/media.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,6 +31,9 @@
@media (display-mode:browser){#cssDM:after{content:"browser";}}
@media (display-mode:minimal-ui){#cssDM:after{content:"minimal-ui";}}
@media (display-mode:portrait){#cssDM:after{content:"portrait";}}
@media (display-mode:standalone){#cssDM:after{content:"standalone";}}
@media (display-mode:picture-in-picture){#cssDM:after{content:"picture-in-picture";}}
@media (display-mode:window-controls-overlay){#cssDM:after{content:"window-controls-overlay";}}

#cssCG:after{content:"n/a";}
@media (color-gamut:srgb){#cssCG:after{content:"srgb";}}
Expand Down Expand Up @@ -64,56 +67,52 @@
@media (color:24){#cssC:after{content:"24";}}
@media (color:25){#cssC:after{content:"";}}

/*
always return none with a traling space so we can differentiate between this
and default none: https://www.w3.org/TR/CSS21/generate.html#content
*/
#cssP:after{content:"n/a";}
@media (pointer:fine){#cssP:after{content:"fine";}}
@media (pointer:coarse){#cssP:after{content:"coarse";}}
@media (pointer:none){#cssP:after{content:"none";}}

@media (pointer:none){#cssP:after{content:"none ";}}
/* any-pointer order matters: https://www.w3.org/TR/mediaqueries-4/#any-input */
#cssAP:before{content:"n/a";}
@media (any-pointer:coarse){#cssAP:before{content:"coarse";}}
@media (any-pointer:fine){#cssAP:before{content:"fine";}} /* fine over coarse */
@media (any-pointer:none){#cssAP:before{content:"none";}}
@media (any-pointer:none){#cssAP:before{content:"none ";}}
#cssAP:after{content:" + n/a";}
@media (any-pointer:fine){#cssAP:after{content:" + fine";}}
@media (any-pointer:coarse){#cssAP:after{content:" + coarse";}} /* coarse over fine */
@media (any-pointer:none){#cssAP:after{content:" + none";}}

@media (any-pointer:none){#cssAP:after{content:" + none ";}}
#cssH:after{content:"n/a";}
@media (hover:none){#cssH:after{content:"none";}}
@media (hover:none){#cssH:after{content:"none ";}}
@media (hover:hover){#cssH:after{content:"hover";}}
#cssAH:after{content:"n/a";}
@media (any-hover:none){#cssAH:after{content:"none";}}
@media (any-hover:none){#cssAH:after{content:"none ";}}
@media (any-hover:hover){#cssAH:after{content:"hover";}}

#cssPCS:after{content:"n/a";}
@media (prefers-color-scheme:light){#cssPCS:after{content:"light";}}
@media (prefers-color-scheme:dark){#cssPCS:after{content:"dark";}}
@media (prefers-color-scheme:no-preference){#cssPCS:after{content:"no-preference";}} /* obsolete FF79+: 1643656 */

/* @media (prefers-color-scheme:no-preference){#cssPCS:after{content:"no-preference";}} /* obsolete FF79+: 1643656 */
#cssPRM:after{content:"n/a";}
@media (prefers-reduced-motion:no-preference){#cssPRM:after{content:"no-preference";}}
@media (prefers-reduced-motion:reduce){#cssPRM:after{content:"reduce";}}

#cssPC:after{content:"n/a";}
@media (prefers-contrast:no-preference){#cssPC:after{content:"no-preference";}}
@media (prefers-contrast:high){#cssPC:after{content:"high";}}
@media (prefers-contrast:low){#cssPC:after{content:"low";}}

#cssFC:after{content:"n/a";}
@media (forced-colors:none){#cssFC:after{content:"none";}}
@media (forced-colors:none){#cssFC:after{content:"none ";}}
@media (forced-colors:active){#cssFC:after{content:"active";}}

#cssPRT:after{content:"n/a";}
@media (prefers-reduced-transparency:no-preference){#cssPRT:after{content:"no-preference";}}
@media (prefers-reduced-transparency:reduce){#cssPRT:after{content:"reduce";}}

#cssPRD:after{content:"n/a";}
@media (prefers-reduced-data:no-preference){#cssPRD:after{content:"no-preference";}}
@media (prefers-reduced-data:reduce){#cssPRD:after{content:"reduce";}}

#cssIC:after{content:"n/a";}
@media (inverted-colors:none){#cssIC:after{content:"none";}}
@media (inverted-colors:none){#cssIC:after{content:"none ";}}
@media (inverted-colors:inverted){#cssIC:after{content:"inverted";}}

/* dpi */
Expand Down
2 changes: 0 additions & 2 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -151,8 +151,6 @@
<td>research: ongoing results</td></tr>
<tr><td colspan="2"><a class="blue" href="tests/mathspoof.html">math spoof</a></td>
<td>math spoof detection</td></tr>
<tr><td colspan="2"><a class="blue" href="tests/timing.html">timing</a></td>
<td>various RFP and timing tests</td></tr>
<tr><td colspan="3"></td></tr>

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

0 comments on commit ea6e3bc

Please sign in to comment.