first commit
@@ -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 底部链接**************/
|
||||
|
||||