/* 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; } body{} .bt{cursor:pointer;} /* 清除浮动 */ .clearFloat,.box,#recommendedSites,#friendLink ul,#mbConten{zoom:1;} .clearFloat:after,.box:after,#recommendedSites:after,#friendLink ul:after,#mbConten:after{content:".";display:block;height:0;clear:both;visibility:hidden;} /* 布局定义 */ /* 头部定义 */ #middle {width: 1002px; margin: 0 auto; background: white url(images/bg.gif) repeat-x 0 top; padding-top: 22px; height: 100%; overflow: hidden;} #content{width:960px;margin:0 auto;} #sideBar{float:left;width:241px; } #mainContent{float:right;width:709px; } /* 顶部工具栏 */ #topBar{height:40px;line-height:40px; } #topBar h2{float:left;background:url(images/PE_BlogLogo.png) no-repeat 0px 0px;width:110px;height:40px;overflow:hidden; } #topBar h2 a {display:block;line-height:2000em;} #toolBar{float:right;color:#d4d4d4; padding-top: 6px;} #toolBar a{color:#cccccc; } #toolBar .inText{padding:2px;border:1px solid #c4cdd2; height: 14px; margin-right:3px;} #toolBar .bt{border:none;width:46px;height:20px;background:url(images/headerBg2.png) no-repeat left -250px;color:#878585; margin-right: 8px; padding: 0;} /* 博客名称 */ #siteTitle {padding: 90px 0 101px 150px;} #siteTitle h1{font-size:28px;font-family:Arial,微软雅黑,宋体;} #siteTitle h1,#siteTitle h1 a{font-size:28px;color:#000;display:inline} #siteTitle p,#siteTitle p a{color:#5e5d5d; } #siteTitle span a {color:#006196; } /* 顶部导航 */ #nav{position:absolute; top:227px;left:140px;height:34px;line-height:34px; } #nav li{float:left;height:30px;line-height:30px;margin-top:4px;background:url(images/headerBg2.png) no-repeat 0px -100px;} #nav li a{color:#4c0004;display:block;padding:0 20px;background:url(images/headerBg2.png) no-repeat 0px -200px; } #nav li.lastOne{background:url(images/headerBg2.png) no-repeat right -150px; } #nav li.current{height:34px;line-height:34px;margin:0 -1px 0 -1px;background:url(images/headerBg2.png) no-repeat right -50px;position:relative; z-index:3;} #nav li.current a{background:url(images/headerBg2.png) no-repeat left top;color:#fff; font-size:14px;font-weight:bold; } /* 顶部管理 */ #topManager{position:absolute; right:310px; top:265px;} #topManager a{font-size:12px;color:#000; } #topManager #publishLog{background:url(images/headerBg2.png) no-repeat -100px -300px;width:64px; height:18px;display:inline-block; text-align:center; color:#000; line-height: 17px;} /* 主体内容 */ #content .hd{position:relative; } #content .hd .sysMenu{position:absolute; right:20px; top:5px; color:#333; } #content .hd .sysMenu a{color:#333; } /* 首页主体内容 */ #indexBox .hd{height:26px;line-height:27px;background:url(images/contentBg.png) 0 -33px no-repeat; } #indexBox .hd h3{color:#003b5b; font-weight:bold; padding-left:24px; background: url(images/hudie.gif) no-repeat 6px 6px;} #indexBox .hd .sysMenu{top:1px;} #indexBox .bd{padding:10px 20px;border:1px solid #c4cdd2;border-top:none;background:#fff; } /* 博客列表 */ .blogItem{padding:20px 0;border-bottom:1px dashed #ccc; } .blogItem .itemTitle h2,.blogItem .itemTitle h4{display:inline;margin-right:2em;line-height:24px; } .blogItem .itemTitle h2,.blogItem .itemTitle h4 a{font-size:20px;color:#006196;font-family:Arial,微软雅黑,宋体;font-weight:normal;} .blogItem span{color: #44687d; font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-right: 8px;} .blogItem .itemSort{line-height:24px; } .blogItem .tags{float:left;} .blogItem .tags a{margin-right:0.5em;} .blogItem .tags a,.blogItem .sort a{color:#006196; } .blogItem .sort{float:right;} .blogItem .itemContent{margin:10px 0;} .itemContent h1,.itemContent h2,.itemContent h3,.itemContent h4,.itemContent h5,.itemContent h6{ font-weight:bold;height:1.8em; } .itemContent h1{font-size:22px;} .itemContent h2{font-size:20px;} .itemContent h3{font-size:18px;} .itemContent h4{font-size:16px;} .itemContent h5{font-size:14px;} .itemContent h6{font-size:12px;} .itemContent p{line-height:2em;margin-bottom:1em;} .itemContent strong{font-weight:bold;} .itemContent em{font-style:italic;} .itemContent a{color:#006196; } .blogItem .itemInfo a{color:#006196; } .blogItem .details{float:left;font-size:12px; font-weight: bold;} .blogItem .itemStati{float:right;} /* 翻页样式 */ .flipOver {padding:20px 0;} .flipOver a,.flipOver strong{font-size:14px;color:#515151;} .pageDown,.pageUp{height:29px;line-height:29px; } .pageDown{background:url(images/icon.gif) no-repeat 2px -93px;padding-left:24px;} .pageUp{background:url(images/icon.gif) no-repeat 2px -143px;padding-left:24px;} .nodataitem {font-size:14px;color:#515151; } /* 内容页样式 */ #blogContent .hd{height:26px;line-height:26px;background:url(images/contentBg.png) 0 -33px no-repeat; } #blogContent .hd h3{color:#003b5b; font-weight:bold; padding-left:24px; background: url(images/hudie.gif) no-repeat 6px 6px;} #blogContent .bd{padding:10px 20px;border:1px solid #c4cdd2; border-top:none;background:#fff; } /* 评论列表样式 */ .commentList{position:relative;border-bottom:1px dashed #ccc;margin-bottom:20px; width: 100%;} .commentList h4{border-top:1px solid #ccc;height:24px;line-height:24px;padding-left:34px;font-weight:bold; background:#e2e2e2 url(images/comment.gif) no-repeat 10px 4px;} .commentList .menu{position:absolute; top:5px; right:10px;} .commentList .menu a{color:#333; } .commentList li{padding:20px 10px;position:relative; } .commentList li .pic{position:absolute; top:20px; left:10px;width:65px;height:65px; } .commentList li .pic img{width:65px;height:65px; border:1px solid #ccc; } .commentList li strong{color:#644141;line-height:24px; font-weight:bold; margin-left:85px;} .commentList li p{line-height:1.8em; padding:0px; } .commentList li .dateTime{font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999; position:absolute; top:20px; right:10px;} .commentList li .dateTime a{font-size: 12px; color: #006196;} /* 强制换行 */ .commentwrap {word-break: break-all;white-space: normal;word-wrap: break-word;line-break: strict; margin-left:85px;} .commentmanagewrap {word-break: break-all;white-space: normal;word-wrap: break-word;line-break: strict;margin-left:145px; line-height: 150%;} *html .commentmanagewrap {word-break: break-all;white-space: normal;word-wrap: break-word;line-break: strict;margin-left:150px; line-height: 150%;} *+html .commentmanagewrap {word-break: break-all;white-space: normal;word-wrap: break-word;line-break: strict;margin-left:150px; line-height: 150%;} /* 评论盒 */ .commentArea{position:relative;border-bottom:1px dashed #ccc;margin-bottom:20px;} .commentArea h4{background:#e2e2e2;border-top:1px solid #ccc;height:24px;line-height:24px;padding-left:27px;font-weight:bold;} .inputerInfoBox{padding:8px 10px;} .inputerInfoBox li{height:24px;line-height:24px; } .inputerInfoBox .inText{border:1px solid #D4D4D4;padding:2px;} .inputContetntBox{padding:0 10px;} .inputContetntBox textarea{width:400px; display:block; height:100px; border:1px solid #ccc; } .inputContetntBox .bt{border:none;width:84px;height:27px;background:url(images/contentBg.png) no-repeat -250px top; padding-bottom:2px;margin:10px 0 10px 140px} .vcodeLogOn{margin:10px 0;} .bcommentpage{padding:20px 10px 10px 10px;} /* 列表页样式 */ #textListBox {background:#fff;border:1px solid #c4cdd2; padding:15px 25px; } #textListBox h3{font-size:14px;font-weight:bold;border-bottom:1px dashed #ccc;padding-bottom:15px; color: #006196; } #textListBox li {clear:both;height: auto !important;height:36px; min-height: 36px;line-height:36px; font-size:14px;border-bottom:1px dashed #ccc;color:#5b5b5b; position:relative; } #textListBox li a{font-size:14px; color:#5b5b5b; background: url(images/li_01.gif) no-repeat 0 3px; padding-left: 16px; } #textListBox li .dateTime{position:absolute;right:0px; top:3px; color:#333; font-family: Arial, Helvetica, sans-serif; font-size: 11px;} #textListBox li .sysMenu{ display:block; text-align:right; color:#333; } #textListBox li .sysMenu a{color:#333; font-size: 12px; background: none; padding-left: 0px; margin: 0;} /* 访客管理页样式 */ #guestListBox .bd{border:1px solid #c4cdd2;border-top:none;background:#fff;padding:20px 30px;} #guestListBox li{border-bottom:1px dashed #ccc;color:#5b5b5b; float:left; width:170px;height:52px;padding:25px;display:inline;position:relative; line-height:18px; } #guestListBox li a.pic{width:50px;height:50px;position:absolute; left:25px; top:25px;} #guestListBox li a.pic img{width:50px;height:50px; border:1px solid #ccc; } #guestListBox li .menu a{color:#006196;} #guestListBox li h4,#guestListBox li .dateTime,#guestListBox li .menu{margin-left:60px;color:#333333} /* 侧栏定义 */ #sideBar .sideModule{background:#fff;margin-bottom:8px; } #sideBar .sideModule .moduleHeader{height:26px;line-height:27px; background:url(images/contentBg.png) no-repeat 0px 0px; position:relative; } #sideBar .moduleHeader .moduleMenu{position:absolute; right:10px; top:0px; color:#003b5b; } #sideBar .moduleHeader .moduleMenu a{color:#003b5b; } #sideBar .sideModule .moduleHeader h3{color:#003b5b; font-weight:bold; padding-left:24px; background: url(images/hudie.gif) no-repeat 6px 6px;} #sideBar .sideModule .moduleContent{border:1px solid #c4cdd2;border-top:none;padding:10px;} #sideBar .sideModule .bt{border:none;width:84px;height:27px;background:url(images/contentBg.png) no-repeat -250px top; padding-bottom:2px;} #sideBar .nolistdata {height:20px;padding-left:30px;padding:15px;border:0px} /* 个人信息 */ #blogerInfo{background:#fff;margin-bottom:8px; } #blogerInfo .moduleHeader{height:26px;line-height:27px; background:url(images/contentBg.png) no-repeat 0px 0px; position:relative; } #blogerInfo .moduleHeader .moduleMenu{position:absolute; right:10px; top:0px; color:#003b5b; } #blogerInfo .moduleHeader h3{color:#003b5b; font-weight:bold; padding-left:24px; background: url(images/hudie.gif) no-repeat 6px 6px;} #blogerInfo .moduleContent{border:1px solid #c4cdd2;border-top:none;padding:10px; } #blogerInfo .pic{text-align:center; padding-top: 10px; } #blogerInfo .pic img{border:1px solid #a8a7a7;width:185px;height:195px;} #blogerInfo h4{height:30px;line-height:30px;font-weight:bold;text-align:center; color: #44687d; } /* 分类 */ #category li{line-height:24px;padding-left:12px; background:url(images/icon.gif) no-repeat 2px 12px; } #category li,#category li a{color:#666; } /* 访客列表 */ #visitor li{position:relative; height:40px;padding-left:50px;padding:15px; border-bottom:1px dashed #ccc; } #visitor .vistierPic {position:absolute; left:15px;top:15px; } #visitor .moduleContent img{width:40px;height:40px;border:1px solid #626262; } #visitor .moduleContent strong a {color:#333; } #visitor .moduleContent span {color:#999; font-family: Arial, Helvetica, sans-serif; font-size: 11px; } #visitor .moduleContent strong,#visitor .moduleContent span{display:block;margin-left:50px; line-height:18px; } /* 侧栏评论列表 */ #sideBar #comment li{line-height:24px; padding-left:12px; background:url(images/icon.gif) no-repeat 2px 10px; margin-bottom:10px; border-bottom:1px dashed #CCCCCC;} #sideBar #comment strong a{float:left;color:#000;} #sideBar #comment span{float:right; color:#999; font-family: Arial, Helvetica, sans-serif; font-size: 11px;} #sideBar #comment p{clear:both;color:#000; padding-bottom: 8px;} /* 分类选择列表 */ #sortSelect li{height:32px; line-height:22px; padding-left:16px; color:#333333; } #sortSelect li a{ color:#333333;font-size:12px;} #sortSelect li:hover,#sortSelect .current{background: url(images/menu_01.gif) no-repeat left top; color: White; font-weight: bold; } #sortSelect li:hover a,#sortSelect .current a{color:White; text-decoration: none; } /* 相关博文/推荐博文 */ #associatedItem .textList,#recommendItem .textList{border-bottom:1px dashed #ccc; } #associatedItem .textList li,#recommendItem .textList li{line-height:24px; background:url(images/icon.gif) no-repeat 2px 12px; padding-left:12px; color:#644141;margin-bottom:8px;} #associatedItem .textList li span ,#recommendItem .textList li span{height:24px;overflow:hidden; } #associatedItem .textList li span a,#recommendItem .textList li span a{color:#644141;} #associatedItem .textList li strong,#recommendItem .textList li strong a{display:block; height:24px;overflow:hidden;} #associatedItem .textList li strong a,#recommendItem .textList li strong a{color:#333; } #associatedItem .thumbList{padding:15px;} #associatedItem .thumbList li{float:left;width:80px; } #associatedItem .thumbList .even{float:right;} #associatedItem .thumbList a{width:80px;height:60px;display:block; } #associatedItem .thumbList img{width:80px;height:60px;border:1px solid #ccc; } #associatedItem .thumbList h5{height:24px;line-height:24px;overflow:hidden; } #associatedItem .thumbList h5 a{color:#333; } /* 博文编辑页 */ #editorPage .hd,#commentManage .hd,#guestListBox .hd{height:26px;background:url(images/adminBg.png) 0 0 no-repeat;position:relative; } #editorPage .hd h3,#commentManage .hd h3,#guestListBox .hd h3{color:#003b5b; font-weight:bold; padding-left:24px; background: url(images/hudie.gif) no-repeat 6px 6px; line-height: 26px;} #editorPage .bd,#commentManage .bd{border:1px solid #c4cdd2; border-top:none; background:#fff; padding:20px 80px;} #editorPage .inText {padding:2px;border:1px solid #d4d4d4;} #editorPage .blogTitle,#editorPage .blogTag, #editorPage .blogSort ,#editorPage .commentSetting,#editorPage .chooseColumns{margin-bottom:1em;font-size:14px;} #editorPage .blogTitle strong,#editorPage .blogTag strong,#editorPage .blogSort strong,#editorPage .commentSetting strong,#editorPage .chooseColumns strong{font-size:14px;} #editorPage .blogTitle .inText,#editorPage .blogTag .inText{width:400px; } #editorPage .editor{border:1px solid #ccc; margin-bottom:1em; width: 760px; } #editorPage .blogTag .bt{border:none;width:100px;height:22px;background:url(images/headerBg2.png) no-repeat -100px -250px;color:#878585; padding-bottom:2px;margin-left:1em;} #editorPage .blogTag .help{margin-left:1em;color:#333; } #editorPage .blogSort .creatSort{color:#652023; } #editorPage .chooseColumns strong{font-weight:bold;} #editorPage .chooseColumns p{display:inline;} #editorPage .columnsList {padding:5px 40px;} #editorPage .columnsList li {float:left;width:65px;height:24px;line-height:24px;overflow:hidden; } #editorPage .buttonBox {text-align:center; } #editorPage .buttonBox .bt{border:none;width:60px;height:22px;background:url(images/headerBg2.png) no-repeat -100px -300px;color:#878585; padding-bottom:2px;margin-left:1em;color:#000; } #commentManage .commentList li .checkBox{position:absolute; top:45px; left:20px;} #commentManage .commentList li .pic{position:absolute; top:20px; left:50px;width:65px;height:65px; } /* 评论列表样式 */ #commentManage .bd .menu {padding:10px;} #commentManage .bd .menu .bt{border:none;width:60px;height:22px;background:url(images/headerBg2.png) no-repeat -100px -297px; color:#000; padding-top:1px;margin-left:1em; text-align: center; } #commentManage .bd .menu a{color:#333; } #commentManage .commentList li,#commentManage .menu {border-bottom:1px dashed #ccc; } #commentManage .commentList li p,#commentManage .commentList .source {margin-left:130px; } #commentManage .commentList li strong{margin-left:130px; color: #006196; } #commentManage .commentList .source {text-align:right; margin-top:1em;} #commentManage .commentList .source a{color:#006196; } /* 分页盒样式 */ .paginator{text-align:center; padding-top: 10px; } .paginator a{color:#333; } .paginator strong{padding:2px 5px 2px 5px; color:#fff;background:#333; } /*个人资料*/ #userinfoPage .bd,#userinfoPage .bd strong{font-size:14px;} #userinfoPage .bd{background:#fff;padding:20px 150px;font-size:14px;} #userinfoPage .blogFace{width:400px; } #userinfoPage .buttonBox {text-align:center; } #userinfoPage .buttonBox .bt{border:none;width:100px;height:22px;background:url(images/headerBg2.png) no-repeat -100px -250px;color:#878585; padding-bottom:2px;margin-left:1em;color:#000; } #userinfoPage .inputtext,#ExtenFileUpload,#Upload{padding:3px;} #userinfoPage .blogFace { position:relative;} #userinfoPage .blogFace strong{ position: absolute;top:0 left:0; height:1.8em; line-height:1.8em;} #userinfoPage .blogFace img{padding:2px;border:1px solid #ccc;margin-left:3.5em;} .bloggerName,.blogFaceUploader,.blogFace,.buttonBox,#ExtenFileUpload___Frame{margin-top:12px;} .blogFaceUploader{margin-left:3.5em;} .buttonBox{padding-top:20px;border-top:1px dashed #999;} .boxModeA {background:#fff;border:1px solid #c4cdd2; padding:15px 25px; } .boxModeA h3{font-size:14px;font-weight:bold;border-bottom:1px dashed #ccc;padding-bottom:15px; } .boxModeA li {clear:both;height:36px;line-height:36px; font-size:14px;border-bottom:1px dashed #ccc;color:#5b5b5b; } .boxModeA li a{float:left;font-size:14px;color:#5b5b5b; } .boxModeA li .dateTime{float:right;} /* 底部定义 */ #footer{background: White; width: 1002px; margin: 0 auto; padding: 20px 0 20px 0;} #footer .content{ width: 960px; margin: 0 auto;} #siteDom{text-align:center; height:35px;line-height:35px;} #siteDom a{font-size:12px;} #siteInfo{line-height:2em;text-align:center; color: #333; font-size: 12px; padding: 10px;} #RdlCategory { margin-left:50px; } #CP_j_linedot { background: transparent url(images/CP_j_linedot.gif) repeat-x 0 0; clear: both; height: 1px; display: block; overflow: hidden; margin-bottom:10px; margin-top:10px; padding-left:0px; } .class_page{padding-top: 10px;} .class_page a{color:#333; }