樣式－櫻桃派

/*------------------------------ #Generate By Pixnet ------------------------- */
/*------------------------------ #comment-table ------------------------------ */
#comment-form table    {    width: 96% ;    margin: 0 auto ;}
#comment-form td , #comment-form th    {    border: 1px solid #555 ;    padding: 3px 5px;    }
#comment-form input#send-comment    {    padding: 3px 5px ;    }

.article-content p{
   margin-bottom:1em;
}
/*------------------------------ #Generate End ------------------------------- */
/*--------------------------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;}
a {   text-decoration: none;   }
a:focus { -moz-outline-style: none; }
br{letter-spacing: normal;}

#comment-form { background:none ; padding: 7px 10px; color:#777 ; _height: 1% ;}
#comment-form table { width: 98% ; margin: 0 auto ; }
#comment-form h4{ font-weight:bold ; text-align:left ;display: none;}
#comment-form p{text-align:right ;}
#comment-form th{ text-align:right ; padding-right: 20px ; width: 6em ;border:0;}
#comment-form td{ padding: 2px 5px ; border: 0;}
#comment-form input{ width: 200px ; border: 0px ; background:#fff ; border-bottom: 1px solid #eee ; padding: 2px ; color:#000 ; font-family:"Verdana" ; font-size: 11px ; }
#comment-form input.radio{ width: auto ; border : 0px ; background: none;}
#comment-form input#send-comment{background:#fff ; width: 5em ; bordeR: 1px solid #ccc ;}
#comment-form textarea{ width: 90% ; background:#fff ; border: 1px solid #eee ; height: 10em ; padding: 5px;   color:#000 ; font-family:"Verdana" ; font-size: 11px ; }

/*--------------------------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:;   }
body {
   background: #fff;
   font-size: 12px;
   *font-size: 11px;
   font-family: arial;
   color: #333;
   letter-spacing: 1px;
   }
#blog-main{}
#article-main{}

a {
   color:#999;
   }
a:hover {
   color:#111;
   }

#body-div{}

/*--------------------------authority*/

#authority{
   background:#fcc;
   border-bottom: 1px solid #ddd;
   text-align: center;
   padding: 5px 0px 5px;
   }
#authority a{
   font-size: 11px; *font-size: 10px;
   padding: 0px 5px;
   color: #888;
   }
#authority a:hover{
   color: #fff;
   }
#authority a#newpost {}
#authority a#backstage {}

/*--------------------------container*/

#container{}
#container2{
   width: 898px;
   margin: 0 auto;
   background: url(http://pic.pimg.tw/pixnetvisual/1215071912.png) left top repeat-y;
   position: relative;
   }
#container3{}

/*--------------------------header*/

#header{
   height: 0px;
   background: url() left top no-repeat;
   }
#login-bar{
   padding: 10px 0px 3px 10px;
   font-size: 11px;
   *font-size: 10px;
   }

#banner{}
#banner h1 a{
   display: block;
   position: absolute;
   right: 0px;
   top: 270px;
   height: 220px;
   width: 250px;
   font-size: 0px;
   text-indent: -5000px;
   }
#banner h2{
   position: absolute;
   right: 250px;
   top: 430px;
   font-size: 11px;
   *font-size: 10px;
   color: #f14485;
   width: 350px;
   text-align: right;
   }
#banner .skiplink {
   display: none;
   }
#banner #blog-category{
   padding-left: 10px;
   font-size: 11px;
   *font-size: 10px;
   color:#999;
   }

/*--------------------------navigation*/

#navigation{
   position: absolute;
   left: 55px;
   top: 58px;
   }
#navigation li{
   width: 100px;
   height: 38px;
   font-size: 0px;
   text-indent: -5000px;
   }
#navigation a{
   display: block;
   width: 100%;
   height: 100%;
   }
#navigation #link-album{}
#navigation #link-blog{}
#navigation #link-guestbook{}
#navigation #link-profile{}

/*--------------------------main*/

