黑色樣式

/*---------------------------------------------------------------
PIXNET  blog template - grey tender
visual & css design by standinhgere
http://standinghere.pixnet.net/blog
2008 / 10
----------------------------------------------------------------*/

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;}
br{letter-spacing: normal;}

body {
    font: 12px arial;
    color:#333;
    background: url(http://pic.pimg.tw/mao13/557fc21ec7f009d0dad5df6b82d6892e.gif) center top;
    cursor: url(http://standinghere.googlepages.com/mini.cur);
    }
HTML {
    SCROLLBAR-FACE-COLOR:  #fff;
    SCROLLBAR-HIGHLIGHT-COLOR: #eee;
    SCROLLBAR-SHADOW-COLOR: #fff;
    SCROLLBAR-3DLIGHT-COLOR:  #fff;
    SCROLLBAR-ARROW-COLOR: #eee;
    SCROLLBAR-TRACK-COLOR:  #fff;
    SCROLLBAR-DARKSHADOW-COLOR: #eee;
    overflow-x: hidden;    
    }
a {
    color:#666;
    text-decoration:none;
    }
a:hover {
    color:#333;
    }
input{
    border: 0;
    background: #eee;
    color:#a3a3a3;
    font: 11px verdana;
    padding: 1px;
    }
#body-div{
    background: url(http://pic.pimg.tw/mao13/9ff766fc94117476232f656008a525eb.jpg) right bottom no-repeat;    
    width: 100%;
    }
#authority{
    background:#eee;
    line-height: 20px;
    text-align: center;
    }
    #authority a{
        color:#999;
        margin:0 5px;
        padding: 0px 5px;
        *padding: 2px 5px 0 5px;
        font-size: 11px; *font-size:10px;
        }
    #authority a:hover{
        background: #ccc;
        color:#fff;
        }
        
#container{}
#container2{
    margin: 0 auto;
    width: 1000px;
    background: url(http://pic.pimg.tw/mao13/17266823eee2a03744485a0a30d33fd2.jpg) left top repeat-y;
    position: relative;
    }
#container3{
    overflow: hidden;
    _overflow: none;
    _height: 1%;
    }
        
#header{
    width: 200px;
    height: 240px;
    background: url(http://pic.pimg.tw/mao13/4b72f4311e7bbbb0f524f2bf61f360b6.jpg) left top no-repeat;
    border-bottom: 1px dashed #fff;
    }
#login-bar{
    position: absolute;
    left: 230px;
    top: 10px;
    width: 520px;
    font-size: 11px; *font-size:10px;
    text-transform: uppercase;
    height: 15px;
    color:#aaa;
    }
    #login-bar a{color:#aaa;}
#banner{
    position: absolute;
    top: 135px;
    left: 10px;
    width: 180px;
    height: 100px;
    overflow: hidden;
    }
#banner h1{
    margin-bottom: 5px;
    }
#banner h1 a{
    font-size: 13px;
    font-weight: bold;
    }
#banner h2{
    font: 11px arial;
    *font: 10px arial;
    color:#999;
    }
#banner p{
    display: none;
    }
#navigation{
    position: absolute;
    top: 22px;
    width: 200px;
    height: 100px;
    overflow: hidden; _overflow: none;
    }
    #navigation li{
        margin: 0;
        padding: 0;
        width: 200px;
        height: 25px;
        float: left;
        }
    #navigation a{
        width:  100%;
        height: 100%;
        display: block;
        font-size: 0px;
        text-indent: -5000px;
        margin-bottom: 0px;
        }
    #navigation #link-album a:hover{background: url(http://pic.pimg.tw/standinghere/1189331532.jpg) left top no-repeat;}
    #navigation #link-blog a:hover{background: url(http://pic.pimg.tw/standinghere/1189331532.jpg) left -25px no-repeat;}
    #navigation #link-guestbook a:hover{    background: url(http://pic.pimg.tw/standinghere/1189331532.jpg) left -50px no-repeat;}
    #navigation #link-profile a:hover{background: url(http://pic.pimg.tw/standinghere/1189331532.jpg) left -75px no-repeat;}
