国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

205 lines
9.3KB

  1. body{font-family: Geneva, Arial, Helvetica, sans-serif, serif;font-size:12px;line-height:1.5em;background:#D6EDF5 url(bodybg.jpg) repeat-x;color:#333}
  2. h1,h2,h3,h4,h5,h6,form,body,dd,dt,dl,li,ul{padding:0;margin:0}
  3. td,th,div,dd{word-break:break-all;word-wrap:break-word}
  4. img{border:0;}
  5. .c{clear:both;height:1px;font:0px/0px Arial;overflow:hidden}
  6. .tal,.tl{text-align:left}
  7. .tac,.tc{text-align:center}
  8. .tar,.tr{text-align:right}
  9. .fr,.right{float:right}
  10. .fl,.left{float:left}
  11. .b{ font-weight:bold}
  12. .tdn{ text-decoration:none}
  13. .small{ font-size:10px;}
  14. .big{ font-size:14px;}
  15. .fsn{ font-size:12px}
  16. .fn{ font-weight:normal}
  17. .lh0{ line-height:0}
  18. .yellow {color:#fff;}
  19. .gray{ color:#83cfcb}
  20. .keep{ word-break:keep-all; word-spacing:normal}
  21. .ip{ padding:4px 2px 3px; border:1px solid #90C3D5; font:12px/1.1em Tahoma}
  22. .bt{background:#B5D7E3; color:#4D7280; font-weight:bold; border:3px double #90C3D5;font-size:12px;}
  23. /*a link 基本连接颜色*/
  24. a{color:#01759C}
  25. a:hover{color:#fff; background:#01759C}
  26. a.noul{ text-decoration:none}
  27. a.active{background:#01759C; color:#fff}
  28. a.active:hover{color:#01759C; background:none}
  29. h1{ font-size:24px; padding:.6em 0 0}
  30. h2{ font-size:13px; padding:.3em .6em; color:#fff; background:url(bodybg.jpg) 0 -70px #48A3CA; border-bottom:#B3D8E6 1px solid }
  31. h3{ font-size:14px}
  32. h4{ font:16px Georgia; display:inline}
  33. #container{ width:96%; min-width:600px; max-width:1000px; margin:auto; }
  34. #header{ height:108px; background:url(header.png) no-repeat right;}
  35. #title{ width:98%; height:68px; margin:auto; overflow:hidden}
  36. #title h1 { float:left; }
  37. #guide{height:27px;padding:0; margin:0}
  38. #guide li{ display:inline}
  39. #guide li a{ float:left; color:#fff; text-decoration:none;display:block; font:13px/1.2em Arial; padding:.4em 1em}
  40. #guide li a:hover{ background:#4A9FBE;text-decoration:none}
  41. #guide li.active a{background:#03779C;color:#fff }
  42. #site-dsc{color:#B3D8E6; margin-top:.5em; font-size:14px}
  43. #toolbar{ margin-top:1em}
  44. #toolbar a{ color:#B3D8E6}
  45. #main{ width:75.5%; background:#fff; }
  46. #side{ width:23%;}
  47. .box{ border:1px solid #90C3D5; margin:0 0 .7em; width:100%; overflow:hidden; background:#fff}
  48. .text{ margin:.5em 1em 1em;}
  49. #main .text { margin: 1em}
  50. #side .list { margin:1em .5em 1.5em 2.5em;color:#333}
  51. #side .list ul{ margin:0 0 1em 1em}
  52. #side .list ul li{ margin:.5em 0}
  53. #side .list li{ margin:.5em 0}
  54. .profile-pic{margin:0 auto 1em;padding:1px;width:95%;}
  55. .profile-pic div{ margin:0 auto 0;width:100%;padding:0;overflow:hidden;text-align:center;line-height:0}
  56. .profile-pic div img{border:1px solid #ccc;padding:0; margin:0;}
  57. .profile dd{ margin:.3em 0 0; line-height:120%}
  58. /*#calendar */
  59. .calendar table{ width:98%; margin:0 auto 1em; table-layout:fixed}
  60. .calendar table td{ height: 15px;font:11px/150% Tahoma;text-align:center;}
  61. .calendar table th{ text-align: center}
  62. .calendar table td a{color:#fff;font:11px/12px Arial;background:#01759C;padding:0px 3px 2px}
  63. .calendar table td a:hover{background:#015C88;text-decoration:none}
  64. /*blog*/
  65. .blog-content{ margin:2em 0; table-layout:fixed; width:100%; vertical-align:top}
  66. .blog-content td{ font-size:13px; line-height:1.5em;overflow:hidden}
  67. .blog-content td img { padding:5px; border:1px solid #B3D8E6; line-height:0}
  68. .blog-content td a:hover img { border-color:#2E5B6B; background:#fff}
  69. .bb{ border-bottom:1px solid #B5D7E3 ; padding:0 0 .6em; margin:0 0 .3em; line-height:2em;}
  70. #footer{ margin-top:2em; border-top:1px solid #66B2CC ; padding:.5em}
  71. #footer ul,#footer li { display:inline; list-style:none ; margin:0 0 0 1em}
  72. /*photos-album*/
  73. .pic-list li{ height:50px; width:50px; list-style:none; float:left}
  74. .pic-list li a img{ filter:alpha(opacity=80);Opacity=0.08;padding:2px; width:40px; height:40px}
  75. .pic-list li a:hover img { filter:alpha(opacity=100);Opacity=0.1; position:absolute; width:79px;height:79px; margin:-20px 0 0 -20px}
  76. .front-cover{ padding:0 1em 1em 0}
  77. /*favorite*/
  78. .fav dl{ margin-bottom:1.5em}
  79. .fav dt{ margin-bottom:.5em}
  80. /*goods*/
  81. .goods-list li{ width:80px; height:80px; text-align:center; line-height:110%; margin:0 .3em 1em }
  82. .goods-list li a:hover img { margin:-20px 0 0 -42px}
  83. .goods-dl { max-width:55%; width:400px}
  84. .goods-dl dd{ border-bottom:1px solid #E9F0DB; margin: 0 1em 0 0; line-height:2em}
  85. /*friends*/
  86. .frends-list li{ float:left; width:48%;height:120px; overflow:hidden; margin-left:1%}
  87. .frends-list li a img{ padding:2px; float:left; margin-right:.5em}
  88. /*comment*/
  89. .comment dl{ display:block;clear:both;float:left;margin:.2em 0;border:1px solid #D6EDF5;width:90%;padding:.5em}
  90. .comment dl:hover{border-color:#4BA9CD}
  91. .comment dd{ margin:0 .8em .8em 0; padding:0; line-height:120%;}
  92. .comment dd.comment-content{ width:80%;float:left;word-break:break-all;-o-text-overflow: ellipsis;}
  93. .post-comment{ width:70%; margin: 0 0 1em}
  94. .post-comment div{ margin:0 0 .5em }
  95. .re-comment{ margin:1em 0 0; border:1px solid #D6EDF5; padding:1em}
  96. /*itable*/
  97. .itable td,.itable th{padding:.3em .5em}
  98. .itable td { vertical-align: middle;border-bottom: 1px solid #D6EDF5;}
  99. .itable tr.tr1 td{ background: #D6EDF5 ;}
  100. .itable .ip { border:#CED4BE }
  101. .itable td img {border:0;padding:0;background:none}
  102. /*pages*/
  103. .pages { margin-top:10px; margin-bottom:10px; text-align: center;clear:both }
  104. .pages * { vertical-align: middle;}
  105. .pages a{padding:1px 4px 2px ; background:#f9fcff; border:1px solid #ADD2E1; margin:0 1px; color: #002F79; text-align: center; text-decoration: none; font:normal 10px Tahoma ; }
  106. .pages a:hover { border:#37A717 1px solid; background:#EDFFE4; text-decoration:none; color: #002F79}
  107. .pages input { border:1px solid #ccc; height: 14px; font: 9px Tahoma; padding-top:1px;text-align: center; }
  108. .pages b { padding:2px ; margin: 0 3px;font:bold 10px/12px Tahoma}
  109. /*menu*/
  110. .menu{position:absolute;background:#fff;border:1px solid $tablecolor;}
  111. .menu td, .menu li,.menu ul{background:#fff;padding:0; margin:0}
  112. .menu li{list-style:none;}
  113. .menu a{display:block;padding:3px 15px 3px 15px;background:#fff;}
  114. .menu a:hover{background:$linkcolor;text-decoration:none;color:#fff;}
  115. .menu ul.ul1 li a{display:inline;padding:0}
  116. .listPic dl{ width:24.5%; float:left; text-align:center; padding:0; margin:.5em 0}
  117. .listPic dt a{ color:#333}
  118. .listPic dd{ padding:0 0 .5em 0; margin:0; text-indent:0; height:90px; vertical-align:middle}
  119. .listPic dd img{ width:85px;height:85px; padding:2px; border:1px solid #eee;}
  120. .listPic1 dl{ width:33%; float:left; text-align:center; padding:0; margin:.5em 0}
  121. .listPic1 dt a{ color:#333}
  122. .listPic1 dd{ padding:0 0 .5em 0; margin:0; text-indent:0; height:55px; vertical-align:middle}
  123. .listPic1 dd img{ width:50px;height:50px; padding:2px; border:1px solid #eee;}
  124. .listPic-albumn dd { height:105px;}
  125. .listPic-albumn dd img { width:90px; height:90px; padding:4px 4px 8px; border:0; background:url(albumn-bg.gif)}
  126. .moduleA{ margin:.2em; border:1px solid #A6CBE7; line-height:110%; border-bottom-color:#66A0CC; border-right-color:#66A0CC;}
  127. .moduleA h3{ color: #0066FF;padding:.5em; margin:0;font-family:Tahoma;font-size:12px;cursor:move }
  128. .tableA { table-layout:fixed}
  129. .tableAtd{ border:1px solid #D4E8F7;height:50px;}
  130. .editButton{ float:right; font:12px/120% Tahoma; color:#CCC; text-decoration:none ; padding-left:0.5em; background:url($imgpath/button_edit.gif) no-repeat 0 .1em}
  131. .editButton:hover{ background-position:.1em .2em}
  132. .editBox{ background:#FFFFCF; margin:0 .2em .2em ; padding:.2em }
  133. .editArea {border:1px solid #eee; width:96%; margin:auto;padding:.2em; background:#fff}
  134. .menu1{position:absolute;border:1px solid #CCCCCC;background:#FFFFFF;z-index:1000;width:200px;height:255px;overflow-Y:auto}
  135. .menu1 h3{background:$headcolor;text-align:left;color:$headfontone;padding:5px 7px 3px 7px;cursor:move}
  136. .menu1 div{padding:5px 10px;}
  137. .checkon{border:1px solid #0A9800;background:#CAFFC0;cursor:move}
  138. .move{position:absolute;}
  139. #colorbox{width:91px;height:78px;padding:3px 0 0 3px;overflow:hidden;}
  140. #colorbox div{cursor:pointer;width:8px;height:8px;float:left;margin:0 3px 3px 0;border:1px #000 solid;font:0/8px arial}
  141. .smile{ height:23px;padding:7px 0 0 8px;text-align:left;background:#E0F0F9 url(th1.png);cursor:move}
  142. .smile div{ width:56px;height:18px;text-align:center;padding:5px 0 0;cursor:pointer;}
  143. .smile div.lian{ background:#ffffff url(tag.jpg) no-repeat;cursor:auto;}
  144. .user-info{ position:absolute;line-height:160%; margin-left:-1.5em; margin-top:-1em}
  145. .user-infoWrap{background:#FFF; border:1px solid #004C7D; border-top:1px #A6CBE7 solid; border-left:1px solid #A6CBE7; padding:.5em 1em; margin-left:20px;display:block;}
  146. .user-info .co{position:absolute; width:10px;height:20px; margin-left:-1.8em; margin-top:2em; background:url(user-info-co.png)}
  147. /*menu_sm*/
  148. .menu_sm{ position:absolute;background:#fffcd9;border-bottom:1px solid #e7d62b; width:100%;}
  149. .menu_sm a{padding:5px 15px 5px 15px; color:#f79305;}
  150. .menu_sm a:hover{text-decoration:none;color:#fff;}
  151. @media screen and (min-width:0px){
  152. .goods-list li a:hover img { margin:-20px -20px 0 0}
  153. }
  154. .usericobox {
  155. float:left;
  156. margin-bottom:8px;
  157. margin-right:3px;
  158. width:47px;
  159. height:68px;
  160. text-align:center;
  161. overflow:hidden;
  162. }
  163. .infobox {
  164. padding-left:10px;
  165. margin-bottom:10px;
  166. }
  167. .infobox li {
  168. line-height:32px;
  169. height:32px;
  170. border-bottom:1px dashed #dedede;
  171. }
  172. .introduce {
  173. border-bottom:1px dashed #dedede;
  174. line-height: 180%;
  175. }