first commit
This commit is contained in:
@@ -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 */
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 43 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
Binary file not shown.
Binary file not shown.
|
After Width: | Height: | Size: 1.7 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 377 B |
Binary file not shown.
|
After Width: | Height: | Size: 76 B |
Binary file not shown.
|
After Width: | Height: | Size: 239 B |
Binary file not shown.
|
After Width: | Height: | Size: 239 B |
Binary file not shown.
|
After Width: | Height: | Size: 49 B |
Binary file not shown.
|
After Width: | Height: | Size: 16 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 271 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 435 B |
Binary file not shown.
|
After Width: | Height: | Size: 622 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 70 B |
Binary file not shown.
|
After Width: | Height: | Size: 2.0 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 137 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 5.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.3 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 44 B |
Binary file not shown.
|
After Width: | Height: | Size: 44 B |
Binary file not shown.
|
After Width: | Height: | Size: 121 B |
Binary file not shown.
|
After Width: | Height: | Size: 128 B |
Binary file not shown.
|
After Width: | Height: | Size: 1.8 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 1.4 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 140 B |
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
Binary file not shown.
|
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; }
|
||||
|
||||
Reference in New Issue
Block a user