216 lines
14 KiB
CSS
216 lines
14 KiB
CSS
/* ================================================博客首页样式====================================================== */
|
|
|
|
.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; }
|
|
|