#main{
   overflow: hidden;
   _overflow: none;
   _height: 1%;
   background: url() right top no-repeat;
   }

/*--------------------------content*/

#content{
   overflow: hidden;
   float: right;
   width: 648px;
   margin-top: 50px;
   }

#spotlight{
   margin: 15px;
   }
#spotlight h5{
   color: #f36;
   font-weight: bold;
   }
#spotlight-text{
   font-size: 11px;
   *font-size: 10px;
   }

#article-area{}

#article-area h3{
   margin: 0px 15px;
   }
#view-mode{
   margin: 0px 15px;
   }
#display{}
#display SPAN {}

#article-box{}
.article{
   margin: 15px 0px 15px;
   }
.article-head{
   background: url(http://pic.pimg.tw/pixnetvisual/1215071918.png) left top no-repeat;
   height: 32px;
   margin-bottom: 15px;
   padding: 3px 5px 5px 50px;
   }
.publish {
   font-size: 9px;
   font-family: Tahoma;
   color: #f351ab;
   text-transform: uppercase;
   }
.title{
   letter-spacing: 0;
   padding-top: 3px;
   _height: 1%;
   }
.title a{
   font-size: 16px;
   font-family: Simhei;
   color:#ff0080;
   }
.title a:hover{
   color:#faa;
   }
.article-body{
   margin: 15px;
   line-height: 18px;
   }
.article-content{
   color: #444;
   line-height: 20px;
   margin: 10px 0px;
   }

.more{
   text-align: right;
   }
.bookmark{
   color:#888;
   font-size: 11px;
   *font-size: 10px;
   text-align: right;
   margin-right: 15px;
   }
.bookmark img{
   width: 12px;
   height: 12px;
   }
.author{
   color:#d78288;
   font-size: 11px;
   *font-size: 10px;
   text-align: right;
   margin-right: 15px;
   }
.forward a,
.author a{
   color:#d78288;
   }
.forward{
   color:#888;
   font-size: 11px;
   *font-size: 10px;
   margin-right: 15px;
   text-align: right;
   }

.article-footer{
   margin: 15px;
   font-size:11px; *font-size:10px;
   line-height: 18px;
   background:#ffe9e9;
   padding:10px;
   }
.article-footer a{
   color: #999;
   margin-left: 5px;
   }
.history{
   float: right;
   width: 290px;
   }
.refer{
   float:left;
   width: 290px;
   }
.back-to-top{
   clear: both;
   text-align: right;
   }
.back-to-top a{
   color:#f36;
   font: 9px Tahoma;
   text-transform: uppercase;
   }
/*--------------------------list*/

.main-list table{
   width: 95%;
   margin: 0 auto 10px;
   }
.main-list h3 {}
.main-list th{
   background: #f5cccc;
   color:#666;
   padding: 2px;
   }
.list-num{display: none;}
td.list-date {
   font: 9px Tahoma;
   width: 100px;
   }
.list-title{}
.main-list td{
   padding: 2px;
   line-height: 20px;
   border-bottom: 1px dotted #f5cccc;
   }
#content .main-list a{
   color: #666;
   font-size: 11px;
   *font-size: 10px;
   }
#content .main-list a:hover{
   color: #000;
   }

/*--------------------------post-box*/

.user-post-box{
   margin: 15px;
   }
.user-post-title{
   margin: 10px 0px;
   }
#trackback-box .user-post-title{}
#comment-box .user-post-title{}
.post-comment{
   width: 230px;
   margin: 20px;
   margin-left: 350px;
   font-size: 0px;
   color:#fff;
   text-indent: -5000px;
   }
#content .post-comment a{
   display: block;
   width: 230px;
   height: 70px;
   background: url(http://pic.pimg.tw/pixnetvisual/1215071920.png) left top no-repeat;
   }
#content .post-comment a:hover{
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
   -moz-opacity: 0.6;
   }

