_search.scss 1010 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970
  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. }
  35. // search page
  36. #content-main {
  37. position: relative;
  38. }
  39. .search-result {
  40. .search-result-list {
  41. nav {
  42. &.affix {
  43. top: 8px;
  44. width: 25%;
  45. padding-right: 30px;
  46. }
  47. .nav {
  48. > li {
  49. padding: 0px 8px;
  50. &.active {
  51. border-right: solid 3px #666;
  52. background: #f0f0f0;
  53. }
  54. }
  55. }
  56. }
  57. }
  58. .search-result-content {
  59. }
  60. }