#main{}
#content{
    float: right;
    width: 770px;
    margin-top: -210px;
    color:#999;
    }
#spotlight{
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;    
    }
    #spotlight h5{
        font-weight: bold;
        line-height: 20px;
        color:#777;
        }
.article-area-title{
    line-height: 18px;
    }
#view-mode #display{
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    line-height: 18px;
    }
.article{
    margin: 20px auto;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    position: relative;
    }
.article-head{
    background: url(http://pic.pimg.tw/mao13/fad38c8202ff60d0a856dba79f948e20.gif) left 2px no-repeat;
    }
    .publish {
        margin-left: 15px;
        text-transform: uppercase;
        font: 7pt verdana;
        margin-bottom: 5px;
        }
    .publish .month     { color:#707070;}
    .publish .date     { color:#797979;}
    .publish .day     { color:#999999;}
    .publish .year     { color:#a9a9a9;}
    .publish .time     { color:#b9b9b9;}
    .title a{
        font-family: Gulim;
        font-size: 15px;
        color: #333;
        letter-spacing: -1px;
        }
    .title a:hover{color: #aaa;}
    .title img{    display:none;}
    
.article-body{
    margin: 10px 0px 0px;
    }
.article-content{
    font-family: arial;
    font-size: 12px;
    line-height: 20px;
    color:#666;
    letter-spacing: 1px;
    margin: 15px 0;
    }
.fans-club,
.bookmark,    
.forward,
.author{
    text-transform: uppercase;
    font-size: 11px; *font-size:10px;
    line-height: 18px;
    }
#article-adsense{
    margin: 10px 0;
    }
.article-footer{
    margin: 10px 0;
    font-size: 11px; *font-size:10px;
    line-height: 18px;
    border-top: 1px dashed #eee;
    padding-top: 10px;
    }
    .refer{
        float: left;
        width: 250px;
        }
    .history{
        float: right;
        width: 250px;
        }
    .back-to-top{
        clear: both;
        text-align: right;
        }
        .back-to-top a{
            text-transform: uppercase;
            font: 9px Tahoma;
            padding: 2px 2px;
            background:#000;
            color:#fff;
            }
        .back-to-top a:hover{
            background:#ccc;
            color:#fff;
            }
#blog-main .article-footer,
#category-main .article-footer{border: 0;}
#blog-main .article-footer .refer,
#category-main .article-footer .refer{display:none;}

/*---------------------------------------------------------- l i s t ----*/
    
.main-list{
    margin: 15px 0px;    
    }
.main-list table{
    width: 100%;
    }
.main-list h3 {}
.main-list th{
    border-left: 10px solid #fff;
    font-style: italic;
    padding-bottom: 5px;
    font-size: 12px;
    }
.main-list td{
    padding: 5px 3px 3px 0px;
    border-bottom: 1px dotted #ccc;
    border-left: 10px solid #fff;
    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;
    }

/*----------------------------------------------------------c o m m e n t - b o x-----*/

#trackback-title,
#comment-title{
    margin: 15px 0;
    background: url(http://pic.pimg.tw/mao13/fad38c8202ff60d0a856dba79f948e20.gif) left 3px no-repeat;
    padding-left: 18px;
    }
#trackback-title img,
#comment-title img{display:none;}

.user-post-box{
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #eee;
    }
#comment-box{
    margin-top: 10px;
    }
.post-comment{
    margin: 10px 0px;
    margin-left: 350px;
    }
#content .post-comment a{
    width: 156px;
    height: 32px;
    display: block;
    font-size: 0px;
    text-indent: -5000px;
    background: url(http://pic.pimg.tw/mao13/a2870ca50216ec9cc17382b039a42b00.jpg) left top no-repeat;
    }
#content .post-comment a:hover{
    background: url(http://pic.pimg.tw/mao13/52400cd02476c3485d6b536cf3fb1c5c.jpg) left top no-repeat;
    }
#trackback-url{    }
#trackback-url input{
    margin-right: 5px;
    }
#trackback-input{
    margin: 0;
    width: 350px;
    font: 10px arial;
    }

.single-post{
    margin: 15px 0px;
    border-left: 5px solid #eee;
    padding-left: 10px;
    font-size:11px; *font-size: 10px;
    line-height: 18px;
    }
.post-info{
    margin-bottom: 3px;
    color:#666;
    }
.post-info span.post-time,
.post-info img.pixnet-user,
.post-info .user-ip,
.post-info img.hidden-message,
#comment-box .single-post .post-photo,
#comment-box .reply-text p{
    display: none;
    }
.post-info .floor{
    margin-right: 3px;
    font-family: Century Gothic;
    font-weight: bold;
    }
.post-info img {
    visibility: hidden;
    width: 10px;
    height: 10px !important; line-height:0;
    }
.post-info a {
    background:#ccc;line-height:0 !important;
    }
.post-info a:hover {
    background:#636363;
    }
.post-info a.user-name,
.post-info a.reply-message,
.post-info a.user-name:hover,
.post-info a.reply-message:hover {
    background: none;
    }
.post-text{color:#999;}
.post-text p {color:#888;}
.post-text p  a{color:#888;}
.reply-text{
    clear: both;
    padding-top: 5px;
    margin-top: 5px;
    border-top: 1px dotted #aaa;
    color: #555;
    }

    

#comment-form {
    margin: 20px 0;
    background:#000;
    padding: 10px;
    }
#comment-form p {
    color: #777;
    text-align: right;
    }
#comment-form table {
    width: 100%;
    border: none;
    }
#comment-form table tr.comment-form-title {display: none; }
#comment-form table td {
    color: #666;
    vertical-align: top;
    border: none;
    padding: 2px 5px;
    }
#comment-form table th {
    color: #666;
    vertical-align: top;
    width: 70px;
    font-weight: normal;
    border: none;
    padding: 2px 5px;
    text-align: right;
    }
