/* CSS Reset */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,pre, form, fieldset, input, textarea, p, blockquote, th, td {padding: 0;margin: 0;font-size:12px;} fieldset, img {border: 0;} a{ text-decoration:none;font-size:12px;} table {border-collapse: collapse;border-spacing: 0; } ol, ul {list-style: none; } address, caption, cite, code, dfn, em, strong, th, var { font-weight: normal; font-style: normal; } caption, th { text-align: left; } h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; } q:before, q:after { content: ''; } abbr, acronym { border: 0; } /* 清除浮动 */ .clearFloat,.box,.channelList,#mbConten,.main{zoom:1;} .clearFloat:after,.channelList:after,#mbConten:after,.main:after{content:".";display:block;height:0;clear:both;visibility:hidden;} /* 布局定义 */ #header,#mbContent,#footer{width:980px;margin:0 auto;} .main{margin-top:9px;} .mainContent{float:left;width:734px; display:inline;} .mainS{margin:0 250px 0 360px;} .sideBarA{float:right;width:240px; display:inline;overflow:hidden; } .sideBarB{float:left;width:350px; display:inline;overflow:hidden; } /* 头部定义 */ #header{position:relative; height:160px; } #siteLogo{height:85px;position:absolute; left:0px;top:0px;background:url("/Skin/edu/Blog/images/logo.png") no-repeat; } #siteLogo h1,#siteLogo h1 a{height:85px;width:300px; } #siteLogo h1 a{display:block; line-height:2000em;overflow:hidden; } #nav{height:34px;background:#cfcfcf;position:absolute; top:85px;left:0px;width:100%; } #nav .current{} #nav li{float:left;height:34px;line-height:34px;padding:0 6px;background:url("/Skin/edu/Blog/images/nav_separation.png") no-repeat right center; } #nav li.lastOne{background:none; } #nav li a{color:#000;font-size:14px;padding:4px;} #topUserBox{position:absolute; right:0px; top:10px} #topUserBox a{color:#999; } #topSetting{position:absolute; right:0px; top:55px;} #topSetting a{color:#666; } #nav .current{background:url("/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/images/bg_top.png"""""") right 5px; padding:0;margin-left:12px;display:inline;} #nav .current a{padding:0 12px;display:block;color:#c00;background:url("/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/images/bg_top.png"""""") left -25px; } /* 顶部工具栏 */ #topBar{position:absolute; top:119px;width:100%; height:47px;line-height:47px;background:url("/Skin/edu/Blog/images/bg_topBar.png") repeat-x 0px 0px; } #topBar .inputText,#searchBox .inputText{border:1px solid #999;padding:2px; } #searchBox Label{margin-right:10px;} #topUserLogin{float:left;height:47px;line-height:47px;padding-left:24px; color:#999;_padding:10px; } #topUserLogin a{color:#999; } #topUserLogin .inputText{width:120px; } #topUserLogin .bt{border:none;width:44px; height:22px;background:url("/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/images/bg_top.png"""""") no-repeat -50px -60px;cursor:pointer; } #topUserLogin .creatNewBlog{width:76px;height:20px;background:url("/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/images/bg_top.png"""""") no-repeat 0px -90px;position:absolute; margin-left:5px; top:13px;overflow:hidden; line-height:20px;padding-left:18px;} #topSearch .inputText{width:150px; } #topSearch .bt,#searchBox .bt{width:39px;height:19px;background:url("/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/images/bg_top.png"""""") no-repeat 0px -60px;border:none; } #hotKeyword{margin:15px 10px 15px 400px;line-height:21px; } #hotKeyword a{margin-right:1em;color:#000; } #topSearch{float:right;display:inline;height:47px;line-height:47px;_height:21px;_line-height:21px;_padding:13px 0; } #logindiv{float:left;height:47px;line-height:47px;padding-left:24px; color:#666; position:relative;padding-right:100px;} #logindiv a{color:#666;blr:expression(this.onFocus=this.blur());} #logindiv a:focus{height:18px;line-height:18px;} #logindiv .creatNewBlog{width:58px;height:20px;background:url("/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/images/bg_top.png"""""") no-repeat 0px -90px;position:absolute;right:0px;top:13px;overflow:hidden; line-height:20px;padding-left:18px;cursor:pointer} #logindiv span{margin-left:5px;} /* 主体内容 */ #personalityBlog .hd,#blogRank .hd,#blogShow .hd,.channelBox .hd{height:28px;background:url("/Skin/edu/Blog/images/bg_title01.png") repeat-x;position:relative;padding:1px 1px 0px;border:1px solid #ccc;border-bottom:none;} #personalityBlog .hd h3,#blogRank .hd h3,#blogShow .hd h3,.channelBox .hd h3{height:28px;line-height:28px; padding-left:35px; font-weight:bold;} #blogShow .hd .more,.channelBox .hd .more{position:absolute; right:8px;top:0px;height:28px;line-height:28px; color:#000; } #personalityBlog .bd,#blogRank .bd,#blogShow .bd,.channelBox .bd{padding:0px 1px 1px;border:1px solid #ccc;border-top:none; } #personalityBlog .hd .more{position:absolute; right:8px;top:0px;height:28px;line-height:28px; color:#000; } .sideBarA .ad img{width:238px;height:78px;border:1px solid #ccc;margin-top:8px;} /* 通栏定义 */ .banner{width:980px;height:118px; clear:both;margin-bottom:9px; } /*.banner img{width:978px;height:116px; border:1px solid #ccc; }*/ /* Flash焦点新闻 */ #flashNews{height:auto !important;height:258px;min-height: 258px;} #flashNews img{width:346px;padding:1px;border:1px solid #ccc; } /* 名人博客 */ #personalityBlog{margin-top:8px;} #personalityBlog .bd {padding:15px;height:177px;overflow:hidden; } #personalityBlog .thumbList {border-bottom:1px dashed #ccc;padding-bottom:9px;margin-bottom:9px;} #personalityBlog li{float:left;width:79px; } #personalityBlog .thumbList .pic,#personalityBlog .thumbList img{width:70px;height:70px;display:block; } #personalityBlog .thumbList .pic{margin:0 auto;padding:1px;border:1px solid #ccc; } #personalityBlog .thumbList a{color:#000; } #personalityBlog .thumbList h4{line-height:1.8em;height:1.8em;overflow:hidden; text-align:center; } #personalityBlog .textList li{height:24px;line-height:24px;} #personalityBlog .textList li a{color:#005FA1;} /* 博文排行 */ #blogRank .hd .menu{position:absolute; right:8px;bottom:1px;_bottom:0px;height:24px;width:70px;background:url("/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/images/bg_index.png""") no-repeat 0px 0px; } #blogRank .hd .menu li{float:left;width:33%;height:24px;line-height:24px;} #blogRank .hd .menu li span{ text-align:center; display:block; color:#000; } #blogRank .hd .menu li.on a{display:block; background:url("/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/images/bg_index.png""") no-repeat right -60px; } #blogRank .hd .menu li.on span{background:url("/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/images/bg_index.png""") no-repeat left -30px;color:#005fa1; } #blogRank .bd{height:386px;overflow:hidden; } #blogRank .rankList{padding:13px 7px;} #blogRank .rankList li{height:24px;line-height:24px;} #blogRank .rankList li em{background:url("/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/images/icon.png"""""") no-repeat 0px -244px;float:left;width:21px;height:24px;overflow:hidden; text-align:center; } #blogRank .rankList li a{margin-left:1em;color:#000; } #blogRank .rankList li.top3 em{background:url("/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/images/icon.png"""""") no-repeat 0px -194px; color:#335fff; } #blogRank .rankList li.top3 a{color:#005fa1; } /* 焦点博客 */ #focusBlog{padding:10px;background:url("/Skin/edu/Blog/images/bg_01.png") repeat-x 0px 0px;border-bottom:1px dashed #ccc; } #focusBlog h4{height:2em;line-height:2em;margin-top:10px; } #focusBlog h4 a{font-size:16px;color:#005FA1;font-weight:bold; } #focusBlog p{font-size:12px;height:2.8em;line-height:1.4em;overflow:hidden;color:#999;} /* 管理员推荐 */ #recommendBlog .hd {position:relative; } #recommendBlog .hd h3{height:34px;line-height:34px;padding-left:5px;color:#999; font-weight:bold;} #recommendBlog .hd .more{position:absolute; top:0px;right:0px;height:34px;line-height:34px;color:#005fa1; } #recommendBlog .bd li{position:relative;height:24px; line-height:24px;background:url("/Skin/edu/Blog/images/bg_02.png") repeat-x 0px 12px; } #recommendBlog .bd li.separator{margin-bottom:1em;} #recommendBlog .bd .title{float:left;height:24px;line-height:24px;overflow:hidden; color:#000;padding:0 12px 0 20px;position:relative;background:#fff url("/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/images/icon.png"""""") no-repeat 8px -90px; } #recommendBlog .bd .blogger{position:absolute; top:0;right:0px;color:#999; background:url(""/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/images/icon.png""""""1") no-repeat scroll 8px -90px #FFFFFF;} #recommendBlog .bd .blogger a{color:#aaaaaa; } /* 搜索栏 */ #searchBar{height:88px;background:url("/Skin/edu/Blog/images/bg_searchBar.png") no-repeat 0px 0px;border:1px solid #ccc;position:relative; } #searchBox{position:absolute; top:26px;left:147px;} #searchBox .inputText{width:150px; } /* blogShow */ #blogShow{height:317px;overflow:hidden; } #blogShow .bd{height:285px;overflow:hidden; } /* 图片列表 */ #picBlog ul{padding:17px 10px;} #picBlog li{float:left;width:142px;display:inline;margin-bottom:5px;} #picBlog .pic{border:1px solid #ccc;display:block; padding:1px;margin:0 auto;} #picBlog .pic,#picBlog img{width:130px;height:99px;} #picBlog h4{height:1.8em;line-height:1.8em; overflow:hidden; } #picBlog h4 a{color:#104d6c; } /* 最新博客 */ #newBlog .imgText{margin:10px;padding-bottom:10px;border-bottom:1px dashed #ccc; } #newBlog .imgText .pic,#newBlog .imgText img{width:72px;height:54px; display:block; } #newBlog .imgText .pic {padding:2px;border:1px solid #ccc;float:left;} #newBlog .imgText ul{margin-left:90px;} #newBlog .imgText li{height:20px;line-height:20px;overflow:hidden; padding-left:12px;position:relative;background:url("/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/images/icon.png"""""") no-repeat 3px -140px; } #newBlog .imgText li a{color:#666; text-decoration:underline; } #newBlog .imgText li a:hover{color:#630; } #newBlog .textList{padding:10px;} #newBlog .textList li{float:left;margin-right:1em; height:21px;line-height:21px;overflow:hidden; } #newBlog .textList li a{color:#000; } /* 栏目列表 */ .channelList{margin-right:-5px;} .channelList .banner.main{margin-top:0px;} .channelBox{float:left;width:324px;height:auto !important;height:335px;min-height: 335px; margin-right:4px;display:inline;margin-bottom:9px;} .channelBox h3{background:url("/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/images/icon.png"""""") 12px 7px no-repeat; } .channelBox .bd{padding:3px;height:auto !important;height:300px;min-height: 300px;} .channelBox .imgText{padding:6px 6px 10px;border-bottom:1px dashed #ccc; } .channelBox .imgText .pic,.channelBox .imgText img{width:80px;height:60px; } .channelBox .imgText .pic{padding:2px;display:block; border:1px solid #ccc;float:left; } .channelBox .imgText h4,.channelBox .imgText p{margin-left:100px;} .channelBox .imgText h4,.channelBox .imgText h4 a{font-size:14px;color:#ef6703;line-height:1.8em; } .channelBox .imgText p{line-height:1.8em;text-indent:2em;;} .channelBox .imgText p a{color:#ef6703;} .channelBox ul{clear:both;padding:8px;} .channelBox li{color:#999; height:24px;line-height:24px;overflow:hidden;padding-left:20px;position:relative;background:url("/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/"/Skin/edu/Blog/images/icon.png"""""") no-repeat 8px -90px; } .channelBox li a{font-size:14px;color:#000; text-decoration:underline;} .channelBox li .blogger{position:absolute; bottom:0;right:0px;} .channelBox li .blogger a{font-size:12px;color:#999; } /* 底部定义 */ #footer{margin-top:20px;padding:20px 0px;border-top:1px solid #ccc; } #siteDom{text-align:center; height:35px;line-height:35px;color:#000; } #siteDom a{font-size:12px;color:#000; } .siteInfo{line-height:2em;text-align:center; }