/** * Author: Hiro Zhang * E-mail: hiro.zhd@gmail.com * Version: 1.3 * MSN: hiro.zhd@gmail.com * Theme: CMS Style * Version_Descriptions: * #1.0 * #1.1 AJAX提取最新文章的历史列表 * #1.2 AJAX根据category、tag提取最新的10条文章 * #1.3 AJAX提交评论 */ /* start ----- reset ----- */ html,body, ul,ol,li,dl,dt,dd, h1,h2,h3,h4,h5,h6, form,input,blockquote,fieldset,pre,iframe div,p,span,label,em,strong { margin:0; padding:0;} /*html { filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);}*/ body { font:12px/16px "Times New Roman", Times, serif, "宋体"; color:#606060; text-align:center; background:url(images/bg.jpg) repeat-x;} /* end ----- reset ----- */ /* start ----- elements ----- */ ul, ol { list-style:none;} a { outline:none; text-decoration:none;/* color:#2c539e;*/} a:hover { text-decoration:underline;} h1 { font-size:20px;} h2 { font-size:13px;} h3 { font-size:13px; margin:5px 0;} h4 { font-size:12px;} iframe, pre { border:none; overflow:hidden;} small { font-size:10px;} /* ----- Added @2009-09-21 ----- */ blockquote { background:#f0f0f0 url(images/icon_quote_e.gif) no-repeat right bottom; padding-right:40px; border:1px dashed #ccc; margin:20px 30px 15px; } blockquote span { display:block; padding:15px 0 15px 40px; background:url(images/icon_quote_s.gif) no-repeat; font:14px blod; color:#090;} /* end ----- elements ----- */ /* start ----- classes ----- */ .aligncenter{ text-align:center;} .alignright { float:right; margin:8px 0 10px 10px;} .alignleft { float:left; margin:6px 10px 10px 0;} img.aligncenter { display:block; margin:5px auto;} .border-grey { border:1px solid #eee; padding:2px;} .font-size-14 { font-size:14px;} .uppercase { text-transform:uppercase;} .color-red, .red { color:#F00;} .clearFix { clear:both;} .p_l_5 { padding-left:5px;} .p_5 { padding:0 5px;} .p_r_5 { padding-right:5px;} /* end ----- classes ----- */ /* start ----- topimg ----- */ #topimg { width:1000px; margin:0 auto; position:relative; background:url(images/sprite.jpg) no-repeat; height:224px;} #parallax { height:224px; overflow:hidden; position:absolute; top:0; left:0; width:990px;} /* end ----- topimg ----- */ /* start ----- logo ----- */ h1, #logo { display:block; width:280px; height:70px; background:url(images/logo.png) no-repeat; position:absolute; top:70px; left:400px; z-index:100; text-indent:-9999px;} /* end ----- logo ----- /* start ----- #wrapper ----- */ #wrapper { text-align:left; width:980px; margin:0 auto; background:#fff;} /* start ----- #header ----- */ #header {} /* start ----- navigation ----- */ #navigation { height:20px; margin-bottom:5px; border-top:5px solid #48a5bf; padding-left:10px;} #navigation li { float:left; margin-right:8px; height:20px; line-height:20px;} #navigation li.active {} #navigation li a { display:block; float:left; padding:0 7px; color:#0074d1; font-weight:bold;} /*2010.05.06*/ #navigation .cat-item { position:relative;} #navigation .children { position:absolute; top:20px; left:0; width:120px; z-index:10; padding:0; border:1px solid #ccc; background:#fff; display:none;} #navigation .children li { float:none; margin:0;} #navigation .children li a { display:block; height:100%;} #navigation .children .children { top:0; left:120px; width:80px;} #navigation li a.hiro_sites { font-size:13px; color:#f00;} div.new_section { position:absolute; /*top:-42px;*/ top:0; left:5px; width:58px; height:42px; background:url(images/new_section.png) no-repeat; text-indent:-9999px; display:none; opacity:0; filter:alpha(opacity=0);} /* end ----- navigation ----- */ /* start ----- topbar ----- */ #topbar { height:25px; line-height:25px; padding-left:10px; color:#999; border:2px solid #c8eaff; background:#e7f6ff; margin:0 2px;} #breadcumb { height:25px; line-height:25px; width:660px; float:left;} #breadcumb a { color:#20b4e2;} #breadcumb a:hover { color:#75cfef;} #topsearch { width:240px; height:20px; padding-top:3px; float:right; overflow:hidden;} #topsearch input { display:block; float:left; border:none;} #topsearch .searchInput { width:160px; height:16px; margin-right:6px; border:1px solid #48a5bf; padding-top:2px;} #topsearch .searchBtn { width:58px; height:20px; background:url(images/sprite.jpg) no-repeat -300px -285px; text-indent:-9999px;} /* end ----- topbar ----- */ /* end ----- #header ----- */ /* start ----- #content ----- */ #content { overflow:hidden; height:1%; margin-top:15px;} /* start ----- #con-left ----- */ #con-left { width:680px; float:left;} #announce { height:30px; padding:6px 15px 6px 45px; background:url(images/annouce.gif) no-repeat; color:#fff; font-weight:bold; font-weight:14px;} #announce span { display:block; height:18px; line-height:18px; overflow:hidden;} .post { margin-bottom:20px;} .top, .btm { height:5px; overflow:hidden;} .top { background:url(images/sprite.jpg) no-repeat 0 -272px;} .btm { background:url(images/sprite.jpg) no-repeat 0 -277px;} .post-conent, .comment-content { border:1px solid #189ACC; border-width:0 1px;} /* start ----- post-conent ----- */ .post-conent { border:1px solid #189ACC; border-width:0 1px; padding:4px 10px 9px; width:658px} .post-conent h2 { height:22px; line-height:22px; border-bottom:1px solid #eee; position:relative;} .post-conent h2 a { color:#2cafe3;} #buzz { display:block; width:20px; height:17px; background:url(images/buzz.png) no-repeat; text-indent:-9999px; position:absolute; top:2px; right:130px;} .post-conent h2 span.share-bar { display:block; width:125px; height:21px; position:absolute; right:0px; top:0px;} .post-conent a { color:#3a8bbb;} .post-conent a:hover { color:#1f7be5;} .post-desc { padding:3px 0;} .post-desc span { padding-right:10px;} /*start @2010.04.20*/ .post-desc .chgFont a { margin-right:5px;} .post-desc .chgFont a.f_14 { font-size:14px;} /*endof @2010.04.20*/ .entry { padding:15px 8px;} .entry img { padding:3px; border:1px solid #eee; -moz-border-radius:3px; -webkit-border-radius:3px;} .entry p { margin-bottom:10px;} .full_post p { line-height:20px;} .entry pre { border:1px solid #016a9f; border-left-width:9px; background:#c6e0f7; width:620px; padding:5px 0 5px 10px; font:11px Arial, Helvetica, sans-serif; color:#888;} .entry pre.js { color:#3C6;} .entry pre.css { color:#F39;} .entry pre.php { color:#777bb4;} .post-meta { text-align:right;} .post-meta span { padding-left:10px;} .postauthor { margin:10px 0; border:4px solid #c8eaff; background:#e7f6ff; overflow:hidden; height:1%; padding:10px 20px; color:#666;} .author-icon { width:80px; height:100px; float:left; } .author-icon img { padding:2px; border:1px solid #999;} .article-details { width:520px; float:left;} .article-details li { padding-bottom:5px; overflow:hidden; height:1%;} .article-details li a { color:#0086e3;} .article-details label { width:64px; float:left;} .article-details span { display:block; width:450px; float:left;} /* end ----- post-conent ----- */ /* start ----- prev-next ----- */ .prev-next { border:1px solid #eee; border-width:1px 0; padding:5px 0;} /* end ----- prev-next ----- */ /* start ----- relate_posts ----- */ .relate_posts { padding:5px 0;} .relate_posts ul { padding:5px 0 5px 15px;} .relate_posts li { height:18px; line-height:18px;} /* end ----- relate_posts ----- */ /* start ----- comment-content ----- */ .comment-content { padding:5px 10px;} .nocomments { color:#F00; font-size:13px; text-align:center;} #comments-nums { font-size:13px; border:4px solid #c8eaff; background:#e7f6ff; height:25px; line-height:25px; padding-left:10px;} .commentlist { padding:15px 0 10px;} .commentlist a, #commentbox a { color:#2173AF;} .commentlist a:hover, #commentbox a:hover { color:#0086E3;} /* start ----- commentlist ----- */ .commentlist li { margin:10px 0 2px 0; clear:both; overflow:hidden;} .comment-body { display:inline-block; background:url(images/bg_comment-btm.gif) no-repeat right bottom;} .commentmeta { float:left; width:60px; text-align:center;} .commentmeta img { padding:2px; border:2px solid #d2e8fa;} .commentmeta span { display:block; margin-top:3px; text-transform:capitalize; overflow:hidden;} .comment-con { float:right; width:545px; padding:10px 10px 10px 30px; background:url(images/bg_comment-top.gif) no-repeat right top;} .comment-con p { padding-top:5px;} .commentmetadata { color:#C6C6C6} /* end ----- commentlist ----- */ /* start ----- admincomment ----- */ .admincomment { color:#F06;} /*.admincomment p { text-decoration:underline;}*/ /* end ----- admincomment ----- */ /* start ----- childrencomment ----- */ .children { padding-left:75px} .children li { margin-top:5px;} .children .commentmeta { padding:20px 0 10px 0; background:url(images/bg_comment.gif) no-repeat left -12px;} .children .comment-con { padding:20px 10px 10px 10px; width:490px; background:url(images/bg_comment.gif) no-repeat right -12px;} .children .awaiting-moderation { width:470px} /* end ----- childrencomment ----- * /* start ----- comment-content ----- */ /* start ----- respondbox ----- */ #respond { background:url(images/bg_comment.gif) no-repeat left -10px; padding-top:20px;} #respond-body { border:1px solid #d2e8fa; width:636px; border-width:0 1px; background:#f5fafe; padding:2px 10px;} #respond-btm { height:10px; background:url(images/bg_comment.gif) no-repeat; overflow:hidden;} #commentbox #author, #commentbox #email, #commentbox #url { width:160px; height:15px; font-size:11px;} /*#commentbox label { padding-right:6px;}*/ #commentbox .required { margin-right:10px; color:#F06; vertical-align:middle;} #commentbox #comment { width:630px; height:200px; margin-top:10px; font-size:12px;} #commentbox #submit { margin-top:5px; width:200px; height:22px; border:none; background:url(images/sprite.jpg) no-repeat -370px -285px; color:#fff; font-weight:bold;} #cancel-comment-reply a { color:red} #cancel-comment-reply a:hover { text-decoration:underline;} .spam-bar { padding:5px 0;} .spam-bar label { padding-right:10px;} /* end ----- respondbox ----- */ /* end ----- #con-left ----- */ /* start ----- #con-right ----- */ #con-right { width:279px; float:right;} #sidebar h2 { height:33px; background:url(images/sprite.jpg) no-repeat left -285px; padding:10px 0 0 10px; color:#0066cc;} #sidebar h2 span { display:block; font:10px Tahoma, Geneva, sans-serif; color:#888; width:auto;} #QQ_seed div.con, .popular-articles .articles-list, .recent-articles .articles-list, .recent-comments ul, .categories ul, .archives ul, .tags ul, .google-friend-box { border:1px solid #81cdf8; border-width:0 1px; padding:10px; width:257px;} #QQ_seed, #smart_blog, #movie_daily, .popular-articles, .recent-articles, .recent-comments, .categories, .archives, .tags, .google-friend { margin-bottom:15px;} #QQ_seed h2 a { color:#f60; font-family:Georgia, "Times New Roman", Times, serif; margin-left:10px;} #smart_blog, #movie_daily { display:block; width:280px; text-indent:-9999px;} #smart_blog { height:94px; background:url(images/sina-smart-blog.jpg) no-repeat;} #movie_daily { height:121px; background:url(images/movies-daily.jpg) no-repeat;} .recent-articles h2 { position:relative;} #p_nav { position:absolute; width:100px; right:10px; bottom:5px; text-align:right; font-size:12px; font-weight:normal;} #p_nav a { padding-left:5px; color:#090;} #QQ_seed a, .articles-list a, .categories a, .archives a, .tags a { color: #016a9f;} #QQ_seed a.del { text-decoration:line-through;} #QQ_seed ul, .articles-list ul { background:url(images/sprite.jpg) no-repeat -1007px -230px;} #QQ_seed ul li, .articles-list ul li { height:24px; line-height:24px; padding-left:25px; overflow:hidden;} .categories ul, .archives ul { overflow:hidden; height:1%;} .categories li, .archives li { width:120px; float:left; height:22px; line-height:22px;} .tags .wp-tag-cloud { overflow:hidden; height:1%;} .tags .wp-tag-cloud li { width:120px; float:left; height:18px; line-height:18px;} .sider-btm { height:5px; background:url(images/sprite.jpg) no-repeat left -328px; overflow:hidden;} /* end ----- #con-right ----- */ /* end ----- #content ----- */ /* end ----- #wrapper ----- */ /* start ----- #footer ----- */ #footer { text-align:left; margin-top:15px; border-top:10px solid #46A4BE; color:#A1DCEA; background:#7ECBDF; min-width:1024px;} .footer-box { width:980px; margin:0 auto; overflow:hidden; height:1%; padding:10px 0; background:#7ECBDF; position:relative;} .footer-box a { color:#fff;} #links { overflow:hidden; height:1%; width:440px; float:left;} #links li { float:left; padding-right:10px;} #links li h2 { font-size:13px; color:#cd0000; border-bottom:1px dashed #090;} #links li ul { padding:5px 0 0 5px;} #links li ul li { clear:left; width:120px; height:18px; line-height:18px; position:relative;} #links li ul li a:hover { color:#090;} #foot-right { width:520px; float:right;} #foot-right h2 { font-size:13px; color:#cd0000; border-bottom:1px dashed #090;} #foot-right ul { overflow:hidden; height:1%; padding:10px 0;} #foot-right #heroes ul { padding-top:0;} #what-i-concerned li, #heroes li, #what-i-expect li, #what-i-watched li { float:left; margin-left:10px;} #what-i-concerned img, #heroes img, #what-i-expect img, #what-i-watched img { padding:4px; border:1px dashed #090; background:#FFC; -moz-border-radius:4px; -webkit-border-radius:4px;} #what-i-concerned a:hover img, #what-i-expect a:hover img, #what-i-watched a:hover img { background:#F06; border-color:#FF9;} #blogupp { width:170px;/* margin-right:20px;*/} #blogupp li/*, #theme-switcher li*/ { padding-left:10px;} #back-to-top { height:220px; width:110px; position:absolute; right:10px; bottom:10px;} #back-to-top a { display:block; width:110px; height:220px; background:url(images/sprite.jpg) no-repeat -690px -282px; text-indent:-9999px; } #copyright { border-top:5px solid #83CDE1; text-align:center; color:#356aa0; padding:10px 0;} #copyright span { margin-right:10px;} #copyright a { color:#a1dbff;} #copyright a:hover { color:#cd0000; text-decoration:none;} .copyright { font:11px "Arial Black", Gadget, sans-serif;} /* end ----- #footer ----- */ .demo-down-bar { overflow:hidden; height:1%; padding:0 50px;} .demo, .download { display:block; height:23px; width:171px; background:url(images/sprite.jpg) no-repeat; float:left; text-indent:-9999px;} .download { background-position:-820px -306px; margin-right:40px;} .demo { background-position:-820px -282px;} /* 2009.12.31*/ .green { color:#090!important;} .grey { color:#ccc!important;} .ol_with_num { list-style:inside decimal;} .ol_with_num li { padding:5px 20px;} .ol_with_num li a { margin-right:15px;} /* 2010.02.02 */ .delicious-posts ul {} .delicious-posts ul li { padding-bottom:3px; list-style:inside decimal;} .delicious-posts img { padding:0; border:none;} .delicious-posts .delicious-extended { display:none;} .delicious-posts .delicious-tag { color:#ccc;} .delicious-posts .delicious-tag:hover { color:#333;} /* 2010.03.08 */ .loading { position:absolute; top:0; left:0; z-index:10; opacity:0.5; filter:alpha(opacity=50); background:#fff url(images/ajax-loader.gif) no-repeat 50% 50%;} /* 2010.03.09 */ #shadow { top:0; left:0; z-index:1000000001; background:#000;} #heroBox { width:400px; text-align:left; border:5px solid #666; background:#fff; z-index:10000000002; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;} #heroBox h3 { padding:0 0 3px 10px; font-size:14px; border-bottom:1px solid #ddd; position:relative;} #heroBox h3 a { position:absolute; top:2px; right:10px; font-size:12px; color:#ccc;} #heroBox h3 a:hover { color:#aaa; text-decoration:none;} #heroBox #box_con { padding:20px;} #heroBox #box_con ol { padding:0 5px; list-style:inside decimal;} #heroBox #box_con ol li { padding:3px 0;} #heroBox #box_con ol li a { color:#2c539e;} /* start ----- pagenavi ----- */ .wp-pagenavi { font:11px Tahoma,Helvetica,sans-serif; color:#0061de; height:25px; line-height:25px;} .wp-pagenavi a, span.pages, span.current { padding:2px 5px; margin-right:4px;} .wp-pagenavi a { border:1px solid #ccdbe4; color:#0061de;} span.current { font-weight:bold; color:#F06;} .wp-pagenavi a:hover { color:#fff; background:#3666d4; text-decoration:none;} /* end ----- pagenavi ----- */ /*start @2010.04.20*/ .photo_params { padding:3px 0; width:300px; margin:-45px auto 20px; position:relative; background:#fff; -moz-border-radius:5px; -webkit-border-radius:5px; opacity:0.7; filter:alpha(opacity:70); text-align:center;} .photo_params label { padding:0 10px; color:#090;} /*endof @2010.04.20*/ /*@2010.05.21*/ .ol_with_num { list-style:inside decimal; padding-left:30px;} /*end 2010.05.21*/