Many style improvements

This commit is contained in:
Trygve 2021-03-21 12:46:35 +01:00
parent 6cf9272f6b
commit 3e2d262059
5 changed files with 29 additions and 6 deletions

View File

@ -141,6 +141,20 @@ a {
}
}
@media only screen and (min-width:1300px){
html {
font-size: 18px;
}
}
@media only screen and (min-width:2000px){
html {
font-size: 20px;
}
}
@media (prefers-color-scheme: dark) {
body.theme-auto {
--bg-color: var(--dark-bg-color);

View File

@ -27,6 +27,7 @@
width: 100%;
}
}
</style>
</head>
<body class="theme-auto">

View File

@ -23,12 +23,12 @@
<div class="testGroup">
<div class="testArea2">
<div class="testName">Ping</div>
<div id="pingText" class="meterText" style="color:#AA6060"></div>
<div id="pingText" class="meterText" style="color:#3949ab"></div>
<div class="unit">ms</div>
</div>
<div class="testArea2">
<div class="testName">Jitter</div>
<div id="jitText" class="meterText" style="color:#AA6060"></div>
<div id="jitText" class="meterText" style="color:#3949ab"></div>
<div class="unit">ms</div>
</div>
</div>

View File

@ -1,3 +1,12 @@
.cont {
text-align: center;
}
#startStopBtn{
height: 2rem;
width: 5rem;
font-size: 1.2rem;
text-align: center;
}
#startStopBtn:before{
content:"Start";
}
@ -5,8 +14,7 @@
content:"Abort";
}
#test{
margin-top:2em;
margin-bottom:12em;
margin-top:2rem;
}
div.testArea{
display:inline-block;

View File

@ -3,8 +3,8 @@ function I(i){return document.getElementById(i);}
var s=new Speedtest(); //create speedtest object
var meterBk=/Trident.*rv:(\d+\.\d+)/i.test(navigator.userAgent)?"#EAEAEA":"#80808040";
var dlColor="#6060AA",
ulColor="#616161";
var dlColor="#1565c0",
ulColor="#c62828";
var progColor=meterBk;
//CODE FOR GAUGES