#comment-form table th font {
    display: none;
    }
#comment-form input {
    padding: 1px 5px;
    font-family: arial;
    font-size: 11px;
    *font-size: 10px;
    color: #666;
    border: none;
    width: 200px;
    background:#000;
    }
#comment-form input.radio {
    border: none;
    width: auto;
    background: none;
    }
#comment-form textarea {
    width: 90%;
    height: 80px;
    margin-top: 10px;
    padding: 5px;
    font-family: Century Gothic;
    font-size: 11px;
    *font-size: 9px;
    color: #333;
    border: 1px solid #ccc;
    background: #000;
    overflow: auto;
    }
input#send-comment {
    font-family: Arial;
    font-size: 11px;
    *font-size: 10px;
    color: #fff;
    background: #999;
    border: 0;
    width: 50px !important;
    height: 20px;
    line-height: 20px;
    }
.page{
    letter-spacing: 0.2em;
    margin: 20px 0px;
    font-size:11px;
    }
.page a{
    margin: 0 5px;
    }
.page SPAN{
    font: 13px "arial black";
    }

#links{
    width: 180px;
    float: left;
    margin-left: 10px;
    display: inline;
    color:#666;
    margin-top: 10px;
    }
#links a{
    color:#999;
    }
#links a:hover{
    color:#333;
    }
.box{
    clear: both;
    margin-bottom:  10px;
    }
