_search.scss 1.1 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374
  1. .search-listpage-icon {
  2. font-size: 16px;
  3. color: #999;
  4. }
  5. .search-input-group {
  6. display: inline-block;
  7. margin-bottom: 0;
  8. width: 200px;
  9. vertical-align: bottom;
  10. }
  11. .search-listpage-input {
  12. }
  13. .search-top {
  14. .search-top-input-group {
  15. .search-top-input {
  16. }
  17. &:focus {
  18. width: 400px;
  19. transition: .3s ease;
  20. }
  21. }
  22. }
  23. .search-suggest {
  24. // => dicided by JS
  25. // top: 43px;
  26. // left: 125px;
  27. //display: none;
  28. position: absolute;
  29. width: 500px;
  30. background: #fff;
  31. border: solid 1px #ccc;
  32. box-shadow: 0 0 1px rgba(0,0,0,.3);
  33. padding: 16px;
  34. .searching {
  35. color: #666;
  36. }
  37. }
  38. .search-result {
  39. .search-result-list {
  40. nav {
  41. &.affix {
  42. top: 8px;
  43. width: 33.33333%;
  44. padding-right: 30px;
  45. padding-bottom: 50px;
  46. height: 100%;
  47. overflow-y: scroll;
  48. }
  49. .nav {
  50. > li {
  51. padding: 0px 11px 0 8px;
  52. &.active {
  53. padding: 0px 8px;
  54. border-right: solid 3px #666;
  55. background: #f0f0f0;
  56. }
  57. }
  58. }
  59. }
  60. }
  61. .search-result-content {
  62. }
  63. }