searchbox.css 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283
  1. .searchbox {
  2. display: inline-block;
  3. white-space: nowrap;
  4. margin: 0;
  5. padding: 0;
  6. border-width: 1px;
  7. border-style: solid;
  8. overflow: hidden;
  9. }
  10. .searchbox .searchbox-text {
  11. font-size: 12px;
  12. border: 0;
  13. margin: 0;
  14. padding: 0;
  15. line-height: 20px;
  16. height: 20px;
  17. *margin-top: -1px;
  18. *height: 18px;
  19. *line-height: 18px;
  20. _height: 18px;
  21. _line-height: 18px;
  22. vertical-align: baseline;
  23. }
  24. .searchbox .searchbox-prompt {
  25. font-size: 12px;
  26. color: #ccc;
  27. }
  28. .searchbox-button {
  29. width: 18px;
  30. height: 20px;
  31. overflow: hidden;
  32. display: inline-block;
  33. vertical-align: top;
  34. cursor: pointer;
  35. opacity: 0.6;
  36. filter: alpha(opacity=60);
  37. }
  38. .searchbox-button-hover {
  39. opacity: 1.0;
  40. filter: alpha(opacity=100);
  41. }
  42. .searchbox a.l-btn-plain {
  43. height: 20px;
  44. border: 0;
  45. padding: 0 6px 0 0;
  46. vertical-align: top;
  47. opacity: 0.6;
  48. filter: alpha(opacity=60);
  49. -moz-border-radius: 0 0 0 0;
  50. -webkit-border-radius: 0 0 0 0;
  51. border-radius: 0 0 0 0;
  52. }
  53. .searchbox a.l-btn .l-btn-left {
  54. padding: 0 0 0 4px;
  55. }
  56. .searchbox a.l-btn .l-btn-text {
  57. position: static;
  58. vertical-align: top;
  59. }
  60. .searchbox a.l-btn-plain:hover {
  61. border: 0;
  62. padding: 0 6px 0 0;
  63. opacity: 1.0;
  64. filter: alpha(opacity=100);
  65. -moz-border-radius: 0 0 0 0;
  66. -webkit-border-radius: 0 0 0 0;
  67. border-radius: 0 0 0 0;
  68. }
  69. .searchbox a.m-btn-plain-active {
  70. -moz-border-radius: 0 0 0 0;
  71. -webkit-border-radius: 0 0 0 0;
  72. border-radius: 0 0 0 0;
  73. }
  74. .searchbox-button {
  75. background: url('images/searchbox_button.png') no-repeat center center;
  76. }
  77. .searchbox {
  78. border-color: #95B8E7;
  79. background-color: #fff;
  80. }
  81. .searchbox a.l-btn-plain {
  82. background: #E0ECFF;
  83. }