style.css 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296
  1. @import url("../../../css/common.css");
  2. .pub_footerall{border-top:none !important;}
  3. .nav_top_2011{margin-bottom:0 !important;}
  4. body{background:url(../images/body_bg.gif) repeat-x 0 20px; color:#333; text-align:center;font-size:12px;font-family:Arial,Console,Verdana,Courier New;}
  5. a{color:#369; text-decoration:none;}
  6. a:hover{text-decoration:none;color:#200;}
  7. #container{background:url(../images/head_bg.jpg) no-repeat center top;}
  8. /* header style */
  9. #header{width:980px; height:30px; margin:0 auto; padding:70px 0 0 0; text-align:left;}
  10. .header{}
  11. #blog_title{}
  12. #blog_title h2{display:inline-block; float:left; margin:0 20px 0 0; color:#fff; font:bold 30px/30px 'Microsoft YaHei';}
  13. #blog_title h3{display:inline-block; float:left; padding:2px 0 0 0; color:#fff; font:normal 18px/30px 'Microsoft YaHei';}
  14. #blog_title a{color:#fff;}
  15. #blog_title a:hover{color:#def;text-decoration:none;}
  16. /* navigator style */
  17. #navigator{display:block; *display:inline-block; clear:both; width:980px; height:42px; margin:0 auto; padding:22px 0 0 0; text-align:left;}
  18. .navigator{text-align:right;}
  19. .navigator:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
  20. .navigator ul{float:right;}
  21. .navigator li{display:inline; float:left; margin:0 5px;}
  22. .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;}
  23. .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;}
  24. .navigator li a span img{margin:0 4px 0 0; vertical-align:middle;}
  25. /* body style */
  26. #container{width:100%;clear:both;}
  27. #body{display:block; clear: both;overflow: hidden; *display:inline-block; width:960px; margin:0 auto; padding:9px; border:solid 1px #ddd; background:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; -khtml-border-radius:8px; border-radius:8px; /*-moz-box-shadow:0 0 10px #333; -webkit-box-shadow:0 0 10px #333;*/ text-align:left;}
  28. #body:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
  29. /* box title style */
  30. .panel_head { clear: both; height: 30px; padding: 0 10px; border-radius:4px; background: url(../images/tit_bg.gif) repeat-x top; color: #333; font: bold 12px/30px Arial; text-indent: 5px; }
  31. .panel{margin:0 0 10px 0; padding:7px; border:solid 1px #ddd; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; -khtml-border-radius:5px;}
  32. .side .panel_body{padding:4px 5px;}
  33. .panel_body li{color:#666;margin:8px 0px;}
  34. .panel_body li span{}
  35. .panel_body li a{/*color:#ff2a00;*/}
  36. #main{float:right; width:748px; overflow:hidden; padding:7px 0; border:solid 1px #ddd; border-radius:4px;}
  37. .notice{margin:10px 2px; 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; 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,"微软雅黑";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:#999;}
  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; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; 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; -moz-border-radius:2px; -webkit-border-radius:2px; -khtml-border-radius:2px; border-radius:2px; 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 a{color:#369;}
  111. #side a:hover{color:#200;}
  112. /* personal information */
  113. #panel_Profile{ }
  114. #panel_Profile span{color:#333;}
  115. #blog_userface{margin:0 0 5px 0; padding:10px; text-align:center;}
  116. #blog_userface img{max-width:160px; padding:2px; border:solid 1px #ddd;}
  117. #blog_userface span{display:block; font-weight:bold; text-align:center;}
  118. #blog_medal{text-align:center;}
  119. #blog_rank{display:block; *display:inline-block; margin:5px; padding:0 0 5px 0; background:url(../images/line_1.gif) repeat-x bottom;}
  120. #blog_rank:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
  121. #blog_rank li{}
  122. #blog_rank li span{}
  123. #blog_statistics{display:block; *display:inline-block; margin:0 5px;}
  124. #blog_statistics:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
  125. #blog_statistics li{float:left; width:50%;margin:4px 0px;}
  126. #blog_statistics li span{}
  127. #blog_statistics li a{}
  128. /* search */
  129. #panel_Search{ }
  130. #panel_Search form{display:block; *display:inline-block; height:24px; padding:0 3px; overflow:hidden; margin-top:10px;border:solid 1px #ccc; background:url(../images/search_bg.gif) repeat-x top;}
  131. #panel_Search .panel_body:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
  132. #panel_Search .panel_body span{float:left;}
  133. #panel_Search .panel_body .blogsearch{width:140px; height:20px; margin:2px 5px 0 0; border:none; *border:solid 1px #fff; color:#666;}/* search input */
  134. #panel_Search .panel_body #btnSubmit{text-indent: -1000px;border:none;display:inline-block; width:16px; height:16px; overflow:hidden; margin:5px 0 0 0; background:url(../images/ico_sear.gif) no-repeat 0 0; line-height:999px; cursor:pointer;}/* search icon */
  135. /* classfiy */
  136. #panel_Category{ }
  137. #newcomments{}
  138. #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;}
  139. /* archive */
  140. #panel_Archive{}
  141. #panel_Archive li{display:block; *display:inline-block;}
  142. #panel_Archive li:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
  143. /*#panel_Archive li a{color:#333;}*/
  144. #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;}
  145. #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;}
  146. #archive_list{display:block; *display:inline-block;}
  147. #archive_list:after{content:"."; display:block; height:0; clear:both; visibility:hidden;}
  148. .comment_item fieldset{padding:0 10px; border:solid 1px #ddd; background-color:#f1f1f1;color:#999;}
  149. .comment_head,.commentform_title{border-radius:5px;clear: both; background:#f1f1f1; color:#888; padding:1px 4px; }
  150. .comment_reply .comment_head{background-color:#ddd;}
  151. .comment_reply{background-color:#f6f6f6;}
  152. .newcomment{ border: 1px solid #eee; padding: 10px; line-height: 20px; margin: 5px; width: 90%; background-color: #f6f6f6; }
  153. .commentform_title{color:#000; font-size:14px;}
  154. .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;}
  155. /* recommendations */
  156. .blog-associat-tag{
  157. clear:both;
  158. overflow:hidden;
  159. padding:25px 20px 10px;
  160. margin:10px 0px 0;
  161. background:#f5f5f5;
  162. }
  163. .blog-associat-tag dt,.blog-associat-tag dd{
  164. float:left;
  165. margin:0;
  166. padding:0;
  167. line-height:23px;
  168. }
  169. .blog-associat-tag dt{
  170. font:normal normal 16px/23px "Microsoft YaHei";
  171. width:86px;
  172. }
  173. .blog-tage-red{
  174. display:block;
  175. float:left;
  176. height:20px;
  177. line-height:20px;
  178. color:#333333;
  179. padding:0 14px;
  180. border-radius:10px;
  181. margin:2px 5px 0;
  182. background:#e7e7e7;
  183. }
  184. .blog-tage-red:link,.blog-tage-red:visited{
  185. color:#333333;
  186. }
  187. .blog-tage-red:hover{
  188. background:#cc0000;
  189. color:#fff;
  190. }
  191. .blog-ass-articl{
  192. clear:both;
  193. overflow:hidden;
  194. margin:0px 0px 10px;
  195. padding:0 20px 20px;
  196. background:#f5f5f5;
  197. }
  198. .blog-ass-articl dt{
  199. clear:both;
  200. overflow:visible;
  201. font:normal normal 16px/35px "Microsoft YaHei";
  202. margin:0;
  203. padding:0;
  204. height:35px;
  205. margin:10px 0 15px;
  206. border-bottom:2px solid #cccccc;
  207. }
  208. .blog-ass-articl dt span{
  209. display:block;
  210. float:left;
  211. height:35px;
  212. border-bottom:2px #cc0000 solid;
  213. }
  214. .blog-ass-articl dd{
  215. color:#369;
  216. width:42%;
  217. float:left;
  218. overflow:hidden;
  219. font:normal normal 12px/23px "SimSun";
  220. height:23px;
  221. margin:0;
  222. padding: 0 0 0 10px;
  223. margin-right:30px;
  224. background: url(../images/blog-dot-red3.gif) no-repeat 0 10px;
  225. }
  226. .blog-ass-articl dd a:link,.blog-ass-articl dd a:visited,.blog-ass-articl dd a:hover{color:#000;}
  227. .blog-ass-articl dd a:hover{text-decoration:underline;color:#cc0000;}
  228. .details .article_content img{max-width:100%;}
  229. .q-reply{
  230. cursor: pointer;
  231. border: 0px;
  232. bottom: 35px;
  233. min-width: 40px;
  234. height: 40px;
  235. margin: 0px;
  236. padding: 0px;
  237. position: fixed;
  238. right: 40px;
  239. border-radius:0;
  240. line-height:16px;
  241. color:#fff;
  242. }
  243. .backtop{
  244. cursor: pointer;
  245. border: 0px;
  246. bottom: 80px;
  247. min-width: 40px;
  248. height: 40px;
  249. margin: 0px;
  250. padding: 0px;
  251. position: fixed;
  252. right: 40px;
  253. border-radius:0;
  254. line-height:16px;
  255. color:#fff;
  256. }
  257. .glyphicon {
  258. position: relative;
  259. top: 1px;
  260. display: inline-block;
  261. font-family: 'Glyphicons Halflings';
  262. font-style: normal;
  263. font-weight: normal;
  264. line-height: 1;
  265. -webkit-font-smoothing: antialiased;
  266. -moz-osx-font-smoothing: grayscale;
  267. }