/* 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;color:#333333;} 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{background:#4c4b4b url(images/bg_01.png) repeat-x 0 0; } .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;} /* 布局定义 */ #header,#content,#footer{width:950px;margin:0 auto;padding:0 20px;} /* 头部定义 */ #header{background:url(images/headerBg.jpg) no-repeat 0px 40px;height:305px;position:relative; } #sideBar{float:left;width:241px; } #mainContent{float:right;width:703px; } /* 顶部工具栏 */ #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;line-height:40px;_padding:9px 0; } #toolBar a{color:#696969; } #toolBar .inText{padding:2px;border:1px solid #d4d4d4; margin-right:3px;} #toolBar .bt{border:none;width:61px;height:22px;background:url(images/headerBg2.png) no-repeat left -250px;color:#878585; padding-bottom:2px;} /* 博客名称 */ #siteTitle {position:absolute; top:110px;left:40px;} #siteTitle h1{font-size:28px;font-family:Arial,微软雅黑,宋体;} #siteTitle h1,#siteTitle h1 a{font-size:28px;color:#4b0104;display:inline} #siteTitle p,#siteTitle p a{color:#5e5d5d; } /* 顶部导航 */ #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:35px;line-height:35px;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:30px;top:270px;font-size:14px;color:#fff; } #topManager a{font-size:14px;color:#fff; } #topManager #publishLog{background:url(images/headerBg2.png) no-repeat 0px -300px;width:73px; height:26px;display:inline-block;line-height:26px;text-align:center; color:#000; } /* 主体内容 */ #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:26px;background:url(images/contentBg.png) 0 -33px no-repeat; } #indexBox .hd h3{color:#333;font-weight:bold;margin-left:27px;} #indexBox .hd .sysMenu{top:1px;} #indexBox .bd{padding:10px 20px;border:1px solid #000;border-top:none; border-bottom: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:18px;color:#fb9094;font-family:Arial,微软雅黑,宋体;font-weight:bold; } .blogItem .itemSort{line-height:24px; } .blogItem .tags{float:left;} .blogItem .tags a{margin-right:0.5em;} .blogItem .tags a,.blogItem .sort a{color:#333; } .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:blue; } .blogItem .itemInfo a{color:#333; } .blogItem .details{float:left;font-size:14px;} .blogItem .itemStati{float:right;} /* 翻页样式 */ .flipOver {padding:20px 0;} .flipOver a,.flipOver strong{font-size:14px;color:#515151;} .pageDown,.pageUp{height:24px;line-height:24px; } .pageDown{background:url(images/icon.gif) no-repeat 2px -93px;padding-left:18px;} .pageUp{background:url(images/icon.gif) no-repeat 2px -143px;padding-left:18px;} .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:#333;font-weight:bold;margin-left:27px;} #blogContent .bd{padding:10px 20px;border:1px solid #000;border-top:none;background:#fff; } .pagecss a{color:#000;} /* 评论列表样式 */ .commentList{position:relative; border-bottom:1px dashed #ccc;margin-bottom:20px;} .commentList h4{background:#e2e2e2;border-top:1px solid #ccc;height:24px;line-height:24px;padding-left:27px;font-weight:bold;} .commentList .menu{position:absolute; top:5px; right:5px;} .commentList .menu a{color:#333; } .commentList li{position:relative;padding:20px 10px;} .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;} .commentList li p{line-height:1.8em;clear:both;} .commentList li .dateTime{position:absolute;top:20px;right:0px;_right:100px;} .commentList li strong,.commentList li p{margin-left:85px;white-space: nowrap;word-wrap: nowrap;} /* 强制换行 */ .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; } /* 评论盒 */ .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 20px;} .inputerInfoBox li{height:24px;line-height:24px; } .inputerInfoBox .inText{border:1px solid #D4D4D4;padding:2px;} .inputContetntBox{padding:0 20px;} .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 150px} .vcodeLogOn{margin:10px 0;} .bcommentpage{padding:10px 30px;} /* 列表页样式 */ #textListBox {background:#fff;border:1px solid #000; padding:15px 25px; } #textListBox h3{font-size:14px;font-weight:bold;border-bottom:1px dashed #ccc;padding-bottom:15px; } #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; } #textListBox li a:hover{color:#de0039;} #textListBox li .dateTime{position:absolute;right:0px; top:5px; color:#333;} #textListBox li .sysMenu{ display:block; text-align:right; color:#333; } #textListBox li .sysMenu a{color:#333;} /* 访客管理页样式 */ #guestListBox .bd{border:1px solid #000;border-top:none;background:#fff;padding:20px 10px;} #guestListBox li{border-bottom:1px dashed #ccc;color:#5b5b5b; float:left; width:175px;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:#652023;} #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:27px;line-height:27px; background:url(images/contentBg.png) no-repeat 0px 0px; position:relative; } #sideBar .moduleHeader .moduleMenu{position:absolute; right:10px; top:0px; color:#333; } #sideBar .moduleHeader .moduleMenu a{color:#333; } #sideBar .sideModule .moduleHeader h3{color:#333;font-weight:bold;margin-left:27px;} #sideBar .sideModule .moduleContent{border:1px solid #000;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:27px;line-height:27px; background:url(images/contentBg.png) no-repeat 0px 0px; position:relative; } #blogerInfo .moduleHeader .moduleMenu{position:absolute; right:10px; top:0px; color:#333; } #blogerInfo .moduleHeader .moduleMenu{position:absolute; right:10px; top:0px; color:#333; } #blogerInfo .moduleHeader h3{color:#333;font-weight:bold;margin-left:27px;} #blogerInfo .moduleContent{border:1px solid #000;border-top:none;padding:10px; } #blogerInfo .pic{text-align:center; } #blogerInfo .pic img{border:1px solid #a8a7a7;width:185px;height:195px;border:1px solid #; } #blogerInfo h4{height:30px;line-height:30px;font-weight:bold;text-align:center; } #blogerInfo strong, #blogerInfo p {line-height:18px;margin-top:10px;} #blogerInfo strong {color:#4C0004;float:left;} #blogerInfo p {margin-left:60px;word-wrap: break-word; word-break: normal;} /* 分类 */ #category li{line-height:24px;padding-left:12px; background:url(images/icon.gif) no-repeat 2px 12px; } #category li,#category li a{color:#644141; } #category li a:hover{color:#de0039;} /* 访客列表 */ #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:#fe8e8e; } #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 12px; margin-bottom:10px;padding-bottom:10px;border-bottom:1px dashed #CCCCCC;} #sideBar #comment strong{float:left;color:#535353;} #sideBar #comment span{float:right;color:#999999;} #sideBar #comment p{clear:both;color:#000;} #sideBar #comment a{color:#000000;} /* 分类选择列表 */ #sortSelect li{height:24px; line-height:24px; background:url(images/icon.gif) no-repeat 2px 12px; padding-left:12px; color:#333333; } #sortSelect li a{ color:#333333;font-size:14px;} #sortSelect li:hover,#sortSelect .current{background:#eee url(images/icon.gif) no-repeat 2px -38px;color:#644141;cursor:pointer; } #sortSelect li:hover a,#sortSelect .current a{color:#644141; } /* 相关博文/推荐博文 */ #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 span a:hover,#recommendItem .textList li span a:hover{color:#de0039;;} #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 .textList li strong a:hover,#recommendItem .textList li strong a:hover{color:#de0039; } #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:27px;background:url(images/adminBg.png) 0 0 no-repeat;position:relative; } #editorPage .hd h3,#commentManage .hd h3,#guestListBox .hd h3{color:#333;font-weight:bold;margin-left:27px;height:27px;line-height:27px; } #editorPage .bd,#commentManage .bd{border:1px solid #000;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; } #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:100px;height:22px;background:url(images/headerBg2.png) no-repeat -100px -250px;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:100px;height:22px;background:url(images/headerBg2.png) no-repeat -100px -250px;color:#878585; padding-bottom:2px;margin-left:1em;color:#000; } #commentManage .bd .menu a{color:#333; } #commentManage .commentList li,#commentManage .menu {border-bottom:1px dashed #ccc; } #commentManage .commentList li strong,#commentManage .commentList li p,#commentManage .commentList .source {margin-left:130px; } #commentManage .commentList .source {text-align:right; margin-top:1em;} #commentManage .commentList .source a{color:#644141; } /* 分页盒样式 */ .paginator{text-align:center; } .paginator a{color:#333; } .paginator strong{padding: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 #000; 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;} .bd .bdrowA span{width:80px;display:-moz-inline-box; display:inline-block;} .bd .bdrowA label{height:30px;} .bd .bdrowA .bd_left{ vertical-align:top;} .bd .bdrowA .bd_face{height:20px;} .bd .bd_table{width:100%;} .bd .bdrowA .bd_fl{width:80px; vertical-align:top;} .bd .bdrowA .bd_fr{text-align:left;margin-left:5px;} #TxtIntro{width:230px;height:50px;} /* 底部定义 */ #footer{margin-top:20px;color:#fff; } #footer a{color:#fff; } #siteDom{text-align:center; height:35px;line-height:35px;background:url(images/footerbg.jpg) 0 0 no-repeat; } #siteDom a{font-size:12px;} #siteInfo{line-height:2em;text-align:center;margin:1em 0;} #RdlCategory { margin-left:40px; } #CP_j_linedot { background: transparent url(images/CP_j_linedot.gif) repeat-x scroll 0 0; clear: both; height: 1px; overflow: hidden; margin-bottom:5px; margin-top:5px; padding-left:0px; }