Chris@0: /** Chris@0: * @file Chris@0: * The visual styles for Bartik's search form(s). Chris@0: */ Chris@0: Chris@0: .search-form { Chris@0: font-size: 0.875rem; Chris@0: } Chris@0: .search-form .form-search { Chris@0: float: left; /* LTR */ Chris@0: margin-right: 5px; /* LTR */ Chris@0: padding: 4px; Chris@0: } Chris@0: [dir="rtl"] .search-form .form-search { Chris@0: float: right; Chris@18: margin-right: 0; Chris@0: margin-left: 5px; Chris@0: } Chris@0: .button.search-form__submit, Chris@0: .search-form__submit { Chris@18: overflow: hidden; Chris@18: width: 34px; Chris@18: height: 26px; Chris@18: margin-right: 0; Chris@18: margin-left: 0; Chris@18: padding: 0; Chris@0: cursor: pointer; Chris@0: text-indent: -9999px; Chris@0: direction: ltr; Chris@18: background: #f0f0f0 url(../../../../misc/icons/505050/loupe.svg) no-repeat center; Chris@0: } Chris@0: .button.search-form__submit:hover, Chris@0: .search-form__submit:hover, Chris@0: .button.search-form__submit:focus, Chris@0: .search-form__submit:focus { Chris@0: background: #dedede url(../../../../misc/icons/424242/loupe.svg) no-repeat center; Chris@0: } Chris@0: .search-form .form-item-keys label { Chris@0: display: block; Chris@0: }