forked from zaclys/searxng
		
	 740fca00cc
			
		
	
	
		740fca00cc
		
	
	
	
	
		
			
			* remove vars and add elements to base and btn vars * change default border radius to 10px and padding to 0.7em * put border radius and padding on search input form, infoxbox and buttons * remove unused .help class in #categories_container * remove active background from tabs to straemline design * redo search form: 10px padding * 2rem margin on search results on desktop * fix modal pacement of engine reliability in prefs * use darker accent colors * streamline autocomplete with more padding and a hover effect
		
			
				
	
	
		
			71 lines
		
	
	
	
		
			1.2 KiB
		
	
	
	
		
			Text
		
	
	
	
	
	
			
		
		
	
	
			71 lines
		
	
	
	
		
			1.2 KiB
		
	
	
	
		
			Text
		
	
	
	
	
	
| /*! Autocomplete.js v2.6.3 | license MIT | (c) 2017, Baptiste Donaux | http://autocomplete-js.com */
 | |
| 
 | |
| .autocomplete {
 | |
|   position: absolute;
 | |
|   max-height: 0;
 | |
|   overflow-y: hidden;
 | |
|   text-align: left;
 | |
|   .rounded-corners;
 | |
| 
 | |
|   &:active,
 | |
|   &:focus,
 | |
|   &:hover {
 | |
|     background-color: var(--color-autocomplete-background);
 | |
|   }
 | |
| 
 | |
|   &:empty {
 | |
|     display: none;
 | |
|   }
 | |
| 
 | |
|   > ul {
 | |
|     list-style-type: none;
 | |
|     margin: 0;
 | |
|     padding: 0;
 | |
| 
 | |
|     > li {
 | |
|       cursor: pointer;
 | |
|       padding: 8px 0 8px 8px;
 | |
| 
 | |
|       &.active,
 | |
|       &:active,
 | |
|       &:focus,
 | |
|       &:hover {
 | |
|         background-color: var(--color-autocomplete-background-hover);
 | |
| 
 | |
|         a:active,
 | |
|         a:focus,
 | |
|         a:hover {
 | |
|           text-decoration: none;
 | |
|         }
 | |
|       }
 | |
| 
 | |
|       &.locked {
 | |
|         cursor: inherit;
 | |
|       }
 | |
|     }
 | |
|   }
 | |
| 
 | |
|   &.open {
 | |
|     display: block;
 | |
|     background-color: var(--color-autocomplete-background);
 | |
|     border: 1px solid var(--color-base-border);
 | |
|     max-height: 500px;
 | |
|     overflow-y: auto;
 | |
|     z-index: 100;
 | |
| 
 | |
|     &:empty {
 | |
|       display: none;
 | |
|     }
 | |
|   }
 | |
| }
 | |
| 
 | |
| @media screen and (max-width: @results-width) {
 | |
|   .autocomplete {
 | |
|     bottom: 0;
 | |
|   }
 | |
| 
 | |
|   .autocomplete > ul > li {
 | |
|     border-bottom: 1px solid var(--color-result-top-border);
 | |
|     text-align: left;
 | |
|   }
 | |
| }
 |