本文引用自hoyu528 - 迪士尼公主 - 星兒的版型製作 N0.10
div class="article-body">
三欄位版型語法:
/*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/
#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
/*--------------------------reset*/
body{font-family: arial, verdana, Helvetica, sans-serif;-webkit-text-size-adjust:none;cursor:url(http://ashine0118.myweb.hinet.net/hair.ani), pointer;}
*{ margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,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;}
/*--------------------------all setting */
body {font-size:15px;background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/14.jpg);
color:#000000;line-height:150%;}
a {color:#000000;}
a:hover {color:#FFA347;cursor : url(http://ashine0118.myweb.hinet.net/hair.ani), pointer;}
#body-div{}
/*--------------------------authority*/
#authority{border-bottom:1px dashed #FFF;
text-align: center;
padding:5px 0;}
#authority a{
margin:0 5px;
text-shadow:1px 1px 0 #000000;}
#authority a:hover{}
/*--------------------------container*/
#container{}
#container2{
width: 1280px;
margin:0 auto;
background:url (http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/14.jpg) left top repeat-y;}
#container3{}
/*--------------------------header */
#header{
height: 518px;
overfloheight: 500px;
padding-left: 55px;
w:hidden;
position:relative;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688229/7.jpg) no-repeat;}
#login-bar{
position:absolute;
left:500px;
top:507px;
color:#fff;}
#login-bar a{
color:#000000;}
#login-bar a:hover {
color:#fff;}
#banner{}
#banner h1{
position:absolute;
left: 1000px;
top: 50px;
height:30px;
width:250px;
overflow:hidden;}
#banner h1 a{
font-size:24px;
color:#FFA347;
font-weight:bold;
line-height:30px;
text-shadow:1px 2px 0# FFF;}
#banner h1 a:hover {
color:#FFFF68;}
#banner h2{
position:absolute;
left:1000px;
top:100px;
font-size:16px;
font-size: 14;
color:#E69500;
height: 120px;
width:300px;
line-height:20px;
overflow:hidden;}
#banner .skiplink{
display:none;}
#banner #blog-category{
font-size:11px;
font-size: 14px \9;
color:#00A300;
position:absolute;
right:130px;
bottom:20px;}
#banner #blog-category a{
color:#00A300;}
#banner #blog-category a:hover {
color:#EB9900;}
/*--------------------------navigation*/
#navigation {
position:absolute;
top:427px;
left:780px;}
#navigation li {
float:left;
height:32px;
line-height:20px;
padding:0 15px;}
#navigation a {
font-size:25px;
color:#00A300;
font-family:標楷體;
padding-left:20px;}
#navigation a:hover {
color:#EB9900;}
/*--------------------------main中間*/
#main{
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/14.jpg) no-repeat;
overflow: hidden;
_overflow: none;
_height: 1%;
padding: 20px 20px;}
/*--------------------------content */
#content{width:650px ;
float:left ;
background:#fff ;
background:url() repeat;
margin:0 auto;
margin-left: 270px ;
margin-top: -10px ;}
/*---------------------spotlight*/
#spotlight{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0px 10px 30px 10px;
background: #FFE9D0;
padding: 10px 15px;
border:1px solid #FFAD34;}
#spotlight h5{
color:#EA8700;
font-weight:bold;
font-size: 15px;
margin-bottom: 5px;
text-shadow:1px 1px 0 # fff;}
#spotlight-text{
color:#000000;}
/*---------------------*/
.article{_height:1%;margin-bottom: 20px;
border-bottom:1px dotted #EA8700;
padding-bottom:20px;}
.article-head{
_height:1%;}
.publish {
font-size:14px;
font-family:verdana;
height: 104px;
color:#EA8700;
text-shadow:1px 1px 0 # 9CC770;
padding-top:10px;
padding-left:50px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/26.gif) no-repeat;}
.time{display:none;}
.title{_height:1%;padding:5px 10px;}
.title a{color:#FFA347;
font-weight: bold;
font-weight:bolder;
font-family:標楷體;
font-size:20px;
text-shadow:0px 0px 0 # 9CC770;}
.title img{display: none;}
.title a img{display: inilne}
.title a:hover {color:#E0C168;}
/*-----------------------article-body*/
.article-body{
margin: 10px 10px;
text-align:right;
color:#000000;}
.article-content{
color:#000000;
margin: 10px 0;
text-align: left;}
.article-content
.more{}
.bookmark{}
.author{}
.forward{}
/*-----------------------article-footer*/
.article-footer{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 10px;
background: #FFE9D0;
border: 3px double #FFAD34;
padding: 10px;}
.history{}
.refer{}
.back-to-top{
text-align:right;
text-transform:uppercase;
text-shadow:1px 1px 0 #000;}
/*--------------------------list*/
.article-area-title,
#view-mode{
color:#000000;}
.main-list{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 10px;
background: #000000;
padding: 20px;}
.main-list table{
width: 100%;}
.main-list th{
padding:5px;
border-bottom:1px solid #000;}
.main-list td{padding:5px;
border-bottom:1px solid #000;}
/*--------------------------post-box*/
#trackback-box{}
#comment-box{}
.user-post-box{
_height:1%;margin-bottom: 30px;}
.user-post-title{
height: 65px;
margin-bottom: 20px;
font-size:0;
text-indent: -5000px;background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/28.png) no-repeat;}
#comment-box
.user-post-title{
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/29.png) left bottom no-repeat;}
.post-comment {
font-size: 16px;
font-weight:900;
font-style: italic;
display:block;
width:165px;
height: 79px;
letter-spacing: 0.2em;
line-height:90px;
text-indent:35px;
background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/30.png) no-repeat;
margin:5px auto;
}
.post-comment a {
color:#000000;}
.post-comment a:hover{
color: #000;}
.single-post{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;_overflow: none;_height: 1%;margin: 10px auto 10px ;
padding: 10px;
width: 580px;
background: #FFE9D0;
border:1px solid #FFAD34;}
.post-info{color:#000000;
font-size:14px;
font-family: tahoma;font-weight:bold;
margin-bottom: 5px;
text-shadow:1px 1px 0 #fff;
float: left;
width: 500px;}
.post-photo{
float: right;
width:60px;}
.post-photo img{
width:60px;
height: 60px;
padding:2px;
border:1px solid #11CFFF;}
.post-text{
color:#000000;
float: left;
width: 500px;}
.reply-text{
border-top:1px dashed #EA8700;
padding-top:5px;
color:#000000;
margin-top:5px;
float: left;
width: 500px;}
.reply-text p{}
.single-post.secret{}
.single-post.secret
.post-text{float: none;width: auto;}
#trackback-url{
text-align:right;
padding: 10px;}
#trackback-url input{}
#trackback-box input
#trackback-input{
width: 300px;}
#trackback-text
.post-info {}
#trackback-box
.post-text{width:auto ;
float:none ;}
/*--------------------------pages*/
.page{padding: 20px;
text-align: center;}
.page a,.page SPAN{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 3px 10px;
border:1px solid #000000;
margin: 0 1px;
color:#FFA347;}
.page a:hover{
background: #EAD59C;
border:1px solid #000000;
color:#FFFF68;}
.page SPAN{color:#000000;}
/*--------------------------links 側欄*/
#links{
float:right;
width: 440px;
margin-right:1px;}
#links{
color:#000000;
border-bottom:1px dotted #fff;
width:220px ;float:left;
margin: -300px 0px 0px 10px ;}
#links a{
font-size: 16px;
color:#000000;
border-bottom:1px dotted #fff;}
#links-row-1{width:220px ;
float:left ;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -890px ;
margin-top: 300px ;}
#links-row-2{
width:220px ;
float:right ;
background-image: url();
background-repeat: repeat;
margin-right: -30px ;
margin-top: 300px ;}
.box{margin-bottom: 10px ;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/35.jpg) left top repeat-y;}
.box-title{
background: url(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/33.jpg) left top no-repeat;
height:35px;
font-family:華康行書體;
font-size: 1.5em ;
padding:35px 0px 0px 60px;
font-weight: bold ;color:#000000;}
.box-text{padding:0 20px;
color:#000000;_height: 1% ;
padding-bottom:20px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/34.jpg) left bottom no-repeat;}
.box-text a{
display:block ;
padding: 2px 0px ;
color:#C675EC;}
.box-text a:hover{
background: #FFE9D3;
color:#C675EC;}
.box-more{
text-align:center;}
.box-more a{
display: inline ;
color:#000000;}
#recent-article img{
display: none;}
#user-info dl dd {
margin:0 0 0px;}
#user-info .user-img {
margin-bottom:5px;
width: 95px;}
#user-info .user-img img{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#FFDFBF;
padding:3px;
border:1px solid #000000;}
#calendar table{
width:100%;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar td a{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #FFD5AB
;
color:#000000;
margin:1px;
display:block;}
#search ul,
#visitor ul,
#crumb ul{
overflow: hidden;
_overflow: none;_height: 1%;margin-bottom:5px;}
#visitor li,
#crumb li{
float:left;
line-height:0;
margin:2px;}
/*誰來我家我去誰家*/
#visitor li img,
#crumb li img{
width: 40px;
height:40px;
padding:1px;
background:#000;
border:1px dotted #FFD5AB;}
/*誰來我家 我去誰家語法 不需要也可自行刪除*/
/*此語法只有pixnet可以用，請不要擅自亂改語法及圖片喔！*/
/*將這段語法貼在CSS最下面就可以囉!*/
#visitor IMG {}
#visitor .box-text li a{
height:40px;width:40px;
display:block;
MARGIN: 1px;
background: #FFD5AB; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000000;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset;
}
}
#visitor .box-text li a:hover {background:none;}
#visitor .box-text li a img{visibility:hidden;height:40px;width:40px;}
#visitor .box-text li a:hover img{visibility:visible;height:40px;width:40px}
#visitor .box-text li { float: left; }
#visitor .box-text ul{}
#visitor .box-more{clear:both;}
#visitor IMG {}
#crumb .box-text li a{
height:40px;width:40px;
display:block;
MARGIN: 1px;
background: #FFD5AB;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000000;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset;
}
#crumb .box-text li a:hover {background:none;}
#crumb .box-text li a img{visibility:hidden;height:40px;width:40px;}
#crumb .box-text li a:hover img{visibility:visible;height:40px;width:40px}
#crumb .box-text li { float: left; }
#visitor .box-text ul{}
#crumb .box-more {clear:both;}
/*誰來我家 我去誰家語法結束*/
#search li{float: left;margin-right:3px;}
#latest-trackback li,
#latest-comment li,
#subscription li{
margin-bottom:3px;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;width:99%;}
#announce li,
#recent-article li,
#hot-article li,
#category li,
#latest-comment li,
#latest-trackback li,
#subscription li{margin-bottom:3px;}
/*--------------------------footer */
#footer{
clear:both;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/14.jpg) no-repeat;
padding-top:30px;
height:40px;
text-align: center;}
#footer p{}
#bottom ,
#bottom a{
color:#000000;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;
color:#000000;
border: 3px double #FFAD34;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/36.jpg) ;
padding: 2px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
select {
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color:#FFAD34;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/36.jpg) ;
padding: 2px;width:90%;}
/*捲軸*/
HTML{scrollbar-face-color: #EAD59C;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #FFE9D3;
scrollbar-arrow-color: #FFE9D3;
scrollbar-track-color:#EFDFB6;}
/*前文章小小圖*/
#category .box-text h6 img{display:none;}
#category .box-text h6 {
background-image:url();
background-repeat:no-repeat;
background-position:left center;color: #000000;border-bottom:1.5px dotted #fff;
line-height:30px;
padding-left:25px;font-size:16px}
#category .box-text li a{
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/304122027/44.gif);
background-repeat:no-repeat;
background-position:1px 1px;
padding-left:22px}
#category .box-text li a:hover{
background-image:url();
background-repeat:no-repeat}
padding-left:22px
/*---------不需要可自行刪除即可--------------*/
/*------------文章下方廣告無動態----------------*/
#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
/*--------------隱藏痞客邦的 MIB 廣告 --------------*/
#links-row-1 > div { z-index:5; }
#links-row-1 > div:first-child {
margin-top: -999em; position:absolute; z-index:0; }
/*--------------------------單篇人氣 顏色調整*/
.author span {
color:#000000;}
#topbar {display:none;}
#pixblogad {display:none;}
#pixblogad-banner2{display:none;}
右欄位版型語法:
/*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/
#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
/*--------------------------reset*/
body{font-family: arial, verdana, Helvetica, sans-serif;-webkit-text-size-adjust:none;cursor:url(http://ashine0118.myweb.hinet.net/hair.ani), pointer;}
*{ margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,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;}
/*--------------------------all setting */
body {font-size:15px;background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/14.jpg);
color:#000000;line-height:150%;}
a {color:#000000;}
a:hover {color:#FFA347;cursor : url(http://ashine0118.myweb.hinet.net/hair.ani), pointer;}
#body-div{}
/*--------------------------authority*/
#authority{border-bottom:1px dashed #FFF;
text-align: center;
padding:5px 0;}
#authority a{
margin:0 5px;
text-shadow:1px 1px 0 #000000;}
#authority a:hover{}
/*--------------------------container*/
#container{}
#container2{
width: 1280px;
margin:0 auto;
background:url (http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/14.jpg) left top repeat-y;}
#container3{}
/*--------------------------header */
#header{
height: 518px;
overfloheight: 500px;
padding-left: 55px;
w:hidden;
position:relative;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688229/7.jpg) no-repeat;}
#login-bar{
position:absolute;
left:500px;
top:507px;
color:#fff;}
#login-bar a{
color:#000000;}
#login-bar a:hover {
color:#fff;}
#banner{}
#banner h1{
position:absolute;
left: 1000px;
top: 50px;
height:30px;
width:250px;
overflow:hidden;}
#banner h1 a{
font-size:24px;
color:#FFA347;
font-weight:bold;
line-height:30px;
text-shadow:1px 2px 0 # FFF;}
#banner h1 a:hover {
color:#FFFF68;}
#banner h2{
position:absolute;
left: 1000px;
top:100px;
font-size:16px;
font-size: 14;
color:#E69500;
height: 120px;
width:300px;
line-height:20px;
overflow:hidden;}
#banner .skiplink{
display:none;}
#banner #blog-category{
font-size:11px;
font-size: 14px \9;
color:#00A300;
position:absolute;
right:130px;
bottom:20px;}
#banner #blog-category a{
color:#00A300;}
#banner #blog-category a:hover {
color:#EB9900;}
/*--------------------------navigation*/
#navigation {
position:absolute;
top:427px;
left:780px;}
#navigation li {
float:left;
height:32px;
line-height:20px;
padding:0 15px;}
#navigation a {
font-size:25px;
color:#00A300;
font-family:標楷體;
padding-left:20px;}
#navigation a:hover {
color:#EB9900;}
/*--------------------------main中間*/
#main{
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/14.jpg) no-repeat;
overflow: hidden;
_overflow: none;
_height: 1%;
padding: 20px 20px;}
/*--------------------------content */
#content{width:850px ;
float:left ;
background:#fff ;
background:url() repeat;
margin:0 auto;
margin-left: 70px ;
margin-top: -10px ;}
/*---------------------spotlight*/
#spotlight{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0px 10px 30px 10px;
background: #FFE9D0;
padding: 10px 15px;
border:1px solid #FFAD34;}
#spotlight h5{
color:#EA8700;
font-weight:bold;
font-size: 15px;
margin-bottom: 5px;
text-shadow:1px 1px 0 # fff;}
#spotlight-text{
color:#000000;}
/*---------------------*/
.article{_height:1%;margin-bottom: 20px;
border-bottom:1px dotted #EA8700;
padding-bottom:20px;}
.article-head{
_height:1%;}
.publish {
font-size:14px;
font-family:verdana;
height: 104px;
color:#EA8700;
text-shadow:1px 1px 0 # 9CC770;
padding-top:10px;
padding-left:50px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/26.gif) no-repeat;}
.time{display:none;}
.title{_height:1%;padding:5px 10px;}
.title a{color:#FFA347;
font-weight: bold;
font-weight:bolder;
font-family:標楷體;
font-size:20px;
text-shadow:0px 0px 0 # 9CC770;}
.title img{display: none;}
.title a img{display: inilne}
.title a:hover {color:#E0C168;}
/*-----------------------article-body*/
.article-body{
margin: 10px 10px;
text-align:right;
color:#000000;}
.article-content{
color:#000000;
margin: 10px 0;
text-align: left;}
.article-content
.more{}
.bookmark{}
.author{}
.forward{}
/*-----------------------article-footer*/
.article-footer{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 10px;
background: #FFE9D0;
border: 3px double #FFAD34;
padding: 10px;}
.history{}
.refer{}
.back-to-top{
text-align:right;
text-transform:uppercase;
text-shadow:1px 1px 0 #000;}
/*--------------------------list*/
.article-area-title,
#view-mode{
color:#000000;}
.main-list{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 10px;
background: #000000;
padding: 20px;}
.main-list table{
width: 100%;}
.main-list th{
padding:5px;
border-bottom:1px solid #000;}
.main-list td{padding:5px;
border-bottom:1px solid #000;}
/*--------------------------post-box*/
#trackback-box{}
#comment-box{}
.user-post-box{
_height:1%;margin-bottom: 30px;}
.user-post-title{
height: 65px;
margin-bottom: 20px;
font-size:0;
text-indent: -5000px;background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/28.png) no-repeat;}
#comment-box
.user-post-title{
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/29.png) left bottom no-repeat;}
.post-comment {
font-size: 16px;
font-weight:900;
font-style: italic;
display:block;
width:165px;
height: 79px;
letter-spacing: 0.2em;
line-height:90px;
text-indent:35px;
background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/30.png) no-repeat;
margin:5px auto;
}
.post-comment a {
color:#000000;}
.post-comment a:hover{
color: #000;}
.single-post{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;_overflow: none;_height: 1%;margin: 10px auto 10px ;
padding: 10px;
width: 580px;
background: #FFE9D0;
border:1px solid #FFAD34;}
.post-info{color:#000000;
font-size:14px;
font-family: tahoma;font-weight:bold;
margin-bottom: 5px;
text-shadow:1px 1px 0 #fff;
float: left;
width: 500px;}
.post-photo{
float: right;
width:60px;}
.post-photo img{
width:60px;
height: 60px;
padding:2px;
border:1px solid #11CFFF;}
.post-text{
color:#000000;
float: left;
width: 500px;}
.reply-text{
border-top:1px dashed #EA8700;
padding-top:5px;
color:#000000;
margin-top:5px;
float: left;
width: 500px;}
.reply-text p{}
.single-post.secret{}
.single-post.secret
.post-text{float: none;width: auto;}
#trackback-url{
text-align:right;
padding: 10px;}
#trackback-url input{}
#trackback-box input
#trackback-input{
width: 300px;}
#trackback-text
.post-info {}
#trackback-box
.post-text{width:auto ;
float:none ;}
/*--------------------------pages*/
.page{padding: 20px;
text-align: center;}
.page a,.page SPAN{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 3px 10px;
border:1px solid #000000;
margin: 0 1px;
color:#FFA347;}
.page a:hover{
background: #EAD59C;
border:1px solid #000000;
color:#FFFF68;}
.page SPAN{color:#000000;}
/*--------------------------links 側欄*/
#links{
float:right;
width: 440px;
margin-right:1px;}
#links{
color:#000000;
border-bottom:1px dotted #fff;
width:220px ;float:left;
margin: 0px 0px 0px 10px ;}
#links a{
font-size: 16px;
color:#000000;
border-bottom:1px dotted #fff;}
.box{margin-bottom: 10px ;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/35.jpg) left top repeat-y;}
.box-title{
background: url(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/33.jpg) left top no-repeat;
height:35px;
font-family:華康行書體;
font-size: 1.5em ;
padding:35px 0px 0px 60px;
font-weight: bold ;color: #000000;}
.box-text{padding:0 20px;
color:#000000;_height: 1% ;
padding-bottom:20px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/34.jpg) left bottom no-repeat;}
.box-text a{
display:block ;
padding: 2px 0px ;
color:#C675EC;}
.box-text a:hover{
background: #FFE9D3;
color:#C675EC;}
.box-more{
text-align:center;}
.box-more a{
display: inline ;
color:#000000;}
#recent-article img{
display: none;}
#user-info dl dd {
margin:0 0 0px;}
#user-info .user-img {
margin-bottom:5px;
width: 95px;}
#user-info .user-img img{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #FFDFBF;
padding:3px;
border:1px solid #000000;}
#calendar table{
width:100%;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar td a{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #FFD5AB;
color:#000000;
margin:1px;
display:block;}
#search ul,
#visitor ul,
#crumb ul{
overflow: hidden;
_overflow: none;_height: 1%;margin-bottom:5px;}
#visitor li,
#crumb li{
float:left;
line-height:0;
margin:2px;}
/*誰來我家我去誰家*/
#visitor li img,
#crumb li img{
width: 40px;
height:40px;
padding:1px;
background:#000;
border:1px dotted #FFD5AB;}
/*誰來我家 我去誰家語法 不需要也可自行刪除*/
/*此語法只有pixnet可以用，請不要擅自亂改語法及圖片喔！*/
/*將這段語法貼在CSS最下面就可以囉!*/
#visitor IMG {}
#visitor .box-text li a{
height:40px;width:40px;
display:block;
MARGIN: 1px;
background: #FFD5AB; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000000;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset;
}
}
#visitor .box-text li a:hover {background:none;}
#visitor .box-text li a img{visibility:hidden;height:40px;width:40px;}
#visitor .box-text li a:hover img{visibility:visible;height:40px;width:40px}
#visitor .box-text li { float: left; }
#visitor .box-text ul{}
#visitor .box-more{clear:both;}
#visitor IMG {}
#crumb .box-text li a{
height:40px;width:40px;
display:block;
MARGIN: 1px;
background: #FFD5AB;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000000;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset;
}
#crumb .box-text li a:hover {background:none;}
#crumb .box-text li a img{visibility:hidden;height:40px;width:40px;}
#crumb .box-text li a:hover img{visibility:visible;height:40px;width:40px}
#crumb .box-text li { float: left; }
#visitor .box-text ul{}
#crumb .box-more {clear:both;}
/*誰來我家 我去誰家語法結束*/
#search li{float: left;margin-right:3px;}
#latest-trackback li,
#latest-comment li,
#subscription li{
margin-bottom:3px;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;width:99%;}
#announce li,
#recent-article li,
#hot-article li,
#category li,
#latest-comment li,
#latest-trackback li,
#subscription li{margin-bottom:3px;}
/*--------------------------footer */
#footer{
clear:both;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/14.jpg) no-repeat;
padding-top:30px;
height:40px;
text-align: center;}
#footer p{}
#bottom ,
#bottom a{
color:#000000;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;
color:#000000;
border: 3px double #FFAD34;
background-image:url(http://6.blog.xuite.net/_temp/6/6/9/9/536ac1b651250a8021feef3242c1e4d61425121805624536.jpg) ;
padding: 2px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
select {
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color:#FFAD34;
background-image:url(http://6.blog.xuite.net/_temp/6/6/9/9/536ac1b651250a8021feef3242c1e4d61425121805624536.jpg) ;
padding: 2px;width:90%;}
/*捲軸*/
HTML{scrollbar-face-color: #EAD59C;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #FFE9D3;
scrollbar-arrow-color: #FFE9D3;
scrollbar-track-color: #EFDFB6;}
/*前文章小小圖*/
#category .box-text h6 img{display:none;}
#category .box-text h6 {
background-image:url();
background-repeat:no-repeat;
background-position:left center;color:#ff0000;border-bottom:1.5px dotted #fff;
line-height:30px;
padding-left:25px;font-size:16px}
#category .box-text li a{
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/304122027/44.gif);
background-repeat:no-repeat;
background-position:1px 1px;
padding-left:22px}
#category .box-text li a:hover{
background-image:url();
background-repeat:no-repeat}
padding-left:22px
/*---------不需要可自行刪除即可--------------*/
/*------------文章下方廣告無動態----------------*/
#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
/*--------------隱藏痞客邦的 MIB 廣告 --------------*/
#links-row-1 > div { z-index:5; }
#links-row-1 > div:first-child {
margin-top: -999em; position:absolute; z-index:0; }
/*--------------------------單篇人氣 顏色調整*/
.author span {
color:#000000;}
#topbar {display:none;}
#pixblogad {display:none;}
#pixblogad-banner2{display:none;}
左欄位版型語法:
/*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/
#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
/*--------------------------reset*/
body{font-family: arial, verdana, Helvetica, sans-serif;-webkit-text-size-adjust:none;cursor:url(http://ashine0118.myweb.hinet.net/hair.ani), pointer;}
*{ margin:0;padding:0;}
table {border-collapse:collapse;border-spacing:0;}
fieldset,img {border:0;}
address,caption,cite,code,dfn,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;}
/*--------------------------all setting */
body {font-size:15px;background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/14.jpg);
color:#000000;line-height:150%;}
a {color:#000000;}
a:hover {color:#FFA347;cursor : url(http://ashine0118.myweb.hinet.net/hair.ani), pointer;}
#body-div{}
/*--------------------------authority*/
#authority{border-bottom:1px dashed #FFF;
text-align: center;
padding:5px 0;}
#authority a{
margin:0 5px;
text-shadow:1px 1px 0 #000000;}
#authority a:hover{}
/*--------------------------container*/
#container{}
#container2{
width: 1280px;
margin:0 auto;
background:url (http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/14.jpg) left top repeat-y;}
#container3{}
/*--------------------------header */
#header{
height: 527px;
overfloheight: 500px;
padding-left: 55px;
w:hidden;
position:relative;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688229/7.jpg) no-repeat;}
#login-bar{
position:absolute;
left:500px;
top:507px;
color:#fff;}
#login-bar a{
color:#000000;}
#login-bar a:hover {
color:#fff;}
#banner{}
#banner h1{
position:absolute;
left: 1000px;
top: 50px;
height:30px;
width:250px;
overflow:hidden;}
#banner h1 a{
font-size:24px;
color:#FFA347;
font-weight:bold;
line-height:30px;
text-shadow:1px 2px 0 # FFF;}
#banner h1 a:hover {
color:#FFFF68;}
#banner h2{
position:absolute;
left: 1000px;
top: 100px;
font-size:16px;
font-size: 14;
color:#E69500;
height: 120px;
width:300px;
line-height:20px;
overflow:hidden;}
#banner .skiplink{
display:none;}
#banner #blog-category{
font-size:11px;
font-size: 14px \9;
color:#00A300;
position:absolute;
right:130px;
bottom:20px;}
#banner #blog-category a{
color:#00A300;}
#banner #blog-category a:hover {
color:#EB9900;}
/*--------------------------navigation*/
#navigation {
position:absolute;
top:427px;
left:780px;}
#navigation li {
float:left;
height:32px;
line-height:20px;
padding:0 15px;}
#navigation a {
font-size:25px;
color:#00A300;
font-family:標楷體;
padding-left:20px;}
#navigation a:hover {
color:#EB9900;}
/*--------------------------main中間*/
#main{
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/14.jpg) no-repeat;
overflow: hidden;
_overflow: none;
_height: 1%;
padding: 20px 20px;}
/*--------------------------content */
#content{
width:850px ;
float:right ;
background:#fff ;
background:url() repeat;
margin:0 auto;
margin-right: 70px ;
margin-top: -10px ;
}
/*---------------------spotlight*/
#spotlight{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0px 10px 30px 10px;
background: #FFE9D0;
padding: 10px 15px;
border:1px solid #FFAD34;}
#spotlight h5{
color: #EA8700;
font-weight:bold;
font-size: 15px;
margin-bottom: 5px;
text-shadow:1px 1px 0 # fff;}
#spotlight-text{
color:#000000;}
/*---------------------*/
.article{_height:1%;margin-bottom: 20px;
border-bottom:1px dotted #EA8700;
padding-bottom:20px;}
.article-head{
_height:1%;}
.publish {
font-size:14px;
font-family:verdana;
height: 104px;
color:#EA8700;
text-shadow:1px 1px 0 # 9CC770;
padding-top:10px;
padding-left:50px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/26.gif) no-repeat;}
.time{display:none;}
.title{_height:1%;padding:5px 10px;}
.title a{color: #FFA347;
font-weight: bold;
font-weight:bolder;
font-family:標楷體;
font-size:20px;
text-shadow:0px 0px 0 # 9CC770;}
.title img{display: none;}
.title a img{display: inilne}
.title a:hover {color:#E0C168;}
/*-----------------------article-body*/
.article-body{
margin: 10px 10px;
text-align:right;
color:#000000;}
.article-content{
color:#000000;
margin: 10px 0;
text-align: left;}
.article-content
.more{}
.bookmark{}
.author{}
.forward{}
/*-----------------------article-footer*/
.article-footer{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 10px;
background: #FFE9D0;
border: 3px double #FFAD34;
padding: 10px;}
.history{}
.refer{}
.back-to-top{
text-align:right;
text-transform:uppercase;
text-shadow:1px 1px 0 #000;}
/*--------------------------list*/
.article-area-title,
#view-mode{
color:#000000;}
.main-list{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 10px;
background:#000000;
padding: 20px;}
.main-list table{
width: 100%;}
.main-list th{
padding:5px;
border-bottom:1px solid #000;}
.main-list td{padding:5px;
border-bottom:1px solid #000;}
/*--------------------------post-box*/
#trackback-box{}
#comment-box{}
.user-post-box{
_height:1%;margin-bottom: 30px;}
.user-post-title{
height: 65px;
margin-bottom: 20px;
font-size:0;
text-indent: -5000px;background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/28.png) no-repeat;}
#comment-box
.user-post-title{
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/29.png) left bottom no-repeat;}
.post-comment {
font-size: 16px;
font-weight:900;
font-style: italic;
display:block;
width:165px;
height: 79px;
letter-spacing: 0.2em;
line-height:90px;
text-indent:35px;
background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/30.png) no-repeat;
margin:5px auto;
}
.post-comment a {
color:#000000;}
.post-comment a:hover{
color:#000;}
.single-post{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
overflow: hidden;_overflow: none;_height: 1%;margin: 10px auto 10px ;
padding: 10px;
width: 580px;
background: #FFE9D0;
border:1px solid #FFAD34;}
.post-info{color:#000000;
font-size:14px;
font-family: tahoma;font-weight:bold;
margin-bottom: 5px;
text-shadow:1px 1px 0 #fff;
float: left;
width: 500px;}
.post-photo{
float: right;
width:60px;}
.post-photo img{
width:60px;
height: 60px;
padding:2px;
border:1px solid #11CFFF;}
.post-text{
color:#000000;
float: left;
width: 500px;}
.reply-text{
border-top:1px dashed #EA8700;
padding-top:5px;
color:#000000;
margin-top:5px;
float: left;
width: 500px;}
.reply-text p{}
.single-post.secret{}
.single-post.secret
.post-text{float: none;width: auto;}
#trackback-url{
text-align:right;
padding: 10px;}
#trackback-url input{}
#trackback-box input
#trackback-input{
width: 300px;}
#trackback-text
.post-info {}
#trackback-box
.post-text{width:auto ;
float:none ;}
/*--------------------------pages*/
.page{padding: 20px;
text-align: center;}
.page a,.page SPAN{
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 3px 10px;
border:1px solid #000000;
margin: 0 1px;
color:#FFA347;}
.page a:hover{
background: #EAD59C;
border:1px solid #000000;
color:#FFFF68;}
.page SPAN{color:#000000;}
/*--------------------------links 側欄*/
#links{
float:left;
width: 440px;
margin-right:1px;}
#links{
color:#000000;
border-bottom:1px dotted #fff;
width:220px ;
float:right;
margin: 0px 30px 0px 10px ;}
#links a{
font-size: 16px;
color:#000000;
border-bottom:1px dotted #fff;}
.box{margin-bottom: 10px ;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/35.jpg) left top repeat-y;}
.box-title{
background: url(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/33.jpg) left top no-repeat;
height:35px;
font-family:華康行書體;
font-size: 1.5em ;
padding:35px 0px 0px 60px;
font-weight: bold ;color:#000000;}
.box-text{padding:0 20px;
color:#000000;_height: 1% ;
padding-bottom:20px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/34.jpg) left bottom no-repeat;}
.box-text a{
display:block ;
padding: 2px 0px ;
color:#C675EC;}
.box-text a:hover{
background: #FFE9D3;
color:#C675EC;}
.box-more{
text-align:center;}
.box-more a{
display: inline ;
color:#000000 ;}
#recent-article img{
display: none;}
#user-info dl dd {
margin:0 0 0px;}
#user-info .user-img {
margin-bottom:5px;
width: 95px;}
#user-info .user-img img{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background: #FFDFBF;
padding:3px;
border:1px solid #000000;}
#calendar table{
width:100%;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar td a{
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
background: #FFD5AB;
color:#000000;
margin:1px;
display:block;}
#search ul,
#visitor ul,
#crumb ul{
overflow: hidden;
_overflow: none;_height: 1%;margin-bottom:5px;}
#visitor li,
#crumb li{
float:left;
line-height:0;
margin:2px;}
/*誰來我家我去誰家*/
#visitor li img,
#crumb li img{
width: 40px;
height:40px;
padding:1px;
background:#000;
border:1px dotted #FFD5AB;}
/*誰來我家 我去誰家語法 不需要也可自行刪除*/
/*此語法只有pixnet可以用，請不要擅自亂改語法及圖片喔！*/
/*將這段語法貼在CSS最下面就可以囉!*/
#visitor IMG {}
#visitor .box-text li a{
height:40px;width:40px;
display:block;
MARGIN: 1px;
background: #FFD5AB; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000000;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset;
}
}
#visitor .box-text li a:hover {background:none;}
#visitor .box-text li a img{visibility:hidden;height:40px;width:40px;}
#visitor .box-text li a:hover img{visibility:visible;height:40px;width:40px}
#visitor .box-text li { float: left; }
#visitor .box-text ul{}
#visitor .box-more{clear:both;}
#visitor IMG {}
#crumb .box-text li a{
height:40px;width:40px;
display:block;
MARGIN: 1px;
background: #FFD5AB;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#000000;double:1px;BORDER-TOP-STYLE:double;BORDER-RIGHT-STYLE:double;BORDER-LEFT-STYLE:inset;BORDER-BOTTOM-STYLE:inset;
}
#crumb .box-text li a:hover {background:none;}
#crumb .box-text li a img{visibility:hidden;height:40px;width:40px;}
#crumb .box-text li a:hover img{visibility:visible;height:40px;width:40px}
#crumb .box-text li { float: left; }
#visitor .box-text ul{}
#crumb .box-more {clear:both;}
/*誰來我家 我去誰家語法結束*/
#search li{float: left;margin-right:3px;}
#latest-trackback li,
#latest-comment li,
#subscription li{
margin-bottom:3px;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;width:99%;}
#announce li,
#recent-article li,
#hot-article li,
#category li,
#latest-comment li,
#latest-trackback li,
#subscription li{margin-bottom:3px;}
/*--------------------------footer */
#footer{
clear:both;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/302688483/14.jpg) no-repeat;
padding-top:30px;
height:40px;
text-align: center;}
#footer p{}
#bottom ,
#bottom a{
color:#000000;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;
color:#000000;
border: 3px double #FFAD34;
background-image:url(http://6.blog.xuite.net/_temp/6/6/9/9/536ac1b651250a8021feef3242c1e4d61425121805624536.jpg) ;
padding: 2px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
select {
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color:#FFAD34;
background-image:url(http://6.blog.xuite.net/_temp/6/6/9/9/536ac1b651250a8021feef3242c1e4d61425121805624536.jpg) ;
padding: 2px;width:90%;}
/*捲軸*/
HTML{scrollbar-face-color: #EAD59C;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color: #000000;
scrollbar-darkshadow-color: #000000;
scrollbar-shadow-color: #FFE9D3;
scrollbar-arrow-color: #FFE9D3;
scrollbar-track-color: #EFDFB6;}
/*前文章小小圖*/
#category .box-text h6 img{display:none;}
#category .box-text h6 {
background-image:url();
background-repeat:no-repeat;
background-position:left center;color:#ff0000;border-bottom:1.5px dotted #fff;
line-height:30px;
padding-left:25px;font-size:16px}
#category .box-text li a{
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/304122027/44.gif);
background-repeat:no-repeat;
background-position:1px 1px;
padding-left:22px}
#category .box-text li a:hover{
background-image:url();
background-repeat:no-repeat}
padding-left:22px
/*---------不需要可自行刪除即可--------------*/
/*------------文章下方廣告無動態----------------*/
#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
/*--------------隱藏痞客邦的 MIB 廣告 --------------*/
#links-row-1 > div { z-index:5; }
#links-row-1 > div:first-child {
margin-top: -999em; position:absolute; z-index:0; }
/*--------------------------單篇人氣 顏色調整*/
.author span {
color:#000000;}
#topbar {display:none;}
#pixblogad {display:none;}
#pixblogad-banner2{display:none;}
