news-list.less 3.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. .ms-content{
  2. .ms-content-left{
  3. width: 230px;
  4. float: left;
  5. margin-right: 20px;
  6. .ms-content-left-title{
  7. font-weight: bold;
  8. background-color: #009aff;
  9. color: #fff;
  10. height: 40px;
  11. line-height: 40px;
  12. width: 190px;
  13. padding: 0 20px;
  14. }
  15. .ms-content-left-ul{
  16. a:hover{
  17. li{
  18. background-color: #54bcfe;
  19. }
  20. color: #fff;
  21. }
  22. background-color: #fff;
  23. margin-top: 1px;
  24. width: 230px;
  25. a{
  26. color: #999999;
  27. }
  28. li{
  29. height: 40px;
  30. line-height: 40px;
  31. font-size: 14px;
  32. cursor: pointer;
  33. /*width: 190px;*/
  34. padding: 0 20px;
  35. .ms-content-left-li-more{
  36. float: right;
  37. }
  38. }
  39. .ms-content-left-li-first{
  40. li{
  41. background-color: #54bcfe;
  42. }
  43. color: #fff;
  44. }
  45. }
  46. }
  47. /*新闻列表*/
  48. margin: 20px 0 ;
  49. a:visited{color:#000000;}
  50. .ms-content-new-list{
  51. overflow: hidden;
  52. margin-top: 20px;
  53. }
  54. .ms-content-right-position{
  55. a:hover{
  56. color:#0099ff;
  57. }
  58. font-size: 14px;
  59. overflow: hidden;
  60. margin-bottom: 20px;
  61. span{
  62. padding: 0 5px;
  63. }
  64. }
  65. #ms-content-search{
  66. float: none;
  67. width: 100%;
  68. margin-top: 20px;
  69. }
  70. .ms-content-main-list{
  71. float: right;
  72. /*margin-bottom: 40px;*/
  73. width: 950px;
  74. min-height: 400px;
  75. /*margin: auto;*/
  76. .ms-content-main-div{
  77. background-color: #fff;
  78. padding-bottom: 30px;
  79. .ms-content-main-ul{
  80. a:link{color:#333;text-decoration:none}
  81. a:visited{color:#333;text-decoration:none}
  82. a:active{color:#333;text-decoration:none}
  83. a:hover{color:#0099ff;text-decoration:none}
  84. margin: 0 20px;
  85. li{
  86. border-bottom: 1px dotted #eee;
  87. padding: 12px 0;
  88. overflow: hidden;
  89. }
  90. .ms-content-main-li-span{
  91. padding-right: 10px;
  92. float: left;
  93. }
  94. .ms-content-main-li-title{
  95. float: left;
  96. color:#333;
  97. overflow: hidden;
  98. text-overflow: ellipsis;
  99. -webkit-line-clamp: 1;
  100. -webkit-box-orient: vertical;
  101. display: -webkit-box;
  102. font-size: 14px;
  103. width: 500px;
  104. }
  105. .ms-content-main-li-time{
  106. float: right;
  107. color: #999999;
  108. font-size: 14px;
  109. }
  110. }
  111. }
  112. }
  113. .ms-content-main-page{
  114. a{
  115. color:#999;
  116. font-size:14px;
  117. }
  118. a:hover{
  119. background-color: #eee;
  120. }
  121. text-align: center;
  122. margin-top: 30px;
  123. margin-bottom: 50px;
  124. .ms-content-main-page-first,.ms-content-main-page-last{
  125. border: 1px solid #ddd;
  126. padding: 10px 15px;
  127. margin-right:-5px;
  128. }
  129. .ms-content-main-page-upper,.ms-content-main-page-next{
  130. border-top:1px solid #ddd;
  131. border-bottom:1px solid #ddd;
  132. /*border: 1px solid #ddd;*/
  133. padding: 10px 15px;
  134. margin-right:-5px;
  135. }
  136. .ms-content-main-page-upper{
  137. border-right: 1px solid #ddd;
  138. }
  139. .ms-content-main-page-first{
  140. border-top-left-radius: 4px;
  141. border-bottom-left-radius: 4px;
  142. }
  143. .ms-content-main-page-last{
  144. border-top-right-radius: 4px;
  145. border-bottom-right-radius: 4px;
  146. }
  147. }
  148. /*搜索列表*/
  149. .ms-content-main-div{
  150. .ms-content-main-div-prompt{
  151. border-bottom: 1px solid #d0cfcf99;
  152. padding-top: 20px;
  153. padding-left: 20px;
  154. padding-bottom: 10px;
  155. font-size: 14px;
  156. color: #999999;
  157. span{
  158. color: #0198ff;
  159. }
  160. }
  161. .ms-content-main-ul{
  162. li{
  163. height: 22px;
  164. line-height: 22px;
  165. }
  166. a{
  167. font-size:14px;
  168. }
  169. .ms-content-main-li-title:hover{
  170. color: #0099ff;
  171. }
  172. .ms-content-main-ul-result{
  173. color: #0198ff;
  174. }
  175. }
  176. .ms-content-main-div-nothing{
  177. font-size: 14px;
  178. color: #999999;
  179. padding-top: 20px;
  180. padding-left: 20px;
  181. text-align: center;
  182. }
  183. }
  184. }