first commit
@@ -0,0 +1,35 @@
|
||||
#bizideaLogin{background: url(../Images/bizideaLoginBg.gif) repeat-x #fff 0px 0px; font-size:12px; color:#000000;}
|
||||
|
||||
#bizideaLogin #entry{ margin-left:-8px;zoom:1;}
|
||||
#bizideaLogin #entry:after{ content:"."; display:block;height:0;clear:both;visibility:hidden;}
|
||||
em{ font-style:normal;}
|
||||
#bizideaLogin #alipay_login,#bizideaLogin #user_login{ float:left; width:484px; margin-left:8px; display:inline;border:1px solid #CCCCCC; height:360px; font-size:14px; line-height:1.8em;}
|
||||
#bizideaLogin #alipay_login .bd,#bizideaLogin #user_login .bd{ padding:90px 90px 0 90px;}
|
||||
#bizideaLogin #alipay_login .bd{ background: url(../Images/alipayLogo.gif) center top no-repeat;}
|
||||
#bizideaLogin #alipay_login .bd p{ color:#f60;}
|
||||
#bizideaLogin #user_login .bd{ background: url(../Images/BizideaLogo.gif) center top no-repeat;}
|
||||
#bizideaLogin #entry h3
|
||||
{
|
||||
font: normal normal bold 14px/30px Arial, "宋体" ,Helvetica,sans-serif;
|
||||
height:auto !important; height:36px;min-height:36px;
|
||||
background: url(../Images/columnTitleBg.gif) #dfebf9 left top no-repeat;
|
||||
text-align: left;
|
||||
color: #666;
|
||||
padding-left:2em;
|
||||
}
|
||||
|
||||
#bizideaLogin .loginBox{ color:#000; font-weight:bold;}
|
||||
#bizideaLogin .loginBox input{ padding:4px; width:180px; vertical-align:middle; height:12px;}
|
||||
#bizideaLogin .loginBox select{ padding:4px;}
|
||||
#bizideaLogin .loginBox li{ line-height:30px; height:30px; overflow:hidden;zoom:1; margin-bottom:6px;}
|
||||
#bizideaLogin #alipay_login .loginBox p,#bizideaLogin .loginBox li{ height:30px; color:#000; vertical-align:middle;}
|
||||
#bizideaLogin #alipay_login .sumbitBox a { text-indent:-99999px; display:block; width:111px; height:32px; overflow:hidden; margin:0 auto; }
|
||||
#bizideaLogin #alipay_login .sumbitBox {padding:20px 0;}
|
||||
#bizideaLogin #user_login .sumbitBox{ text-align:center; margin-bottom:18px;}
|
||||
#bizideaLogin #user_login .sumbitBox a{ margin-right:12px; text-decoration:underline; color:#f60; font-weight:bold; cursor:pointer; font-size:12px;}
|
||||
#bizideaLogin #user_login p{ font-size:12px;}
|
||||
#bizideaLogin #user_login p a{ color:#f60; text-decoration:underline;}
|
||||
|
||||
.IbtnEnterCssClass{ height:34px; width:120px;}
|
||||
#siteFactoryLogin{ height:500px;}
|
||||
|
||||
@@ -0,0 +1,187 @@
|
||||
/* ================================================博客首页样式====================================================== */
|
||||
|
||||
#header{ width: 1002px; margin: 0 auto;}
|
||||
|
||||
/*head 头部*/
|
||||
.head{background: #333; height: 32px; }
|
||||
.head .logo{ float: left; padding: 6px 0 0 8px;}
|
||||
.head .txt{ float: left; padding: 8px 0 0 40px; color: #7b7b7b;}
|
||||
|
||||
.head .topMenu{float: left; padding: 10px 0 0 40px; width: 300px; }
|
||||
.head .topMenu ul { }
|
||||
.head .topMenu li { display: inline; font-size: 12px;}
|
||||
.head .topMenu a {margin: 0; padding: 0; float: left; }
|
||||
.head .topMenu a span {padding: 0 8px 0 8px; color: #7b7b7b; display: block; background: url(images/line.gif) no-repeat right 0; }
|
||||
.head .topMenu a:hover {text-decoration: none; }
|
||||
.head .topMenu a:hover span { color: #FF0; }
|
||||
.head .topMenu .cr a span{color: #7b7b7b; background: url(images/line.gif) no-repeat 9999px 9999px; }
|
||||
.head .topMenu .cr a:hover span{color: #FF0;}
|
||||
|
||||
.head .M001SC1202{float: right; padding: 4px 0 0 0; width: 380px;}
|
||||
.head .M001SC1202 ul{ }
|
||||
.head .M001SC1202 li{ display: block; float: left; }
|
||||
.head .M001SC1202 select{padding: 0 0 0 4px; margin-top: 1px; }
|
||||
.head .M001SC1202 input{ margin: 0 4px 0 4px; border: 1px solid #000; width: 120px; height: 17px; padding: 2px 0 0 2px; }
|
||||
.head .M001SC1202 a{ display: block; padding: 0; text-decoration: none;}
|
||||
.head .M001SC1202 a span{ display: block; background: url(images/bt01.gif) no-repeat 6px 2px; width: 52px; height: 16px; padding: 4px 10px 0 4px; cursor: pointer; text-align: center; color: #ff9c00; }
|
||||
.head .M001SC1202 a:hover span{color: #ff0;}
|
||||
.head .M001SC1202 a em{ display: block; background:black; width: 36px; height: 18px; padding: 4px 0 0 0; cursor: pointer; text-align: center; margin-right: 6px; color: White;}
|
||||
.head .M001SC1202 a:hover em{color: #ff0;}
|
||||
.head .M001SC1202 .help a{ color: #999; background: url(images/line.gif) no-repeat left 6px; padding: 5px 8px 0 8px; color: #7b7b7b; display: block;}
|
||||
.head .M001SC1202 .help a:hover{color: #ff0;}
|
||||
|
||||
|
||||
/*name 博客命名*/
|
||||
.name{background: url(images/line_bg.gif) repeat-x 0 0; height: 75px; border-top: solid #000 1px;}
|
||||
.name h3{color: #000; font-family: 微软雅黑, 华文细黑, 黑体, Arial; font-size: 24px; font-weight: normal; float: left; padding: 30px 20px 0 30px;}
|
||||
.name h3 a{color: #000; text-decoration: none;}
|
||||
.name h3 a:hover{color: #f00; text-decoration: none;}
|
||||
.name h4{color: #999; float: left; padding: 45px 0 0 0; font-weight: normal;}
|
||||
.name h4 a{color: #999; text-decoration: none;}
|
||||
.name h4 a:hover{color: #f00; text-decoration: none;}
|
||||
.name .guanli{ float: right; padding: 36px 14px 0 0; width: 200px;}
|
||||
.name .guanli span{ }
|
||||
.name .guanli a span{display: block; background: url(images/bt02.gif) no-repeat 0 0; padding: 4px 18px 0 17px; width: 42px; height: 18px; float:left; cursor: hand;}
|
||||
.name .guanli em{ color: #333; padding: 3px 0 0 0; float: left; }
|
||||
|
||||
|
||||
.banner{background: url(images/banner.gif) no-repeat 0 0; height: 287px;}
|
||||
|
||||
/* M001MN0101 水平菜单 */
|
||||
.M001MN1101 { height: 30px; display: block; }
|
||||
.M001MN1101 ul { padding: 4px 0 0 0; text-align: center;}
|
||||
.M001MN1101 li { font-size: 14px; font-weight: bold; display:inline;}
|
||||
.M001MN1101 a { background: url(images/menu_01.gif) no-repeat left top; display:inline-block; height:28px; line-height:28px; padding-left:24px; cursor: pointer;}
|
||||
.M001MN1101 span { background: url(images/menu_01.gif) no-repeat right -120px; color: #999; height:28px; line-height:28px; display:inline-block; padding-right:24px;}
|
||||
.M001MN1101 a:hover { background-position: 0% -40px; text-decoration: none; }
|
||||
.M001MN1101 a:hover span { background-position: 100% -160px; color: #000; }
|
||||
.M001MN1101 .current a{ background-position: 0% -80px; color: #000; }
|
||||
.M001MN1101 .current span{ background-position: 100% -200px; color: #000; }
|
||||
|
||||
|
||||
/* mainContent 内容区 */
|
||||
.mainContent {width: 1002px; margin: 0 auto; background: White; height:100%; overflow:auto;}h
|
||||
.mainContent .content .right{width: 740px; float: right;}
|
||||
|
||||
/*M001NS1301 个人资料*/
|
||||
.M001NS1301{margin: 5px; border-bottom: solid #ababab 1px; height: 180px;}
|
||||
.M001NS1301 h3{ padding: 0; margin: 0; height: 24px; overflow: hidden; color: #333; border-bottom: solid #ababab 2px; }
|
||||
.M001NS1301 h3 span {font-size: 12px; color: #636363; padding: 6px 0 0 0; display: block; float: left;}
|
||||
.M001NS1301 h3 strong {color: #f00; font-family: Arial, Helvetica, sans-serif; font-size: 11px; float: left; padding: 6px 6px 0 0;}
|
||||
.M001NS1301 h3 em a {padding: 6px 0 0 0; font-size: 12px; color: #ababab; text-align: right; text-decoration: underline; font-weight: normal; font-style: normal; display: block; float: right; cursor: hand; }
|
||||
.M001NS1301 .cell{ padding: 12px 0 10px 8px;}
|
||||
.M001NS1301 .pic{ float: left; }
|
||||
.M001NS1301 .pic a { display: block; width: 64px; overflow: hidden;}
|
||||
.M001NS1301 .pic a:hover {}
|
||||
.M001NS1301 .pic a img{ height: 64px; }
|
||||
.M001NS1301 .pic a span{ }
|
||||
.M001NS1301 .content2{margin: 0 0 0 72px;}
|
||||
.M001NS1301 h4 {margin: 0; padding-bottom: 10px; color: #f00;}
|
||||
.M001NS1301 .txt{ margin: 0; line-height: 180%; color: #333; display: block; font-weight: bold;}
|
||||
.M001NS1301 .txt span{font-weight: normal;}
|
||||
.M001NS1301 ul{ margin: 0; padding: 0 0 0 8px; display: block; }
|
||||
.M001NS1301 li{ float: left; background: url(images/bt02.gif) no-repeat 0 0; width: 60px; height: 26px; color: #333; padding: 4px 0 0 18px;}
|
||||
|
||||
|
||||
|
||||
/*M001NS2301 访客*/
|
||||
.M001NS2301{margin: 5px; border-bottom: solid #ababab 1px; }
|
||||
.M001NS2301 h3{ padding: 0; margin-bottom: 12px; height: 24px; overflow: hidden; color: #333; border-bottom: solid #ababab 2px; }
|
||||
.M001NS2301 h3 span {font-size: 12px; color: #636363; padding: 6px 0 0 0; display: block; float: left;}
|
||||
.M001NS2301 h3 strong {color: #f00; font-family: Arial, Helvetica, sans-serif; font-size: 11px; float: left; padding: 6px 6px 0 0;}
|
||||
.M001NS2301 h3 em{padding: 6px 0 0 0; text-align: right; font-weight: normal; font-style: normal; display: block; float: right;}
|
||||
.M001NS2301 h3 em a { font-size: 12px; color: #ababab; text-decoration: underline; cursor: hand; padding-left: 8px; }
|
||||
.M001NS2301 .cell{ padding: 0 0 0 8px; height: 54px;}
|
||||
.M001NS2301 .pic{ float: left; }
|
||||
.M001NS2301 .pic a { display: block; width: 40px; overflow: hidden; padding: 1px; border: solid #ccc 1px;}
|
||||
.M001NS2301 .pic a:hover {}
|
||||
.M001NS2301 .pic a img{ height: 40px; }
|
||||
.M001NS2301 .pic a span{ }
|
||||
.M001NS2301 .content2{margin: 0 0 0 50px;}
|
||||
.M001NS2301 h4 {margin: 0; padding: 0; color: #f00;}
|
||||
.M001NS2301 h4 a{color: #f00; font-weight: normal; font-size: 12px;}
|
||||
.M001NS2301 .time{ font-size: 10px; font-weight: normal; padding: 8px 0 0 0; color: #666;}
|
||||
|
||||
|
||||
/*M001NS2101 评论*/
|
||||
.M001NS2101{margin: 5px; border-bottom: solid #ababab 1px; }
|
||||
.M001NS2101 h3{ padding: 0; margin: 0; height: 24px; overflow: hidden; color: #333; border-bottom: solid #ababab 2px; }
|
||||
.M001NS2101 h3 span {font-size: 12px; color: #636363; padding: 6px 0 0 0; display: block; float: left;}
|
||||
.M001NS2101 h3 strong {color: #f00; font-family: Arial, Helvetica, sans-serif; font-size: 11px; float: left; padding: 6px 6px 0 0;}
|
||||
.M001NS2101 h3 em{padding: 6px 0 0 0; text-align: right; font-weight: normal; font-style: normal; display: block; float: right;}
|
||||
.M001NS2101 h3 em a { font-size: 12px; color: #ababab; text-decoration: underline; cursor: hand; padding-left: 8px; }
|
||||
.M001NS2101 ul{ padding: 12px 8px 12px 8px;}
|
||||
.M001NS2101 li{display: block; padding: 10px 0 6px 0; border-bottom: dashed #999 1px; }
|
||||
.M001NS2101 li span a {color:#000; font-size:12px; padding: 0 8px 6px 12px; display: block; background: url(images/dot.gif) no-repeat 0 5px;}
|
||||
.M001NS2101 li a{color: #666; display: block;}
|
||||
.M001NS2101 li a:hover{ color:#F00; }
|
||||
.M001NS2101 .more { padding: 0 8px 6px 0; text-align: right;}
|
||||
.M001NS2101 .more a{ color: #333;}
|
||||
.M001NS2101 .more a:hover{ color: #f00;}
|
||||
|
||||
|
||||
/*M001NS2102 分类*/
|
||||
.M001NS2102{margin: 5px;}
|
||||
.M001NS2102 h3{ padding: 0; margin: 0; height: 24px; overflow: hidden; color: #333; border-bottom: solid #ababab 2px; }
|
||||
.M001NS2102 h3 span {font-size: 12px; color: #636363; padding: 6px 0 0 0; display: block; float: left;}
|
||||
.M001NS2102 h3 strong {color: #f00; font-family: Arial, Helvetica, sans-serif; font-size: 11px; float: left; padding: 6px 6px 0 0;}
|
||||
.M001NS2102 h3 em{padding: 6px 0 0 0; text-align: right; font-weight: normal; font-style: normal; display: block; float: right;}
|
||||
.M001NS2102 h3 em a { font-size: 12px; color: #ababab; text-decoration: underline; cursor: hand; padding-left: 8px; }
|
||||
.M001NS2102 ul{ padding: 12px 8px 12px 8px;}
|
||||
.M001NS2102 li{display: block; padding: 4px 0 4px 0;}
|
||||
.M001NS2102 li a{color: #000; font-size:12px; padding: 0 8px 0 12px; background: url(images/dot.gif) no-repeat 0 5px; display: block;}
|
||||
.M001NS2102 li a:hover{ color:#F00; }
|
||||
|
||||
|
||||
/*M001AT2101 博文*/
|
||||
.M001AT2101{}
|
||||
.M001AT2101 h3{ padding: 5px; margin: 0; height: 25px; overflow: hidden; color: #333; background: url(images/line_bg2.gif) repeat-x 0 0;}
|
||||
.M001AT2101 h3 span {font-size: 12px; color: #fff; padding: 6px 0 0 0; display: block; float: left;}
|
||||
.M001AT2101 h3 strong {color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 11px; float: left; padding: 6px 6px 0 0;}
|
||||
.M001AT2101 h3 em{padding: 6px 0 0 0; text-align: right; font-weight: normal; font-style: normal; display: block; float: right;}
|
||||
.M001AT2101 h3 em a { font-size: 12px; color: #ababab; text-decoration: underline; cursor: hand;}
|
||||
.M001AT2101 .content2{ padding: 3px; background: #f1f1f1; border: solid #d7d7d7 1px; height:100%; overflow:auto;}
|
||||
.M001AT2101 .cell{background: White;}
|
||||
.M001AT2101 h4 {margin: 0; padding: 6px 0 0 24px; color: #f00; background:#f1f1f1 url(images/arrow.gif) no-repeat 4px 6px; height: 18px;}
|
||||
.M001AT2101 .time{ font-size: 10px; font-weight: normal; padding:0; color: #666; float: right;}
|
||||
.M001AT2101 .txt{ padding: 20px 20px 0 20px;}
|
||||
.M001AT2101 .txt p{ color: #636363; padding: 0 0 1em 0; line-height: 160%; text-align: justify; text-justify: distribute; }
|
||||
.M001AT2101 .more{ display: block; padding: 0 20px 20px 20px;}
|
||||
.M001AT2101 .more a{color: #186b9e; font-weight: bold;}
|
||||
.M001AT2101 .num{ float: right; color: #186b9e;}
|
||||
.M001AT2101 .num a{ color: #186b9e; font-weight: normal;}
|
||||
|
||||
|
||||
/*pagePanel 分页*/
|
||||
.pagePanel{ margin: 0; padding: 10px 0 3px 8px; text-align: right; }
|
||||
.pagePanel ul{}
|
||||
.pagePanel li{ display: inline; }
|
||||
.pagePanel li a{ color: #000; border: solid #ccc 1px; padding: 2px 4px 2px 4px; height: 20px; }
|
||||
.pagePanel li a:hover{ color: red; }
|
||||
.pagePanel .cr{}
|
||||
.pagePanel .c1{}
|
||||
.pagePanel .c2{}
|
||||
.pagePanel .c3{}
|
||||
.pagePanel .c4{}
|
||||
.pagePanel .c5{}
|
||||
.pagePanel .c6{}
|
||||
.pagePanel .c7{}
|
||||
.pagePanel .c8{}
|
||||
.pagePanel .c9{}
|
||||
.pagePanel .c10{}
|
||||
.pagePanel .c11{}
|
||||
|
||||
|
||||
.foot{background: White; width: 1002px; margin: 0 auto; padding: 20px 0 20px 0;}
|
||||
.foot .content{ width: 950px; margin: 0 auto; background: url(images/foot_bg.gif) no-repeat 0 0; height: 66px;}
|
||||
.foot .txt{ color: #d1cfd0; padding: 6px 0 0 18px; font-size: 12px;}
|
||||
|
||||
.foot .footMenu{padding: 10px 0 0 10px;}
|
||||
.foot .footMenu ul { }
|
||||
.foot .footMenu li { display: inline; font-size: 12px;}
|
||||
.foot .footMenu a {margin: 0; padding: 0; float: left; }
|
||||
.foot .footMenu a span {padding: 0 8px 0 8px; color: #fff; display: block; background: url(images/line2.gif) no-repeat right 0; }
|
||||
.foot .footMenu a:hover {text-decoration: none; }
|
||||
.foot .footMenu a:hover span { color: #FF0; }
|
||||
.foot .footMenu .cr a span{color: #fff; background: url(images/line2.gif) no-repeat 9999px 9999px; }
|
||||
.foot .footMenu .cr a:hover span{color: #FF0;}
|
||||
@@ -0,0 +1,68 @@
|
||||
/* =================================== */
|
||||
/* 页面初始化定义 eltReset v2008.02.07 */
|
||||
/* =================================== */
|
||||
|
||||
/* ---------- 常规 XHTML元素初始化定义 禁止改动---------- */
|
||||
|
||||
body,td,th,p,div { font-family: Arial; font-size: 12px; margin: 0; padding: 0; color: #333; }
|
||||
body{}
|
||||
|
||||
h1,h2,h3,h4,h5{ padding: 0; margin: 0; }
|
||||
h1,h2 { font-family: 微软雅黑, 华文细黑, 黑体, Arial; }
|
||||
h1{ font-size: 24px;}
|
||||
h2{ font-size: 18px; }
|
||||
h3{ font-size: 14px;}
|
||||
h4{font-size: 12px;}
|
||||
h5{font-size: 12px;}
|
||||
|
||||
p{ padding: 0 0 1em 0; line-height: 150%;}
|
||||
#blogerInfo p{ margin-left:60px; line-height: 150%;word-wrap: break-word; word-break: normal;}
|
||||
hr{ background: #CCC; width: 100%; height: 1px; }
|
||||
img{ border: 0px; background: url(loading.gif) no-repeat 0 0;}
|
||||
strong{}
|
||||
#blogerInfo strong{float:left;}
|
||||
em{font-style: normal;}
|
||||
area {blr:expression(this.onFocus=this.blur())}
|
||||
|
||||
a{text-decoration:none; blr:expression(this.onFocus=this.blur());}
|
||||
a:hover{text-decoration:none;}
|
||||
|
||||
ul{ margin: 0; padding: 0;}
|
||||
li{ list-style: none; }
|
||||
|
||||
frame, frameset, noframes, iframe{ padding: 0; margin: 0; border: 0px;} /*frame{} frameset{} noframes{} iframe{}*/
|
||||
form,input,textarea,button,select,optgroup,option,label,fieldset,legend{ color: #333; font-family: Arial; font-size: 12px; margin: 0; padding: 0; }
|
||||
form{border: 0px;}
|
||||
input {}
|
||||
textarea{}
|
||||
button{}
|
||||
select{}
|
||||
optgroup{}
|
||||
option{}
|
||||
label{}
|
||||
fieldset{}
|
||||
legend{}
|
||||
|
||||
/* 常量 */
|
||||
.clear{ clear: both; height: 0; font-size: 1px; line-height: 0px; }
|
||||
|
||||
.mg00{ margin: 8px; } .mg01{ margin: 8px 0 0 0; } .mg02{ margin: 0 8px 0 0; } .mg03{ margin: 0 0 8px 0; } .mg04{ margin: 0 0 0 8px; }
|
||||
.mg10{ margin: 16px; } .mg11{ margin: 16px 0 0 0; } .mg12{ margin: 0 16px 0 0; } .mg13{ margin: 0 0 16px 0; } .mg14{ margin: 0 0 0 16px; }
|
||||
.mg20{ margin: 24px; } .mg21{ margin: 24px 0 0 0; } .mg22{ margin: 0 24px 0 0; } .mg23{ margin: 0 0 24px 0; } .mg24{ margin: 0 0 0 24px; }
|
||||
|
||||
.pd00{ padding: 8px; } .pd01{ padding: 8px 0 0 0; } .pd02{ padding: 0 8px 0 0; } .pd03{ padding: 0 0 8px 0; } .pd04{ padding: 0 0 0 8px; }
|
||||
.pd10{ padding: 16px; } .pd11{ padding: 16px 0 0 0; } .pd12{ padding: 0 16px 0 0; } .pd13{ padding: 0 0 16px 0; } .pd14{ padding: 0 0 0 16px; }
|
||||
.pd20{ padding: 24px; } .pd21{ padding: 24px 0 0 0; } .pd22{ padding: 0 24px 0 0; } .pd23{ padding: 0 0 24px 0; } .pd24{ padding: 0 0 0 24px; }
|
||||
|
||||
.w60{ width: 60px; } .w80{ width: 80px; } .w120{ width: 120px; } .w160{ width: 160px; }
|
||||
.w200{ width: 200px; } .w240{ width: 240px; } .w300{ width: 300px; } .w320{ width: 320px; }
|
||||
.w400{ width: 400px; } .w600{ width: 600px; }
|
||||
|
||||
.wx01{}
|
||||
.wx02{ width: 49.5%; float: left;} .wx03{ width: 33%; float: left;} .wx04{ width: 24.5%; float: left;}
|
||||
.wx05{ width: 19.5%; float: left;} .wx06{ width: 16.5%; float: left;} .wx07{ width: 14.1%; float: left;}
|
||||
.wx08{ width: 12%; float: left;} .wx09{ width: 11%; float: left;} .wx10{ width: 9.9%; float: left;}
|
||||
|
||||
|
||||
/* ---------- 自定义部分 ---------- */
|
||||
/* 定义规则 作者汉语拼音缩写+类名+编号 如:.hs_indexLite01 */
|
||||
|
After Width: | Height: | Size: 43 B |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 377 B |
|
After Width: | Height: | Size: 76 B |
|
After Width: | Height: | Size: 239 B |
|
After Width: | Height: | Size: 239 B |
|
After Width: | Height: | Size: 49 B |
|
After Width: | Height: | Size: 16 KiB |
|
After Width: | Height: | Size: 271 B |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 435 B |
|
After Width: | Height: | Size: 622 B |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 70 B |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 137 KiB |
|
After Width: | Height: | Size: 5.8 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 44 B |
|
After Width: | Height: | Size: 44 B |
|
After Width: | Height: | Size: 121 B |
|
After Width: | Height: | Size: 128 B |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 140 B |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
@@ -0,0 +1,351 @@
|
||||
/* 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{background:#000;}
|
||||
.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;}
|
||||
/* 布局定义 */
|
||||
#footer{width:1002px;margin:0 auto;}
|
||||
|
||||
|
||||
/* 头部定义 */
|
||||
#header{background:url(images/headerBg.jpg) no-repeat 0px 108px;height:395px; overflow: hidden;}
|
||||
#content{background: White; padding: 8px 25px 0 25px; width: 952px; margin: 0 auto;}
|
||||
#sideBar{float:left;width:241px; }
|
||||
#mainContent{float:right;width:703px; }
|
||||
/* 顶部工具栏 */
|
||||
#topBar{height:32px; background: #333; }
|
||||
|
||||
#topBar h2{float:left;background:url(images/logo.gif) no-repeat 10px 6px;width:105px;height:26px;overflow:hidden; }
|
||||
#topBar h2 a {display:block;line-height:2000em;}
|
||||
|
||||
#toolBar{float:right; color:#fff; padding: 5px;}
|
||||
#toolBar a{color:#fff;}
|
||||
#toolBar span{ color: #fff;}
|
||||
#toolBar .inText{padding:2px;border:1px solid #bbbbbb; margin-right:6px;}
|
||||
#toolBar .bt{border:none;width:46px;height:18px;background:url(images/headerBg2.png) no-repeat left -250px;color:#878585; padding:0; margin: 0; }
|
||||
|
||||
/* 博客名称 */
|
||||
#siteTitle { float: left; padding: 25px 20px 0 25px;}
|
||||
|
||||
#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; }
|
||||
#siteTitle span a {color:#333333; }
|
||||
|
||||
/* 顶部导航 */
|
||||
#nav{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{font-size:14px;color:#333; float: right; padding: 30px 14px 0 0; }
|
||||
#topManager a{font-size:14px;color:#333; }
|
||||
#topManager #publishLog{background:url(images/headerBg2.png) no-repeat 0px -300px;width:80px; height:22px;display:inline-block;line-height:24px;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:16px;}
|
||||
#indexBox .hd .sysMenu{top:1px;}
|
||||
|
||||
#indexBox .bd{padding:10px 20px;border:1px solid #bbbbbb;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:#333;font-family:Arial,微软雅黑,宋体;font-weight:normal; }
|
||||
.blogItem .itemTitle span{ 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:#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:#333333; }
|
||||
|
||||
|
||||
.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: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:#333;font-weight:bold;margin-left:16px;}
|
||||
|
||||
#blogContent .bd{padding:10px 20px;border:1px solid #bbbbbb;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; }
|
||||
.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: #333333; }
|
||||
|
||||
/* 强制换行 */
|
||||
.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 150px}
|
||||
|
||||
.vcodeLogOn{margin:10px 0;}
|
||||
.bcommentpage{padding:20px 10px 10px 10px;}
|
||||
.bcommentpage a{color:#333333;}
|
||||
|
||||
/* 列表页样式 */
|
||||
#textListBox {background:#fff;border:1px solid #bbbbbb; 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 .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;}
|
||||
|
||||
/* 访客管理页样式 */
|
||||
#guestListBox .bd{border:1px solid #bbbbbb;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:#333333;}
|
||||
#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:16px;}
|
||||
|
||||
#sideBar .sideModule .moduleContent{border:1px solid #bbbbbb;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 h3{color:#333;font-weight:bold;margin-left:16px;}
|
||||
#blogerInfo .moduleContent{border:1px solid #bbbbbb;border-top:none;padding:10px; }
|
||||
#blogerInfo .pic{text-align:center; padding-top: 10px; }
|
||||
#blogerInfo .pic img{border:1px solid #cccccc;width:185px;height:195px;; }
|
||||
#blogerInfo h4{height:30px;line-height:30px;font-weight:bold;text-align:center; }
|
||||
|
||||
|
||||
/* 分类 */
|
||||
#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:#c4335e; font-family: Arial, Helvetica, sans-serif; font-size: 10px; }
|
||||
|
||||
#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;border-bottom:1px dashed #CCCCCC;}
|
||||
#sideBar #comment strong a{float:left;color:#000;}
|
||||
#sideBar #comment span{float:right; color:#999999; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
|
||||
#sideBar #comment p{clear:both;color:#000;}
|
||||
#sideBar #comment p a{color:#666;}
|
||||
|
||||
/* 分类选择列表 */
|
||||
#sortSelect li{height:28px; line-height:32px; background:url(images/icon.gif) no-repeat 2px 14px; 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 -36px;color:#644141;}
|
||||
#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 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: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:16px;height:27px;line-height:27px; }
|
||||
|
||||
#editorPage .bd,#commentManage .bd{border:1px solid #bbbbbb;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: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:60px;height:22px;background:url(images/headerBg2.png) no-repeat -140px -300px; padding-bottom:2px;margin-left:1em;color:#000; 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;}
|
||||
#commentManage .commentList .source {text-align:right; margin-top:1em;}
|
||||
#commentManage .commentList .source a{color:#644141; }
|
||||
|
||||
/* 分页盒样式 */
|
||||
.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:0px; 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 #bbbbbb; 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; line-height:28px; color: White;}
|
||||
#siteDom a{font-size:12px; color: White;}
|
||||
#siteInfo{text-align:center;}
|
||||
#siteInfo p{ height: 18px; color: #ccc;}
|
||||
|
||||
|
||||
|
||||
#RdlCategory
|
||||
{
|
||||
margin-left:50px;
|
||||
}
|
||||
|
||||
#CP_j_linedot
|
||||
{
|
||||
background: transparent url(images/CP_j_linedot.gif) repeat-x scroll 0 0;
|
||||
clear: both;
|
||||
height: 1px;
|
||||
display: block;
|
||||
overflow: hidden;
|
||||
margin-bottom:5px;
|
||||
margin-top:5px;
|
||||
padding-left:0px;
|
||||
}
|
||||
|
||||
|
||||
.class_page{padding-top: 10px;}
|
||||
.class_page a{color:#333; }
|
||||
|
||||
|
After Width: | Height: | Size: 43 B |
|
After Width: | Height: | Size: 2.7 KiB |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 691 B |
|
After Width: | Height: | Size: 271 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 35 KiB |
|
After Width: | Height: | Size: 5.0 KiB |
|
After Width: | Height: | Size: 1.0 KiB |
|
After Width: | Height: | Size: 13 KiB |
@@ -0,0 +1,340 @@
|
||||
/* 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;
|
||||
}
|
||||
@@ -0,0 +1,107 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
|
||||
/****** mainContent start 博文样式 ****************/
|
||||
|
||||
.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;}
|
||||
|
||||
|
||||
|
||||
#content { width:960px; margin:0 auto;}
|
||||
.clearFloat { clear:both;}
|
||||
#mainContent { float:left; width:690px; text-align:left; margin-right:5px;}
|
||||
#mainContent .hd { background:url(images/contentTitle_bg.jpg) no-repeat ; height:35px; line-height:35px; }
|
||||
.hd h3 { color:#4e4e4e; font-weight:bold; margin-left:30px; font-size:14px;}
|
||||
#mainContent .bd { background:#fff none repeat 0 0; border-color:#cccfcf; border-style: none solid solid; border-width: 0 1px 1px; padding:0 15px;}
|
||||
|
||||
.blogItem { padding:10px 15px; border-bottom: 1px dashed #ccc;}
|
||||
.itemTitle h2 { color:#0b72ad; line-height:24px; display:inline; font-size:16px; font-family:"宋体"; font-weight:bold; margin-right:2em;}
|
||||
.itemTitle span {color:#999; font-size:12px; margin:5px 0;}
|
||||
.itemTitle span.artmanage {color:#999; font-size:12px; float:right}
|
||||
|
||||
|
||||
.articleContent { color:#2e5664; font-size:12px;}
|
||||
.itemInfo { margin:20px 0; color:#7f7d7d; font-size:12px;}
|
||||
.itemInfo .itemStati { float:right; background:url(images/icon_02.jpg) no-repeat 0 0; font-size:12px; color:#7f7d7d; float:right; padding-left:20px;}
|
||||
.itemContent p { line-height:24px; color:#333;}
|
||||
.itemContent p img { line-height:20px;}
|
||||
|
||||
.blogItem .itemSort{line-height:24px; }
|
||||
.blogItem .tags{ margin:10px 0;}
|
||||
.tags strong, .sort strong {font-weight:normal; font-style:normal; color:#7f7d7d;}
|
||||
.blogItem .tags a{margin-right:0.5em;}
|
||||
.blogItem .tags a,.blogItem .sort a{color:#7f7d7d; }
|
||||
.blogItem .sort{float:right;}
|
||||
|
||||
.blogItem .itemContent{margin:10px 0;}
|
||||
ul.inputerInfoBox { margin:10px 0;}
|
||||
|
||||
|
||||
/****** sideBar start 博文样式 ****************/
|
||||
.modu1Header h3 { text-align:left; margin-left:30px; font-size:14px; color:#4e4e4e; font-weight:bold;}
|
||||
.moduleMenu { float:right;}
|
||||
div.pic img{ border:1px solid #ccc; margin:10px;}
|
||||
.modu1Content h4 { height:30px; color:#000; text-align:center;}
|
||||
.modu1Content { margin:0 0 10px 0;}
|
||||
|
||||
#sideBar { float:right; width:241px; margin-left:5px;}
|
||||
#blogerInfo { background:#fff repeat scroll 0 0; margin-bottom:8px; border-color:#cccfcf; border-style: none solid solid; border-width: 0 1px 1px;}
|
||||
.modu1Header { background:url(images/bloger_bg.jpg) no-repeat 0 0; height:35px; line-height:35px;}
|
||||
|
||||
#blogerInfo .moduleHeader .moduleMenu{right:10px; top:0px; color:#4e4e4e; }
|
||||
#blogerInfo .moduleHeader .moduleMenu{right:10px; top:0px; color:#4e4e4e; }
|
||||
#blogerInfo .moduleHeader h3{color:#595858;font-weight:bold;margin-left:27px;font-size:14px;}
|
||||
#blogerInfo .pic{text-align:center;}
|
||||
#blogerInfo .pic img{border:1px solid #ccc;width:185px;height:195px;border:1px solid #; margin:10px; }
|
||||
#blogerInfo h4{height:30px;line-height:30px;font-weight:bold;text-align:center; }
|
||||
|
||||
.moduleMenu { margin:-35px 5px 0 0;}
|
||||
|
||||
#sideBar .sideModule { clear:both; background:#fff repeat scroll 0 0; margin-bottom:8px; border-color:#cccfcf; border-style: none solid solid; border-width: 0 1px 1px;}
|
||||
.moduleHeader { background:url(images/bloger_bg.jpg) no-repeat 0 0; height:35px; line-height:35px;}
|
||||
.moduleHeader h3 {text-align:left; margin-left:30px; font-size:14px; color:#4e4e4e; font-weight:bold;}
|
||||
.moduleContent { margin:0 0 10px 0; text-align:center;}
|
||||
.moduleContent ul li { text-align:left; line-height:28px; font-size:12px; color:#615757; margin-left:30px;}
|
||||
#blogerInfo .pic{text-align:center; }
|
||||
#blogerInfo .pic img{border:1px solid #a8a7a7;width:185px;height:195px;border:1px solid #;}
|
||||
|
||||
#visitor li { border-bottom:1px dashed #CCCCCC; margin:10px;}
|
||||
#visitor .moduleContent img {border:1px solid #626262;height:40px;width:40px;}
|
||||
#visitor .moduleContent strong{ position:absolute; margin:0 10px;}
|
||||
#visitor .moduleContent span{ margin:15px 10px; position:absolute;}
|
||||
|
||||
|
||||
|
||||
.flipOver { margin:20px; color:#333}
|
||||
.pageDown { float:right;}
|
||||
|
||||
.commentList { margin:20px 0; width:668px; background:url(images/comment_bg.jpg) no-repeat;}
|
||||
.commentList h4 {font-size:14px; padding-left:20px; line-height:30px; height:30px;}
|
||||
.commentList .menu { float:right; margin:-22px 20px 0 0;}
|
||||
.commentList ul { margin:20px 10px ;}
|
||||
.commentList li { padding:20px; }
|
||||
.commentList li p{height:10px; }
|
||||
.commentList li img { height:65px; width:65px; float:left;border:1px solid #ccc;}
|
||||
.commentList li strong { padding-left:20px; color:#666;}
|
||||
.commentList li span.dateTime {float:right; color:#666;}
|
||||
.commentList li span.dateTime a{color:#7F7D7D;margin-left:5px; text-decoration:none;}
|
||||
/* 强制换行 */
|
||||
.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; }
|
||||
|
||||
.bcommentpage { text-align:center; margin:20px; color:#666}
|
||||
.inputContetntBox textarea { border:1px solid #CCCCCC; display:block; height:100px; width:400px;}
|
||||
.vcodeLogOn { margin:10px 0;}
|
||||
|
||||
.inputContetntBox .bt {background:transparent url(images/button.jpg) no-repeat; border:medium none; height:25px; margin:10px 0 10px 150px; padding-bottom:5px; width:74px;}
|
||||
|
||||
|
||||
.flipOver a:link, .menu a:link, .bcommentpage a:link {text-decoration: none; color:#333;}
|
||||
.flipOver a:visited, .menu a:visited, .bcommentpage a:visited {text-decoration:none; color:#333;}
|
||||
.flipOver a:hover, .menu a:hover, .bcommentpage a:hover { text-decoration:underline;color:#FF6666;}
|
||||
.flipOver a:active, .menu a:active, .bcommentpage a:active { text-decoration: none; color:#333;}
|
||||
|
||||
|
||||
|
||||
@@ -0,0 +1,38 @@
|
||||
/* CSS Document */
|
||||
|
||||
/****** body start 通用样式 ****************/
|
||||
|
||||
body { margin:0 auto; height:auto; background:#ecf0f1;}
|
||||
body { font-family:Arial, Helvetica, sans-serif, "宋体",; font-size:12px; font-size-adjust:none; font-stretch:normal; font-style:normal; font-variant:normal; font-weight:normal;}
|
||||
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, label, dl, dt, dd, fieldset, img, pre { margin:0px; padding:0px; list-style-image:none; list-style-position:outside; list-style-type:none; border:0;}
|
||||
input{margin:0px; padding:0px;font-size:12px;}
|
||||
.clearFloat { clear:both;}
|
||||
|
||||
/****** hd start 头部样式 ****************/
|
||||
|
||||
#header{ min-width:960px;}
|
||||
.topnav {background:url(images/top_bg.jpg) top repeat-x;border-bottom:#8e595b solid 1px;height:30px;}
|
||||
.topnav .bar_01 { margin:0 auto; width:960px; text-align:left;}
|
||||
.topnav .rightbar { float:right; font-size:12px; color:#4f4e4e; margin:3px 15px 0 -15px; height:20px;}
|
||||
.topnav .leftbar { padding-left:5px; background:url(images/logo.jpg) no-repeat; height:30px; color:#4f4e4e;}
|
||||
.leftbar span.blog_index {padding:8px 0 5px 120px; display:block;}
|
||||
|
||||
.topnav a{margin-left:5px;}
|
||||
|
||||
.topbanner { background:url(images/banner.jpg) no-repeat center 0; height:261px;}
|
||||
.blogname { margin:0 auto; width:960px; text-align:left;height:210px;position:relative;}
|
||||
.talk {position:absolute;top:50px;left:10px;}
|
||||
.topbanner .blogname span.pc_01 { font-size:26px; font-weight:bold;}
|
||||
.topbanner .blogname span.pc_02 { font-size:18px;}
|
||||
.topbanner .blogname span.look { padding-left:20px;}
|
||||
|
||||
.mainnav { width:960px; height:38px; font-size:14px; margin:0 auto;}
|
||||
.mainnav ul {padding-left:200px;}
|
||||
.mainnav li { float:left; margin:0; height:37px;line-height:37px;background:url(images/line.gif) no-repeat right center; padding:0px 10px;}
|
||||
.mainnav ul li.current { font-weight:bold;}
|
||||
|
||||
|
||||
/****** footer start 脚部样式 ****************/
|
||||
|
||||
#footer { clear:both; bottom:0px; padding:30px; height:auto; text-align:center;}
|
||||
#siteDom {font-size:12px;font-family:"宋体";color:#776c48; margin:0;padding:0 10px;}
|
||||
|
After Width: | Height: | Size: 43 B |
|
After Width: | Height: | Size: 137 KiB |
|
After Width: | Height: | Size: 12 KiB |
|
After Width: | Height: | Size: 737 B |
|
After Width: | Height: | Size: 4.5 KiB |
|
After Width: | Height: | Size: 21 KiB |
|
After Width: | Height: | Size: 17 KiB |
|
After Width: | Height: | Size: 66 B |
|
After Width: | Height: | Size: 387 B |
|
After Width: | Height: | Size: 895 B |
|
After Width: | Height: | Size: 319 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 706 B |
|
After Width: | Height: | Size: 134 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 264 B |
|
After Width: | Height: | Size: 50 B |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 3.1 KiB |
|
After Width: | Height: | Size: 354 B |
@@ -0,0 +1,666 @@
|
||||
@charset "utf-8";
|
||||
/* CSS Document */
|
||||
|
||||
|
||||
/****** mainContent start 博文样式 ****************/
|
||||
.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;
|
||||
}
|
||||
#content {
|
||||
width:960px;
|
||||
margin:0 auto;
|
||||
}
|
||||
.clearFloat {
|
||||
clear:both;
|
||||
}
|
||||
#indexBox {
|
||||
float:right;
|
||||
width:690px;
|
||||
text-align:left;
|
||||
margin-right:5px;
|
||||
}
|
||||
#indexBox .hd {
|
||||
background:url(images/contentTitle_bg.jpg) no-repeat;
|
||||
height:35px;
|
||||
line-height:35px;
|
||||
}
|
||||
.hd h3 {
|
||||
color:#4e4e4e;
|
||||
font-weight:bold;
|
||||
margin-left:30px;
|
||||
font-size:14px;
|
||||
}
|
||||
#indexBox .bd {
|
||||
background:#fff none repeat 0 0;
|
||||
border-color:#cccfcf;
|
||||
border-style: none solid solid;
|
||||
border-width: 0 1px 1px;
|
||||
padding:0 15px;
|
||||
}
|
||||
.blogItem {
|
||||
padding:10px 15px;
|
||||
border-bottom: 1px dashed #ccc;
|
||||
}
|
||||
.itemTitle h4 {
|
||||
color:#0b72ad;
|
||||
line-height:24px;
|
||||
display:inline;
|
||||
font-size:16px;
|
||||
font-family:"宋体";
|
||||
font-weight:bold;
|
||||
margin-right:2em;
|
||||
}
|
||||
.itemTitle span {
|
||||
color:#999;
|
||||
font-size:12px;
|
||||
margin:5px 0;
|
||||
}
|
||||
.itemTitle span.artmanage {
|
||||
color:#999;
|
||||
font-size:12px;
|
||||
float:right
|
||||
}
|
||||
.articleContent {
|
||||
color:#2e5664;
|
||||
font-size:12px;
|
||||
}
|
||||
.itemInfo {
|
||||
margin:20px 0;
|
||||
color:#7f7d7d;
|
||||
font-size:12px;
|
||||
}
|
||||
.itemInfo .itemStati {
|
||||
background:url(images/icon_02.jpg) no-repeat 0 0;
|
||||
font-size:12px;
|
||||
color:#7f7d7d;
|
||||
float:right;
|
||||
padding-left:20px;
|
||||
}
|
||||
.itemContent p {
|
||||
line-height:2em;
|
||||
margin-bottom:1em;
|
||||
text-indent: 2em;
|
||||
}
|
||||
.itemContent p img {
|
||||
line-height:20px;
|
||||
}
|
||||
.blogItem .itemSort {
|
||||
line-height:24px;
|
||||
}
|
||||
.blogItem .tags {
|
||||
float:left;
|
||||
}
|
||||
.tags strong, .sort strong {
|
||||
font-weight:normal;
|
||||
font-style:normal;
|
||||
color:#7f7d7d;
|
||||
}
|
||||
.blogItem .tags a {
|
||||
margin-right:0.5em;
|
||||
}
|
||||
.blogItem .tags a, .blogItem .sort a {
|
||||
color:#7f7d7d;
|
||||
}
|
||||
.blogItem .sort {
|
||||
float:right;
|
||||
}
|
||||
.blogItem .itemContent {
|
||||
margin:10px 0;
|
||||
}
|
||||
/************ 博文翻页 开始 ***********/
|
||||
|
||||
DIV.meneame {
|
||||
FONT-SIZE: 100%;
|
||||
MARGIN: 25px 0;
|
||||
COLOR: #666;
|
||||
text-align:right;
|
||||
}
|
||||
DIV.meneame A {
|
||||
BORDER-RIGHT: #ccc 1px solid;
|
||||
PADDING-RIGHT: 7px;
|
||||
BACKGROUND-POSITION: 50% bottom;
|
||||
BORDER-TOP: #ccc 1px solid;
|
||||
PADDING-LEFT: 7px;
|
||||
PADDING-BOTTOM: 2px;
|
||||
BORDER-LEFT: #ccc 1px solid;
|
||||
COLOR: #666;
|
||||
MARGIN-RIGHT: 3px;
|
||||
PADDING-TOP: 2px;
|
||||
BORDER-BOTTOM: #ccc 1px solid;
|
||||
TEXT-DECORATION: none
|
||||
}
|
||||
DIV.meneame A:hover {
|
||||
BORDER-RIGHT: #ff9600 1px solid;
|
||||
BORDER-TOP: #ff9600 1px solid;
|
||||
BACKGROUND-IMAGE: none;
|
||||
BORDER-LEFT: #ff9600 1px solid;
|
||||
COLOR: #ff6500;
|
||||
BORDER-BOTTOM: #ff9600 1px solid;
|
||||
BACKGROUND-COLOR: #ffc794;
|
||||
}
|
||||
DIV.meneame A:active {
|
||||
BORDER-RIGHT: #ff9600 1px solid;
|
||||
BORDER-TOP: #ff9600 1px solid;
|
||||
BACKGROUND-IMAGE: none;
|
||||
BORDER-LEFT: #ff9600 1px solid;
|
||||
COLOR: #ff6500;
|
||||
BORDER-BOTTOM: #ff9600 1px solid;
|
||||
BACKGROUND-COLOR: #ffc794;
|
||||
}
|
||||
DIV.meneame SPAN.current {
|
||||
BORDER-RIGHT: #ff6500 1px solid;
|
||||
PADDING-RIGHT: 7px;
|
||||
BORDER-TOP: #ff6500 1px solid;
|
||||
PADDING-LEFT: 7px;
|
||||
FONT-WEIGHT: bold;
|
||||
PADDING-BOTTOM: 5px;
|
||||
BORDER-LEFT: #ff6500 1px solid;
|
||||
COLOR: #ff6500;
|
||||
MARGIN-RIGHT: 3px;
|
||||
PADDING-TOP: 5px;
|
||||
BORDER-BOTTOM: #ff6500 1px solid;
|
||||
BACKGROUND-COLOR: #ffbe94
|
||||
}
|
||||
DIV.meneame SPAN.disabled {
|
||||
BORDER-RIGHT: #ffe3c6 1px solid;
|
||||
PADDING-RIGHT: 7px;
|
||||
BORDER-TOP: #ffe3c6 1px solid;
|
||||
PADDING-LEFT: 7px;
|
||||
PADDING-BOTTOM: 5px;
|
||||
BORDER-LEFT: #ffe3c6 1px solid;
|
||||
COLOR: #ffe3c6;
|
||||
MARGIN-RIGHT: 3px;
|
||||
PADDING-TOP: 5px;
|
||||
BORDER-BOTTOM: #ffe3c6 1px solid;
|
||||
}
|
||||
/****** sideBar start 博文样式 ****************/
|
||||
.modu1Header h3 {
|
||||
text-align:left;
|
||||
margin-left:30px;
|
||||
font-size:14px;
|
||||
color:#4e4e4e;
|
||||
font-weight:bold;
|
||||
}
|
||||
.moduleMenu {
|
||||
float:right;
|
||||
}
|
||||
div.pic img {
|
||||
border:1px solid #ccc;
|
||||
margin:10px;
|
||||
}
|
||||
.modu1Content h4 {
|
||||
height:30px;
|
||||
color:#000;
|
||||
text-align:center;
|
||||
}
|
||||
.modu1Content {
|
||||
margin:0 0 10px 0;
|
||||
}
|
||||
#sideBar {
|
||||
float:left;
|
||||
width:241px;
|
||||
margin-left:5px;
|
||||
}
|
||||
#sideBar #comment strong {
|
||||
color:#535353;
|
||||
float:left;
|
||||
}
|
||||
#sideBar #comment p {
|
||||
clear:both;
|
||||
color:#000000;
|
||||
}
|
||||
#sideBar #comment li
|
||||
{
|
||||
border-bottom:1px dashed #CCCCCC;
|
||||
line-height:24px;
|
||||
padding-bottom:10px;
|
||||
margin-bottom:10px;
|
||||
padding-left:12px;
|
||||
}
|
||||
#blogerInfo {
|
||||
background:#fff repeat scroll 0 0;
|
||||
margin-bottom:8px;
|
||||
border-color:#cccfcf;
|
||||
border-style: none solid solid;
|
||||
border-width: 0 1px 1px;
|
||||
}
|
||||
.modu1Header {
|
||||
background:url(images/bloger_bg.jpg) no-repeat 0 0;
|
||||
height:35px;
|
||||
line-height:35px;
|
||||
}
|
||||
#blogerInfo .moduleHeader .moduleMenu {
|
||||
right:10px;
|
||||
top:0px;
|
||||
color:#4e4e4e;
|
||||
}
|
||||
#blogerInfo .moduleHeader .moduleMenu {
|
||||
right:10px;
|
||||
top:0px;
|
||||
color:#4e4e4e;
|
||||
}
|
||||
#blogerInfo .moduleHeader h3 {
|
||||
color:#595858;
|
||||
font-weight:bold;
|
||||
margin-left:27px;
|
||||
font-size:14px;
|
||||
}
|
||||
#blogerInfo .pic {
|
||||
text-align:center;
|
||||
}
|
||||
#blogerInfo .pic img {
|
||||
border:1px solid #ccc;
|
||||
width:185px;
|
||||
height:195px;
|
||||
border:1px solid #;
|
||||
margin:10px;
|
||||
}
|
||||
#blogerInfo h4 {
|
||||
height:30px;
|
||||
line-height:30px;
|
||||
font-weight:bold;
|
||||
text-align:center;
|
||||
}
|
||||
#visitor li {
|
||||
border-bottom:1px dotted #ccc;
|
||||
margin:15px 20px;
|
||||
list-style:none;
|
||||
font-size:12px;
|
||||
background:none;
|
||||
}
|
||||
#visitor li span {
|
||||
}
|
||||
.moduleMenu {
|
||||
margin:-35px 5px 0 0;
|
||||
color:#ccc;
|
||||
}
|
||||
#visitor .moduleContent strong {
|
||||
position:absolute;
|
||||
margin:0 10px;
|
||||
}
|
||||
#visitor .moduleContent span {
|
||||
margin:20px 10px;
|
||||
position:absolute;
|
||||
}
|
||||
#comment .moduleContent span {
|
||||
float:right;
|
||||
color:#999;
|
||||
font-size:11px;
|
||||
margin-right:10px;
|
||||
}
|
||||
/****** column1 start 博文样式 ****************/
|
||||
|
||||
#sideBar .sideModule {
|
||||
clear:both;
|
||||
background:#fff repeat scroll 0 0;
|
||||
margin-bottom:8px;
|
||||
border-color:#cccfcf;
|
||||
border-style: none solid solid;
|
||||
border-width: 0 1px 1px;
|
||||
}
|
||||
.moduleHeader {
|
||||
background:url(images/bloger_bg.jpg) no-repeat 0 0;
|
||||
height:35px;
|
||||
line-height:35px;
|
||||
}
|
||||
.moduleHeader h3 {
|
||||
text-align:left;
|
||||
margin-left:30px;
|
||||
font-size:14px;
|
||||
color:#4e4e4e;
|
||||
font-weight:bold;
|
||||
}
|
||||
.moduleContent {
|
||||
margin:0 0 10px 0;
|
||||
}
|
||||
#category .moduleContent ul li {
|
||||
line-height:28px;
|
||||
font-size:14px;
|
||||
color:#615757;
|
||||
background:url(images/icon_03.jpg) no-repeat left center;
|
||||
margin:0 0 0 20px;
|
||||
padding-left:10px;
|
||||
}
|
||||
|
||||
#CP_j_linedot {
|
||||
background:transparent url(images/CP_j_linedot.gif) repeat-x scroll 0 0;
|
||||
clear:both;
|
||||
margin:0 5px;
|
||||
height:1px;
|
||||
margin-bottom:5px;
|
||||
margin-top:5px;
|
||||
overflow:hidden;
|
||||
padding-left:0;
|
||||
}
|
||||
.moduleContent ul li {
|
||||
text-align:left;
|
||||
line-height:28px;
|
||||
font-size:14px;
|
||||
color:#615757;
|
||||
margin:0 0 0 20px;
|
||||
padding-left:10px;
|
||||
}
|
||||
.moduleContent span {
|
||||
font-size:12px;
|
||||
}
|
||||
.moduleContent span.sysMenu {
|
||||
font-size:12px; float:right; margin:0 20px;
|
||||
}
|
||||
#blogerInfo .pic {
|
||||
text-align:center;
|
||||
}
|
||||
#blogerInfo .pic img {
|
||||
border:1px solid #a8a7a7;
|
||||
width:185px;
|
||||
height:195px;
|
||||
border:1px solid #;
|
||||
}
|
||||
/******************* 内容编辑页 样式**************/
|
||||
#editorPage {
|
||||
width:960px;
|
||||
background:#fff;
|
||||
border: 1px solid #ccc;
|
||||
}
|
||||
#editorPage .hd {
|
||||
text-align:left;
|
||||
background:url( images/edit_bg.gif) repeat-x;
|
||||
height:32px;
|
||||
line-height:32px;
|
||||
color:#666
|
||||
}
|
||||
#editorPage .hd .help {
|
||||
float:right;
|
||||
margin:0 30px;
|
||||
}
|
||||
#editorPage .hd h3 {
|
||||
background:url(images/icon_05.gif) no-repeat 65px center;
|
||||
margin-left:15px;
|
||||
font-size:14px;
|
||||
}
|
||||
#editorPage .bd {
|
||||
text-align:left; margin:0 20px;
|
||||
}
|
||||
#editorPage .bd .editor, #editorPage .bd .buttonBox {
|
||||
text-align:center; margin:20px 0;
|
||||
}
|
||||
#editorPage .bd .blogTitle {
|
||||
text-align:left;
|
||||
margin:15px 80px;
|
||||
font-size:14px;
|
||||
}
|
||||
#editorPage .bd .blogTitle strong {
|
||||
font-weight:normal;
|
||||
}
|
||||
#editorPage .bd .blogTag, #editorPage .bd .blogSort, #editorPage .bd .commentSetting {
|
||||
margin:20px 80px;
|
||||
}
|
||||
#editorPage .bd strong{font-weight:normal;}
|
||||
|
||||
.chooseColumns { padding:0 80px;}
|
||||
/** 访客列表样式 **/
|
||||
#guestListBox {
|
||||
width:960px;
|
||||
float:right;
|
||||
}
|
||||
#guestListBox .hd {
|
||||
background:url(images/contentTitle_all_bg.jpg) no-repeat;
|
||||
height:35px;
|
||||
line-height:35px;
|
||||
}
|
||||
#guestListBox .hd h3 {
|
||||
text-align:left;
|
||||
}
|
||||
#guestListBox .bd {
|
||||
background:#fff none repeat 0 0;
|
||||
border-color:#cccfcf;
|
||||
border-style: none solid solid;
|
||||
border-width: 0 1px 1px;
|
||||
}
|
||||
#guestListBox .bd ul {
|
||||
text-align:left;
|
||||
}
|
||||
#guestListBox .bd .class_page span {
|
||||
margin:20px;
|
||||
}
|
||||
#guestListBox li {
|
||||
border-bottom:1px dashed #CCCCCC;
|
||||
color:#5B5B5B;
|
||||
display:inline;
|
||||
float:left;
|
||||
height:52px;
|
||||
line-height:18px;
|
||||
position:relative;
|
||||
width:190px;
|
||||
padding:20px 15px;
|
||||
}
|
||||
#guestListBox li h4 {
|
||||
color:#333333;
|
||||
margin-left:60px;
|
||||
margin-top:-55px;
|
||||
}
|
||||
#guestListBox .bd .dateTime {
|
||||
margin-left:60px
|
||||
}
|
||||
#guestListBox .bd .menu {
|
||||
margin-left:60px
|
||||
}
|
||||
#guestListBox .class_page {
|
||||
margin:20px;
|
||||
}
|
||||
/** 访客样式 **/
|
||||
#guestsideBar, #comsideBar {
|
||||
float:left;
|
||||
width:241px;
|
||||
margin-left:5px;
|
||||
}
|
||||
#guestsideBar .bd, #comsideBar .bd {
|
||||
background:#fff repeat scroll 0 0;
|
||||
margin-bottom:8px;
|
||||
border-color:#cccfcf;
|
||||
border-style: none solid solid;
|
||||
border-width: 0 1px 1px;
|
||||
}
|
||||
.guestList, .comList {
|
||||
background:url(images/bloger_bg.jpg) no-repeat 0 0;
|
||||
height:35px;
|
||||
line-height:35px;
|
||||
}
|
||||
.guestList h3, .comList h3 {
|
||||
text-align:left;
|
||||
margin-left:30px;
|
||||
font-size:14px;
|
||||
color:#4e4e4e;
|
||||
font-weight:bold;
|
||||
}
|
||||
.guestList ul li, .comList ul li {
|
||||
text-align:left;
|
||||
color:#615757;
|
||||
list-style-image:url(images/icon_03.jpg);
|
||||
margin:0 0 0 30px;
|
||||
}
|
||||
/** 列表页样式 **/
|
||||
#textListBox {
|
||||
float:right;
|
||||
width:690px;
|
||||
}
|
||||
#textListBox .moduleHeader {
|
||||
background:url(images/contentTitle_bg.jpg) no-repeat;
|
||||
height:35px;
|
||||
line-height:35px;
|
||||
}
|
||||
#textListBox .moduleContent {
|
||||
background:#fff none repeat 0 0;
|
||||
border-color:#cccfcf;
|
||||
border-style: none solid solid;
|
||||
border-width: 0 1px 1px;
|
||||
}
|
||||
#textListBox .moduleContent .paginator {
|
||||
margin:20px;
|
||||
}
|
||||
#textListBox li {
|
||||
color:#5B5B5B;
|
||||
font-size:14px;
|
||||
line-height:36px;
|
||||
}
|
||||
#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 .dateTime{ float:right; padding-right:10px; top:3px; color:#333; font-family: Arial, Helvetica, sans-serif; font-size: 11px;}
|
||||
#textListBox li .sysMenu{ display:block; text-align:right;}
|
||||
#textListBox li .sysMenu a{color:#333; font-size: 12px; color:#999;}
|
||||
/** 个人资料样式 **/
|
||||
|
||||
.boxModeA {
|
||||
background:#FFFFFF none repeat scroll 0 0;
|
||||
border:1px solid #ccc;
|
||||
padding:15px 25px;
|
||||
text-align:left;
|
||||
}
|
||||
.boxModeA h3 {
|
||||
border-bottom:1px dashed #CCCCCC;
|
||||
font-size:14px;
|
||||
font-weight:bold;
|
||||
padding-bottom:15px;
|
||||
}
|
||||
#userinfoPage .bd {
|
||||
background:#FFFFFF none repeat scroll 0 0;
|
||||
font-size:14px;
|
||||
padding:20px 150px;
|
||||
}
|
||||
#userinfoPage .blogFace {
|
||||
position:relative;
|
||||
width:400px;
|
||||
}
|
||||
#userinfoPage .bd, #userinfoPage .bd strong {
|
||||
font-size:14px;
|
||||
}
|
||||
#userinfoPage .blogFace strong {
|
||||
height:1.8em;
|
||||
line-height:1.8em;
|
||||
position:absolute;
|
||||
}
|
||||
#userinfoPage .bd, #userinfoPage .bd strong {
|
||||
font-size:14px;
|
||||
}
|
||||
#userinfoPage .blogFace img {
|
||||
border:1px solid #CCCCCC;
|
||||
margin-left:3.5em;
|
||||
padding:2px;
|
||||
}
|
||||
label {
|
||||
cursor:pointer !important;
|
||||
}
|
||||
.blogFaceUploader {
|
||||
margin-left:3.5em;
|
||||
}
|
||||
.bloggerName, .blogFaceUploader, .blogFace, .buttonBox, #ExtenFileUpload___Frame {
|
||||
margin-top:12px;
|
||||
}
|
||||
#userinfoPage .buttonBox {
|
||||
text-align:center;
|
||||
}
|
||||
.buttonBox {
|
||||
border-top:1px dashed #999999;
|
||||
padding-top:20px;
|
||||
}
|
||||
#blogerInfo strong, #blogerInfo p {line-height:18px;margin-top:10px;}
|
||||
#blogerInfo strong {color:#4C0004;float:left;}
|
||||
#blogerInfo p {margin-left:60px; text-align:left;word-wrap: break-word; word-break: normal;}
|
||||
.pic .bdrowA span{width:80px;display:-moz-inline-box; display:inline-block;}
|
||||
|
||||
.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;}
|
||||
/** 评论管理页面 **/
|
||||
#commentManage { width:960px;
|
||||
|
||||
}
|
||||
|
||||
#commentManage .hd, #guestListBox .hd {
|
||||
background:transparent url(images/contentTitle_all_bg.jpg) no-repeat scroll 0 0;
|
||||
height:35px;
|
||||
position:relative;
|
||||
}
|
||||
|
||||
#commentManage .hd h3 { text-align:left; height:35px; line-height:35px;
|
||||
}
|
||||
input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] {
|
||||
cursor:pointer;
|
||||
}
|
||||
#commentManage .bd {
|
||||
background:#FFFFFF none repeat scroll 0 0;
|
||||
border-style:none solid solid;
|
||||
border-width:0 1px 1px;
|
||||
padding:20px 80px;
|
||||
color:#ccc;
|
||||
}
|
||||
#commentManage .commentList li, #commentManage .menu {
|
||||
border-bottom:1px dashed #CCCCCC;
|
||||
text-align:left;
|
||||
color:#333;
|
||||
}
|
||||
#commentManage .commentList li strong, #commentManage .commentList li p, #commentManage .commentList .source {
|
||||
margin-left:130px;
|
||||
color:#333;
|
||||
}
|
||||
.commentList li {
|
||||
padding:20px 10px;
|
||||
position:relative;
|
||||
}
|
||||
.commentList li .pic img {
|
||||
border:1px solid #CCCCCC;
|
||||
height:65px;
|
||||
width:65px;
|
||||
text-align:left;
|
||||
}
|
||||
.commentList li p{height:10px; }
|
||||
.commentList li span.dateTime a{color:#7F7D7D;margin-left:5px; text-decoration:none;}
|
||||
/* 强制换行 */
|
||||
.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:24px; color:#333; }
|
||||
#commentManage .commentList li .pic {
|
||||
left:50px;
|
||||
position:absolute;
|
||||
width:65px;
|
||||
}
|
||||
a {
|
||||
text-decoration:none;
|
||||
}
|
||||
#commentManage .commentList .source {
|
||||
margin-top:20px;
|
||||
text-align:right;
|
||||
font-family:"宋体"
|
||||
font-size:12px;
|
||||
}
|
||||
.commentList li .dateTime {
|
||||
position:absolute;
|
||||
right:10px;
|
||||
top:23px;
|
||||
}
|
||||
.paginator {
|
||||
text-align:center;
|
||||
margin:20px
|
||||
}
|
||||
|
||||
.paginator span {
|
||||
color:#333;
|
||||
}
|
||||
|
||||
.source a:link, .paginator a:link, .menu a:link { color:#333;}
|
||||
.source a:visited, .paginator a:visited, .menu a:visited { color:#333;}
|
||||
.source a:hover, .paginator a:hover, .menu a:hover { text-decoration:underline; color:#ff0000;}
|
||||
|
||||
|
||||
.class_page a:link { color:#333}
|
||||
.class_page a:visited { color:#333}
|
||||
.class_page a:hover { text-decoration:underline; color:#ff0000;}
|
||||
@@ -0,0 +1,80 @@
|
||||
/* CSS Document */
|
||||
|
||||
/************ topbar start 链接 **************/
|
||||
|
||||
.bar_01 a:link {text-decoration: none; color:#666666;;}
|
||||
.bar_01 a:visited {text-decoration:none; color:#666666;}
|
||||
.bar_01 a:hover { text-decoration:underline;color:#FF6666;}
|
||||
.bar_01 ul li a:active { text-decoration: none; color:#4f4e4e;}
|
||||
|
||||
/************ topbar end 链接 **************/
|
||||
|
||||
/************ mainnav start 导航链接 **************/
|
||||
|
||||
.mainnav ul li a:link {text-decoration: none; color:#000;;}
|
||||
.mainnav ul li a:visited {text-decoration:none; color:#000;}
|
||||
.mainnav ul li a:hover { text-decoration:underline;color:#FF6666;}
|
||||
.mainnav ul li a:active { text-decoration: none; color:#4f4e4e;}
|
||||
|
||||
.talk a:link {text-decoration: none; color:#292929;;}
|
||||
.talk a:visited {text-decoration:none; color:#7f7d7d;}
|
||||
.talk a:hover { text-decoration:underline;color:#FF6666;}
|
||||
.talk a:active { text-decoration: none; color:#4f4e4e;}
|
||||
|
||||
/************ mainnav end 导航链接 **************/
|
||||
|
||||
/************ blogArticle start 博文内容链接**********/
|
||||
|
||||
.itemTitle h4 a:link {text-decoration: none; color:#6666CC;}
|
||||
.itemTitle h4 a:visited {text-decoration:none; color:#6666CC;}
|
||||
.itemTitle h4 a:hover { text-decoration:underline;color:#FF6666;}
|
||||
.itemTitle h4 a:active { text-decoration: none; color:#4f4e4e;}
|
||||
|
||||
.tags a:link {text-decoration: none; color:#7f7d7d;}
|
||||
.tags a:visited {text-decoration:none; color:#7f7d7d;}
|
||||
.tags a:hover { text-decoration:underline;color:#FF6666;}
|
||||
.tags a:active { text-decoration: none; color:#4f4e4e;}
|
||||
|
||||
.articleTag .tags a:link {text-decoration: none; color:#7f7d7d;}
|
||||
.articleTag .tags a:visited {text-decoration:none; color:#7f7d7d;}
|
||||
.articleTag .tags a:hover { text-decoration:underline;color:#FF6666;}
|
||||
.articleTag .tags a:active { text-decoration: none; color:#4f4e4e;}
|
||||
|
||||
.itemInfo a:link {text-decoration: none; color:#7f7d7d;}
|
||||
.itemInfo a:visited {text-decoration:none; color:#7f7d7d;}
|
||||
.itemInfo a:hover { text-decoration:underline;color:#FF6666;}
|
||||
.itemInfo a:active { text-decoration: none; color:#4f4e4e;}
|
||||
|
||||
.artmanage a:link {text-decoration: none; color:#7f7d7d;}
|
||||
.artmanage a:visited {text-decoration:none; color:#7f7d7d;}
|
||||
.artmanage a:hover { text-decoration:underline;color:#FF6666;}
|
||||
.artmanage a:active { text-decoration: none; color:#4f4e4e;}
|
||||
|
||||
|
||||
/************ blogArticle end 博文内容链接**********/
|
||||
|
||||
|
||||
|
||||
/************ sideBar start 侧栏链接**************/
|
||||
|
||||
.moduleContent ul li a:link {text-decoration: none; color:#7f7d7d;}
|
||||
.moduleContent ul li a:visited {text-decoration:none; color:#7f7d7d;}
|
||||
.moduleContent ul li a:hover { text-decoration:underline;color:#FF6666;}
|
||||
.moduleContent ul li a:active { text-decoration: none; color:#4f4e4e;}
|
||||
|
||||
.moduleMenu a:link {text-decoration: none; color:#7f7d7d;}
|
||||
.moduleMenu a:visited {text-decoration:none; color:#7f7d7d;}
|
||||
.moduleMenu a:hover { text-decoration:underline;color:#FF6666;}
|
||||
.moduleMenu a:active { text-decoration: none; color:#4f4e4e;}
|
||||
|
||||
/************ sideBar start 侧栏链接**************/
|
||||
|
||||
/************ footer start 底部链接**************/
|
||||
|
||||
#footer a:link {text-decoration: none; color:#7f7d7d;}
|
||||
#footer a:visited {text-decoration:none; color:#7f7d7d;}
|
||||
#footer a:hover { text-decoration:underline;color:#FF6666;}
|
||||
#footer a:active { text-decoration: none; color:#4f4e4e;}
|
||||
|
||||
/************ footer start 底部链接**************/
|
||||
|
||||
@@ -0,0 +1,215 @@
|
||||
/* ================================================博客首页样式====================================================== */
|
||||
|
||||
.header{width: 1002px; margin: 0 auto;}
|
||||
|
||||
.head{background: #333; height: 32px; overflow: hidden;}
|
||||
.head .logo{ float: left; background:url(images/logo.gif) no-repeat 8px 6px; width:103px; height:26px; overflow:hidden;}
|
||||
.head .logo a{display:block;line-height:2000em;}
|
||||
.head .txt{ float: left; padding: 8px 0 0 40px; color: #7b7b7b;}
|
||||
|
||||
|
||||
|
||||
/*name 博客命名*/
|
||||
.name{padding: 80px 0 87px 150px;}
|
||||
* html .name{padding: 80px 0 83px 150px;}
|
||||
*+html .name{padding: 80px 0 83px 150px;}
|
||||
.name h3{color: #000; font-family: 微软雅黑, 华文细黑, 黑体, Arial; font-size: 24px; font-weight: normal; display: block; padding: 0 0 4px 0;}
|
||||
.name h3 a{color: #000; text-decoration: none;}
|
||||
.name h3 a:hover{color: #ff5000; text-decoration: none;}
|
||||
.name h4{color: #666; padding: 8px 0 0 0; font-weight: normal; display: block; background: url(images/hline.gif) no-repeat 0 top;}
|
||||
.name h4 a{color: #666; text-decoration: none;}
|
||||
.name h4 a:hover{color: #ff5000; text-decoration: none;}
|
||||
|
||||
|
||||
.banner{background: url(images/banner.jpg) no-repeat 0 0; height: 255px;}
|
||||
|
||||
/* M001MN0101 水平菜单 */
|
||||
.M001MN1101 { height: 28px; overflow: hidden; border-top: solid #a3a4a3 1px; border-bottom: solid #a3a4a3 1px; background: White; filter:alpha(opacity=70);-moz-opacity:0.8;}
|
||||
.M001MN1101 ul { display: block; padding-left: 16px;}
|
||||
.M001MN1101 li { display: inline; font-size: 14px;}
|
||||
.M001MN1101 a { margin: 0; padding: 0 0 0 8px; float: left; }
|
||||
.M001MN1101 a span {padding: 8px 12px 4px 12px; color: #666; display: block; }
|
||||
.M001MN1101 a:hover {text-decoration: none; font-weight: bold;}
|
||||
.M001MN1101 a:hover span {color: #000;}
|
||||
.M001MN1101 .current a{color: #000; }
|
||||
.M001MN1101 .current span{color: #000; font-weight: bold;}
|
||||
|
||||
|
||||
/*M001NS1301 个人资料*/
|
||||
.M001NS1301{padding: 1px; margin-bottom: 10px; border: solid #c4cdd2 1px; height:100%; overflow:auto; background: White;}
|
||||
.M001NS1301 h3{ padding: 0; margin: 0; height: 24px; overflow: hidden; color: #333; background: #e3e7ea;}
|
||||
.M001NS1301 h3 span {font-size: 14px; color: #003b5b; padding: 5px 0 0 22px; display: block; float: left; background: url(images/hudie.gif) no-repeat 4px 4px;}
|
||||
.M001NS1301 h3 em a {padding: 5px 2px 0 0; font-size: 12px; color: #61666c; text-align: right; text-decoration: underline; font-weight: normal; font-style: normal; display: block; float: right; cursor: hand; }
|
||||
.M001NS1301 .content2{width: 162px; margin: 0 auto; padding: 18px 0 10px 0;}
|
||||
.M001NS1301 .pic{display: block; width: 162px; padding: 0 0 10px 0;}
|
||||
.M001NS1301 .pic a {width: 160px; overflow: hidden;}
|
||||
.M001NS1301 .pic a:hover {}
|
||||
.M001NS1301 .pic a img{ height: 160px; border: solid #c4cdd2 1px; }
|
||||
.M001NS1301 .pic a span{ }
|
||||
.M001NS1301 h4 {margin: 0; padding-bottom: 10px; color: #44687d; text-align: center;}
|
||||
.M001NS1301 ul{padding: 0; display: block; border-bottom: dashed #e0e0e0 1px; height: 50px;}
|
||||
.M001NS1301 li{ float: left; width: 60px; height: 24px; color: #333; padding: 2px 0 0 20px;}
|
||||
.M001NS1301 .n1{background: url(images/add_friend.gif) no-repeat 0 0;}
|
||||
.M001NS1301 .n2{background: url(images/note.gif) no-repeat 0 1px;}
|
||||
.M001NS1301 .n3{background: url(images/message.gif) no-repeat 0 1px;}
|
||||
.M001NS1301 .n4{background: url(images/dynamic.gif) no-repeat 0 2px;}
|
||||
.M001NS1301 .txt{ margin: 0; padding-top: 6px; color: #333; display: block; font-weight: bold;}
|
||||
.M001NS1301 .txt span{font-weight: normal; color: #999;}
|
||||
.M001NS1301 .txt strong img{ padding: 4px 4px 0 4px; margin: 0; }
|
||||
|
||||
|
||||
/*M001NS2301 访客*/
|
||||
.M001NS2301{padding: 1px; margin-bottom: 10px; border: solid #c4cdd2 1px; height:100%; overflow:auto; background: White;}
|
||||
.M001NS2301 h3{ padding: 0; margin: 0; height: 24px; overflow: hidden; color: #333; background: #e3e7ea;}
|
||||
.M001NS2301 h3 span {font-size: 14px; color: #003b5b; padding: 5px 0 0 22px; display: block; float: left; background: url(images/hudie.gif) no-repeat 4px 4px;}
|
||||
.M001NS2301 h3 em{padding: 5px 2px 0 0; text-align: right; font-weight: normal; font-style: normal; display: block; float: right;}
|
||||
.M001NS2301 h3 em a { font-size: 12px; color: #61666c; text-decoration: underline; cursor: hand; padding-left: 8px; }
|
||||
.M001NS2301 .content2{width: 181px; margin: 0 auto; padding: 14px 0 0 0; height:100%; overflow:auto;}
|
||||
.M001NS2301 dl{ padding: 0 5px 0 5px; float: left; width: 50px; height: 90px;}
|
||||
.M001NS2301 dt{ }
|
||||
.M001NS2301 dt a { display: block; border: solid #717171 1px; padding: 1px; width: 46px; overflow: hidden; }
|
||||
.M001NS2301 dt a:hover {border: solid #c4cdd2 1px; }
|
||||
.M001NS2301 dt a img{ height: 46px;}
|
||||
.M001NS2301 dt a span{}
|
||||
.M001NS2301 dd {padding: 8px 0 0 0; width: 50px; text-align: center;}
|
||||
.M001NS2301 dd a{ font-size: 12px; color: #7C7C7C; font-weight: normal;}
|
||||
.M001NS2301 dd a:hover{ color: #555555; text-decoration: none; }
|
||||
.M001NS2301 dd span{ display: block; }
|
||||
|
||||
|
||||
/*M001NS2101 评论*/
|
||||
.M001NS2101{padding: 1px; margin-bottom: 10px; border: solid #c4cdd2 1px; height:100%; overflow:auto; background: White;}
|
||||
.M001NS2101 h3{ padding: 0; margin: 0; height: 24px; overflow: hidden; color: #333; background: #e3e7ea;}
|
||||
.M001NS2101 h3 span {font-size: 14px; color: #003b5b; padding: 5px 0 0 22px; display: block; float: left; background: url(images/hudie.gif) no-repeat 4px 4px;}
|
||||
.M001NS2101 h3 em{padding: 5px 2px 0 0; text-align: right; font-weight: normal; font-style: normal; display: block; float: right;}
|
||||
.M001NS2101 h3 em a { font-size: 12px; color: #61666c; text-decoration: underline; cursor: hand; padding-left: 8px; }
|
||||
.M001NS2101 ul{ padding: 12px 8px 12px 8px;}
|
||||
.M001NS2101 li{display: block; padding: 10px 0 6px 0; border-bottom: dashed #e0e0e0 1px; }
|
||||
.M001NS2101 li span a {color:#888; font-size:12px; font-weight: bold; padding: 0 8px 6px 12px; display: block; background: url(images/dot.gif) no-repeat 0 7px;}
|
||||
.M001NS2101 li a{color: #888; display: block; padding-left: 12px;}
|
||||
.M001NS2101 li a:hover{ color:#F00; }
|
||||
.M001NS2101 .more { padding: 0 8px 10px 0; text-align: right;}
|
||||
.M001NS2101 .more a{ color: #333;}
|
||||
.M001NS2101 .more a:hover{ color: #f00;}
|
||||
|
||||
|
||||
/*M001NS2102 分类*/
|
||||
.M001NS2102{padding: 1px; border: solid #c4cdd2 1px; height:100%; overflow:auto; background: White;}
|
||||
.M001NS2102 h3{ padding: 0; margin: 0; height: 24px; overflow: hidden; color: #333; background: #e3e7ea;}
|
||||
.M001NS2102 h3 span {font-size: 14px; color: #003b5b; padding: 5px 0 0 22px; display: block; float: left; background: url(images/hudie.gif) no-repeat 4px 4px;}
|
||||
.M001NS2102 h3 em{padding: 5px 2px 0 0; text-align: right; font-weight: normal; font-style: normal; display: block; float: right;}
|
||||
.M001NS2102 h3 em a { font-size: 12px; color: #61666c; text-decoration: underline; cursor: hand; padding-left: 8px; }
|
||||
.M001NS2102 ul{ padding: 12px 8px 12px 8px;}
|
||||
.M001NS2102 li{display: block; padding: 4px 0 4px 0;}
|
||||
.M001NS2102 li a{color: #888; font-size:12px; font-weight: bold; padding: 0 8px 0 12px; background: url(images/dot.gif) no-repeat 0 7px; display: block;}
|
||||
.M001NS2102 li a:hover{ color:#F00; }
|
||||
|
||||
|
||||
/*M001AT2101 博文*/
|
||||
.M001AT2101{padding: 1px; border: solid #c4cdd2 1px; height:100%; overflow:auto; background: White; }
|
||||
.M001AT2101 h3{ padding: 0; margin: 0; height: 24px; overflow: hidden; color: #333; background: #e3e7ea;}
|
||||
.M001AT2101 h3 span {font-size: 14px; color: #003b5b; padding: 5px 0 0 22px; display: block; float: left; background: url(images/hudie.gif) no-repeat 4px 4px;}
|
||||
.M001AT2101 h3 em a {padding: 5px 2px 0 0; font-size: 12px; color: #61666c; text-align: right; text-decoration: underline; font-weight: normal; font-style: normal; display: block; float: right; cursor: hand; }
|
||||
.M001AT2101 .content2{padding: 0 30px 5px 30px;}
|
||||
.M001AT2101 .cell{border-bottom: dashed #e0e0e0 1px; padding: 26px 0 0 0;}
|
||||
.M001AT2101 dt{margin: 0; font-size: 20px; color: #006196; font-family: 微软雅黑, 华文细黑, 黑体, Arial; font-weight: normal;}
|
||||
.M001AT2101 dt a{color: #006196;}
|
||||
.M001AT2101 dd { padding: 6px 0 0 0; }
|
||||
.M001AT2101 dd a{ color: #006196;}
|
||||
.M001AT2101 dd a:hover{ color: #f00;}
|
||||
.M001AT2101 .time{ font-size: 10px; font-weight: normal; padding:0 0 0 10px; color: #44687d;}
|
||||
.M001AT2101 .cate{ font-size: 12px; font-weight: normal; padding:0; color: #666; float: right;}
|
||||
.M001AT2101 .txt{ padding: 20px 0 0 0;}
|
||||
.M001AT2101 .txt p{ color: #666; font-size: 14px; padding: 0 0 1em 0; line-height: 160%; text-align: justify; text-justify: distribute; }
|
||||
.M001AT2101 .more{ display: block; padding: 0 0 28px 0;}
|
||||
.M001AT2101 .more a{color: #006196; font-weight: bold;}
|
||||
.M001AT2101 .num{ float: right; color: #006196;}
|
||||
.M001AT2101 .num a{ color: #006196; font-weight: normal; padding: 0 0 0 20px; }
|
||||
.M001AT2101 .num li{ float: left;}
|
||||
.M001AT2101 .num .n1{ background: url(images/read.gif) no-repeat 0 1px; }
|
||||
.M001AT2101 .num .n2{ background: url(images/comment.gif) no-repeat 0 1px; }
|
||||
|
||||
|
||||
/*pagePanel 分页*/
|
||||
.pagePanel{ margin: 0; padding: 10px 30px 30px 0; text-align: right; }
|
||||
.pagePanel ul{}
|
||||
.pagePanel li{ display: inline; }
|
||||
.pagePanel li a{ color: #000; border: solid #ccc 1px; padding: 2px 4px 2px 4px; height: 20px; }
|
||||
.pagePanel li a:hover{ color: red; }
|
||||
.pagePanel .cr{}
|
||||
.pagePanel .c1{}
|
||||
.pagePanel .c2{}
|
||||
.pagePanel .c3{}
|
||||
.pagePanel .c4{}
|
||||
.pagePanel .c5{}
|
||||
.pagePanel .c6{}
|
||||
.pagePanel .c7{}
|
||||
.pagePanel .c8{}
|
||||
.pagePanel .c9{}
|
||||
.pagePanel .c10{}
|
||||
.pagePanel .c11{}
|
||||
|
||||
|
||||
|
||||
|
||||
/* ================================================博客分类页====================================================== */
|
||||
|
||||
|
||||
/*M001NS2103 分类*/
|
||||
.M001NS2103{padding: 1px; margin-bottom: 10px; border: solid #c4cdd2 1px; height:100%; overflow:auto; background: White;}
|
||||
.M001NS2103 h3{ padding: 0; margin: 0; height: 24px; overflow: hidden; color: #333; background: #e3e7ea;}
|
||||
.M001NS2103 h3 span {font-size: 14px; color: #003b5b; padding: 5px 0 0 22px; display: block; float: left; background: url(images/hudie.gif) no-repeat 4px 4px;}
|
||||
.M001NS2103 h3 em a {padding: 5px 2px 0 0; font-size: 12px; color: #61666c; text-align: right; text-decoration: underline; font-weight: normal; font-style: normal; display: block; float: right; cursor: hand; }
|
||||
.M001NS2103 ul{ padding: 12px 8px 12px 8px; display: block;}
|
||||
.M001NS2103 li { height: 30px; }
|
||||
.M001NS2103 li a {width: 150px; height: 20px; padding: 4px 0 0 30px; display: block;}
|
||||
.M001NS2103 li a span { color: #333; display: block;}
|
||||
.M001NS2103 li a:hover {background: url(images/menu_01.gif) no-repeat left top; color: White; text-decoration: none; font-weight: bold; }
|
||||
.M001NS2103 li a:hover span { color: White; }
|
||||
.M001NS2103 .cr a{background: url(images/menu_01.gif) no-repeat left top; color: White; font-weight: bold;}
|
||||
.M001NS2103 .cr span{color: White;}
|
||||
.M001NS2103 .line{ border-bottom: dashed #eaeaea 1px; height: 10px;}
|
||||
|
||||
|
||||
|
||||
/*M001NS2201 全部博文*/
|
||||
.M001NS2201{padding: 1px; margin-bottom: 10px; border: solid #c4cdd2 1px; height:100%; overflow:auto; background: White;}
|
||||
.M001NS2201 h3{ padding: 0; margin: 0; height: 24px; overflow: hidden; color: #333; background: #e3e7ea;}
|
||||
.M001NS2201 h3 span {font-size: 14px; color: #003b5b; padding: 5px 0 0 22px; display: block; float: left; background: url(images/hudie.gif) no-repeat 4px 4px;}
|
||||
.M001NS2201 .list ul{ padding: 30px; }
|
||||
.M001NS2201 .list li{ font-size: 14px; display: block; border-bottom: dashed #eaeaea 1px; padding: 8px 0 0 0; height: 22px; overflow: hidden;}
|
||||
.M001NS2201 .list li a{ background: url(images/li_01.gif) no-repeat 0 2px; color: #666; padding: 0 6px 0 16px; float: left; }
|
||||
.M001NS2201 .list li a:hover{ color:#F60; }
|
||||
.M001NS2201 .list .time{ float: left; color:#666; font-size:10px; padding: 2px 0 0 8px;}
|
||||
.M001NS2201 .list .fla{ background: url(images/flash.gif) no-repeat 50% 50%; width: 16px; height: 11px; padding: 3px 0 0 3px; float: left; text-indent: -9999px; }
|
||||
.M001NS2201 .list .img{ background: url(images/img.gif) no-repeat 50% 50%; width: 16px; height: 11px; padding: 3px 0 0 3px; float: left; text-indent: -9999px; }
|
||||
.M001NS2201 .list .edit{float: right; color: #666; display: block;}
|
||||
.M001NS2201 .list .edit em { color: #666; font-size: 12px; float: left; display: inline; padding-left: 12px;}
|
||||
.M001NS2201 .list .edit em a{ color: #666; background: none; padding: 0; margin: 0;}
|
||||
.M001NS2201 .list br{ clear: both; }
|
||||
|
||||
|
||||
/*M001NS2201 博文访客*/
|
||||
.M001NS2401{padding: 1px; margin-bottom: 10px; border: solid #c4cdd2 1px; height:100%; overflow:auto; background: White;}
|
||||
.M001NS2401 h3{ padding: 0; margin: 0; height: 24px; overflow: hidden; color: #333; background: #e3e7ea;}
|
||||
.M001NS2401 h3 span {font-size: 14px; color: #003b5b; padding: 5px 0 0 22px; display: block; float: left; background: url(images/hudie.gif) no-repeat 4px 4px;}
|
||||
.M001NS2401 .cell{ padding: 30px 0 10px 30px; width: 218px; float: left;}
|
||||
.M001NS2401 .pic{ float: left; }
|
||||
.M001NS2401 .pic a { display: block; border: 1px solid #717171; padding: 1px; width: 60px; overflow: hidden;}
|
||||
.M001NS2401 .pic a:hover { border: 1px solid #ccc; }
|
||||
.M001NS2401 .pic a img{ height: 60px; }
|
||||
.M001NS2401 .pic a span{ }
|
||||
.M001NS2401 .content3{margin: 0 0 0 80px;}
|
||||
.M001NS2401 h4 {margin: 0; padding: 0;}
|
||||
.M001NS2401 h4 a{ font-size: 14px; color: #006196;}
|
||||
.M001NS2401 h4 a:hover{ color: red; text-decoration: none; }
|
||||
.M001NS2401 .time{ font-size: 10px; font-weight: normal; padding: 8px 0 12px 0; display: block; }
|
||||
.M001NS2401 .del { }
|
||||
.M001NS2401 .bt{padding: 30px;}
|
||||
.M001NS2401 .bt a{ display: block; padding: 0 4px 0 0; color: #fff; text-decoration: none; float: left; }
|
||||
.M001NS2401 .bt a span{ display: block; background: url(images/bt03.gif) no-repeat 0 0; width: 30px; height: 17px; padding: 2px 0 0 26px; cursor: pointer;}
|
||||
.M001NS2401 .bt a:hover span{color: #f00; text-decoration: none; }
|
||||
.M001NS2401 .bt a em{ display: block; background: url(images/bt04.gif) no-repeat 0 0; width: 30px; height: 18px; padding: 2px 0 0 22px; cursor: pointer;}
|
||||
.M001NS2401 .bt a:hover em{color: #f00; text-decoration: none; }
|
||||
.M001NS2401 .bt a:hover{ text-decoration: none; }
|
||||
|
||||
@@ -0,0 +1,80 @@
|
||||
/* =================================== */
|
||||
/* 页面初始化定义 eltReset v2008.02.07 */
|
||||
/* =================================== */
|
||||
|
||||
/* ---------- 常规 XHTML元素初始化定义 禁止改动---------- */
|
||||
|
||||
body,td,th,p,div { font-family: Arial; font-size: 12px; margin: 0; padding: 0; color: #333; }
|
||||
body{ padding: 0; margin: 0; background: Black;}
|
||||
|
||||
h1,h2,h3,h4,h5{ padding: 0; margin: 0; }
|
||||
h1,h2 { font-family: 微软雅黑, 华文细黑, 黑体, Arial; }
|
||||
h1{ font-size: 24px;}
|
||||
h2{ font-size: 18px; }
|
||||
h3{ font-size: 14px;}
|
||||
h4{font-size: 12px;}
|
||||
h5{font-size: 12px;}
|
||||
|
||||
p{ padding: 0 0 1em 0; line-height: 150%;}
|
||||
#blogerInfo p {margin-left:60px;word-wrap: break-word; word-break: normal;}
|
||||
hr{ background: #CCC; width: 100%; height: 1px; }
|
||||
img{ border: 0px; background: url(loading.gif) no-repeat 0 0;}
|
||||
strong{}
|
||||
#blogerInfo strong{ float:left;}
|
||||
em{font-style: normal;}
|
||||
area {blr:expression(this.onFocus=this.blur())}
|
||||
|
||||
a{text-decoration:none; color: #666; blr:expression(this.onFocus=this.blur());}
|
||||
a:hover{text-decoration:none;}
|
||||
|
||||
ul{ margin: 0; padding: 0;}
|
||||
li{ list-style: none; }
|
||||
|
||||
dl,dd,dt{ margin: 0; padding: 0;}
|
||||
|
||||
frame, frameset, noframes, iframe{ padding: 0; margin: 0; border: 0px;} /*frame{} frameset{} noframes{} iframe{}*/
|
||||
form,input,textarea,button,select,optgroup,option,label,fieldset,legend{ color: #333; font-family: Arial; font-size: 12px; margin: 0; padding: 0; }
|
||||
form{border: 0px;}
|
||||
input {}
|
||||
textarea{}
|
||||
button{}
|
||||
select{}
|
||||
optgroup{}
|
||||
option{}
|
||||
label{}
|
||||
fieldset{}
|
||||
legend{}
|
||||
|
||||
/* 常量 */
|
||||
.clear{ clear: both; height: 0; font-size: 1px; line-height: 0px; }
|
||||
|
||||
.mg00{ margin: 8px; } .mg01{ margin: 8px 0 0 0; } .mg02{ margin: 0 8px 0 0; } .mg03{ margin: 0 0 8px 0; } .mg04{ margin: 0 0 0 8px; }
|
||||
.mg10{ margin: 16px; } .mg11{ margin: 16px 0 0 0; } .mg12{ margin: 0 16px 0 0; } .mg13{ margin: 0 0 16px 0; } .mg14{ margin: 0 0 0 16px; }
|
||||
.mg20{ margin: 24px; } .mg21{ margin: 24px 0 0 0; } .mg22{ margin: 0 24px 0 0; } .mg23{ margin: 0 0 24px 0; } .mg24{ margin: 0 0 0 24px; }
|
||||
|
||||
.pd00{ padding: 8px; } .pd01{ padding: 8px 0 0 0; } .pd02{ padding: 0 8px 0 0; } .pd03{ padding: 0 0 8px 0; } .pd04{ padding: 0 0 0 8px; }
|
||||
.pd10{ padding: 16px; } .pd11{ padding: 16px 0 0 0; } .pd12{ padding: 0 16px 0 0; } .pd13{ padding: 0 0 16px 0; } .pd14{ padding: 0 0 0 16px; }
|
||||
.pd20{ padding: 24px; } .pd21{ padding: 24px 0 0 0; } .pd22{ padding: 0 24px 0 0; } .pd23{ padding: 0 0 24px 0; } .pd24{ padding: 0 0 0 24px; }
|
||||
|
||||
.w60{ width: 60px; } .w80{ width: 80px; } .w120{ width: 120px; } .w160{ width: 160px; }
|
||||
.w200{ width: 200px; } .w240{ width: 240px; } .w300{ width: 300px; } .w320{ width: 320px; }
|
||||
.w400{ width: 400px; } .w600{ width: 600px; }
|
||||
|
||||
.wx01{}
|
||||
.wx02{ width: 49.5%; float: left;} .wx03{ width: 33%; float: left;} .wx04{ width: 24.5%; float: left;}
|
||||
.wx05{ width: 19.5%; float: left;} .wx06{ width: 16.5%; float: left;} .wx07{ width: 14.1%; float: left;}
|
||||
.wx08{ width: 12%; float: left;} .wx09{ width: 11%; float: left;} .wx10{ width: 9.9%; float: left;}
|
||||
|
||||
|
||||
/* ---------- 自定义部分 ---------- */
|
||||
/* 定义规则 作者汉语拼音缩写+类名+编号 如:.hs_indexLite01 */
|
||||
|
||||
/*---------个人资料---------*/
|
||||
.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;}
|
||||
|
After Width: | Height: | Size: 43 B |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 391 B |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 1022 B |
|
After Width: | Height: | Size: 67 KiB |
|
After Width: | Height: | Size: 462 B |
|
After Width: | Height: | Size: 271 B |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 435 B |
|
After Width: | Height: | Size: 112 B |
|
After Width: | Height: | Size: 97 B |
|
After Width: | Height: | Size: 622 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 753 B |
|
After Width: | Height: | Size: 98 B |
|
After Width: | Height: | Size: 44 B |
|
After Width: | Height: | Size: 230 B |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.6 KiB |