searchBox.less 963 B

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859
  1. .search-box {
  2. float: right;
  3. background-color: #fff;
  4. border: 1px solid #dbdbdb;
  5. position: relative;
  6. top: 0;
  7. z-index: 3;
  8. width: 360px;
  9. height: 40px;
  10. padding: 3px 6px;
  11. opacity: 1;
  12. .search-input-wrap, .prev-and-next-btn {
  13. float: left;
  14. }
  15. .close-search {
  16. float: right;
  17. height: 16px;
  18. width: 16px;
  19. padding: 1px;
  20. border-radius: 100%;
  21. margin-top: 6px;
  22. margin-right: 10px;
  23. .glyphicon {
  24. top: -1px
  25. }
  26. &:hover {
  27. background-color: #efefef;
  28. }
  29. &:active {
  30. background-color: #999;
  31. }
  32. }
  33. .search-input-wrap {
  34. width: 240px;
  35. }
  36. .prev-and-next-btn {
  37. margin-left: 5px;
  38. .btn:focus {
  39. outline: none;
  40. }
  41. }
  42. .search-input {
  43. //border-right: none;
  44. }
  45. .search-addon {
  46. background-color: #fff;
  47. }
  48. }