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