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) {
|
@media (prefers-color-scheme: dark) {
|
||||||
body.theme-auto {
|
body.theme-auto {
|
||||||
--bg-color: var(--dark-bg-color);
|
--bg-color: var(--dark-bg-color);
|
||||||
|
@ -27,6 +27,7 @@
|
|||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
</head>
|
</head>
|
||||||
<body class="theme-auto">
|
<body class="theme-auto">
|
||||||
|
@ -23,12 +23,12 @@
|
|||||||
<div class="testGroup">
|
<div class="testGroup">
|
||||||
<div class="testArea2">
|
<div class="testArea2">
|
||||||
<div class="testName">Ping</div>
|
<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 class="unit">ms</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="testArea2">
|
<div class="testArea2">
|
||||||
<div class="testName">Jitter</div>
|
<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 class="unit">ms</div>
|
||||||
</div>
|
</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{
|
#startStopBtn:before{
|
||||||
content:"Start";
|
content:"Start";
|
||||||
}
|
}
|
||||||
@ -5,8 +14,7 @@
|
|||||||
content:"Abort";
|
content:"Abort";
|
||||||
}
|
}
|
||||||
#test{
|
#test{
|
||||||
margin-top:2em;
|
margin-top:2rem;
|
||||||
margin-bottom:12em;
|
|
||||||
}
|
}
|
||||||
div.testArea{
|
div.testArea{
|
||||||
display:inline-block;
|
display:inline-block;
|
||||||
|
@ -3,8 +3,8 @@ function I(i){return document.getElementById(i);}
|
|||||||
var s=new Speedtest(); //create speedtest object
|
var s=new Speedtest(); //create speedtest object
|
||||||
|
|
||||||
var meterBk=/Trident.*rv:(\d+\.\d+)/i.test(navigator.userAgent)?"#EAEAEA":"#80808040";
|
var meterBk=/Trident.*rv:(\d+\.\d+)/i.test(navigator.userAgent)?"#EAEAEA":"#80808040";
|
||||||
var dlColor="#6060AA",
|
var dlColor="#1565c0",
|
||||||
ulColor="#616161";
|
ulColor="#c62828";
|
||||||
var progColor=meterBk;
|
var progColor=meterBk;
|
||||||
|
|
||||||
//CODE FOR GAUGES
|
//CODE FOR GAUGES
|
||||||
|
Loading…
Reference in New Issue
Block a user