User:Khanetho417/MediaWiki:UCXSearchBar.css

.wiki-tools { width: 55%; } .wiki-tools__search-container { display: inline-flex; height: auto; width: 100%; } .wiki-tools__search-container::before, .wiki-tools__search-container::after { display: none !important; } .wiki-tools__search-input { width: 100%; padding: 5px; border: 1px solid; background-color: transparent; } .ltr .wiki-tools__search-input { border-right: 0; border-bottom-left-radius: 3px; border-top-left-radius: 3px; } .rtl .wiki-tools__search-input { border-left: 0; border-bottom-right-radius: 3px; border-top-right-radius: 3px; } .fandom-community-header__top-container .wiki-tools__search-input, .fandom-community-header__top-container .wiki-tools__search-input::placeholder { color: var(--wds-secondary-button-label-color); } .fandom-sticky-header .wiki-tools__search-input, .fandom-sticky-header .wiki-tools__search-input::placeholder { color: var(--theme-sticky-nav-text-color); } .wiki-tools__search-input:focus { outline: none; } .fandom-community-header__top-container .wiki-tools__search-input:focus { border-color: var(--theme-community-header-color--hover); } .fandom-community-header__top-container .wiki-tools__search-input:focus::placeholder { color: var(--theme-community-header-color--hover); } .fandom-sticky-header .wiki-tools__search-input:focus { border-color: var(--theme-sticky-nav-text-color--hover); } .fandom-sticky-header .wiki-tools__search-input:focus::placeholder { color: var(--theme-sticky-nav-text-color--hover); } .wiki-tools__search-button { border-radius: 0 !important; } .ltr .wiki-tools__search-button { border-right: 0; } .rtl .wiki-tools__search-button { border-left: 0; } .wiki-tools__search-linksuggest-list { width: 100%; } .wiki-tools__search-linksuggest-list > ul > li > a { text-overflow: ellipsis; overflow: hidden; } .wiki-tools__search-linksuggest-list-see-all { font-style: italic; } .wiki-tools__search-linksuggest-list-selected > a { background-color: var(--wds-dropdown-linked-item-background-color); color: var(--wds-dropdown-linked-item-color) !important; }