200 lines
		
	
	
	
		
			4.2 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
		
		
			
		
	
	
			200 lines
		
	
	
	
		
			4.2 KiB
		
	
	
	
		
			CSS
		
	
	
	
	
	
|  | /* AutoSuggest CSS - Version 1.2 */ | ||
|  | fieldset.module .tags{ | ||
|  |     overflow: visible; | ||
|  | } | ||
|  | fieldset.module .row:before, fieldset.module .row:after {  content: "\0020"; display: block; height: 0; visibility: hidden;	 } | ||
|  | fieldset.module .row:after { clear: both; } | ||
|  | fieldset.module .row { zoom: 1; } | ||
|  | 
 | ||
|  | ul.as-selections { | ||
|  | 	padding: 4px 15px 4px 4px; | ||
|  | 	margin: 0; | ||
|  | 	overflow: auto; | ||
|  | } | ||
|  | 
 | ||
|  | ul.as-selections.loading { | ||
|  | 	background-color: #eee; | ||
|  | } | ||
|  | 
 | ||
|  | ul.as-selections li { | ||
|  | 	list-style-type: none; | ||
|  | 	float: left; | ||
|  | 	margin: 1px 4px 1px 0; | ||
|  | } | ||
|  | 
 | ||
|  | ul.as-selections li.as-selection-item { | ||
|  | 	color: #2b3840; | ||
|  | 	text-shadow: 0 1px 1px #fff; | ||
|  | 	background-color: #ddeefe; | ||
|  | 	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ddeefe), to(#bfe0f1)); | ||
|  | 	border: 1px solid #acc3ec; | ||
|  | 	border-top-color: #c0d9e9; | ||
|  | 	padding: 2px 7px 2px 10px; | ||
|  | 	border-radius: 12px; | ||
|  | 	-webkit-border-radius: 12px; | ||
|  | 	-moz-border-radius: 12px; | ||
|  | 	box-shadow: 0 1px 1px #e4edf2; | ||
|  | 	-webkit-box-shadow: 0 1px 1px #e4edf2; | ||
|  | 	-moz-box-shadow: 0 1px 1px #e4edf2; | ||
|  | } | ||
|  | 
 | ||
|  | ul.as-selections li.as-selection-item:last-child { | ||
|  | 	margin-left: 30px; | ||
|  | } | ||
|  | 
 | ||
|  | ul.as-selections li.as-selection-item a.as-close { | ||
|  | 	float: right; | ||
|  | 	margin: 1px 0 0 7px; | ||
|  | 	padding: 0 2px; | ||
|  | 	cursor: pointer; | ||
|  | 	color: #5491be; | ||
|  | 	text-shadow: 0 1px 1px #fff; | ||
|  | 	-webkit-transition: color .1s ease-in; | ||
|  | } | ||
|  | 
 | ||
|  | ul.as-selections li.as-selection-item.blur { | ||
|  | 	color: #666666; | ||
|  | 	background-color: #f4f4f4; | ||
|  | 	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#d5d5d5)); | ||
|  | 	border-color: #bbb; | ||
|  | 	border-top-color: #ccc; | ||
|  | 	box-shadow: 0 1px 1px #e9e9e9; | ||
|  | 	-webkit-box-shadow: 0 1px 1px #e9e9e9; | ||
|  | 	-moz-box-shadow: 0 1px 1px #e9e9e9; | ||
|  | } | ||
|  | 
 | ||
|  | ul.as-selections li.as-selection-item.blur a.as-close { | ||
|  | 	color: #999; | ||
|  | } | ||
|  | 
 | ||
|  | ul.as-selections li:hover.as-selection-item { | ||
|  | 	color: #2b3840; | ||
|  | 	background-color: #bbd4f1; | ||
|  | 	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbd4f1), to(#a3c2e5)); | ||
|  | 	border-color: #6da0e0; | ||
|  | 	border-top-color: #8bb7ed; | ||
|  | } | ||
|  | 
 | ||
|  | ul.as-selections li:hover.as-selection-item a.as-close { | ||
|  | 	color: #4d70b0; | ||
|  | } | ||
|  | 
 | ||
|  | ul.as-selections li.as-selection-item.selected { | ||
|  | 	border-color: #1f30e4; | ||
|  | } | ||
|  | 
 | ||
|  | ul.as-selections li.as-selection-item a:hover.as-close { | ||
|  | 	color: #1b3c65; | ||
|  | } | ||
|  | 
 | ||
