music.css 2.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146
  1. .wrapper {
  2. margin: 5px 10px;
  3. }
  4. .searchBar {
  5. height: 30px;
  6. padding: 7px 0 3px;
  7. text-align: center;
  8. }
  9. .searchBtn {
  10. font-size: 13px;
  11. height: 24px;
  12. }
  13. .resultBar {
  14. width: 460px;
  15. margin: 5px auto;
  16. border: 1px solid #CCC;
  17. border-radius: 5px;
  18. box-shadow: 2px 2px 5px #D3D6DA;
  19. overflow: hidden;
  20. }
  21. .listPanel {
  22. overflow: hidden;
  23. }
  24. .panelon {
  25. display: block;
  26. }
  27. .paneloff {
  28. display: none
  29. }
  30. .page {
  31. width: 220px;
  32. margin: 20px auto;
  33. overflow: hidden;
  34. }
  35. .pageon {
  36. float: right;
  37. width: 24px;
  38. line-height: 24px;
  39. height: 24px;
  40. margin-right: 5px;
  41. background: none;
  42. border: none;
  43. color: #000;
  44. font-weight: bold;
  45. text-align: center
  46. }
  47. .pageoff {
  48. float: right;
  49. width: 24px;
  50. line-height: 24px;
  51. height: 24px;
  52. cursor: pointer;
  53. background-color: #fff;
  54. border: 1px solid #E7ECF0;
  55. color: #2D64B3;
  56. margin-right: 5px;
  57. text-decoration: none;
  58. text-align: center;
  59. }
  60. .m-box {
  61. width: 460px;
  62. }
  63. .m-m {
  64. float: left;
  65. line-height: 20px;
  66. height: 20px;
  67. }
  68. .m-h {
  69. height: 24px;
  70. line-height: 24px;
  71. padding-left: 46px;
  72. background-color: #FAFAFA;
  73. border-bottom: 1px solid #DAD8D8;
  74. font-weight: bold;
  75. font-size: 12px;
  76. color: #333;
  77. }
  78. .m-l {
  79. float: left;
  80. width: 40px;
  81. }
  82. .m-t {
  83. float: left;
  84. width: 140px;
  85. }
  86. .m-s {
  87. float: left;
  88. width: 110px;
  89. }
  90. .m-z {
  91. float: left;
  92. width: 100px;
  93. }
  94. .m-try-t {
  95. float: left;
  96. width: 60px;;
  97. }
  98. .m-try {
  99. float: left;
  100. width: 20px;
  101. height: 20px;
  102. background: url('http://static.tieba.baidu.com/tb/editor/images/try_music.gif') no-repeat;
  103. }
  104. .m-trying {
  105. float: left;
  106. width: 20px;
  107. height: 20px;
  108. background: url('http://static.tieba.baidu.com/tb/editor/images/stop_music.gif') no-repeat;
  109. }
  110. .loading {
  111. width: 95px;
  112. height: 7px;
  113. font-size: 7px;
  114. margin: 60px auto;
  115. background: url(http://static.tieba.baidu.com/tb/editor/images/loading.gif) no-repeat
  116. }
  117. .empty {
  118. width: 300px;
  119. height: 40px;
  120. padding: 2px;
  121. margin: 50px auto;
  122. line-height: 40px;
  123. color: #006699;
  124. text-align: center;
  125. }