skins/vector/components/search.less

   1 /* Search */
   2 #p-search h3 {
   3         display: none;
   4 }
   5 #p-search {
   6         /* @noflip */
   7         float: left;
   8 }
   9 #p-search {
  10         margin-right: 0.5em;
  11         margin-left: 0.5em;
  12 }
  13 #p-search form,
  14 #p-search input {
  15         margin: 0;
  16         margin-top: 0.4em;
  17 }
  18 div#simpleSearch {
  19         display: block;
  20         width: 14em;
  21         height: 1.4em;
  22         margin-top: 0.65em;
  23         position: relative;
  24         min-height: 1px; /* Gotta trigger hasLayout for IE7 */
  25         border: solid 1px #aaa;
  26         color: black;
  27         background-color: white;
  28         .background-image('images/search-fade.png');
  29         background-position: top left;
  30         background-repeat: repeat-x;
  31 }
  32 div#simpleSearch input:focus {
  33         outline: none;
  34 }
  35 div#simpleSearch input {
  36         color: black;
  37 }
  38 div#simpleSearch input.placeholder {
  39         color: #999;
  40 }
  41 div#simpleSearch input::-webkit-input-placeholder {
  42         color: #999;
  43 }
  44 div#simpleSearch input:-moz-placeholder {
  45         color: #999;
  46 }
  47 div#simpleSearch input:-ms-input-placeholder {
  48         color: #999;
  49 }
  50 div#simpleSearch input#searchInput {
  51         position: absolute;
  52         top: 0;
  53         left: 0;
  54         width: 90%;
  55         margin: 0;
  56         padding: 0;
  57         padding-left: 0.2em;
  58         padding-top: 0.2em;
  59         padding-bottom: 0.2em;
  60         outline: none;
  61         border: none;
  62         /*
  63          * DON'T PANIC! Browsers that won't scale this properly are the same browsers that have JS issues that prevent
  64          * this from ever being shown anyways.
  65         */
  66         font-size: 13px;
  67         background-color: transparent;
  68         direction: ltr;
  69 }
  70 div#simpleSearch button#searchButton {
  71         position: absolute;
  72         width: 10%;
  73         right: 0;
  74         top: 0;
  75         padding: 0;
  76         padding-top: 0.3em;
  77         padding-bottom: 0.2em;
  78         padding-right: 0.4em;
  79         margin: 0;
  80         border: none;
  81         cursor: pointer;
  82         background-color: transparent;
  83         background-image: none;
  84 }
  85 /* OVERRIDDEN BY COMPLIANT BROWSERS */
  86 div#simpleSearch button#searchButton img {
  87         border: none;
  88         margin: 0;
  89         margin-top: -3px;
  90         padding: 0;
  91 }
  92 /* IGNORED BY IE6 */
  93 div#simpleSearch button#searchButton > img {
  94         margin: 0;
  95 }