|  | ul.as-selections li.as-selection-item a:active.as-close { | ||
|  | 	color: #4d70b0; | ||
|  | } | ||
|  | 
 | ||
|  | ul.as-selections li.as-original { | ||
|  | 	margin-left: 0; | ||
|  | } | ||
|  | 
 | ||
|  | ul.as-selections li.as-original input { | ||
|  | 	height: 14px !important; | ||
|  | } | ||
|  | 
 | ||
|  | ul.as-list { | ||
|  | 	position: absolute; | ||
|  | 	background-color: #fff; | ||
|  | 	background-color: rgba(255,255,255,0.95); | ||
|  | 	z-index: 2; | ||
|  | 	box-shadow: 0 2px 12px #222; | ||
|  | 	-webkit-box-shadow: 0 2px 12px #222; | ||
|  | 	-moz-box-shadow: 0 2px 12px #222; | ||
|  | 	border-radius: 2px; | ||
|  | 	-webkit-border-radius: 2px; | ||
|  | 	-moz-border-radius: 2px; | ||
|  | } | ||
|  | 
 | ||
|  | ul.as-list li { | ||
|  | 	list-style-type: none; | ||
|  | } | ||
|  | 
 | ||
|  | li.as-result-item, li.as-message { | ||
|  | 	background-color: transparent; | ||
|  | 	border: 1px solid #fff; | ||
|  | 	border-bottom: 1px solid #ddd; | ||
|  | 	cursor: pointer; | ||
|  | 	border-radius: 2px; | ||
|  | 	-webkit-border-radius: 2px; | ||
|  | 	-moz-border-radius: 2px; | ||
|  | } | ||
|  | 
 | ||
|  | li:first-child.as-result-item { | ||
|  | 	margin: 0; | ||
|  | } | ||
|  | 
 | ||
|  | li.as-message { | ||
|  | 	margin: 0; | ||
|  | 	cursor: default; | ||
|  | } | ||
|  | 
 | ||
|  | li.as-result-item.active { | ||
|  | 	background-color: #bbd4f1; | ||
|  | 	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#bbd4f1), to(#a3c2e5)); | ||
|  |     border-color: #6DA0E0; | ||
|  | 	color: #000; | ||
|  | } | ||
|  | 
 | ||
|  | li.as-result-item em { | ||
|  | 	font-style: normal; | ||
|  | 	background: #444; | ||
|  | 	padding: 0 2px; | ||
|  | 	color: #fff; | ||
|  | } | ||
|  | 
 | ||
|  | li.as-result-item.active em { | ||
|  | 	background: #253f7a; | ||
|  | 	color: #fff; | ||
|  | } | ||
|  | 
 | ||
|  | /* Webkit Hacks  */ | ||
|  | @media screen and (-webkit-min-device-pixel-ratio:0) { | ||
|  | 	ul.as-selections { | ||
|  | 		border-top-width: 2px; | ||
|  | 	} | ||
|  | 	ul.as-selections li.as-selection-item { | ||
|  | 		padding-top: 3px; | ||
|  | 		padding-bottom: 3px; | ||
|  | 	} | ||
|  | 	ul.as-selections li.as-selection-item a.as-close { | ||
|  | 		margin-top: -1px; | ||
|  | 	} | ||
|  | 	ul.as-selections li.as-original input { | ||
|  | 		height: 19px; | ||
|  | 	} | ||
|  | } | ||
|  | 
 | ||
|  | /* Opera Hacks  */ | ||
|  | @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { | ||
|  | 	ul.as-list { | ||
|  | 		border: 1px solid #888; | ||
|  | 	} | ||
|  | 	ul.as-selections li.as-selection-item a.as-close { | ||
|  | 		margin-left: 4px; | ||
|  | 		margin-top: 0; | ||
|  | 	} | ||
|  | } | ||
|  | 
 | ||
|  | /* IE Hacks  */ | ||
|  | ul.as-list { | ||
|  | 	border: 1px solid #888\9; | ||
|  | } | ||
|  | ul.as-selections li.as-selection-item a.as-close { | ||
|  | 	margin-left: 4px\9; | ||
|  | 	margin-top: 0\9; | ||
|  | } | ||
|  | 
 | ||
|  | /* Firefox 3.0 Hacks */ | ||
|  | ul.as-list,  x:-moz-any-link, x:default { | ||
|  | 	border: 1px solid #888; | ||
|  | } | ||
|  | BODY:first-of-type ul.as-list, x:-moz-any-link, x:default { /* Target FF 3.5+ */ | ||
|  | 	border: none; | ||
|  | } |