You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

0 lines
5.5 KiB

  1. .search.module{position:relative}.search.module .prompt{opacity:.8;background:#fafafa url(/images/modules/search-icon.png) no-repeat 10px 7px;padding:5px 30px;font-size:14px;border:1px solid #CCC;color:#777;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;-webkit-transition:opacity .3s;-moz-transition:opacity .3s;-o-transition:opacity .3s;-ms-transition:opacity .3s;transition:opacity .3s}.search.module .search.button{position:relative;z-index:2;float:right;margin:0 0 0 -15px;padding:6px 15px 7px;-webkit-border-radius:0 15px 15px 0;-moz-border-radius:0 15px 15px 0;border-radius:0 15px 15px 0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.search.module.hover .prompt,.search.module.focus .prompt,.search.module.active .prompt{opacity:1;background-color:#FFF;-webkit-box-shadow:0 0 3px rgba(0,0,0,.2) inset;-moz-box-shadow:0 0 3px rgba(0,0,0,.2) inset;box-shadow:0 0 3px rgba(0,0,0,.2) inset;background-position:10px -43px;color:#482A5C}.search.module .prompt.filled{opacity:1;color:#222}.search.module .results{display:none;position:absolute;z-index:999;top:25px;left:0;overflow:hidden;width:300px;border:1px solid #EEE;background-color:#FFF;background-image:-webkit-linear-gradient(top,transparent 0,rgba(0,0,0,.2) 100%);background-image:-moz-linear-gradient(top,transparent 0,rgba(0,0,0,.2) 100%);background-image:-o-linear-gradient(top,transparent 0,rgba(0,0,0,.2) 100%);background-image:-ms-linear-gradient(top,transparent 0,rgba(0,0,0,.2) 100%);background-image:linear-gradient(top,transparent 0,rgba(0,0,0,.2) 100%);color:#555;font-size:12px;text-shadow:none;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,.3);-moz-box-shadow:0 2px 2px 0 rgba(0,0,0,.3);box-shadow:0 2px 2px 0 rgba(0,0,0,.3)}.search.module .results ul{overflow:hidden;background-color:#FFF}.search.module .results li{cursor:pointer;overflow:hidden;line-height:1.2;padding:9px 11px;border-top:1px solid #EEE}.search.module .results li:first-child{border-top:0}.search.module .results li .image{background:#f0f0f0 url(../images/placeholder-subtle.png) no-repeat center center;margin-right:10px;float:left;overflow:hidden;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;width:38px;height:38px}.search.module .results li .image img{display:block;width:38px;height:38px}.search.module .results li .info{float:left}.search.module .results li .indented.info{float:none;margin-left:50px}.search.module .results li .title{font-weight:700;color:#442359}.search.module .results li .description{color:#777}.search.module .results li .price{float:right;color:#999;font-weight:700}.search.module .results li:hover{background-color:#F8F8F8}.search.module .results li.active{background-color:#F0F0F0}.search.module .results li.active .image{background:#efefef url(../images/placeholder-tiny.png) no-repeat center center}.search.module .results li.active .title{color:#000}.search.module .results li.active .description{color:#555}.search.module .results>ul{margin:0;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px}.search.module .results .category{overflow:hidden;background-color:#E4E4E4;border-top:1px solid rgba(0,0,0,.08);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.1);-moz-box-shadow:0 1px 0 rgba(255,255,255,.1);box-shadow:0 1px 0 rgba(255,255,255,.1);-webkit-transition:background .2s ease-in;-moz-transition:background .2s ease-in;-o-transition:background .2s ease-in;-ms-transition:background .2s ease-in;transition:background .2s ease-in}.search.module .results .category>.name{float:left;padding:12px 0 0 8px;font-weight:700;color:#777;text-shadow:0 1px 0 rgba(255,255,255,.8)}.search.module .results .category ul{overflow:hidden;margin-left:75px;border-left:1px solid rgba(0,0,0,.3);-webkit-box-shadow:-2px 0 5px rgba(0,0,0,.15);-moz-box-shadow:-2px 0 5px rgba(0,0,0,.15);box-shadow:-2px 0 5px rgba(0,0,0,.15);-webkit-transition:box-shadow .2s ease-in;-moz-transition:box-shadow .2s ease-in;-o-transition:box-shadow .2s ease-in;-ms-tran