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.

10 lines
3.1 KiB

10 years ago
  1. /*
  2. * # Semantic UI
  3. * git://github.com/Semantic-Org/Semantic-UI.git
  4. *
  5. *
  6. * Copyright 2014 Contributors
  7. * Released under the MIT license
  8. * http://opensource.org/licenses/MIT
  9. *
  10. */
  11. .ui.search{position:relative;text-shadow:none;font-style:normal;font-weight:400}.ui.search input{border-radius:500rem}.ui.search .prompt~.search.icon{cursor:pointer}.ui.search .results{display:none;position:absolute;z-index:998;top:100%;left:0;overflow:hidden;background:#fff;margin-top:.5em;width:380px;border-radius:.25em;box-shadow:0 1px 3px 1px rgba(0,0,0,.2)}.ui.search .result{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;cursor:pointer;overflow:hidden;font-size:.9em;padding:.5em 1em;color:rgba(0,0,0,.8);line-height:1.33}.ui.search .result:first-child{border-top:none}.ui.search .result .image{float:right;overflow:hidden;background:0 0;width:5em;height:3em;border-radius:.25em}.ui.search .result .image img{display:block;width:auto;height:100%}.ui.search .result .image+.content{margin:0 6em 0 0}.ui.search .result .title{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-weight:400;color:rgba(0,0,0,.85)}.ui.search .result .description{color:rgba(0,0,0,.8)}.ui.search .result .price{float:right;color:#5bbd72}.ui.search .message{padding:1em}.ui.search .message .header{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;font-size:1.2em;font-weight:700;color:rgba(0,0,0,.8)}.ui.search .message .description{margin-top:.25rem;font-size:1rem;color:rgba(0,0,0,.8)}.ui.search .all{display:block;border-top:1px solid rgba(0,0,0,.1);background-color:#f0f0f0;height:2em;line-height:2em;color:rgba(0,0,0,.8);font-weight:700;text-align:center}.ui.search .all:hover,.ui.search .result:hover,.ui.search .results .category .result:hover{background:#fafafa}.ui.search.loading .input .icon{background:url(../themes/default/assets/images/loader-mini.gif) 50% 50% no-repeat}.ui.search.loading .input .icon:after,.ui.search.loading .input .icon:before{display:none}.ui.search .results .category.active{background-color:#f1f1f1}.ui.search .results .category.active>.name{color:rgba(0,0,0,.8)}.ui.search .result.active,.ui.search .results .category .result.active{border-left-color:transparent;background-color:#f0f0f0;box-shadow:2px 0 2px 0 rgba(0,0,0,.2)}.ui.search .result.active .description,.ui.search .result.active .title{color:rgba(0,0,0,.85)}.ui.right.aligned.search .results{right:0;left:auto}.ui.search .results .category{background:#f0f0f0;box-shadow:0 -1px 0 0 rgba(0,0,0,.1)}.ui.search .results .category,.ui.search .results .category .result{position:relative;-webkit-transition:background .2s ease,border-color .2s ease;transition:background .2s ease,border-color .2s ease}.ui.search .results .category:first-child{box-shadow:none}.ui.search .results .category>.name{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;float:.9em;float:left;padding:.4em 0 0 1em;font-weight:700;color:rgba(0,0,0,.4)}.ui.search .results .category .result{background-color:#fff;margin-left:100px;border-left:1px solid rgba(0,0,0,.1);border-bottom:1px solid rgba(0,0,0,.1)}.ui.search{font-size:1em}.ui.large.search{font-size:1.1em}