Many style improvements
This commit is contained in:
parent
6cf9272f6b
commit
3e2d262059
14
css/main.css
14
css/main.css
@ -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);
|
||||
|
@ -27,6 +27,7 @@
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
</style>
|
||||
</head>
|
||||
<body class="theme-auto">
|
||||
|
@ -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>
|
||||
|
@ -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;
|
||||
|
@ -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
|
||||
|
Loading…
Reference in New Issue
Block a user