国内流行的内容管理系统(CMS)多端全媒体解决方案 https://www.dedebiz.com
Vous ne pouvez pas sélectionner plus de 25 sujets Les noms de sujets doivent commencer par une lettre ou un nombre, peuvent contenir des tirets ('-') et peuvent comporter jusqu'à 35 caractères.

351 lignes
6.0KB

  1. /**************************************
  2. 首页样式部分(CaicaiStyle)
  3. Update:09-11-19
  4. Author: From:DesDev INC.
  5. **************************************/
  6. @import url("base.css");
  7. input {
  8. margin:0;
  9. padding:0;
  10. }
  11. .clr{
  12. clear:both;
  13. }
  14. .f_r{
  15. float:right;
  16. }
  17. .755 {
  18. width: 755px;
  19. float: right;
  20. }
  21. .main-wrap {
  22. margin-left:10px;
  23. width: 550px;
  24. float: left;
  25. }
  26. .sns-avatar {
  27. height:100px;
  28. overflow:visible;
  29. z-index:10;
  30. min-height:100px;
  31. margin: 10px 0 10px 10px;
  32. }
  33. .sns-avatar dt {
  34. float:left;
  35. height:100px;
  36. margin-right:10px;
  37. width:100px;
  38. }
  39. .s120, .s120 a, .s120 span {
  40. height:100px;
  41. width:100px;
  42. }
  43. .sns-avatar .av-index {
  44. line-height:20px;
  45. color: #525252;
  46. }
  47. .sns-avatar .av-index .name {
  48. font-size:16px;
  49. font-weight:700;
  50. line-height: 20px;
  51. color: #000;
  52. }
  53. ul .name span {
  54. font-size: 12px;
  55. font-weight: normal;
  56. margin-left: 5px;
  57. }
  58. .av-index ul .sign a {
  59. color: #F00;
  60. }
  61. .av-index ul .other {
  62. color: #999;
  63. }
  64. .msg {
  65. width: 430px;
  66. margin-top: 8px;
  67. height: 30px;
  68. line-height: 27px;
  69. overflow: hidden;
  70. float: left;
  71. }
  72. .msg p {
  73. border:1px solid #ffcfa4;
  74. background: #fffef1;
  75. padding-right: 10px;
  76. padding-left: 10px;
  77. }
  78. .msg p em a {
  79. color: #999;
  80. }
  81. .share .share01 {
  82. background: url(../images/feed_6.gif) no-repeat 20px;
  83. height: 16px;
  84. }
  85. .share .share02 {
  86. height: 24px;
  87. background: #e0dfe1;
  88. padding: 11px;
  89. }
  90. #share_textarea {
  91. background: #FFF;
  92. height: 25px;
  93. width: 427px;
  94. line-height: 25px;
  95. font-size: 12px;
  96. border-style: none;
  97. color: #999;
  98. padding-right: 5px;
  99. padding-left: 5px;
  100. float: left;
  101. }
  102. #form1 {
  103. height: 25px;
  104. }
  105. #btn_submit {
  106. background: url(../images/btn1_bg.gif) no-repeat;
  107. height: 22px;
  108. width: 55px;
  109. border-style: none;
  110. color: #FFF;
  111. float: right;
  112. margin-right: 22px;
  113. margin-top: 1.5px;
  114. }
  115. .indexTab {
  116. height: 26px;
  117. margin-top: 14px;
  118. margin-left:10px;
  119. }
  120. .indexTab ul li {
  121. background: #FFF;
  122. margin-left:4px;
  123. float: left;
  124. font-size: 12px;
  125. font-weight: bolder;
  126. margin-bottom:-1px;
  127. position:relative;
  128. z-index:10;
  129. border: 1px solid #dedede;
  130. }
  131. .indexTab ul li a{
  132. color:#313131;
  133. outline:none;
  134. blr:expression(this.onFocus=this.blur());
  135. }
  136. .indexTab ul .thisTab {
  137. border-bottom:none;
  138. height: 26px;
  139. }
  140. .indexTab ul .thisTab a {
  141. color:#5f9304;
  142. }
  143. .indexTab ul .thisTab a:hover {
  144. text-decoration:none;
  145. }
  146. .indexTab ul li a {
  147. line-height: 25px;
  148. height: 25px;
  149. float: left;
  150. padding-right: 10px;
  151. padding-left: 10px;
  152. }
  153. #sns-feeds .sns-box {
  154. background: #FFF;
  155. border: 1px solid #ddd;
  156. padding-right: 10px;
  157. padding-left: 10px;
  158. padding-bottom: 20px;
  159. }
  160. #sns-feeds .sns-box .newarticlelist{
  161. padding-top:10px;
  162. }
  163. #sns-feeds .sns-box .newarticlelist ul li{
  164. line-height:28px;
  165. background:url(../images/lineDot.gif) left bottom repeat-x;
  166. }
  167. #sns-feeds .sns-box .newarticlelist ul li a{
  168. color: #2ca9cc;
  169. }
  170. #sns-feeds .sns-box .newarticlelist ul li span{
  171. float:right;
  172. margin-left:5px;
  173. }
  174. #sns-feeds {
  175. color: #525252;
  176. }
  177. .feeds_title {
  178. line-height: 20px;
  179. padding-left: 24px;
  180. margin-top: 12px;
  181. }
  182. .feeds_title span .act{
  183. visibility:hidden;
  184. position:absolute;
  185. float:right;
  186. right:0px;
  187. *right:0px;
  188. _right:10px;
  189. z-index: 999;
  190. }
  191. .feeds_title span:hover .act,.feeds_title span.hover .act,.feeds_title span.hover .act:visited {
  192. visibility:visible;
  193. }
  194. .icostow{
  195. background: url(../images/icon2.png) no-repeat left 3px;
  196. }
  197. .icoaddfriends{
  198. background: url(../images/icon5.png) no-repeat left 3px;
  199. }
  200. .icofeedback{
  201. background: url(../images/icon4.gif) no-repeat left 3px;
  202. }
  203. .icoaddsoft{
  204. background: url(../images/icon1.gif) no-repeat left 3px;
  205. }
  206. .icoadd{
  207. background: url(../images/icon1.gif) no-repeat left 3px;
  208. }
  209. .feeds_title span {
  210. display: block;
  211. position: relative;
  212. }
  213. .feeds_title span a {
  214. color: #2ca9cc;
  215. }
  216. .feeds_title.icostow span em,.feeds_title.icoaddfriends span em,.feeds_title.icofeedback span em,.feeds_title.icoaddsoft span em,.feeds_title.icoadd span em{
  217. color: #999;
  218. }
  219. .feeds_title1 {
  220. line-height: 20px;
  221. margin-top: 12px;
  222. }
  223. .feeds_title1 img{
  224. vertical-align:middle;
  225. }
  226. .feeds_title1 span .act{
  227. visibility:hidden;
  228. position:absolute;
  229. float:right;
  230. right:0px;
  231. *right:0px;
  232. _right:10px;
  233. z-index: 999;
  234. }
  235. .feeds_title1 span:hover .act,.feeds_title1 span.hover .act,.feeds_title1 span.hover .act:visited {
  236. visibility:visible;
  237. }
  238. .feeds_title1 span {
  239. display: block;
  240. position: relative;
  241. }
  242. .feeds_title1 span a {
  243. color: #2ca9cc;
  244. }
  245. .feeds_title1 span em{
  246. color:#999;
  247. }
  248. /*
  249. right
  250. */
  251. .col-extra {
  252. width:195px;
  253. float: right;
  254. color: #525252;
  255. margin-right:0!important;;
  256. margin-right:-5px;
  257. }
  258. .sns-box .hd {
  259. background: url(../images/sns_box.gif);
  260. }
  261. .hd h3 {
  262. line-height: 27px;
  263. font-size: 12px;
  264. color: #FFF;
  265. padding-left: 10px;
  266. }
  267. .statistics {
  268. line-height:22px;
  269. overflow:hidden;
  270. }
  271. .statistics dt {
  272. color:#525252;
  273. float:left;
  274. text-indent:5px;
  275. width:90px;
  276. }
  277. .statistics dd {
  278. clear:right;
  279. color:#5f9304;
  280. }
  281. .sns-avatar-m {
  282. padding-top: 10px;
  283. padding-bottom: 10px;
  284. padding-left: 12px;
  285. overflow:hidden;
  286. }
  287. .sns-avatar-m ul{
  288. }
  289. .sns-avatar-m li {
  290. float:left;
  291. margin-right:12px;
  292. padding: 0px;
  293. width: 48px;
  294. text-align: center;
  295. }
  296. .sns-avatar-m ul .pic a img {
  297. margin-bottom: 6px;
  298. }
  299. #mt10 {
  300. margin: 5px 0px 0px;
  301. width: 100%;
  302. }
  303. .sns-avatar-m .pic a {
  304. color:#2ca9cc;
  305. }
  306. .bd{
  307. height: 55px;
  308. width: 175px;
  309. background: #e0dfe1;
  310. padding-top: 11px;
  311. padding-right: 10px;
  312. padding-left: 10px;
  313. }
  314. .text1{
  315. width: 132px;
  316. height:23px;
  317. line-height:23px;
  318. background:#FFF;
  319. border:none;
  320. float:left;
  321. color:#525252;
  322. font-size: 12px;
  323. }
  324. .button1 {
  325. background: #76b63a;
  326. height: 23px;
  327. width: 38px;
  328. border-style: none;
  329. float: right;
  330. color: #FFF;
  331. line-height: 23px;
  332. }
  333. .faceBox {
  334. padding: 8px;
  335. width: 250px;
  336. border: 1px solid #CCC;
  337. background: #FFF;
  338. z-index: 100000;
  339. }
  340. .faceBox ul li {
  341. float: left;
  342. width: 25px;
  343. height: 25px;
  344. overflow: hidden;
  345. }