/*我把雅研和防塵套的圖換成憶如和仲析了*/

/*--------------------------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 {}

swordsaber 發表在 痞客邦 PIXNET 留言(0) 人氣()