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…
	
	
			
			x
			
			
		
	
		Reference in New Issue
	
	Block a user