refined popup appearance
This commit is contained in:
		
							parent
							
								
									3908fcdb90
								
							
						
					
					
						commit
						d41d4636c5
					
				
					 4 changed files with 47 additions and 17 deletions
				
			
		
							
								
								
									
										21
									
								
								styles/colors/popup.css
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										21
									
								
								styles/colors/popup.css
									
										
									
									
									
										Normal file
									
								
							|  | @ -0,0 +1,21 @@ | |||
| @import url("/styles/colors/defaults.results.css"); | ||||
| 
 | ||||
| #score { | ||||
| 	background-color: #88888888; | ||||
| } | ||||
| 
 | ||||
| #score::-webkit-progress-value { | ||||
| 	background-color: #ffF;     | ||||
| } | ||||
| 
 | ||||
| [result="bad"] { | ||||
|      background: var(--color-results_bad_gradient); | ||||
| } | ||||
| 
 | ||||
| [result="ok"] { | ||||
|      background: var(--color-results_ok_gradient); | ||||
| } | ||||
| 
 | ||||
| [result="good"], [result="trusted"] { | ||||
|      background: var(--color-results_good_gradient); | ||||
| } | ||||
							
								
								
									
										6
									
								
								styles/fonts/popup.css
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										6
									
								
								styles/fonts/popup.css
									
										
									
									
									
										Normal file
									
								
							|  | @ -0,0 +1,6 @@ | |||
| 
 | ||||
| 
 | ||||
| .card-title, #summary { | ||||
| 	font-size: 175% !important; | ||||
| 	font-weight: bold !important; | ||||
| } | ||||
							
								
								
									
										17
									
								
								styles/layouts/popup.css
									
										
									
									
									
										Normal file
									
								
							
							
						
						
									
										17
									
								
								styles/layouts/popup.css
									
										
									
									
									
										Normal file
									
								
							|  | @ -0,0 +1,17 @@ | |||
| #score { | ||||
|      height: 2px; | ||||
| } | ||||
| 
 | ||||
| #results > * { | ||||
|      padding: 2em; | ||||
| } | ||||
| 
 | ||||
| #results > details { | ||||
|      margin-top: auto; | ||||
|      margin-bottom: auto; | ||||
| } | ||||
| 
 | ||||
| #results:not(:has(details[open])) summary { | ||||
|      height: 80vh; | ||||
| } | ||||
| 
 | ||||
|  | @ -1,17 +1,3 @@ | |||
| #summary { | ||||
| 	font-weight: bold; | ||||
| } | ||||
| 
 | ||||
| 
 | ||||
| #score { | ||||
| 	background-color: #88888888; | ||||
| 	height: 2px; | ||||
| } | ||||
| 
 | ||||
| #score::-webkit-progress-value { | ||||
| 	background-color: #ffF;     | ||||
| } | ||||
| 
 | ||||
| body:has(summary + details) summary { | ||||
| 	padding-bottom: 2em; | ||||
| } | ||||
| @import url("/styles/layouts/popup.css"); | ||||
| @import url("/styles/fonts/popup.css"); | ||||
| @import url("/styles/colors/popup.css"); | ||||
		Loading…
	
	Add table
		Add a link
		
	
		Reference in a new issue