/** *定制步骤: *在博客管理中选择arrow皮肤,然后在"通过CSS定制页面"中粘贴本CSS,保存即可。 */ /*Copyright (c) Winty *http://www.blogjava.net/wintys/ *wintys@gmail.com *2009-03-16 * *任何人都可以使用我定制的CSS。 *如需使用请保留版权信息 ,并在我的博客上留言支持一下。谢谢! *我使用的是blogjava中的Skin: arrow改过来的。不同的Skin可能不一定适用。 */ body{ font-size:medium !important; } /*在IE中设置固定宽度,以防止页面变形*/ form{ *width:990px; } /*代码样式Begin***********/ .mycode { margin: 10px; padding: 10px; background: #DDEDFB; border: 1px solid #428EDE; text-align: left; /*width:500px;*/ overflow-x:auto; font-size:20px; white-space:nowrap; *white-space: normal; WORD-WRAP: break-word;/*IE*/ word-break:break-all;/*IE*/ } .mycode pre{ font-size:20px !important; font-family: verdana,Arial,helvetica,sans-seriff; } /*代码样式End***********/ /*提示点击Google Adsense*/ #winty_adsense_tip{ /* position:fixed !important; left:0; bottom:0; */ } /****************************/ /****************************/ /**以下是页面CSS设置 **/ /*全局设置*/ a:hover{ color:#FF6600 !important; } img{ /*图片最大与内容区等宽*/ max-width:100%; } /*页首设置*/ /*******************/ /*首部*/ .header{ background:#FFFFFF url(http://www.blogjava.net/images/blogjava_net/wintys/blog/blog_topbg.gif) repeat fixed center top !important; } /*首部主标题*/ a#Header1_HeaderTitle{ font-size:30px !important; left:5px; line-height:52px; overflow:visible; position:absolute !important; top:5px; width:300px; } /*首部导航栏*/ #mylinks{ *padding-top:8px !important; } /*导航链接*/ a.menu{ color:#FFF !important; border:1px solid #B3E3FF; padding: 3px; text-decoration:none; margin:4px; *border-style:none !important; } a.menu:hover{ border:1px solid #00FF00; *border-style:none !important; } /*顶部随笔文章统计栏*/ div#mytopmenu{ background:#FFFFFF url(http://www.blogjava.net/images/blogjava_net/wintys/blog/blog_navbg.gif) repeat scroll center top !important; margin:0px !important; padding: 4px; color:#FFF; *padding:0px; *margin-top:-5px !important; *line-height:40px; } div.blogStats{ font-size:12px !important; *padding:0px !important; } /*文章内容区设置*/ /***********************/ /*文章div .post:单篇文章 .entrylist:分类视图框架 */ div.day , .post , .entrylist{ background:transparent url(http://www.blogjava.net/images/blogjava_net/wintys/blog/blog_contentbg.gif) repeat-x scroll 0 0 !important; border:1px solid #CCCCCC !important; *padding-top:0px !important; } .postTitle2{ color:#336699 !important; } /*.postDesc:发表时间*/ /*.entrylistItemPostDesc:分类视图->发表时间*/ div.postDesc , .entrylistItemPostDesc{ font-size:15px !important; } div.dayTitle , .entrylistTitle/*分类视图标题*/{ background-image:url(http://www.blogjava.net/images/blogjava_net/wintys/blog/blog_selenderbg.png) !important; height:25px !important; margin-top:-20px; *margin-top:80px; margin-left:-20px; } div.dayTitle a{ color:#FFF !important; text-decoration:none; font-size:16px; } div.dayTitle a:hover{ color:#FF6600 !important; } /*文章标题*/ div.postTitle{ border-bottom:1px solid #7DC9D7 !important; padding-bottom:10px; } /*内容区位置*/ #centercontent{ margin-top:0px; *margin-left:5px; width:80% !important; /*width:78% !important;*/ *width:780px; *overflow-x:auto; float:right; clear:none; padding-left:0px; padding-right:0px; padding-top:0px; display:inline !important; } /*文章内容字体*/ div#centercontent div , div#centercontent h3 , div#centercontent ul, div#centercontent li{ font-size:20px; line-height:28px; } /*内容区*/ div#centercontent li{ list-style-type:square; } /*Copyright (c) Winty *http://www.blogjava.net/wintys/ *wintys@gmail.com *2009-03-16 * *任何人都可以使用我定制的CSS。 *如需使用请保留版权信息 ,并在我的博客上留言支持一下。谢谢! *我使用的是blogjava中的Skin: arrow改过来的。不同的Skin可能不一定适用。 */ /*页脚设置*/ /****************************/ /*blogjava页脚*/ div.footer , a.footerlink{ background-image:none !important; color:#336699 !important; } a.footerlink:hover{ color:#FF6600 !important; } /*左侧设置*/ /**********************************/ /*h3标题:留言簿等*/ /*.catListTitle:文章分类 和 文章档案*/ #leftcontentcontainer h3 , .catListTitle{ background:transparent url(http://www.blogjava.net/images/blogjava_net/wintys/blog/blog_sidebarico.gif) no-repeat scroll right center !important; color:#369 !important; height:23px !important; padding-top:0px !important; } /*左边分割线*/ #leftcontent{ position:static; clear:none; float:left; margin-left:0px; margin-top:0px; width:20% !important; *width:180px; /*min-width:150px;*/ display:inline !important; } /*左侧背景*/ #leftcontentcontainer{ background-color:#E9F9FF; border-right:1px solid #7DC9D7 !important; } /*cnblogs google广告*/ div#cnblogsgooglead{ margin-left:-10px !important; } /****************************/ /****************************/ /**以下是分类查看视图设置**/ /*分类视图->文章标题*/ .entrylistItemTitle{ border-bottom: 1px solid #7DC9D7 !important; display:block !important; font-size:20px !important; padding-bottom: 10px; margin-bottom: 10px; } /*分类视图->摘要*/ .entrylistItem{ color:#4B4B4B; } /*分类视图->发表时间*/ /*与.postDesc相同*/ .entrylistItemPostDesc{ color:#303030; margin-top:10px; text-align:right; } /*分类视图->分类标题*/ .entrylistTitle{ background-repeat:no-repeat; padding-left:25px; color:#FFF !important; line-height: 20px !important; } /*****************************/ /****************************/ /*回复中"天堂露珠"突出显示*/ div.feedbacktitle a[href="http://www.blogjava.net/wintys/"]{ color:#55CD6C !important; } div.feedbacktitle a[href="http://www.blogjava.net/wintys/"]:hover{ color:#FF6600 !important; } /****************************/ /*定位博客搜索*/ /*#q已经可以定位到,但加[name="q"]索性让IE识别不了*/ #q{ position:absolute; left:450px; top:128px; z-index:2; } input[name="sa"]{ position:absolute; left:585px; top:126px; z-index:2; } /*评论框*/ .commentform{ margin-left:auto; margin-right:auto; width:550px; }