三欄位版型語法:
/*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/
#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/0107.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/506425233/7.gif);
color:#00683C;line-height:150%;}
a {color:#00683C;}
a:hover {color:#009C5A;cursor : url(http://www.geocities.jp/umod09/0106.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 #00683C;}
#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: 650px;
position:relative;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/506420524/9.jpg) no-repeat;}
#login-bar{
position:absolute;
left:500px;
top:507px;
color:#fff;}
#login-bar a{
color:#00683C;}
#login-bar a:hover {
color:#fff;}
#banner{}
#banner h1{
position:absolute;
left: 230px;
top: 85px;
height:30px;
width:450px;
overflow:hidden;}
#banner h1 a{
font-size:24px;
color:#D1FFFF;
font-weight:bold;
line-height:30px;
text-shadow:1px 2px 0# FFF;}
#banner h1 a:hover {
color:#B4EAEA;}
#banner h2{
position:absolute;
left:230px;
top:130px;
font-size:17px;
font-size: 17;
color:#CCFFFF;
height: 120px;
width:300px;
line-height:20px;
overflow:hidden;}
#banner .skiplink{
display:none;}
#banner #blog-category{
font-size:12px;
font-size: 14px \9;
color:#DFFFEF;
position:absolute;
right:100px;
bottom:40px;}
#banner #blog-category a{
color:#DFFFEF;}
#banner #blog-category a:hover {
color:#F3FFF9;}
/*--------------------------navigation*/
#navigation {
position:absolute;
top:540px;
left:850px;}
#navigation li {
float:left;
height:32px;
line-height:20px;
padding:0 15px;}
#navigation a {
font-size:25px;
color:#DFFFEF;
font-family:標楷體;
padding-left:20px;}
#navigation a:hover {
color:#F3FFF9;}
/*--------------------------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: -5px ;}
/*---------------------spotlight*/
#spotlight{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 20px 10px 25px 20px;
background: #F3FFF9;
padding: 10px 15px;
border:1px solid #87EAB4;}
#spotlight h5{
color:#00B669;
font-weight:bold;
font-size: 15px;
margin-bottom: -12px;
text-shadow:1px 1px 0 # fff;}
#spotlight-text{
color:#00683C;}
/*---------------------*/
.article{_height:1%;margin-bottom: 20px;
border-bottom:1px dotted #00683C;
padding-bottom:20px;}
.article-head{
_height:1%;}
.publish {
font-size:14px;
font-family:verdana;
height: 90px;
color:#00B669;
text-shadow:1px 1px 0 # fff;
padding-top:0px;
padding-left:70px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/506425233/22.gif) no-repeat;}
.time{display:none;}
.title{_height:1%;padding:5px 10px;}
.title a{color:#00824B;
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:#00B669;}
/*-----------------------article-body*/
.article-body{
margin: 10px 10px;
text-align:right;
color:#00683C;}
.article-content{
color:#00683C;
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: #F3FFF9;
border: 3px double #87EAB4;
padding: 10px;}
.history{}
.refer{}
.back-to-top{
text-align:right;
text-transform:uppercase;
text-shadow:1px 1px 0#00683C;}
/*--------------------------list*/
.article-area-title,
#view-mode{
color:#00683C;}
.main-list{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 10px;
background: #00683C;
padding: 20px;}
.main-list table{
width: 100%;}
.main-list th{
padding:5px;
border-bottom:1px solid #00683C;}
.main-list td{padding:5px;
border-bottom:1px solid #00683C;}
/*--------------------------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/506425233/25.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/506425233/27.png) no-repeat;
margin:5px auto;
}
.post-comment a {
color:#00683C;}
.post-comment a:hover{
color:#00683C;}
.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: #F3FFF9;
border:1px solid #87EAB4;
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(255,255,255,0.2); }
.post-info{color:#00683C;
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 #87EAB4;}
.post-text{
color:#00683C;
float: left;
width: 500px;}
.reply-text{
border-top:1px dashed #87EAB4;
padding-top:5px;
color:#00683C;
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 #00683C;
margin: 0 1px;
color:#009C5A;}
.page a:hover{
background: #F3FFF9;
border:1px solid #00683C;
color:#00D078;}
.page SPAN{color:#00683C;}
/*--------------------------links 側欄*/
#links{
float:right;
width: 440px;
margin-right:1px;}
#links{
color:#00683C;
border-bottom:1px dotted # fff;
width:220px ;float:left;
margin: -300px 0px 0px 10px ;}
#links a{
font-size: 16px;
color:#00683C;
border-bottom:2px dotted #00B669;}
#links-row-1{width:220px ;
float:left ;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -945px ;
margin-top: 300px ;}
#links-row-2{
width:220px ;
float:right ;
background-image: url();
background-repeat: repeat;
margin-right: -60px ;
margin-top: 300px ;}
.box{margin-bottom: 10px ;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/506425233/19.png) left top repeat-y;}
.box-title{
background: url(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/506425233/20.png) left top no-repeat;
height:45px;
font-family:華康行書體;
font-size: 1.5em ;
padding:35px 0px 0px 66px;
font-weight: bold ;color:#00824B;}
.box-text{padding:0 20px;
color:#00683C;_height: 1% ;
padding-bottom:20px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/506425233/18.png) left bottom no-repeat;}
.box-text a{
display:block ;
padding: 2px 0px ;
color:#C675EC;}
.box-text a:hover{
background: #F3FFF9;
color:#C675EC;}
.box-more{
text-align:center;}
.box-more a{
display: inline ;
color:#00683C;}
#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:#00B669;
padding:3px;
border:1px solid #FFFFFD;}
#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: #DFFFEF;
color:#00683C;
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:#00683C;
border:1px dotted #F3FFF9;}
/*誰來我家 我去誰家語法 不需要也可自行刪除*/
/*此語法只有pixnet可以用，請不要擅自亂改語法及圖片喔！*/
/*將這段語法貼在CSS最下面就可以囉!*/
#visitor IMG {}
#visitor .box-text li a{
height:40px;width:40px;
display:block;
MARGIN: 1px;
background:#F3FFF9; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#00683C;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: #F3FFF9;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#00683C;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:#00683C;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;
color:#00683C;
border: 3px double #87EAB4;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/506425233/10.gif) ;
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:#87EAB4;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/506425233/10.gif) ;
padding: 2px;width:90%;}
/*捲軸*/
HTML{scrollbar-face-color: #C0FFD5;
scrollbar-highlight-color:#FCFFFE;
scrollbar-3dlight-color: #00683C;
scrollbar-darkshadow-color: #00683C;
scrollbar-shadow-color: #FCFFFE;
scrollbar-arrow-color: #FCFFFE;
scrollbar-track-color: #DEFFE9;}
/*前文章小小圖*/
#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/506425233/24.gif);
background-repeat:no-repeat;
background-position:left center;color:#00683C;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/506425233/23.gif);
background-repeat:no-repeat;
background-position:1px 1px;
padding-left:28px}
#category .box-text li a:hover{
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/506425233/24.gif);
background-repeat:no-repeat}
padding-left:28px
/*---------不需要可自行刪除即可--------------*/
/*------------文章下方廣告無動態----------------*/
#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:#00683C;}
.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;}
心靈饗宴 (7)