.box-title{
    font-size: 0px; text-indent: -5000px;
    color: #ddd;
    height: 25px;
    background: url(http://pic.pimg.tw/mao13/7c9f67e7b0754a9248598db27af1eb40.jpg) no-repeat;
    }
.box-text {
    width: 175px;
    margin-left: 2px;
    font-size: 11px; *font-size: 10px;
    line-height: 18px;
    }
    .box-text  select{
        width: 170px;
        background:#eee;
        color:#666;
        border: 0;
        font-size:11px; *font-size:10px;
        }
.box-more{
    text-align: right;
    }


#announce .box-title{background-position: 0 0;}
#murmur .box-title{background-position: 0  -25px;}
#recent-article  .box-title{background-position: 0 -50px;}
#latest-comment  .box-title{background-position: 0 -75px;}
#category .box-title{    background-position: 0 -100px;}
#broadcast  .box-title{background-position: 0 -125px;}
#box-ad .box-title{background-position: 0 -150px;}    
#calendar .box-title{background-position: 0 -175px;}    
#hot-article .box-title{background-position: 0 -200px;}
#latest-trackback .box-title{background-position: 0 -225px;}
#subscription .box-title{background-position: 0 -250px;}
#mylink .box-title{background-position: 0 -275px;}
#archive .box-title{background-position: 0 -300px;}
#favorite .box-title{background-position: 0 -325px;}
#feed .box-title{background-position: 0 -350px;}
#search .box-title{background-position: 0 -375px;}
#visitor .box-title{background-position: 0 -400px;}
#crumb .box-title{background-position: 0 -425px;}
#hiiir .box-title{background-position: 0 -450px;}
#powered .box-title{background-position: 0 -475px;}
#counter .box-title{background-position: 0 -500px;}
#boxevent_clubbroadcast .box-title{background-position: 0 -525px;}
#headshot .box-title{background-position: 0 -550px;}
.box.folder .box-title{
    background-position: 0 -575px;
    font-size:12px;
    text-indent: 0;
    color:#6f6865;
    padding: 5px 0 0 35px;
    *padding: 7px 0 0 35px;
    }
#recent-article img{
    display:none;
    }
#headshot .box-text ul{
    overflow: hidden; _overflow: none; _height: 1%;
    }
#headshot .box-text li{    
    width: 70px;
    float: right;
    }
#headshot .box-text li#headshot-img{
    float: left;
    width: 90px;
    }
.murmur-time{
    font: bold 7pt verdana;
    color:#999;
    margin-bottom: 3px;
    }
.murmur-text{}


#broadcast ul{
    border-bottom: 1px dotted #ccc;
    padding: 2px 0px;
    }
#broadcast .broadcast-photo{display: none;}
#broadcast .broadcast-text a{color:#999;}    

#broadcast .broadcast-text a:hover{color:#fff;}    

#visitor .box-text ul ,
#crumb .box-text ul {
    width: 115px;
    height: 50px;
    overflow: hidden;
    background: url(http://pic.pimg.tw/mao13/b80f015b1b603cab0c7aa6f5ca003f59.gif) no-repeat;
    position: relative;
    padding-left: 55px;
    margin: 5px 0px 5px 0px;
    overflow: hidden;
    _overflow: none;
    }

#visitor .box-text li ,
#crumb .box-text li {
    float: left;
    margin-bottom: 0px;
    }
#visitor .box-text li a ,
#crumb .box-text li a {
    display: block;
    width: 15px;
    height: 15px;
    border: none;
    background: #eee;
    padding: 0px;
    margin: 0px 3px 3px 0px;
    }
#visitor .box-text li a:hover ,
#crumb .box-text li a:hover {
    background: #fff;
    }
#visitor .box-text li a img ,
#crumb .box-text li a img {
    width: 0px;
    height: 0px;
    }
#visitor .box-text li a:hover img ,
#crumb .box-text li a:hover img {
    position: absolute;
    top: 0px; left: 0px;
    display: block;
    width: 50px;
    height: 50px;
    }
#visitor .box-more,
#crumb .box-more { clear: both; }

#category ul{
    padding: 3px 0px 3px 10px;
    }

#latest-comment li,
#subscription li,
#latest-trackback li{
    _height: 25px;
    padding: 0;
    margin: 0;
    }
#latest-comment li a,
#subscription li a,
#latest-trackback li a{
    width: 99%;
    display: block;
    }
    
#counter .box-text span{
    padding-left: 3px;
    letter-spacing: 0.1em;
    color:#999;
    }
#search input{
    width: 170px;
    }
#search input#search-submit{
    width:  172px;
    *padding: 4px 0 0 0;
    background:#ccc;
    color:#fff;
    }
#calendar table{
    width: 85%;
    }
#calendar table th{
    text-align: center;
    }
#calendar table td{
    text-align: center;
    font: 9px Tahoma;
    line-height: 20px;
    }
#footer{
    clear: both;
    font-size:11px; *font-size:10px;
    text-align: right;
    padding: 20px 0;
    }