本文引自星兒 : http://hoyu528.pixnet.net/blog/post/329908272
三欄位版型語法:
/*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/
#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/0249.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/430364716/29.jpg);
color:#004B82;line-height:150%;}
a {color:#004B82;}
a:hover {color:#0087EA;cursor : url(http://www.geocities.jp/umod09/0314.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 #004B82;}
#authority a:hover{}
/*--------------------------container*/
#container{}
#container2{
width:1190px;
margin:0 auto;
background:url (http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/430364716/29.jpg) left top repeat-y;}
#container3{}
/*--------------------------header */
#header{
overflow: hidden;
padding-left: 55px;
height: 490px;
position:relative;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/430578736/25.jpg) no-repeat;}
#login-bar{
position:absolute;
left:500px;
top:507px;
color:#fff;}
#login-bar a{
color:#004B82;}
#login-bar a:hover {
color:#fff;}
#banner{}
#banner h1{
position:absolute;
left: 780px;
top: 80px;
height:30px;
width:450px;
overflow:hidden;}
#banner h1 a{
font-size:24px;
color:#BBFFFF;
font-weight:bold;
line-height:30px;
text-shadow:1px 2px 0# FFF;}
#banner h1 a:hover {
color:#4DFFFF;}
#banner h2{
position:absolute;
left:780px;
top:127px;
font-size:17px;
font-size: 17;
color:#FFFFFF;
height: 120px;
width:300px;
line-height:20px;
overflow:hidden;}
#banner .skiplink{
display:none;}
#banner #blog-category{
font-size:13px;
font-size: 14px \9;
color:#0087EA;
position:absolute;
right:68px;
bottom:22px;}
#banner #blog-category a{
color:#0087EA;}
#banner #blog-category a:hover {
color:#34ADFF;}
/*--------------------------navigation*/
#navigation {
position:absolute;
top:400px;
left:720px;}
#navigation li {
float:left;
height:32px;
line-height:20px;
padding:0 15px;}
#navigation a {
font-size:25px;
color:#0087EA;
font-family:標楷體;
padding-left:20px;}
#navigation a:hover {
color:#34ADFF;}
/*--------------------------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: 250px ;
margin-top: -7px ;}
/*---------------------spotlight*/
#spotlight{
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
margin: 20px 30px 25px 25px;
background:#D0E9F4;
padding: 10px 15px;
border:1px solid #4EB7DB;}
#spotlight h5{
color:#1AA3D1;
font-weight:bold;
font-size: 15px;
margin-bottom: 5px;
text-shadow:1px 1px 0 # fff;}
#spotlight-text{
color:#004B82;}
/*---------------------*/
.article{_height:1%;margin-bottom: 20px;
border-bottom:1px dotted #00698C;
padding-bottom:20px;}
.article-head{
_height:1%;}
.publish {
font-size:14px;
font-family:verdana;
height: 84px;
color:#0099CC;
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/430608848/10.gif) no-repeat;}
.time{display:none;}
.title{_height:1%;padding:5px 10px;}
.title a{color:#0087B4;
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:#4EB7DB;}
/*-----------------------article-body*/
.article-body{
margin: 10px 10px;
text-align:right;
color:#004B82;}
.article-content{
color:#004B82;
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: #D0E9F4;
border: 3px double #4EB7DB;
padding: 10px;}
.history{}
.refer{}
.back-to-top{
text-align:right;
text-transform:uppercase;
text-shadow:1px 1px 0#004B82;}
/*--------------------------list*/
.article-area-title,
#view-mode{
color:#004B82;}
.main-list{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 10px;
background: #004B82;
padding: 20px;}
.main-list table{
width: 100%;}
.main-list th{
padding:5px;
border-bottom:1px solid #004B82;}
.main-list td{padding:5px;
border-bottom:1px solid #004B82;}
/*--------------------------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/430608848/13.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:75px;
text-indent:45px;
background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/430608848/14.png) no-repeat;
margin:5px auto;
}
.post-comment a {
color:#004B82;}
.post-comment a:hover{
color:#004B82;}
.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: #D0E9F4;
border:1px solid #4EB7DB;
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,200,255,0.2); }
.post-info{color:#004B82;
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 #4EB7DB;}
.post-text{
color:#004B82;
float: left;
width: 500px;}
.reply-text{
border-top:1px dashed #4EB7DB;
padding-top:5px;
color:#004B82;
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 #004B82;
margin: 0 1px;
color:#004B82;}
.page a:hover{
background: #D0E9F4;
border:1px solid #004B82;
color:#4EB7DB;}
.page SPAN{color:#004B82;}
/*--------------------------links 側欄*/
#links{
float:right;
width: 440px;
margin-right:1px;}
#links{
color:#004B82;
border-bottom:1px dotted #fff;
width:220px ;float:left;
margin: -300px 0px 0px 10px ;}
#links a{
font-size: 16px;
color:#004B82;
border-bottom:2px dotted #4EB7DB;}
#links-row-1{width:220px ;
float:left ;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -915px ;
margin-top: 300px ;}
#links-row-2{
width:220px ;
float:right ;
background-image: url();
background-repeat: repeat;
margin-right: -20px ;
margin-top: 300px ;}
.box{margin-bottom: 10px ;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/430608848/8.png) left top repeat-y;}
.box-title{
background: url(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/430608848/9.png) left top no-repeat;
height:45px;
font-family:華康行書體;
font-size: 1.5em ;
padding:35px 0px 0px 64px;
font-weight: bold ;color:#004B82;}
.box-text{padding:0 20px;
color:#004B82;_height: 1% ;
padding-bottom:20px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/430608848/7.png) left bottom no-repeat;}
.box-text a{
display:block ;
padding: 2px 0px ;
color:#C675EC;}
.box-text a:hover{
background: #D0E9F4;
color:#C675EC;}
.box-more{
text-align:center;}
.box-more a{
display: inline ;
color:#004B82;}
#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:#4EB7DB;
padding:3px;
border:1px solid #9CD5EA;}
#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: #B6DFEF;
color:#004B82;
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:#004B82;
border:1px dotted #D0E9F4;}
/*誰來我家 我去誰家語法 不需要也可自行刪除*/
/*此語法只有pixnet可以用，請不要擅自亂改語法及圖片喔！*/
/*將這段語法貼在CSS最下面就可以囉!*/
#visitor IMG {}
#visitor .box-text li a{
height:40px;width:40px;
display:block;
MARGIN: 1px;
background:#D0E9F4; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#004B82;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: #D0E9F4;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#004B82;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:#004B82;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;
color:#004B82;
border: 3px double #4EB7DB;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/430608848/20.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:#4EB7DB;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/430608848/20.gif) ;
padding: 2px;width:90%;}
/*捲軸*/
HTML{scrollbar-face-color:#B6DFEF;
scrollbar-highlight-color:#FFFFFF;
scrollbar-3dlight-color: #004B82;
scrollbar-darkshadow-color: #004B82;
scrollbar-shadow-color: #FFFFFF;
scrollbar-arrow-color: #FFFFFF;
scrollbar-track-color: #D0E9F4;}
/*前文章小小圖*/
#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/430608848/11.gif);
background-repeat:no-repeat;
background-position:left center;color:#004B82;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/430608848/12.gif);
background-repeat:no-repeat;
background-position:1px 1px;
padding-left:30px}
#category .box-text li a:hover{
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/430608848/11.gif);
background-repeat:no-repeat}
padding-left:30px
/*---------不需要可自行刪除即可--------------*/
/*------------文章下方廣告無動態----------------*/
#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:#004B82;}
.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;}
min の生活 (6)