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