Want more features on Pastebin? Sign Up, it's FREE!
Guest

Searchgform css

By: a guest on Apr 10th, 2012  |  syntax: None  |  size: 1.42 KB  |  views: 46  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. @import url("../twentyeleven/style.css");
  2.  
  3. input#q {
  4.         background: url(images/search.png) no-repeat 5px 6px;
  5.         -moz-border-radius: 2px;
  6.         border-radius: 2px;
  7.         font-size: 14px;
  8.         height: 22px;
  9.         line-height: 1.2em;
  10.         padding: 4px 10px 4px 28px;
  11. }
  12. input#searchsubmit {
  13.         display: none;
  14. }
  15.  
  16. /* Search Form */
  17. #branding #searchform {
  18.         position: absolute;
  19.         top: 3.8em;
  20.         right: 7.6%;
  21.         text-align: right;
  22. }
  23. #branding #searchform div {
  24.         margin: 0;
  25. }
  26. #branding #q {
  27.         float: right;
  28.         -webkit-transition-duration: 400ms;
  29.         -webkit-transition-property: width, background;
  30.         -webkit-transition-timing-function: ease;
  31.         -moz-transition-duration: 400ms;
  32.         -moz-transition-property: width, background;
  33.         -moz-transition-timing-function: ease;
  34.         -o-transition-duration: 400ms;
  35.         -o-transition-property: width, background;
  36.         -o-transition-timing-function: ease;
  37.         width: 72px;
  38. }
  39. #branding #q:focus {
  40.         background-color: #f9f9f9;
  41.         width: 196px;
  42. }
  43. #branding #searchsubmit {
  44.         display: none;
  45. }
  46. #branding .only-search #searchform {
  47.         top: 5px;
  48.         z-index: 1;
  49. }
  50. #branding .only-search #q {
  51.         background-color: #666;
  52.         border-color: #000;
  53.         color: #222;
  54. }
  55. #branding .only-search #q,
  56. #branding .only-search #q:focus {
  57.         width: 85%;
  58. }
  59. #branding .only-search #q:focus {
  60.         background-color: #bbb;
  61. }
  62. #branding .with-image #searchform {
  63.         top: auto;
  64.         bottom: -27px;
  65.         max-width: 195px;
  66. }
  67. #branding .only-search + #access div {
  68.         padding-right: 205px;
clone this paste RAW Paste Data