三欄位版型語法:
/*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/
#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://www.geocities.jp/umod09/0395.ani), pointer;}
table {border-collapse:collapse;border-spacing:0;}
*{ margin:0;padding: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/476448087/9.jpg);
color:#007878;line-height:150%;}
a {color:#007878;}
a:hover {color:#20B2AA;cursor : url(http://www.geocities.jp/umod09/0396.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 #007878;}
#authority a:hover{}
/*--------------------------container*/
#container{}
#container2{
width:1350px;
margin:0 auto;
background:url () left top repeat-y;}
#container3{}
/*--------------------------header */
#header{
overflow: hidden;
padding-left: 55px;
height: 550px;
position:relative;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/473932235/21.jpg) no-repeat;}
#login-bar{
position:absolute;
left:500px;
top:507px;
color:#fff;}
#login-bar a{
color:#007878;}
#login-bar a:hover {
color:#fff;}
#banner{}
#banner h1{
position:absolute;
left: 900px;
top: 60px;
height:30px;
width:450px;
overflow:hidden;}
#banner h1 a{
font-size:24px;
color:#00644B;
font-weight:bold;
line-height:30px;
text-shadow:1px 2px 0# FFF;}
#banner h1 a:hover {
color:#00A078;}
#banner h2{
position:absolute;
left:900px;
top:105px;
font-size:16px;
font-size: 16;
color:#EAF9F3;
height: 120px;
width:300px;
line-height:20px;
overflow:hidden;}
#banner .skiplink{
display:none;}
#banner #blog-category{
font-size:11px;
font-size: 14px \9;
color:#236946;
position:absolute;
right:70px;
bottom:35px;}
#banner #blog-category a{
color:#236946;}
#banner #blog-category a:hover {
color:#2D875A;}
/*--------------------------navigation*/
#navigation {
position:absolute;
top:450px;
left:875px;}
#navigation li {
float:left;
height:32px;
line-height:20px;
padding:0 15px;}
#navigation a {
font-size:25px;
color:#236946;
font-family:標楷體;
padding-left:20px;}
#navigation a:hover {
color:#2D875A;}
/*--------------------------main中間*/
#main{
background:url() 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: 328px ;
margin-top: -15px ;}
/*---------------------spotlight*/
#spotlight{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 20px 30px 25px 25px;
background:#D3E9DE;
padding: 10px 15px;
border:1px solid #5CADAD;}
#spotlight h5{
color:#4F9D9D;
font-weight:bold;
font-size: 15px;
margin-bottom: 5px;
text-shadow:1px 1px 0 # fff;}
#spotlight-text{
color:#007878;}
/*---------------------*/
.article{_height:1%;margin-bottom: 20px;
border-bottom:1px dotted #336666;
padding-bottom:20px;}
.article-head{
_height:1%;}
.publish {
font-size:14px;
font-family:verdana;
height: 64px;
color:#4F9D9D;
text-shadow:1px 1px 0 # fff;
padding-top:15px;
padding-left:65px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/473979752/10.gif) no-repeat;}
.time{display:none;}
.title{_height:1%;padding:5px 10px;}
.title a{color:#008080;
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:#20B2AA;}
/*-----------------------article-body*/
.article-body{
margin: 10px 10px;
text-align:right;
color:#007878;}
.article-content{
color:#007878;
margin: 10px 0;
text-align: left;}
.article-content
.more{}
.bookmark{}
.author{}
.forward{}
/*-----------------------article-footer*/
.article-footer{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 10px;
background: #D3E9DE;
border: 3px double #5CADAD;
padding: 10px;}
.history{}
.refer{}
.back-to-top{
text-align:right;
text-transform:uppercase;
text-shadow:1px 1px 0#007878;}
/*--------------------------list*/
.article-area-title,
#view-mode{
color:#007878;}
.main-list{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 10px;
background: #007878;
padding: 20px;}
.main-list table{
width: 100%;}
.main-list th{
padding:5px;
border-bottom:1px solid #007878;}
.main-list td{padding:5px;
border-bottom:1px solid #007878;}
/*--------------------------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() no-repeat;}
#comment-box
.user-post-title{
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/392576942/22.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:70px;
text-indent:42px;
background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/392576942/23.png) no-repeat;
margin:5px auto;
}
.post-comment a {
color:#007878;}
.post-comment a:hover{
color:#007878;}
.single-post{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;_overflow: none;_height: 1%;margin: 10px auto 10px ;
padding: 10px;
width: 580px;
background: #D3E9DE;
border:1px solid #5CADAD;
box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.4);
-ms-transition:.4s;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s;
}
.single-post:hover { background: rgba(200,255,255,0.2); }
.post-info{color:#007878;
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 #5CADAD;}
.post-text{
color:#007878;
float: left;
width: 500px;}
.reply-text{
border-top:1px dashed #5CADAD;
padding-top:5px;
color:#007878;
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 #007878;
margin: 0 1px;
color:#20B2AA;}
.page a:hover{
background: #E7F3ED;
border:1px solid #007878;
color:#48D1CC;}
.page SPAN{color:#007878;}
/*--------------------------links 側欄*/
#links{
float:right;
width: 440px;
margin-right:1px;}
#links{
color:#007878;
border-bottom:1px dotted #fff;
width:220px ;float:left;
margin: -300px 0px 0px 10px ;}
#links a{
font-size: 16px;
color:#007878;
border-bottom:2px dotted #87CECB;}
#links-row-1{width:220px ;
float:left ;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -910px ;
margin-top: 300px ;}
#links-row-2{
width:220px ;
float:right ;
background-image: url();
background-repeat: repeat;
margin-right: -25px ;
margin-top: 300px ;}
.box{margin-bottom: 10px ;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/473979752/8.jpg) left top repeat-y;}
.box-title{
background: url(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/473979752/6.jpg) left top no-repeat;
height:45px;
font-family:華康行書體;
font-size: 1.5em ;
padding:35px 0px 0px 66px;
font-weight: bold ;color:#00A078;}
.box-text{padding:0 20px;
color:#007878;_height: 1% ;
padding-bottom:20px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/473979752/7.jpg) left bottom no-repeat;}
.box-text a{
display:block ;
padding: 2px 0px ;
color:#C675EC;}
.box-text a:hover{
background: #D3E9DE;
color:#C675EC;}
.box-more{
text-align:center;}
.box-more a{
display: inline ;
color:#007878;}
#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: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background:#82CBCB;
padding:3px;
border:1px solid #9CD5D5;}
#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: #D0E9E9;
color:#007878;
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:#007878;
border:1px dotted #D3E9DE;}
/*誰來我家 我去誰家語法 不需要也可自行刪除*/
/*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/
/*將這段語法貼在CSS最下面就可以囉!*/
#visitor IMG {}
#visitor .box-text li a{
height:40px;width:40px;
display:block;
MARGIN: 1px;
background:#D3E9DE; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#007878;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: #D3E9DE;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#007878;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() no-repeat;
padding-top:30px;
height:40px;
text-align: center;}
#footer p{}
#bottom ,
#bottom a{
color:#007878;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;
color:#007878;
border: 3px double #5CADAD;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/392576942/1.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:#5CADAD;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/392576942/1.jpg) ;
padding: 2px;width:90%;}
/*捲軸*/
HTML{scrollbar-face-color:#BFDFCF;
scrollbar-highlight-color:#E7F3ED;
scrollbar-3dlight-color: #007878;
scrollbar-darkshadow-color: #007878;
scrollbar-shadow-color: #E7F3ED;
scrollbar-arrow-color: #E7F3ED;
scrollbar-track-color: #D3E9DE;}
/*前文章小小圖*/
#category .box-text h6 img{display:none;}
#category .box-text h6 {
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/392576942/28.gif);
background-repeat:no-repeat;
background-position:left center;color:#007878;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/392576942/29.gif);
background-repeat:no-repeat;
background-position:1px 1px;
padding-left:25px}
#category .box-text li a:hover{
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/392576942/28.gif);
background-repeat:no-repeat}
padding-left:25px
/*---------不需要可自行刪除即可--------------*/
/*------------文章下方廣告無動態----------------*/
#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:#007878;}
.topbar-placeholder, #comment-text > div{display:none}
.article-body > div:last-child {width:0px; height:0px; margin-left: -2000px; }
#content .recommended-posts3 ul li a:not([class*="emma"]){display: none;}
#idle-pop {display: none;}
#comment-text ul li.post-info > span.user-name img{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://www.geocities.jp/umod09/0395.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/476448087/9.jpg);
color:#007878;line-height:150%;}
a {color:#007878;}
a:hover {color:#20B2AA;cursor : url(http://www.geocities.jp/umod09/0396.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 #007878;}
#authority a:hover{}
/*--------------------------container*/
#container{}
#container2{
width:1350px;
margin:0 auto;
background:url () left top repeat-y;}
#container3{}
/*--------------------------header */
#header{
padding-left: 55px;
height: 550px;
position:relative;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/473932235/21.jpg) no-repeat;}
#login-bar{
position:absolute;
left:500px;
top:507px;
color:#fff;}
#login-bar a{
color:#007878;}
#login-bar a:hover {
color:#fff;}
#banner{}
#banner h1{
position:absolute;
left: 900px;
top: 60px;
height:30px;
width:450px;
overflow:hidden;}
#banner h1 a{
font-size:24px;
color:#00644B;
font-weight:bold;
line-height:30px;
text-shadow:1px 2px 0 # FFF;}
#banner h1 a:hover {
color:#00A078;}
#banner h2{
position:absolute;
left: 900px;
top:105px;
font-size:16px;
font-size: 16;
color:#EAF9F3;
height: 120px;
width:300px;
line-height:20px;
overflow:hidden;}
#banner .skiplink{
display:none;}
#banner #blog-category{
font-size:11px;
font-size: 14px \9;
color:#236946;
position:absolute;
right:70px;
bottom:35px;}
#banner #blog-category a{
color:#236946;}
#banner #blog-category a:hover {
color:#2D875A;}
/*--------------------------navigation*/
#navigation {
position:absolute;
top:450px;
left:875px;}
#navigation li {
float:left;
height:32px;
line-height:20px;
padding:0 15px;}
#navigation a {
font-size:25px;
color:#236946;
font-family:標楷體;
padding-left:20px;}
#navigation a:hover {
color:#2D875A;}
/*--------------------------main中間*/
#main{
background:url() 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: 148px ;
margin-top: -5px ;}
/*---------------------spotlight*/
#spotlight{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 20px 80px 25px 80px;
background: #D3E9DE;
padding: 10px 15px;
border:1px solid #5CADAD;}
#spotlight h5{
color:#4F9D9D;
font-weight:bold;
font-size: 15px;
margin-bottom: 5px;
text-shadow:1px 1px 0 # fff;}
#spotlight-text{
color:#007878;}
/*---------------------*/
.article{_height:1%;margin-bottom: 20px;
border-bottom:1px dotted #336666;
padding-bottom:20px;}
.article-head{
_height:1%;}
.publish {
font-size:14px;
font-family:verdana;
height: 64px;
color:#4F9D9D;
text-shadow:1px 1px 0 # fff;
padding-top:15px;
padding-left:65px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/473979752/10.gif) no-repeat;}
.time{display:none;}
.title{_height:1%;padding:5px 10px;}
.title a{color:#008080;
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:#20B2AA;}
/*-----------------------article-body*/
.article-body{
margin: 10px 10px;
text-align:right;
color:#007878;}
.article-content{
color:#007878;
margin: 10px 0;
text-align: left;}
.article-content
.more{}
.bookmark{}
.author{}
.forward{}
/*-----------------------article-footer*/
.article-footer{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 10px;
background: #D3E9DE;
border: 3px double #5CADAD;
padding: 10px;}
.history{}
.refer{}
.back-to-top{
text-align:right;
text-transform:uppercase;
text-shadow:1px 1px 0 #007878;}
/*--------------------------list*/
.article-area-title,
#view-mode{
color:#007878;}
.main-list{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 10px;
background: #007878;
padding: 20px;}
.main-list table{
width: 100%;}
.main-list th{
padding:5px;
border-bottom:1px solid #007878;}
.main-list td{padding:5px;
border-bottom:1px solid #007878;}
/*--------------------------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() no-repeat;}
#comment-box
.user-post-title{
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/392576942/22.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:70px;
text-indent:42px;
background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/392576942/23.png) no-repeat;
margin:5px auto;
}
.post-comment a {
color:#007878;}
.post-comment a:hover{
color:#007878;}
.single-post{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;_overflow: none;_height: 1%;margin: 10px auto 10px ;
padding: 10px;
width: 580px;
background: #D3E9DE;
border:1px solid #5CADAD;
box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.4);
-ms-transition:.4s;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s;
}
.single-post:hover { background: rgba(200,255,255,0.2); }
.post-info{color:#007878;
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 #5CADAD;}
.post-text{
color:#007878;
float: left;
width: 500px;}
.reply-text{
border-top:1px dashed #5CADAD;
padding-top:5px;
color:#007878;
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 #007878;
margin: 0 1px;
color:#20B2AA;}
.page a:hover{
background: #E7F3ED;
border:1px solid #007878;
color:#48D1CC;}
.page SPAN{color:#007878;}
/*--------------------------links 側欄*/
#links{
float:right;
width: 440px;
margin-right:-1px;}
#links{
color:#007878;
border-bottom:1px dotted # fff;
width:220px ;float:left;
margin: 0px 30px 0px 10px ;}
#links a{
font-size: 16px;
color:#007878;
border-bottom:2px dotted #87CECB;}
.box{margin-bottom: 10px ;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/473979752/8.jpg) left top repeat-y;}
.box-title{
background: url(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/473979752/6.jpg) left top no-repeat;
height:45px;
font-family:華康行書體;
font-size: 1.5em ;
padding:35px 0px 0px 66px;
font-weight: bold ;color: #00A078;}
.box-text{padding:0 20px;
color:#007878;_height: 1% ;
padding-bottom:20px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/473979752/7.jpg) left bottom no-repeat;}
.box-text a{
display:block ;
padding: 2px 0px ;
color:#C675EC;}
.box-text a:hover{
background: #D3E9DE;
color:#C675EC;}
.box-more{
text-align:center;}
.box-more a{
display: inline ;
color:#007878;}
#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: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #82CBCB;
padding:3px;
border:1px solid #9CD5D5;}
#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: #D0E9E9;
color:#007878;
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:#007878;
border:1px dotted #D3E9DE;}
/*誰來我家 我去誰家語法 不需要也可自行刪除*/
/*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/
/*將這段語法貼在CSS最下面就可以囉!*/
#visitor IMG {}
#visitor .box-text li a{
height:40px;width:40px;
display:block;
MARGIN: 1px;
background: #D3E9DE; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#007878;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: #D3E9DE;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#007878;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() no-repeat;
padding-top:30px;
height:40px;
text-align: center;}
#footer p{}
#bottom ,
#bottom a{
color:#007878;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;
color:#007878;
border: 3px double #5CADAD;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/392576942/1.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:#5CADAD;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/392576942/1.jpg) ;
padding: 2px;width:90%;}
/*捲軸*/
HTML{scrollbar-face-color: #BFDFCF;
scrollbar-highlight-color:#E7F3ED;
scrollbar-3dlight-color: #007878;
scrollbar-darkshadow-color: #007878;
scrollbar-shadow-color: #E7F3ED;
scrollbar-arrow-color: #E7F3ED;
scrollbar-track-color: #D3E9DE;}
/*前文章小小圖*/
#category .box-text h6 img{display:none;}
#category .box-text h6 {
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/392576942/28.gif);
background-repeat:no-repeat;
background-position:left center;color:#007878;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/392576942/29.gif);
background-repeat:no-repeat;
background-position:1px 1px;
padding-left:25px}
#category .box-text li a:hover{
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/392576942/28.gif);
background-repeat:no-repeat}
padding-left:25px
/*---------不需要可自行刪除即可--------------*/
/*------------文章下方廣告無動態----------------*/
#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:#007878;}
.topbar-placeholder, #comment-text > div{display:none}
.article-body > div:last-child {width:0px; height:0px; margin-left: -2000px; }
#content .recommended-posts3 ul li > :nth-child(1):not([class*="source-emma"]) {
display: none;}
#comment-text ul li.post-info > span.user-name img{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://www.geocities.jp/umod09/0395.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/476448087/9.jpg);
color:#007878;line-height:150%;}
a {color:#007878;}
a:hover {color:#20B2AA;cursor : url(http://www.geocities.jp/umod09/0396.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 #007878;}
#authority a:hover{}
/*--------------------------container*/
#container{}
#container2{
width:1350px;
margin:0 auto;
background:url () left top repeat-y;}
#container3{}
/*--------------------------header */
#header{
padding-left: 55px;
height: 550px;
position:relative;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/473932235/21.jpg) no-repeat;}
#login-bar{
position:absolute;
left:500px;
top:507px;
color: #fff;}
#login-bar a{
color:#007878;}
#login-bar a:hover {
color: #fff;}
#banner{}
#banner h1{
position:absolute;
left: 900px;
top: 60px;
height:30px;
width:450px;
overflow:hidden;}
#banner h1 a{
font-size:24px;
color:#00644B;
font-weight:bold;
line-height:30px;
text-shadow:1px 2px 0 # FFF;}
#banner h1 a:hover {
color:#00A078;}
#banner h2{
position:absolute;
left: 900px;
top: 105px;
font-size:16px;
font-size: 16;
color:#EAF9F3;
height: 120px;
width:300px;
line-height:20px;
overflow:hidden;}
#banner .skiplink{
display:none;}
#banner #blog-category{
font-size:11px;
font-size: 14px \9;
color:#236946;
position:absolute;
right:70px;
bottom:35px;}
#banner #blog-category a{
color:#236946;}
#banner #blog-category a:hover {
color:#2D875A;}
/*--------------------------navigation*/
#navigation {
position:absolute;
top:450px;
left:875px;}
#navigation li {
float:left;
height:32px;
line-height:20px;
padding:0 15px;}
#navigation a {
font-size:25px;
color:#236946;
font-family:標楷體;
padding-left:20px;}
#navigation a:hover {
color:#2D875A;}
/*--------------------------main中間*/
#main{
background:url() 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: 130px ;
margin-top: -5px ;}
/*---------------------spotlight*/
#spotlight{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 20px 80px 25px 80px;
background: #D3E9DE;
padding: 10px 15px;
border:1px solid #5CADAD;}
#spotlight h5{
color:#4F9D9D;
font-weight:bold;
font-size: 15px;
margin-bottom: 5px;
text-shadow:1px 1px 0 # fff;}
#spotlight-text{
color:#007878;}
/*---------------------*/
.article{_height:1%;margin-bottom: 20px;
border-bottom:1px dotted #336666;
padding-bottom:20px;}
.article-head{
_height:1%;}
.publish {
font-size:14px;
font-family:verdana;
height: 64px;
color:#4F9D9D;
text-shadow:1px 1px 0 # fff;
padding-top:15px;
padding-left:65px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/473979752/10.gif) no-repeat;}
.time{display:none;}
.title{_height:1%;padding:5px 10px;}
.title a{color:#008080;
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:#20B2AA;}
/*-----------------------article-body*/
.article-body{
margin: 10px 10px;
text-align:right;
color:#007878;}
.article-content{
color:#007878;
margin: 10px 0;
text-align: left;}
.article-content
.more{}
.bookmark{}
.author{}
.forward{}
/*-----------------------article-footer*/
.article-footer{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 10px;
background: #D3E9DE;
border: 3px double #5CADAD;
padding: 10px;}
.history{}
.refer{}
.back-to-top{
text-align:right;
text-transform:uppercase;
text-shadow:1px 1px 0 #007878;}
/*--------------------------list*/
.article-area-title,
#view-mode{
color:#007878;}
.main-list{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 10px;
background: #007878;
padding: 20px;}
.main-list table{
width: 100%;}
.main-list th{
padding:5px;
border-bottom:1px solid #007878;}
.main-list td{padding:5px;
border-bottom:1px solid #007878;}
/*--------------------------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() no-repeat;}
#comment-box
.user-post-title{
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/392576942/22.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:70px;
text-indent:42px;
background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/392576942/23.png) no-repeat;
margin:5px auto;}
.post-comment a {
color:#007878;}
.post-comment a:hover{
color:#007878;}
.single-post{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
overflow: hidden;_overflow: none;_height: 1%;margin: 10px auto 10px ;
padding: 10px;
width: 580px;
background: #D3E9DE;
border:1px solid #5CADAD;
box-shadow: 1px 3px 6px rgba(0, 0, 0, 0.4);
-ms-transition:.4s;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;
transition:.4s;
}
.single-post:hover { background: rgba(200,255,255,0.2); }
.post-info{color:#007878;
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 #5CADAD;}
.post-text{
color:#007878;
float: left;
width: 500px;}
.reply-text{
border-top:1px dashed #5CADAD;
padding-top:5px;
color:#007878;
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 #007878;
margin: 0 1px;
color:#20B2AA;}
.page a:hover{
background: #E7F3ED;
border:1px solid #007878;
color:#48D1CC;}
.page SPAN{color:#007878;}
/*--------------------------links 側欄*/
#links{
float:left;
width: 440px;
margin-right:1px;}
#links{
color:#007878;
border-bottom:1px dotted # fff;
width:220px ;
float:right;
margin: 0px 30px 0px 10px ;}
#links a{
font-size: 16px;
color:#007878;
border-bottom:2px dotted #87CECB;}
.box{margin-bottom: 10px ;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/473979752/8.jpg) left top repeat-y;}
.box-title{
background: url(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/473979752/6.jpg) left top no-repeat;
height:45px;
font-family:華康行書體;
font-size: 1.5em ;
padding:35px 0px 0px 66px;
font-weight: bold ;color:#00A078;}
.box-text{padding:0 20px;
color:#007878;_height: 1% ;
padding-bottom:20px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/473979752/7.jpg) left bottom no-repeat;}
.box-text a{
display:block ;
padding: 2px 0px ;
color:#C675EC;}
.box-text a:hover{
background: #D3E9DE;
color:#C675EC;}
.box-more{
text-align:center;}
.box-more a{
display: inline ;
color:#007878;}
#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: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
background: #82CBCB;
padding:3px;
border:1px solid #9CD5D5;}
#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: #D0E9E9;
color:#007878;
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:#007878;
border:1px dotted #D3E9DE;}
/*誰來我家 我去誰家語法 不需要也可自行刪除*/
/*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/
/*將這段語法貼在CSS最下面就可以囉!*/
#visitor IMG {}
#visitor .box-text li a{
height:40px;width:40px;
display:block;
MARGIN: 1px;
background: #D3E9DE; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#007878;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: #D3E9DE;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#007878;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() no-repeat;
padding-top:30px;
height:40px;
text-align: center;}
#footer p{}
#bottom ,
#bottom a{
color:#007878;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;
color:#007878;
border: 3px double #5CADAD;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/392576942/1.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:#5CADAD;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/392576942/1.jpg) ;
padding: 2px;width:90%;}
/*捲軸*/
HTML{scrollbar-face-color:#BFDFCF;
scrollbar-highlight-color:#E7F3ED;
scrollbar-3dlight-color: #007878;
scrollbar-darkshadow-color: #007878;
scrollbar-shadow-color: #E7F3ED;
scrollbar-arrow-color: #E7F3ED;
scrollbar-track-color: #D3E9DE;}
/*前文章小小圖*/
#category .box-text h6 img{display:none;}
#category .box-text h6 {
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/392576942/28.gif);
background-repeat:no-repeat;
background-position:left center;color:#007878;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/392576942/29.gif);
background-repeat:no-repeat;
background-position:1px 1px;
padding-left:25px}
#category .box-text li a:hover{
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/392576942/28.gif);
background-repeat:no-repeat}
padding-left:25px
/*---------不需要可自行刪除即可--------------*/
/*------------文章下方廣告無動態----------------*/
#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:#007878;}
.topbar-placeholder, #comment-text > div{display:none}
.article-body > div:last-child {width:0px; height:0px; margin-left: -2000px; }
#content .recommended-posts3 ul li > :nth-child(1):not([class*="source-emma"]) {
display: none;}
#comment-text ul li.post-info > span.user-name img{display:none;}
留言列表