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) { @media (prefers-color-scheme: dark) {
body.theme-auto { body.theme-auto {
--bg-color: var(--dark-bg-color); --bg-color: var(--dark-bg-color);

View File

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

View File

@ -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>

View File

@ -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;

View File

@ -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