/*我把雅研和防塵套的圖換成憶如和仲析了*/
/*--------------------------reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}
q:before,q:after {content:'';}
abbr,acronym {border:0;}
pre{font-size: 1em ;}
.article-content{ _height: 1% ; overflow: hidden ; _overflow: none;}
.article-content p{margin-bottom: 1em;}
a { text-decoration: none; }
/*a:focus { -moz-outline-style: none; }*/
br{letter-spacing: normal;}
/*--------------------------all setting*/
HTML {
SCROLLBAR-FACE-COLOR: ;
SCROLLBAR-HIGHLIGHT-COLOR: ;
SCROLLBAR-SHADOW-COLOR: ;
SCROLLBAR-3DLIGHT-COLOR: ;
SCROLLBAR-ARROW-COLOR: ;
SCROLLBAR-TRACK-COLOR: ;
SCROLLBAR-DARKSHADOW-COLOR: ;
overflow-x: hidden; }
body {
font-size:12px;
font-family:arial;
color:#7b7b7b;
background-color:#f3e6d8;
}
#blog-main{}
#article-main{}
a {color:#b47c11;}
a:hover {color:#000000;}
#body-div{}
/*--------------------------authority*/
#authority{
background:#fa6174;
text-align:center;
font-size:11px;
line-height:20px;
}
#authority a{
padding:0 3px;
color:#fff;
}
#authority a:hover{
color:#ffe569;
}
#authority a#newpost {}
#authority a#backstage {}
/*--------------------------container*/
#container{background: url(http://p4.p.pixnet.net/albums/userpics/4/5/1925145/4a0f9a76a312d.jpg) top left repeat-x;
width: 100%;
}
#container2{
width: 100%;
background: url(http://p4.p.pixnet.net/albums/userpics/4/5/1925145/4a0f9a76a312d.jpg) center top no-repeat;
}
#container3{
width: 940px;
margin:0 auto;
position:relative;
}
/*--------------------------header*/
#header{
width: 940px;
height:636px;
position: relative;
margin:0 auto;
}
#login-bar{
position: absolute;
top:10px;
right:280px;
font-size:11px; *font-size:10px;
z-index:3;
color:#ffffff;
}
#login-bar a{color:#ffffff;}
#login-bar a:hover{color:#ffe746;}
#banner{}
#banner h1{
position:absolute;
text-align:left;
display: block;
height: 22px;
width:400px;
overflow: hidden;
top:600px;
left:30px;
}
#banner h1 a{
font-size: 20px;
font-family: "Simhei";
color: #fff;
}
#banner h1 a:hover{
color:#ffd149;
}
#banner h2{
position:absolute;
text-align:left;
height: 16px; *height: 14px;
overflow: hidden;
top:600px;
left:440px;
color:#fedb75;
width:500px;
}
#banner .skiplink { visibility:hidden;}
#banner #blog-category{ visibility:hidden;}
/*--------------------------navigation*/
#navigation{
position:absolute;
top:540px;
left: 410px;
margin:0;
padding:0;
font-size:0px;
width: 520px;
height: 40px;
text-indent: -5000px;
}
#navigation ul{overflow:hidden; _overflow:none; _height:1%;padding-top:1px;
}
#navigation li{
top:0;
height: 40px;
position :absolute ;
}
#navigation li a{display: block; width: 100%; height:100%;}
#navigation #link-album{width:95px; left: 420px;}
#navigation #link-blog{width:90px; left: 165px;}
#navigation #link-guestbook{width:140px; left: 265px;}
#navigation #link-profile{width:150px; height:40px; left:0px;}
/*--------------------------main*/
#main{
overflow: hidden;
_overflow: none;
_height: 1%;
width:932px;
margin:0 auto;
}
/*--------------------------content*/
#content{
float:left;
overflow: hidden;
width: 654px;
margin:20px 10px 0 0px;
display:inline;
}
#spotlight{
margin-bottom: 20px;
padding: 10px;
background:#dac5af;
}
#spotlight h5{
color:#963;
font:bold 13px arial;
padding-bottom: 5px;
margin-bottom:5px;
border-bottom:1px solid #d38f68;
}
#spotlight-text{
color:#333;
line-height:150%;
}
#article-area{}
#article-area .article-area-title{}
#view-mode{}
#display{}
#display SPAN {}
#article-box{}
.article{
margin: 20px 0 10px;
}
.article-head{
background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/49cf94b5dec8f.jpg) left top no-repeat;
width:654px;
height:57px;
padding:20px 0 0 90px;
}
.publish {
color:#b47c11;
font:12px arial;
text-transform:uppercase;
text-align:right;
padding-right:110px;
padding-top:25px;
float:right;
}
.title{
margin:15px 0 0 10px;
}
.title a{
color:#000;
font: 20px "Arial Unicode MS";
letter-spacing: -1px;
}
.article-body{
background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/49cf94b7bc7cf.jpg) repeat-y;
width:524px;
padding:0px 30px 10px 100px;
}
.article-content{
letter-spacing:1px;
font-size:13px;
line-height:22px;
padding:20px 0px 30px 0px;
}
.article-body .fans-club {
text-align:right;
}
.article-content .more{text-align:right;}
.bookmark{text-align:right; padding-top:15px;}
.author{
text-align:right;
padding:10px 0px 0px 0px;}
.forward{
text-align:right; padding-top:10px;
}
.article-footer{
background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/49cf94b85945e.jpg) bottom left no-repeat;
width:654px;
font-size:11px; *font-size:10px;
line-height:20px;
margin-bottom:15px;
}
.history{
padding:10px 0px 10px 90px;
}
.refer{
width:544px;
margin:0px 20px 0px 90px;
padding:10px 0px 0px 0px;
border-top:#666666 1px dotted;
}
.back-to-top{
padding:0px 50px 30px 0px;
text-align:right;
}
/*--------------------------list*/
.main-list{
margin: 15px 15px 0 15px;
width:634px;
}
.main-list table{
width: 95%;
margin:0 auto;
}
.main-list h3 {}
.main-list th{
padding-bottom: 5px;
font-size: 12px;
color:#222;
}
.main-list td{
padding: 5px 3px 3px 0px;
border-bottom: 1px dotted #de6a93;
font-size:11px; *font-size: 10px;
}
.main-list .list-num {display:none;}
.main-list .list-date{width: 60px;}
.main-list td.list-date{
font: 9px Tahoma;
}
#murmur-list .main-list td.list-title{
vertical-align: top;
}
/*--------------------------post-box*/
.user-post-box{
}
.user-post-title{
background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/49cf94b970ac7.jpg) no-repeat top left;
width:544px; height:77px; margin:30px 0 10px 9px;
padding:40px 0 0 110px;
color:#644100;
font: 20px "Arial Unicode MS";
letter-spacing: -1px;
}
#trackback-box .user-post-title{}
#comment-box .user-post-title{}
.post-comment{
width: 130px;
height: 20px;
margin: 10px 0 10px 510px;
line-height: 20px;
text-align: center;
}
#content .post-comment a{
display: block;
width: 100%;
height: 100%;
color:#fff;
background: #FF9999;
}
/**/
.single-post{
overflow: hidden;
_overflow: none;
_height: 1%;
background:#fff;
margin: 10px;
margin-left:15px;
border: 1px solid #ccc;
border-left: 10px solid #ccc;
font-size:11px;
width:580px;
padding:20px;
line-height:2;}
.post-info{}
.post-photo{
float: left;
width: 100px;
}
.post-text{
float: right;
width: 470px;
}
.reply-text{color:#963;
float: right;
width: 470px;
}
.reply-text p{}
.single-post.secret{}
.single-post.secret .post-text{
float: none;
width: auto;
}
#trackback-box {}
#trackback-box .user-post-title {
background:url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/49cf94b8eabc8.jpg) no-repeat top left;
width:544px; height:77px; margin:30px 0 10px 9px;
padding:40px 0 0 110px;
color:#644100;
font: 20px "Arial Unicode MS";
letter-spacing: -1px;}
#trackback-box SPAN {}
#trackback-box #trackback-url{width:624px; padding:0px 0 0 30px;}
#trackback-box input#trackback-input{}
#trackback-text {}
#trackback-text .single-post {}
#trackback-text .post-info { color:#993300;}
#trackback-box .post-text{
width:auto ;
float:none ;
}
/*--------------------------comment-form */
#comment-form {
background: #eee;
padding: 5px;
width:630px;
margin-left:15px;
}
#comment-form p {
color: #bbb;
text-align: right;
margin: 0px 10px 5px;
}
#comment-form table {
width: 100%;
border: none;
}
#comment-form table tr.comment-form-title { display: none; }
#comment-form table td {
color: #999;
vertical-align: top;
border: none;
padding: 2px 5px;
}
#comment-form table th {
color: #999;
vertical-align: top;
width: 100px;
border: none;
padding: 2px 5px;
}
#comment-form table th font { display: none; }
#comment-form input {
height: 17px;
font-family: Arial;
font-size: 11px;
color: #000;
border: none;
border-bottom: 1px solid #ccc;
background: none;
}
#comment-form input.radio {
border: none; width: auto; background: none;margin:0; padding:0;
}
#comment-form input#blogcommenttext_name{
width: 85%;
}
#comment-form textarea {
width: 99%;
height: 90px;
font-family: Arial;
font-size: 11px;
line-height: 18px;
color: #000;
border: 1px solid #ccc;
background: #fff;
}
/*--------------------------pages*/
.page{
margin: 20px 0;
text-align: center;
font: 10px arial;
}
.page a{
padding:0px 5px;
color:#834d10;
}
.page span{
background: #834d10;
color:#FFFFFF;
padding: 0 5px;
}
/*--------------------------links*/
#links{
overflow: hidden;
float:right;
margin-top: 30px;
}
#links-row-1{}
#links-row-2{}
.box{
background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/49cf94b6e9181.jpg) left bottom no-repeat ;
margin-bottom:20px;
padding-bottom: 41px;
}
.box-title{
width:248px; height:36px;
background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/49cf94b6691d3.jpg) no-repeat ;
color:#834d10;
padding:5px 0px 0px 20px;
font:bold 15px arial;}
.box-text {
color:#000000;
background: url(http://p4.p.pixnet.net/albums/userpics/4/5/420045/49cf94b7646fc.jpg) repeat-y ;
padding:10px 20px 10px 20px;
margin-left:px;
width:228px;
line-height: 20px;}
.box li{}
.box h6{}
.box-more{}
#headshot ul{
overflow:hidden; _overflow:none; _height:1%;
}
#headshot li{
float: right;
width: 70px;
}
#headshot li#headshot-img{
float: left;
width: 90px;
}
#recent-article{}
#recent-article img{}
#latest-comment {}
#latest-comment a{}
#latest-comment span{}
#calendar{}
#calendar table{
width: 90%;
margin-left:6px;
}
#calendar table th{
text-align: center;
}
#calendar table td{
text-align: center;
font: 10px arial;
line-height: 20px;
}
#calendar table td a{
color:#993300;
font-weight: bold;
font-size:11px;
}
#calendar .calMonthHeader{}
#murmur{}
.murmur-time{}
.murmur-text{}
#visitor,#crumb{}
#visitor ul,#crumb ul{
overflow: hidden;
_overflow: none;
_height: 1%;
}
#visitor li,#crumb li{
line-height: 0;
float: left;
margin-right: 2px;
margin-bottom: 2px;
}
#visitor li img,
#crumb li img{
width: 40px;
height: 40px;
border: 1px solid #444;
}
#visitor .box-more{}
#broadcast{}
#broadcast ul{
overflow: hidden;
_overflow: none;
_height: 1%;
margin-bottom: 5px;
border-bottom: 1px dashed #ccc;
}
#broadcast li{}
#broadcast .broadcast-photo{
float: left;
width: 40px;
}
#broadcast .broadcast-time{
float: right;
width: 180px;
line-height:20px;
}
#broadcast .broadcast-time a{ }
#broadcast .broadcast-time span{}
#broadcast .broadcast-text{
float: right;
width: 180px;
font-size:11px; *font-size:10px;
padding: 0px 0 5px;
}
#search{}
#search input#search-target{}
#search input#search-submit{}
#feed {}
#announce{}
#hot-article {}
#category {}
#category h6{}
#category li{}
#category .box-more {}
#archive{}
#archive select {}
#archive li a{}
#latest-trackback {}
#latest-trackback a{}
#latest-trackback span{}
#subscription{}
#subscription a{}
#subscription span{}
#favorite {}
#favorite select {}
#mylink {}
#mylink .link-box{}
#mylink .link-box h6{}
#mylink .link-box li{}
#counter{}
#counter SPAN{}
.folder{}
.folder .box-title{}
.folder .box-text{}
#powered{}
/*--------------------------footer*/
#footer{
clear:both;
padding: 20px 0;
text-align: center;
_height:1%;
}
#footer p{}
#bottom {}