.single-post{
   font-size: 11px; *font-size: 10px;
   overflow: hidden;
   _overflow: none;
   _height: 1%;
   padding: 15px 0px;
   width: 500px;
   margin: 0 auto;
   background: url(http://pic.pimg.tw/pixnetvisual/1215071917.png) left bottom repeat-x;
   }
.post-info{
   color:#ff6581;
   width: 400px;
   float: right;
   margin-bottom: 5px;
   }
.post-info img {
   visibility: hidden;
   width: 10px;
   height: 10px;
   }
.post-info a {
   color:#ff6581;
   background:#ff6581;
   }
.post-info a:hover {
   background:#fff;
   }
.post-info a.user-name,
.post-info a.reply-message,
.post-info a.user-name:hover,
.post-info a.reply-message:hover {
   background: none;
   }
.hidden-message,
.pixnet-user{display: none;}
.post-info .user-ip{display: none;}

.post-photo{
   float: left;
   width: 100px;
   }
.post-photo img{
   border: 1px solid #fff;
   }
.post-text{
   width: 400px;
   float: right;
   margin-bottom: 5px;
   }
.reply-text{
   width: 400px;
   float: right;
   color: #b76d7b;
   }
.reply-text p {
   display: none;
   }
.single-post.secret{}
.single-post.secret .post-text{
   float: none;
   width: auto;
   }

#trackback-box {}
#trackback-box h3 {}
#trackback-box SPAN {}
#trackback-box #trackback-url{
   margin: 10px 0px;
   text-align: center;
   }
#trackback-box input#trackback-input{
   width: 330px;
   }
#trackback-text {}
#trackback-text .single-post {}
#trackback-text .post-info {}
#trackback-box .post-text{
   width:auto ;
   float:none ;
   }
.page{
   text-align: center;
   margin: 10px;
   }
.page a{
   padding: 0px 7px;
   color:#666;
   font: 9px Tahoma;
   }
.page SPAN{
   font-size: 15px;
   font-weight: bold;
   color:#000;
   }

/*--------------------------links*/

#links{
   overflow: hidden;
   float: left;
   width: 220px;
   margin-left: 20px;
   display: inline;
   margin-top: 50px;
}
#links-row-1{}
#links-row-2{}

#links a{
   color: #888;
   }
#links a:hover{
   color: #111;
   }
.box{
   background: url(http://pic.pimg.tw/pixnetvisual/1215071910.png) left bottom no-repeat #fff;
   margin-bottom: 10px;
   }
.box-title{
   background: url(http://pic.pimg.tw/pixnetvisual/1215071911.png) no-repeat;
   height: 23px;
   color: #bd2e42;
   font-size: 15px;
   letter-spacing: 0;

   padding: 12px 5px 5px 35px;
   }
.box-text {
   margin: 0px 10px;
   padding-bottom: 10px;
   line-height: 18px;
   font-size: 11px;
   *font-size: 10px;
   color: #555;
   }
.box li{}
.box h6{}
.box-more{
   text-align: right;
   margin: 5px 0px;
   }
.box-more a{
   background:#fee;
   padding: 1px 3px;
   color:#faa;
   }

#headshot {}
#headshot ul{}
#headshot li{
   text-align: center;
   }
#headshot li#headshot-img{
   width: 90px;
   margin: 0 auto 1px;
   }
#headshot li#friend-apply,
#headshot li#send-message{
   width: 90px;
   background: #fcc;
   margin: 0 auto 1px;
   height: 15px;
   line-height: 15px;
   }
#recent-article{}
#recent-article img{display: none;}
#calendar{}
#calendar table{
   width: 90%;
   margin: 0 auto;
   }
#calendar th,
#calendar td{
   color: #333;
   text-align: center;
   line-height: 25px;
   }
#calendar td{
   padding: 2px 1px;
   color:#999;
   font: 9px Tahoma;
   }
#calendar td a{
   display: block;
   padding: 0px 2px;
   background:#fdd;
   color:#f99 !important;
   line-height: 15px;
   }
#murmur{}
.murmur-time{
   font: 9px Tahoma;
   letter-spacing:1px;
   color:#ffae00;
   }
