#listPane { width: 100%; float: left; background-color: #cccccc; overflow: hidden; position: relative; border-bottom: 1px solid #afafaf; } body.dict-home #autocomplete:before { visibility: hidden; } #autocomplete { position: relative; overflow: hidden; width: 100%; height: 0; line-height: 3em; color: white; padding: 0; outline: none; user-select: none; -webkit-user-select: none; -moz-user-select: none; -ms-select: none; -o-select: none; transition: .5s all; } body.list-builder-open #autocomplete, body.ac-open #autocomplete, html body.advsearch-open #autocomplete { height: 257px; } #autocomplete .suggestions { opacity: 0; transition: opacity .5s; } body.ac-open #autocomplete .suggestions, body.list-builder-open #autocomplete .suggestions { opacity: 1; } .autocomplete .suggestions { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; overflow-y: scroll; -webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } .autocomplete li input { margin-right: 5px; } .autocomplete ol { margin: 0; display: block; cursor: pointer; list-style: none; padding: 0; } .autocomplete .entry { position: relative; margin: 0 auto; max-width: 1025px; padding: 0; } .autocomplete li { display: block; margin: 0; padding: 0 2.5%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } #autocomplete li.last { border-bottom: 1px solid rgba(255, 255, 255, .1); } li.last.learnable {} .autocomplete li.selected { background-color: rgba(255, 255, 255, .1); } .autocomplete li:hover { background-color: rgba(255, 255, 255, .05); } .autocomplete .word { font-weight: 600; padding-right: .2em; } .autocomplete .definition { opacity: .7; font-weight: 300; font-size: .9em; } @media only screen and (max-width: 760px) { html body.advsearch-open #autocomplete { height: 365px; } body.list-builder-open #autocomplete, body.ac-open #autocomplete { height: 350px; } html body.advsearch-open #autocomplete { height: 430px; } }