framework7
Version:
Full featured mobile HTML framework for building iOS & Android apps
1 lines • 3.28 kB
CSS
.autocomplete-page .autocomplete-found{display:block}.autocomplete-page .autocomplete-not-found{display:none}.autocomplete-page .autocomplete-values{display:block}.autocomplete-page .list ul:empty{display:none}.autocomplete-preloader:not(.autocomplete-preloader-visible){visibility:hidden}.autocomplete-preloader:not(.autocomplete-preloader-visible),.autocomplete-preloader:not(.autocomplete-preloader-visible) *{-webkit-animation:none;animation:none}.autocomplete-dropdown{background:#fff;-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;z-index:500;width:100%;left:0}.autocomplete-dropdown .autocomplete-dropdown-inner{position:relative;overflow:auto;-webkit-overflow-scrolling:touch;height:100%;z-index:1}.autocomplete-dropdown .autocomplete-preloader{display:none;position:absolute;bottom:100%;width:20px;height:20px}.autocomplete-dropdown .autocomplete-preloader-visible{display:block}.autocomplete-dropdown .autocomplete-dropdown-placeholder{color:#a9a9a9}.autocomplete-dropdown .list{margin:0}.autocomplete-dropdown .list ul{background:0 0}.autocomplete-dropdown .list ul:before{display:none}.autocomplete-dropdown .list ul:after{display:none}.list .item-content-dropdown-expanded .item-title.item-label{width:0;-webkit-flex-shrink:10;-ms-flex-negative:10;flex-shrink:10;overflow:hidden}.list .item-content-dropdown-expanded .item-title.item-label+.item-input-wrap{margin-left:0}.list .item-content-dropdown-expanded .item-input-wrap{width:100%}.ios .autocomplete-dropdown{-webkit-box-shadow:0px 3px 3px rgba(0,0,0,.2);box-shadow:0px 3px 3px rgba(0,0,0,.2)}.ios .autocomplete-dropdown .autocomplete-preloader{right:15px;margin-bottom:12px}.ios .autocomplete-dropdown .list b{font-weight:600}.ios .searchbar-input-wrap .autocomplete-dropdown{margin-top:-32px;top:100%;background:#e8e8ea;z-index:20;border-radius:8px}.ios .searchbar-input-wrap .autocomplete-dropdown .item-content{padding-left:28px}.ios .searchbar-input-wrap .autocomplete-dropdown li:last-child{border-radius:0 0 8px 8px;position:relative;overflow:hidden}.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-inner{padding-top:32px}.ios .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder{color:#939398}.ios .theme-dark .autocomplete-dropdown{background-color:#1c1c1d}.ios .theme-dark .searchbar-input-wrap .autocomplete-dropdown{background-color:#171717}.md .autocomplete-page .navbar .autocomplete-preloader{margin-right:16px}.md .autocomplete-dropdown{-webkit-box-shadow:0 2px 2px rgba(0,0,0,.25);box-shadow:0 2px 2px rgba(0,0,0,.25)}.md .autocomplete-dropdown .autocomplete-preloader{right:16px;margin-bottom:8px}.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-gap,.md .autocomplete-dropdown .autocomplete-preloader .preloader-inner-half-circle{border-width:3px}.md .autocomplete-dropdown .list{color:rgba(0,0,0,.54)}.md .autocomplete-dropdown .list b{font-weight:400;color:#212121}.md .searchbar-input-wrap .autocomplete-dropdown .item-content{padding-left:73px}.md .searchbar-input-wrap .autocomplete-dropdown li:last-child{border-radius:0 0 8px 8px;position:relative;overflow:hidden}.md .searchbar-input-wrap .autocomplete-dropdown .autocomplete-dropdown-placeholder{color:#939398}