_common-skin.scss 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286
  1. @charset "UTF-8";
  2. /*comment-skin-1*/
  3. .dw-comment-skin_yellow .dw-comment-mood-ctn,
  4. .dw-comment-skin_yellow .dw-comment-view-ctn,
  5. .dw-comment-skin_yellow .dw-comment-comments-ctn{ border:1px solid #E0BC64; background-color:#FEFAEC;}/*评论框背景颜色,线框*/
  6. .dw-comment-skin_yellow .comment_reply_ctn,
  7. .dw-comment-skin_yellow .dw-comment-post-ctn,
  8. .dw-comment-skin_yellow .dw-comment-more_comment,
  9. .dw-comment-skin_yellow .dw-comment-new_comment,
  10. .dw-comment-skin_yellow .comment_blockquote{background-color:#FAF5DD; border:1px solid #EAE3C0;}/*回复框,引用框背景颜色,线框颜色*/
  11. .dw-comment-skin_yellow .dw-comment-mood-ctn .support_line span{background-color: #304757;}/*评论心情条形颜色*/
  12. /*comment-skin-2*/
  13. .dw-comment-skin_white .dw-comment-mood-ctn,
  14. .dw-comment-skin_white .dw-comment-view-ctn,
  15. .dw-comment-skin_white .dw-comment-comments-ctn{ border:1px solid #EAEAEA; background-color:#FFFFFF;}/*评论框背景颜色,线框*/
  16. .dw-comment-skin_white .comment_reply_ctn,
  17. .dw-comment-skin_white .dw-comment-post-ctn,
  18. .dw-comment-skin_white .dw-comment-more_comment,
  19. .dw-comment-skin_white .dw-comment-new_comment,
  20. .dw-comment-skin_white .comment_blockquote{background-color:#F9F9F9; border:1px solid #EDEDED;}/*回复框,引用框背景颜色,线框颜色*/
  21. .dw-comment-skin_white .dw-comment-mood-ctn .support_line span{background-color: #52A2E6;}/*评论心情条形颜色*/
  22. /*comment-skin-3*/
  23. .dw-comment-skin_blue .dw-comment-mood-ctn,
  24. .dw-comment-skin_blue .dw-comment-view-ctn,
  25. .dw-comment-skin_blue .dw-comment-comments-ctn{ border:1px solid #DBE8E7; background-color:#FAFDFD;}/*评论框背景颜色,线框*/
  26. .dw-comment-skin_blue .comment_reply_ctn,
  27. .dw-comment-skin_blue .dw-comment-post-ctn,
  28. .dw-comment-skin_blue .dw-comment-more_comment,
  29. .dw-comment-skin_blue .dw-comment-new_comment,
  30. .dw-comment-skin_blue .comment_blockquote{background-color:#EDF6F9; border:1px solid #CDE7F2;}/*回复框,引用框背景颜色,线框颜色*/
  31. .dw-comment-skin_blue .dw-comment-mood-ctn .support_line span{background-color: #304757;}/*评论心情条形颜色*/
  32. /*comment-skin-4建于2012.11.19*/
  33. .dw-comment-skin_black .dw-comment-box,
  34. .dw-comment-skin_black .dw-comment-sharebar .sharebar dt{color:#ccc!important;}/*统一描述内容灰字颜色*/
  35. .dw-comment-skin_black .dw-comment-mood-ctn,
  36. .dw-comment-skin_black .dw-comment-view-ctn,
  37. .dw-comment-skin_black .dw-comment-comments-ctn{ border:1px solid #282828; background-color:#262626;}/*评论框背景颜色,线框*/
  38. .dw-comment-skin_black .comment_reply_ctn,
  39. .dw-comment-skin_black .dw-comment-post-ctn,
  40. .dw-comment-skin_black .dw-comment-more_comment,
  41. .dw-comment-skin_black .dw-comment-new_comment,
  42. .dw-comment-skin_black .comment_blockquote{background-color:#1D1D1D; border:1px solid #282828;}/*回复框,引用框背景颜色,线框颜色*/
  43. .dw-comment-skin_black .dw-comment-comment_list .comment_content .comment_blockquote_title{background-color:#1D1D1D;}/*引用框title*/
  44. .dw-comment-skin_black .dw-comment-mood-ctn .support_line span{background-color: #304757;}/*评论心情条形颜色*/
  45. .dw-comment-skin_black .dw-comment-comment_list .comment-list_item,
  46. .dw-comment-skin_black .dw-comment-replay_list .replay_list_item{ border-color: #474747;}/*分割线样式*/
  47. .dw-comment-skin_black .dw-comment-comments-ctn .dw-comment-post-ctn,
  48. .dw-comment-skin_black .dw-comment-new_comment,
  49. .dw-comment-skin_black .dw-comment-comment_list .comment_reply_ctn,
  50. .dw-comment-skin_black .dw-comment-comment_list .comment_content .comment_blockquote,
  51. .dw-comment-skin_black .dw-comment-more_comment{box-shadow: 0px 4px 0px rgba(30,30,30,0.5)}/*盒子阴影*/
  52. .dw-comment-skin_black .dw-comment-comments-ctn a,
  53. .dw-comment-skin_black .dw-comment-new_comment span,
  54. .dw-comment-skin_black .dw-comment-post-foot .user-info .name,
  55. .dw-comment-skin_black .dw-comment-reply_post-foot .user-info .name,
  56. .dw-comment-skin_black .dw-comment-more_comment span{color:#F8F17C!important;}/*链接,评论提示,刷新评论按钮字体,回复框用户名颜色*/
  57. .dw-comment-skin_black .dw-comment-sequence a.selected{color:#fff!important;}/*评论分类白色选中状态*/
  58. .dw-comment-skin_black .dw-comment-replay_list .reply_action .view_up,
  59. .dw-comment-skin_black .dw-comment-replay_list .reply_action .view_down,
  60. .dw-comment-skin_black .dw-comment-replay_list .reply_action a em,
  61. .dw-comment-skin_black .dw-comment-comment_list .comment_action a em,
  62. .dw-comment-skin_black .comment-mood-pic em,
  63. .dw-comment-skin_black .dw-comment-comments-ctn h3 .total_num,
  64. .dw-comment-skin_black .dw-comment-comments-ctn h3 .total_num em{color:#ccc!important;}/*#ccc灰色字体颜色统一修改,包括文章赞,吐槽,回复,“所有评论条目”等描述文字,文章心情评论链接颜色*/
  65. .dw-comment-skin_black .comment-mood-pic:hover em{color:#333!important;}/*文章心情评论链接颜色hover状态*/
  66. .dw-comment-skin_black .dw-comment-loginbar-ctn .dw-comment-loginbar a{color:#2D5FC3!important;}/*登录框文字样式*/
  67. .dw-comment-skin_black .dw-comment-reply_post-foot .user-info img,
  68. .dw-comment-skin_black .dw-comment-comment_list .comment-author_pic img,
  69. .dw-comment-skin_black .dw-comment-post-foot .user-info img,
  70. .dw-comment-skin_black .dw-comment-comment_list .reply_author_pic img{background-color: #262626; border: 1px solid #333331;}/*统一调整图片背景颜色,边框颜色*/
  71. /*comment-skin-5建于2012.11.19*/
  72. .dw-comment-skin_deepblue .dw-comment-box,
  73. .dw-comment-skin_deepblue .dw-comment-sharebar .sharebar dt{color:#ccc!important;}/*统一描述内容灰字颜色*/
  74. .dw-comment-skin_deepblue .dw-comment-mood-ctn,
  75. .dw-comment-skin_deepblue .dw-comment-view-ctn,
  76. .dw-comment-skin_deepblue .dw-comment-comments-ctn{ border:1px solid #213443; background-color:#142232;}/*评论框背景颜色,线框*/
  77. .dw-comment-skin_deepblue .comment_reply_ctn,
  78. .dw-comment-skin_deepblue .dw-comment-post-ctn,
  79. .dw-comment-skin_deepblue .dw-comment-more_comment,
  80. .dw-comment-skin_deepblue .dw-comment-new_comment,
  81. .dw-comment-skin_deepblue .comment_blockquote{background-color:#0F1B28; border:1px solid #182636;}/*回复框,引用框背景颜色,线框颜色*/
  82. .dw-comment-skin_deepblue .dw-comment-comment_list .comment_content .comment_blockquote_title{background-color:#0F1B28;}/*引用框title*/
  83. .dw-comment-skin_deepblue .dw-comment-mood-ctn .support_line span{background-color: #304757;}/*评论心情条形颜色*/
  84. .dw-comment-skin_deepblue .dw-comment-comment_list .comment-list_item,
  85. .dw-comment-skin_deepblue .dw-comment-replay_list .replay_list_item{ border-color: #474747;}/*分割线样式*/
  86. .dw-comment-skin_deepblue .dw-comment-comments-ctn .dw-comment-post-ctn,
  87. .dw-comment-skin_deepblue .dw-comment-new_comment,
  88. .dw-comment-skin_deepblue .dw-comment-comment_list .comment_reply_ctn,
  89. .dw-comment-skin_deepblue .dw-comment-comment_list .comment_content .comment_blockquote,
  90. .dw-comment-skin_deepblue .dw-comment-more_comment{box-shadow: 0px 4px 0px rgba(18,30,45,0.8)}/*盒子阴影*/
  91. .dw-comment-skin_deepblue .dw-comment-comments-ctn a,
  92. .dw-comment-skin_deepblue .dw-comment-new_comment span,
  93. .dw-comment-skin_deepblue .dw-comment-post-foot .user-info .name,
  94. .dw-comment-skin_deepblue .dw-comment-reply_post-foot .user-info .name,
  95. .dw-comment-skin_deepblue .dw-comment-more_comment span{color:#77C3FE!important;}/*链接,评论提示,刷新评论按钮字体,回复框用户名颜色*/
  96. .dw-comment-skin_deepblue .dw-comment-sequence a.selected{color:#fff!important;}/*评论分类白色选中状态*/
  97. .dw-comment-skin_deepblue .dw-comment-replay_list .reply_action .view_up,
  98. .dw-comment-skin_deepblue .dw-comment-replay_list .reply_action .view_down,
  99. .dw-comment-skin_deepblue .dw-comment-replay_list .reply_action a em,
  100. .dw-comment-skin_deepblue .dw-comment-comment_list .comment_action a em,
  101. .dw-comment-skin_deepblue .comment-mood-pic em,
  102. .dw-comment-skin_deepblue .dw-comment-comments-ctn h3 .total_num,
  103. .dw-comment-skin_deepblue .dw-comment-comments-ctn h3 .total_num em{color:#ccc!important;}/*#ccc灰色字体颜色统一修改,包括文章赞,吐槽,回复,“所有评论条目”等描述文字,文章心情评论链接颜色*/
  104. .dw-comment-skin_deepblue .comment-mood-pic:hover em{color:#333!important;}/*文章心情评论链接颜色hover状态*/
  105. .dw-comment-skin_deepblue .dw-comment-loginbar-ctn .dw-comment-loginbar a{color:#2D5FC3!important;}/*登录框文字样式*/
  106. .dw-comment-skin_deepblue .dw-comment-reply_post-foot .user-info img,
  107. .dw-comment-skin_deepblue .dw-comment-comment_list .comment-author_pic img,
  108. .dw-comment-skin_deepblue .dw-comment-post-foot .user-info img,
  109. .dw-comment-skin_deepblue .dw-comment-comment_list .reply_author_pic img{background-color: #1A2A39; border: 1px solid #203243;}/*统一调整图片背景颜色,边框颜色*/
  110. /* 盖楼楼层颜色 */
  111. /* skin1 */
  112. .dw-comment-skin_yellow{
  113. .floot-comment-ctn{
  114. border-color: #E0D7AF;
  115. background-color: #FAF5DC;
  116. box-shadow: none;
  117. }
  118. .floot-comment{
  119. border-color: #E0D7AF;
  120. background-color: #FAF5DC;
  121. }
  122. .floot-comment-author{
  123. color: #2d5fc3 !important;
  124. }
  125. .floot-comment-flootnum{
  126. color: #999999 !important;
  127. }
  128. .floot-comment-bd{
  129. p{
  130. color: #333 !important;
  131. }
  132. }
  133. .floot-comment-time{
  134. color: #999999;
  135. }
  136. .floot-comment-hidden{
  137. color: #333!important;
  138. }
  139. }
  140. /* skin2 */
  141. .dw-comment-skin_white{
  142. .floot-comment-ctn{
  143. border-color: #DDDDDD;
  144. background-color: #F9F9F9;
  145. box-shadow: none;
  146. }
  147. .floot-comment{
  148. border-color: #DDDDDD;
  149. background-color: #F9F9F9;
  150. }
  151. .floot-comment-author{
  152. color: #2D5FC3 !important;
  153. }
  154. .floot-comment-flootnum{
  155. color: #999999 !important;
  156. }
  157. .floot-comment-bd{
  158. p{
  159. color: #333333 !important;
  160. }
  161. }
  162. .floot-comment-time{
  163. color: #999999;
  164. }
  165. .floot-comment-hidden{
  166. color: #333333!important;
  167. }
  168. }
  169. /* skin3 */
  170. .dw-comment-skin_blue{
  171. .floot-comment-ctn{
  172. border-color: #CDE7F2;
  173. background-color: #EDF6F9;
  174. box-shadow: none;
  175. }
  176. .floot-comment{
  177. border-color: #CDE7F2;
  178. background-color: #EDF6F9;
  179. }
  180. .floot-comment-author{
  181. color: #2d5fc3 !important;
  182. }
  183. .floot-comment-flootnum{
  184. color: #999999 !important;
  185. }
  186. .floot-comment-bd{
  187. p{
  188. color: #333 !important;
  189. }
  190. }
  191. .floot-comment-time{
  192. color: #999999;
  193. }
  194. .floot-comment-hidden{
  195. color: #333!important;
  196. }
  197. }
  198. /* skin4 */
  199. .dw-comment-skin_black{
  200. .floot-comment-ctn{
  201. border-color: #333;
  202. background-color: #1D1D1D;
  203. box-shadow: none;
  204. }
  205. .floot-comment{
  206. border-color: #333;
  207. background-color: #1D1D1D;
  208. }
  209. .floot-comment-author{
  210. color: #f8f17c !important;
  211. }
  212. .floot-comment-flootnum{
  213. color: #999999 !important;
  214. }
  215. .floot-comment-bd{
  216. p{
  217. color: #CBCBCB !important;
  218. }
  219. }
  220. .floot-comment-time{
  221. color: #999999;
  222. }
  223. .floot-comment-hidden{
  224. color: #CBCBCB!important;
  225. }
  226. }
  227. /* skin5 */
  228. .dw-comment-skin_deepblue{
  229. .floot-comment-ctn{
  230. border-color: #1E2E3C;
  231. background-color: #0D1B28;
  232. box-shadow: none;
  233. }
  234. .floot-comment{
  235. border-color: #1E2E3C;
  236. background-color: #0D1B28;
  237. }
  238. .floot-comment-author{
  239. color: #77c3fe !important;
  240. }
  241. .floot-comment-flootnum{
  242. color: #999999 !important;
  243. }
  244. .floot-comment-bd{
  245. p{
  246. color: #CBCBCB !important;
  247. }
  248. }
  249. .floot-comment-time{
  250. color: #999999;
  251. }
  252. .floot-comment-hidden{
  253. color: #CBCBCB!important;
  254. }
  255. }
  256. /*comment-skin-lol*/
  257. .dw-comment-skin_lol .dw-comment-mood-ctn,
  258. .dw-comment-skin_lol .dw-comment-view-ctn,
  259. .dw-comment-skin_lol .dw-comment-comments-ctn{ border:1px solid #D2AE56; background-color:#F6ECBF;}/*评论框背景颜色,线框*/
  260. .dw-comment-skin_lol .comment_reply_ctn,
  261. .dw-comment-skin_lol .dw-comment-post-ctn,
  262. .dw-comment-skin_lol .dw-comment-more_comment,
  263. .dw-comment-skin_lol .dw-comment-new_comment,
  264. .dw-comment-skin_lol .comment_blockquote{background-color:#fbf4dc; border:1px solid #e0cc9a;}/*回复框,引用框背景颜色,线框颜色*/
  265. .dw-comment-skin_lol .dw-comment-mood-ctn .support_line span{background-color: #DECC92;}/*评论心情条形颜色*/
  266. .dw-comment-skin_lol .dw-comment-replay_list .replay_list_item,
  267. .dw-comment-skin_lol .dw-comment-comment_list .comment-list_item{border-bottom: 1px dashed #E1CC91;}/*底部虚线颜色*/
  268. .dw-comment-skin_lol .dw-comment-comments-ctn .dw-comment-post-ctn,
  269. .dw-comment-skin_lol .dw-comment-comment_list .comment_reply_ctn,
  270. .dw-comment-skin_lol .dw-comment-comment_list .comment_content .comment_blockquote,
  271. .dw-comment-skin_lol .dw-comment-more_comment,
  272. .dw-comment-skin_lol .dw-comment-new_comment,
  273. .dw-comment-skin_lol .dw-comment-post-ctn{box-shadow:0px 4px 0px #f1e1ac;}/*底部阴影颜色*/
  274. .dw-comment-skin_lol .dw-comment-comments-ctn .dw-comment-post-ctn .textarea_ctn,
  275. .dw-comment-skin_lol .dw-comment-reply_post-ctn .textarea_ctn{border: 1px solid #D3AF57;}/*评论输入框*/