187 lines
11 KiB
CSS
187 lines
11 KiB
CSS
/* ================================================博客首页样式====================================================== */
|
|
|
|
#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;} |