342 lines
18 KiB
CSS
342 lines
18 KiB
CSS
/* 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; }
|
|
|