Server IP : 13.213.54.232 / Your IP : 216.73.217.11 Web Server : Apache/2.4.52 (Ubuntu) System : Linux ip-172-31-17-110 6.8.0-1029-aws #31~22.04.1-Ubuntu SMP Thu Apr 24 21:16:18 UTC 2025 x86_64 User : www-data ( 33) PHP Version : 7.1.33-67+ubuntu22.04.1+deb.sury.org+1 Disable Function : pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_get_handler,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,pcntl_async_signals, MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /proc/246939/cwd/html/dashboard/assets/libs/@tarekraafat/autocomplete.js/css/ |
Upload File : |
.autoComplete_wrapper { display: inline-block; position: relative; } .autoComplete_wrapper > input { height: 3rem; width: 370px; margin: 0; padding: 0 2rem 0 3.2rem; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; font-size: 1rem; text-overflow: ellipsis; color: rgba(255, 122, 122, 0.3); outline: none; border-radius: 10rem; border: 0.05rem solid rgba(255, 122, 122, 0.5); background-image: url(images/search.svg); background-size: 1.4rem; background-position: left 1.05rem top 0.8rem; background-repeat: no-repeat; background-origin: border-box; background-color: #fff; transition: all 0.4s ease; -webkit-transition: all -webkit-transform 0.4s ease; } .autoComplete_wrapper > input::placeholder { color: rgba(255, 122, 122, 0.5); transition: all 0.3s ease; -webkit-transition: all -webkit-transform 0.3s ease; } .autoComplete_wrapper > input:hover::placeholder { color: rgba(255, 122, 122, 0.6); transition: all 0.3s ease; -webkit-transition: all -webkit-transform 0.3s ease; } .autoComplete_wrapper > input:focus::placeholder { padding: 0.1rem 0.6rem; font-size: 0.95rem; color: rgba(255, 122, 122, 0.4); } .autoComplete_wrapper > input:focus::selection { background-color: rgba(255, 122, 122, 0.15); } .autoComplete_wrapper > input::selection { background-color: rgba(255, 122, 122, 0.15); } .autoComplete_wrapper > input:hover { color: rgba(255, 122, 122, 0.8); transition: all 0.3s ease; -webkit-transition: all -webkit-transform 0.3s ease; } .autoComplete_wrapper > input:focus { color: rgba(255, 122, 122, 1); border: 0.06rem solid rgba(255, 122, 122, 0.8); } .autoComplete_wrapper > ul { position: absolute; max-height: 226px; overflow-y: scroll; box-sizing: border-box; left: 0; right: 0; margin: 0.5rem 0 0 0; padding: 0; z-index: 1; list-style: none; border-radius: 0.6rem; background-color: #fff; border: 1px solid rgba(33, 33, 33, 0.07); box-shadow: 0 3px 6px rgba(149, 157, 165, 0.15); outline: none; transition: opacity 0.15s ease-in-out; -moz-transition: opacity 0.15s ease-in-out; -webkit-transition: opacity 0.15s ease-in-out; } .autoComplete_wrapper > ul[hidden], .autoComplete_wrapper > ul:empty { display: block; opacity: 0; transform: scale(0); } .autoComplete_wrapper > ul > li { margin: 0.3rem; padding: 0.3rem 0.5rem; text-align: left; font-size: 1rem; color: #212121; border-radius: 0.35rem; background-color: rgba(255, 255, 255, 1); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; transition: all 0.2s ease; } .autoComplete_wrapper > ul > li mark { background-color: transparent; color: rgba(255, 122, 122, 1); font-weight: bold; } .autoComplete_wrapper > ul > li:hover { cursor: pointer; background-color: rgba(255, 122, 122, 0.15); } .autoComplete_wrapper > ul > li[aria-selected="true"] { background-color: rgba(255, 122, 122, 0.15); } @media only screen and (max-width: 600px) { .autoComplete_wrapper > input { width: 18rem; } }