style.css 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334
  1. @charset "utf-8";
  2. @import url("../../../css/common.css");
  3. body{ background:url(../images/body_bg.jpg) repeat center top;font-size:12px;font-family:Arial,Console,Verdana,Courier New;}
  4. p{ margin:0; padding:0; }
  5. a{color:#CA0000; text-decoration:none;}
  6. a:hover{text-decoration:none;color:#200;}
  7. /*#container{background:url(../images/head_bg.jpg) no-repeat center -25px;}*/
  8. /* header style */
  9. .csdn-toolbar .container{width:96%; max-width:1200px; margin:0px auto;}
  10. #header{width:980px; height:36px; margin:0 auto; padding:35px 0 0 0; text-align:left;}
  11. #blog_title h2{ margin:0 25px 0 0; color:#000; font:bold 32px/32px 'Microsoft YaHei';}
  12. #blog_title h3{ padding:2px 0 0 0; color:#FFA200; font:normal 15px/30px 'Microsoft YaHei';}
  13. #blog_title a{color:#fff;}
  14. #blog_title a:hover{color:#def;text-decoration:none;}
  15. /* navigator style */
  16. #navigator{display:block; *display:inline-block; clear:both; height:42px; margin:0 auto; width:96%; max-width:1200px; padding:100px 0px 0 0; text-align:left;}
  17. .navigator{text-align:right;}
  18. .navigator:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
  19. .navigator ul{float:right;}
  20. .navigator li{display:inline; float:left; margin:0 5px;}
  21. .navigator li a{display:inline-block; height:26px; padding:0 0 0 10px; color:#666; background:url(../../../images/btn_pub_nav.gif) no-repeat left 0; font:normal 12px/26px Arial, Helvetica, sans-serif; text-decoration:none; cursor:pointer;}
  22. .navigator li a span{display:inline-block; height:16px; padding:5px 10px 5px 0; background:url(../../../images/btn_pub_nav.gif) no-repeat right -26px; line-height:16px;}
  23. .navigator li a span img{margin:0 4px 0 0; vertical-align:middle;}
  24. /* body style */
  25. #body{display:block; *display:inline-block; width:96%; max-width:1200px; margin:10px auto; /*-moz-box-shadow:0 0 10px #333; -webkit-box-shadow:0 0 10px #333;*/ text-align:left;}
  26. #body:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
  27. /* box title style */
  28. .panel_head { clear: both; height: 30px; padding: 0 5px; background: url(../images/tit_bg.jpg) repeat-x top; color: #333; font: bold 12px/30px Arial; text-indent: 5px; }
  29. .panel{margin:0 0 10px 0; padding:1px; border:solid 1px #000; background:#fff;}
  30. .side .panel_body{padding:4px 10px;}
  31. .panel_body li{color:#666;margin:8px 0px;}
  32. .panel_body li span{}
  33. .panel_body li a{/*color:#ff2a00;*/}
  34. #main{float:right; width:100%; margin-left:-210px; overflow:hidden; }
  35. #main .main{_float:right; min-width:700px; margin-left:210px; padding:1px; border:solid 1px #000; background:#fff;}
  36. #notice { margin:5px 10px;}
  37. .notice{margin:10px 10px; padding:2px 4px 2px 20px; border:dashed 1px #f8cc7e; background:#fffce7 url(../../../images/ico_notice.png) no-repeat 5px center; _background:#fffce7 url(../../../images/ico_notice.gif) no-repeat 5px center; font:normal 12px/22px Arial;}
  38. .notice a{color:#ff5a00;}
  39. /* article style */
  40. .list_item{display:block; *display:inline-block; clear:both; background:url(../images/line_1.gif) repeat-x bottom;}
  41. .list_item:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
  42. .list{margin:20px 20px 0 20px;}
  43. /* title style on list */
  44. .article_title{display:block; margin:5px 0px; color:#000; font:normal 20px/30px 'Microsoft YaHei';}
  45. .article_title:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
  46. .article_title a{color:#000;}
  47. .article_title a:hover{color:#666;}
  48. /* article type icon */
  49. .article_title .ico{display:inline-block; width:19px; height:19px; margin:0 2px 0 0;}
  50. .article_title .ico_type_Original{background:url(../../../images/ico_Original.gif) no-repeat 0 0; vertical-align:middle;}/* 原创icon */
  51. .article_title .ico_type_Repost{background:url(../../../images/ico_Repost.gif) no-repeat 0 0; vertical-align:middle;}/* 转载icon */
  52. .article_title .ico_type_Translated{background:url(../../../images/ico_Translated.gif) no-repeat 0 0; vertical-align:middle;}/* 转载icon */
  53. /* article title */
  54. .article_title h1{display:inline; font:normal 20px/30px 'Microsoft YaHei'; vertical-align:middle;}
  55. /* article summary */
  56. .article_description{color:#666; font:normal 14px/24px Arial;}
  57. /* article control area */
  58. .article_manage{padding:5px 0; color:#999; font:normal 12px/24px Arial; text-align:right;}
  59. .article_manage span{margin:0 5px;}
  60. /*.article_manage a{color:#ff2a00;}*/
  61. .article_manage .link_postdate{margin:0 5px 0 0;}
  62. .article_manage .link_view{padding:0 0 0 14px; background:url(../../../images/ico_view.png) no-repeat left center; _background:url(../../../images/ico_view.gif) no-repeat left center;}
  63. .article_manage .link_comments{padding:0 0 0 14px; background:url(../../../images/ico_comm.png) no-repeat left center; _background:url(../../../images/ico_comm.gif) no-repeat left center;}
  64. .article_manage .link_categories{float:left;}
  65. /* article list view */
  66. .list_view{margin:0 20px; padding:5px 0;}
  67. .list_view .article_title{display:inline; float:left; height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:0 !important; font:normal 14px/30px Arial !important;}
  68. .list_view .article_title:after{content:"...";}
  69. .list_view .article_title h3{font:normal 12px/30px Arial !important;}
  70. .list_view .article_title h1{font:normal 12px/30px Arial !important;}
  71. .list_view .article_manage{display:inline; float:right; padding:0 !important; line-height:30px !important; text-align:right !important; white-space:nowrap;}
  72. .list_view .article_description{display:none !important;}
  73. .list_view .article_manage span{margin:0 !important;}
  74. /* article details */
  75. .details{margin:20px;}
  76. .details .article_content{margin:20px 0 0 0;font-family:Courier New,Console,Verdana,"Microsoft YaHei";font:normal 14px/26px Arial; }
  77. /* article content initialvalue style */
  78. .article_next_prev{display:block; *display:inline-block; color:#666; font:normal 14px/24px "Microsoft YaHei",Arial, Helvetica, sans-serif; clear:both; float:left;margin:0px 0 5px 0;padding: 0; padding-top:10px;}
  79. .article_next_prev li{list-style-type:none;clear:both; padding:0 0 3px; overflow:hidden;}
  80. .article_next_prev:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
  81. .article_next_prev li span{display:block; float:left;width:52px; padding:0 0 0 27px;height:26px;background-color:#999999; color:#fff; font-size:14px;margin-right:7px;}
  82. .article_next_prev li:hover span{background-color:#c00;}
  83. .article_next_prev li.prev_article span{background-image:url(../images/blog-page-arr.png);background-repeat:no-repeat;background-position:9px 8px;}
  84. .article_next_prev li.next_article span{background-image:url(../images/blog-page-arr.png);background-repeat:no-repeat;background-position:9px -22px;}
  85. .article_next_prev li a{display:block; float:left;font-size:14px; color:#333333;}
  86. .article_next_prev li a:link,.article_next_prev li a:visited,.article_next_prev li a:hover{color:#333;}
  87. .article_next_prev li:hover a,
  88. .article_next_prev li:hover a:link,
  89. .article_next_prev li:hover a:visited,
  90. .article_next_prev li:hover a:hover{color:#c00;}
  91. .commentform ul{margin:0px;}
  92. .commentform li{margin:0px;list-style-type:none;}
  93. /* digg style */
  94. .ico_expert{width:69px; height:60px; margin:0 auto; background:url(../../../images/ico_expert.jpg) no-repeat 0 0; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src="images/ico_expert.png");}
  95. #digg{display:block; *display:inline-block; clear:both; width:182px; _width:188px; margin:0 auto; padding:30px 0 15px; text-align:center;}
  96. #digg:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
  97. .digg{display:inline-block; float:left; width: 72px; height: 72px; overflow:hidden; margin:0 2px; background:#ff7900; text-align:center;}
  98. .digg dt{margin:0px;padding:12px 0 3px 0; color:#fff; font:normal 27px/30px 'Microsoft YaHei';}
  99. .digg dd{margin:0px;color:#fff; font:normal 12px/22px Arial;}
  100. .digg_enable{ background:#ff7900; text-align:center; cursor:pointer;}
  101. .digg_disable{ color:#fff;background:#ff999;}
  102. .digg_disable dd{color:#fff;}
  103. /* page navigation style */
  104. .pagelist{clear:both; padding:15px 0; color:#666; font:normal 12px/24px Arial; text-align:center;}
  105. .pagelist a{display:inline-block; height:22px; margin:0 2px; padding:0 8px; border:solid 1px #dbe5ee; background:#fff; color:#333; font:normal 12px/22px Arial, Helvetica, sans-serif; cursor:pointer;}
  106. .pagelist strong{display:inline-block; height:24px; margin:0 3px; padding:0 8px; border:none; background:#07519a; color:#fff; font-weight:normal; line-height:24px; text-decoration:none;}
  107. .pagelist a:hover{height:24px; margin:0 3px; border:none; background:#07519a; color:#fff; line-height:24px; text-decoration:none;}
  108. .pagelist a.select{cursor:default;}
  109. #side{float:left; width:200px; overflow:hidden; line-height:120%; }
  110. #side .side{}
  111. #side a{color:#CA0000;}
  112. #side a:hover{color:#200;}
  113. /* personal information */
  114. #panel_Profile{ }
  115. #panel_Profile span{color:#333;}
  116. .ico_expert{ background:url(../images/ico_expert.png) no-repeat;}
  117. #blog_userface{margin:0 0 5px 0; padding:10px; text-align:center;}
  118. #blog_userface img{max-width:160px; padding:2px; border:solid 1px #ddd;}
  119. #blog_userface span{display:block; font-weight:bold; text-align:center;}
  120. #blog_medal{text-align:center;}
  121. #blog_rank{display:block; *display:inline-block; margin:5px; padding:5px; line-height:185%; background:url(../images/line_1.gif) repeat-x bottom; color:#666;}
  122. #blog_rank:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
  123. #blog_rank li{}
  124. #blog_rank li span{ color:#333;}
  125. #blog_statistics{display:block; *display:inline-block; margin:10px 10px; color:#666;}
  126. #blog_statistics:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
  127. #blog_statistics li{float:left; width:50%;margin:4px 0px;}
  128. #blog_statistics li span{ color:#333;}
  129. #blog_statistics li a{}
  130. /* search */
  131. #panel_Search{ }
  132. #panel_Search .panel_body:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
  133. #panel_Search .panel_body span{float:left;}
  134. #panel_Search .form_search{background:#fff;
  135. border: 1px solid #CCCCCC;
  136. display: block;
  137. height: 24px;
  138. margin: 10px 0;
  139. overflow: hidden;
  140. padding: 0 3px;}
  141. #panel_Search .panel_body .blogsearch{ border: medium none;
  142. color: #666666;
  143. height: 20px;
  144. margin: 2px 5px 0 0;
  145. width: 140px;}/* search input */
  146. #btnSubmit{background: url("../images/ico_sear.gif") no-repeat scroll 0 0 transparent;
  147. border: medium none;
  148. cursor: pointer;
  149. display: inline-block;
  150. height: 16px;
  151. line-height: 999px;
  152. margin: 5px 0 0;
  153. overflow: hidden;
  154. text-indent: -1000px;
  155. width: 16px;}/* search icon */
  156. /* classfiy */
  157. #panel_Category{ }
  158. #newcomments{}
  159. #load_comments{cursor:pointer;font-size:14px;font-family:"微软雅黑";line-height:30px;border:solid 1px #ddd;margin:5px;display:block;height:30px;text-align:center;background:url(../images/commentsbarbg.jpg) repeat-x bottom 0;}
  160. /* archive */
  161. #panel_Archive{}
  162. #panel_Archive li{display:block; *display:inline-block;}
  163. #panel_Archive li:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
  164. /*#panel_Archive li a{color:#333;}*/
  165. #panel_Archive .list_closed{float:right; padding:0 0 0 12px; background:url(../../../images/arrow_down.gif) no-repeat left center; color:#666; cursor:pointer;}
  166. #panel_Archive .list_opended{float:right; padding:0 0 0 12px; background:url(../../../images/arrow_up.gif) no-repeat left center; color:#666; cursor:pointer;}
  167. #archive_list{display:block; *display:inline-block; margin-bottom:5px;}
  168. #archive_list:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
  169. .comment_item fieldset{padding:0 10px; border:solid 1px #ddd; background-color:#f1f1f1;color:#999;}
  170. .comment_head,.commentform_title{clear: both; background:#E4E4E4; color:#888; padding:1px 4px; }
  171. .comment_head a,.commentform_title a{color:#369;}
  172. .comment_reply .comment_head{background-color:#EFEFEF;}
  173. .comment_reply{background-color:#F7F7F7;}
  174. .newcomment{ border: 1px solid #eee; padding: 10px; line-height: 20px; margin: 5px; width: 90%; background-color: #f6f6f6; }
  175. .commentform_title{color:#000; font-size:14px;}
  176. .commentform .comment_btn{width:85px; height:26px; margin:10px 0 0 90px; border:none; background:url(../images/submit_bg.gif) no-repeat 0 0; color:#666; font:normal 12px/26px Arial, Helvetica, sans-serif; text-align:center;}
  177. .guest_link{ background-color:#EEe; border:solid 1px #E4E4E4; margin:10px; padding:10px;font-size:12px;}
  178. #main .panel_head{margin:5px 0; background:url(../images/tit_bg.jp
  179. g) repeat-x; }
  180. #side #profile{ margin-top:0;}
  181. #baidu_clb_slot_117306{ margin-bottom:10px;}
  182. .announce{ margin:0 15px 10px;}
  183. .commentform{margin:0 10px 10px;}
  184. .commentform .panel_head{margin:5px 0 !important;}
  185. .digg_enable{ background:#ff7900; text-align:center; cursor:pointer;}
  186. .digg_disable{ background:#999; text-align:center; cursor:pointer;}
  187. #container .pub_footerall dd,#container .pub_footerall a { color:#fff;}
  188. .medal_intro { padding-top:26px;}
  189. /* recommendations */
  190. .blog-associat-tag{
  191. clear:both;
  192. overflow:hidden;
  193. padding:25px 20px 10px;
  194. margin:10px 0px 0;
  195. background:#f5f5f5;
  196. }
  197. .blog-associat-tag dt,.blog-associat-tag dd{
  198. float:left;
  199. margin:0;
  200. padding:0;
  201. line-height:23px;
  202. }
  203. .blog-associat-tag dt{
  204. font:normal normal 16px/23px "Microsoft YaHei";
  205. width:86px;
  206. }
  207. .blog-tage-red{
  208. display:block;
  209. float:left;
  210. height:20px;
  211. line-height:20px;
  212. color:#333333;
  213. padding:0 14px;
  214. border-radius:10px;
  215. margin:2px 5px 0;
  216. background:#e7e7e7;
  217. }
  218. .blog-tage-red:link,.blog-tage-red:visited{
  219. color:#333333;
  220. }
  221. .blog-tage-red:hover{
  222. background:#cc0000;
  223. color:#fff;
  224. }
  225. .blog-ass-articl{
  226. clear:both;
  227. overflow:hidden;
  228. margin:0px 0px 10px;
  229. padding:0 20px 20px;
  230. background:#f5f5f5;
  231. }
  232. .blog-ass-articl dt{
  233. clear:both;
  234. overflow:visible;
  235. font:normal normal 16px/35px "Microsoft YaHei";
  236. margin:0;
  237. padding:0;
  238. height:35px;
  239. margin:10px 0 15px;
  240. border-bottom:2px solid #cccccc;
  241. }
  242. .blog-ass-articl dt span{
  243. display:block;
  244. float:left;
  245. height:35px;
  246. border-bottom:2px #cc0000 solid;
  247. }
  248. .blog-ass-articl dd{
  249. color:#369;
  250. width:42%;
  251. float:left;
  252. overflow:hidden;
  253. font:normal normal 12px/23px "SimSun";
  254. height:23px;
  255. margin:0;
  256. padding: 0 0 0 10px;
  257. margin-right:30px;
  258. background: url(../images/blog-dot-red3.gif) no-repeat 0 10px;
  259. }
  260. .blog-ass-articl dd a:link,.blog-ass-articl dd a:visited,.blog-ass-articl dd a:hover{color:#000;}
  261. .blog-ass-articl dd a:hover{text-decoration:underline;color:#cc0000;}
  262. .details .article_content img{max-width:100%;}
  263. .q-reply{
  264. cursor: pointer;
  265. border: 0px;
  266. bottom: 35px;
  267. min-width: 40px;
  268. height: 40px;
  269. margin: 0px;
  270. padding: 0px;
  271. position: fixed;
  272. right: 40px;
  273. border-radius:0;
  274. line-height:16px;
  275. color:#fff;
  276. }
  277. .backtop{
  278. cursor: pointer;
  279. border: 0px;
  280. bottom: 80px;
  281. min-width: 40px;
  282. height: 40px;
  283. margin: 0px;
  284. padding: 0px;
  285. position: fixed;
  286. right: 40px;
  287. border-radius:0;
  288. line-height:16px;
  289. color:#fff;
  290. }
  291. .glyphicon {
  292. position: relative;
  293. top: 1px;
  294. display: inline-block;
  295. font-family: 'Glyphicons Halflings';
  296. font-style: normal;
  297. font-weight: normal;
  298. line-height: 1;
  299. -webkit-font-smoothing: antialiased;
  300. -moz-osx-font-smoothing: grayscale;
  301. }