.murmur-text{}

#visitor,
#crumb{}
#visitor ul,#crumb ul{
   overflow: hidden;
   _overflow: none;
   _height: 1%;
   }
#visitor li,#crumb li{
   float: left;
   margin-right: 2px;
   margin-bottom: 2px;
   line-height: 0;
   }
#visitor li img,
#crumb li img {
   width: 45px;
   height: 45px;
   }
#visitor .box-more,
#crumb .box-more{
   margin-top: 10px;
   }

#broadcast{}
#broadcast ul{
   overflow: hidden;
   _overflow: none;
   _height: 1%;
   padding-bottom: 3px;
   margin-bottom: 5px;
   }
#broadcast li{}
#broadcast .broadcast-photo{
   float: left;
   margin-right: 5px;
   }
#broadcast .broadcast-photo img{
   width: 40px;
   height: 40px;
   }
#broadcast .broadcast-time{
   float: right;
   width: 150px;
   height: 12px;
   line-height: 12px;
   }
#broadcast .broadcast-time a{
   color: #ffaa00;
   font: 9px Tahoma;
   }
#broadcast .broadcast-time span{
   display: none;
   }
#broadcast .broadcast-text{
   float: right;
   width: 150px;
   line-height: 15px;
   }

#search{}
#search ul{
   overflow: hidden;
   _overflow: none;
   _height: 1%;
   margin: 0 auto;
   }
#search li input{
   float: left;
   margin: 0 auto;
   border: 1px solid #eee;
   margin-left: 5px;
   }
#search input#search-target{}
#search input#search-submit{}
#category li{
   margin-left: 15px;
   letter-spacing: 0;
   }
#category .box-more {
   text-align: left;
   }
#latest-comment a,
#latest-trackback a,
#subscription a{
   display: block;
   width: 99%;
   height: 15px;
   overflow: hidden;
   }
#latest-comment li,
#subscription li,
#latest-trackback li{
   color: #d46363;
   margin-bottom: 1px;
   padding-bottom:1px;
   }
#mylink {}
#mylink .inner-box{}
#mylink .inner-box h6{
   font-size: 12px;
   color: #c4a481;
   margin-bottom: 3px;
   }
#mylink .inner-box li{
   margin-left: 10px;
   }

#counter{}
#counter SPAN{}
#powered{
   background: none;
   margin: 20px 0px;
   }
#powered .box-title{
   display: none;
   }
#powered .box-text{
   text-align: center;
   border: 0;
   background: none;
   }
.folder{}
.folder .box-title{   }
.folder .box-text{}

/*--------------------------footer*/

#footer{
   background: url(http://pic.pimg.tw/pixnetvisual/1215071915.png) left top no-repeat #fff;
   padding-top: 40px;
   height: 40px;
   text-align: center;
   font-size: 11px;
   *font-size: 10px;
   }
#footer p{}
#bottom a{
   color: #a85858;
   }

/*--------------------------extradiv*/

#extradiv11{}
#extradiv10{}
#extradiv9{
   background: url() no-repeat;
   display: block;
   width: 50px;
   height: 450px;
   position: absolute;
   left: -50px;
   top: 0px;
   }
#extradiv8{
   background: url() no-repeat;
   display: block;
   width: 50px;
   height: 450px;
   position: absolute;
   right: -50px;
   top: 0px;
   }

/*----------------------------------------------影音放置,大小請設220X176---------------------
再將#box000,改成自己的自訂欄位編號(由原始碼中讀得)
--------------------------------------------------------------------------------------------------------*/
#box000{
   position: absolute;
   left: 20px;
   top: 263px;
   }
#box000 .box-title{
   display: none;
   }
#box000 .box-text{
   padding: 0px;
   margin: 0;
   }

#links-row-1{margin-top: -325px}

cake7

櫻桃派

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

E-mail轉寄

櫻桃派

.

Google AdSense

樣式

留言列表

最新留言

文章分類

文章精選

熱門文章

文章搜尋