aleph1.co.uk Git - yaffs-website/blob - web/core/themes/bartik/css/components/search-form.css

   1 /**
   2  * @file
   3  * The visual styles for Bartik's search form(s).
   4  */
   5
   6 .search-form {
   7   font-size: 0.875rem;
   8 }
   9 .search-form .form-search {
  10   float: left; /* LTR */
  11   margin-right: 5px; /* LTR */
  12   padding: 4px;
  13 }
  14 [dir="rtl"] .search-form .form-search {
  15   float: right;
  16   margin-left: 5px;
  17   margin-right: 0;
  18 }
  19 .button.search-form__submit,
  20 .search-form__submit {
  21   background: #f0f0f0 url(../../../../misc/icons/505050/loupe.svg) no-repeat center;
  22   cursor: pointer;
  23   height: 26px;
  24   margin-left: 0;
  25   margin-right: 0;
  26   overflow: hidden;
  27   padding: 0;
  28   text-indent: -9999px;
  29   direction: ltr;
  30   width: 34px;
  31 }
  32 .button.search-form__submit:hover,
  33 .search-form__submit:hover,
  34 .button.search-form__submit:focus,
  35 .search-form__submit:focus {
  36   background: #dedede url(../../../../misc/icons/424242/loupe.svg) no-repeat center;
  37 }
  38 .search-form .form-item-keys label {
  39   display: block;
  40 }