PIXNET Logo登入

小君的友情世界

跳到主文


歡迎光臨小君的友情世界

♥朋友之間真情的問候

♥飄灑在美麗的痞客邦小天地

♥簡短的留言是最大的支持

♥飄逸著朋友之間的生活痕跡

♥一份情誼在心裡珍惜

♥一份牽掛在天涯深處

♥一份祝福充滿溫馨

♥滿載著小君對您的祝福

♥願健康和美滿與您緊相隨

♥快樂和幸福與您常相伴

♥幸福快樂與您永相依......

♥祝福好友永遠幸福
快樂每一天!

部落格全站分類:生活綜合

  • 相簿
  • 部落格
  • 留言
  • 名片
  • 3月 24 週日 201902:00
  • 紫色的魅惑 - 星兒的版型製作 No.140

紫色的魅惑三欄
 
三欄位版型語法:

#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #AD84FF;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;}
table {
border-collapse:collapse;
border-spacing:0;}
td {
border: 1px solid #AD84FF;}
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;}
body {
color:#000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(https://pic.pimg.tw/lamkwanfai/1527844934-551094058.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/DMaYGJS.jpg") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") no-repeat left top;
position: relative;}
#container3 {
overflow:hidden;
position:relative;}
#main{
#main{width:1350px;margin:auto;}
#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height: 620px;
padding-left: 100px;
background:url(https://i.imgur.com/QtqCACU.jpg) no-repeat center bottom;
display:block;}


overflow:hidden;
position:relative;}
#banner {
width: 400px;
height: 120px;
overflow:hidden;}
#banner h1 {
font-weight:bold;
font-family:
標楷體;
font-size:23px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top: 110px;
margin-left: 216px;}
#banner h1 a{
color:
#6946B6;}
#banner h1 a:hover {
color:
#9966FF;
background: # FFB7DB;
border:2px dotted
#9966FF;}
#banner h2 {
width:650px ;
color:
#5A3C9C;
margin:25px 0;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
position:absolute;
top:125px;
left:338px;
line-height:25px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;}
.skiplink a{
color: #000;}
.skiplink a:hover {
color: #F3EDFF;
background: # 072945;}
.skiplink {display:none;}
#blog-category {
position:absolute;
color:#000;
top:20px;
left:720px;
font-size:15px;}
#blog-category a {
color: #000;}
#blog-category a:hover {
color: #F3EDFF;
background: # A0A188;}
#blog-category {display:none;}
#navigation{
position:absolute;



top:532px;
left:570px;}
#navigation li{


float:left;}


#navigation a{


background: #;
padding: 4px;
border-right: 1px solid #A375FF;
border-bottom: 1px solid #A375FF;
border-top: 1px solid #A375FF;
border-left: 1px solid #A375FF;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color:#A375FF;
letter-spacing:3pt}


#navigation a:hover {
color:
#C1A2FF;
background: # B9DFF2;}



#content{
width:705px ;
float:left ;
background:url() repeat;
background: #F3EDFF;
margin:0 auto;
margin-left: 300px ;
margin-top: 20px ;}
#spotlight{
background: #F3EDFF;
padding:5px;
margin-bottom: 5px ;
margin-top: 5px ;
border: 5px double #AD84FF;}
#spotlight h5 {
background:url();
color:
#A375FF;
font-weight:bold;
font-family:
標楷體;
font-size:20px;
border-bottom:2px dotted #AD84FF;
padding:2px;}
#spotlight-text {
background:url();
color:#000;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
padding:5px;}
#display{
text-align:right;
margin : 5px 0px ;}
#display span{}
#display a{}
.article {
clear: both;
_height: 1%;
position: relative;
margin: 0 auto 5px;}
.article-head {
overflow: hidden;
height: 130px;
line-height: 20px;
background: url(https://pic.pimg.tw/lamkwanfai/1527927159-3748209385.gif) no-repeat;}
.title {
font-weight:bold;
font-family:
標楷體;
float:left;
font-size:23px;
line-height: 45px;
padding: 15px 0px 0px 65px;}
.title a { color: #000000; }
.title a:hover{
color: #5B5B5B;
background: # FFF3F9;
border:2px dotted #AD84FF;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0 68px;}
.month{color: #ff0000; }
.date { color: #ff0000; }
.day{display: none;}
.year{color: #ff0000; }
.time { display: none; }
.more {
float: right;
padding-top: 5px;
padding-right: 45px;
background: url(https://pic.pimg.tw/lamkwanfai/1527926661-3184968609.gif) right no-repeat;
margin-right: 40px ;}
.more a{
font-weight:bold;
font-family:
標楷體;
font-size: 18px;
color:#000;}
.more a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
.author{
background: #F3EDFF;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom: 2px dashed #AD84FF;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
.article-footer{
text-align:right ;
color:#000;
line-height:25px ;}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;}
.refer{
color:#000;
text-align:left;
margin: 5px 0px 0px 0px;
border-bottom: 2px dashed #AD84FF;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
.history{
display:none;}
.forward{
text-align:right;
margin: 5px 5px 0px 0px;}
.forward img{
width: 10px;
height: 10px;
filter :gray;
padding-right: 2px;}
.forward a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#article-box{
margin: 10px 0px 0px 0px;}
.main-list table{
border-collapse : collapse ;
width:100% ;
margin: 20px 0px 0px 0px;}
.main-list table td {
border:1px solid #AD84FF;
border-top:0px solid #000;
border-left:0px solid #000;
border-right:0px solid #000;}
.main-list td ,
.main-list th{
padding: 5px ;}
.back-to-top {
background: #;
background-image:url();
background-repeat:repeat;
margin: 10px 0px 0px 0px;}
.back-to-top a{
color: #000;
text-transform:uppercase;
font:14px CEntury Gothic;
padding: 3px 5px;
background: #F3EDFF;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #AD84FF;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#user-post{
background: #F3EDFF;
background:url() repeat;
padding:15px;
margin-bottom: 0px ;
border: 4px solid #AD84FF;}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #000;
background:url(https://pic.pimg.tw/lamkwanfai/1527928094-1396828537.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 60px;
padding-left: -15px;}
#trackback-input {width:50%;}
.single-post {
border-right:3px double #AD84FF;
border-bottom:3px double #AD84FF;
border-left:3px double #AD84FF;
border-top:3px double #AD84FF;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #AD84FF;
font-weight:600;
padding:5px 10px;
margin-bottom:10px;}
.post-text{
float:left;
margin-bottom: 10px ;}
#trackback-box .post-text{
width: auto ;
float:none ;}
.post-photo {
width:120px;
float:left;}
li.post-photo img {
width:80px;
height:80px;
border:2px double #AD84FF;
border-top:2px double #AD84FF;
border-left:2px double #AD84FF;
background:url();
background:#;
padding:4px;}
.reply-text {
float:right;
width:600px;
background:url() 0px top no-repeat #F3EDFF;
border:2px solid #AD84FF;
border-right:2px solid #AD84FF;
border-bottom:2px solid #AD84FF;
margin-right:15px;
display:inline;
color:#000;
min-height:40px;
_height:40px;
padding:12px 18px 5px 10px;}
li.reply-text p {
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/62.gif) repeat-x ;
text-align:right;
padding:10px 0px 0px;
font-size: 14px;
color: #000;}
.secret{}
.post-comment{
padding-top: 260px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1527927576-2044268953.gif) ;
background-repeat: no-repeat;
background-position: center top;
text-align:center;}


.post-comment a {
color: #000;
background: #F3EDFF;
border: 2px double #AD84FF;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #AD84FF;}
#comment-form table {
width:100%;
margin:0 auto;
background: #F3EDFF url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #AD84FF;
padding: 5px 10px;
text-align: left;}
#comment-form input#send-comment {
padding:3px 5px;
float: right;}
#comment-form textarea {
width:95%;
background: #F3EDFF url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;}
.main-list {
margin-bottom:15px;
padding:10px 0;}
.main-list table {
width:100%;
margin:10px 0;}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;}
.main-list th,.main-list td {
border:1px solid #AD84FF;
padding:3px 10px;}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;}
.page a {
background:# FFF3F9;
margin:0 5px;
color: #000;
padding:5px 10px;
border:2px dotted #AD84FF;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #AD84FF;}
#links{
color: #000;
width:255px ;
float:left;
margin: -310px 0px 0px 15px ;}
#links a{
font-size: 17px;
color:#000;}
#links-row-1{
width:220px ;
float:left;
background:#;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -990px ;
margin-top: 335px ;}
#links-row-2{
width:220px ;
float:right ;
background:#;
background-image: url();
background-repeat: repeat;
margin-right: -5px ;
margin-top: 335px ;}
.box{
background:url(https://pic.pimg.tw/lamkwanfai/1527844272-690014868.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height: 20px;
overflow:hidden;
color:#D11A1A;
text-align: left;
font-weight:bold;
font-family:
標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1527844226-2076513456.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1527844272-1115740039.png) left bottom no-repeat;
text-align: left;
line-height: 150%;
margin: 0px auto;
padding:0 10px;
padding-bottom:42px;}
.box-more{
text-align:right;
margin: 35px 30;
padding:2px;}
.box-more a{
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:2px 2px;
float:right ;
margin: 0px 30px 0px 0px;
color:#000;
background: #F3EDFF;
border: 2px double #AD84FF;}
.box-more a:hover{
color: #000;
background: # FFF3F9;}
#calendar table{
width: 96%;
color:#000;
margin:0 auto;background:#;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar .calMonthHeader{}
#calendar td a{
font-size:11px;
display:block;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px double #AD84FF;
font-size:16px;
color:#ff0000;
background: #F3EDFF;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}
#counter .box-text{padding-left:50px;}
#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;}
#visitor li,#crumb li {
float:left;
margin-right:1px;}
#visitor .box-text li , #crumb .box-text li { float: left;padding-left:6px;}
#visitor .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1527926661-3830939832.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1527926661-3830939832.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #AD84FF;
border-left:1px solid #AD84FF;
border-top:1px solid #AD84FF;
border-bottom:1px solid #AD84FF;}
#visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:39px;width:39px;padding: 3px;padding-left:3px;}
#visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:39px;width:39px;}
#visitor .box-more , #crumb .box-more {clear:both;}
#category .box-text h6 img{display:none;}
#category .box-text{padding-left:20px;padding-bottom:50px;}
#category .box-text h6 {
background-image:url(https://pic.pimg.tw/lamkwanfai/1527926661-3845286824.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;
line-height: 30px;
font-size: 16px;}
#category .box-text li a{
background-image:url(https://pic.pimg.tw/lamkwanfai/1527926661-3845286824.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #AD84FF;
background-image:url(https://pic.pimg.tw/lamkwanfai/1527926661-630198051.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:28px;}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1527926661-1826557126.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:18px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #AD84FF;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#latest-comment li span {
color:#000;
font-size:.9em;
border-right:3px solid # FFFFFF;
margin:0 4px 0 0;
padding:0 4px 0 0;}
#latest-comment li a {
color:#000;
display:block;
height:25px;
overflow:hidden;}
#hot-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1527926661-2317999295.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:10px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #AD84FF;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search .box-text{padding-left:22px;padding-top:15px;}
#search .box-text li{
display: inline;}
input#search-target {
width: 100px;
background: #F3EDFF;}
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;
width:100%;}
#counter .box-text {font-size:16px;}
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:150px;
margin-left:20px;padding-top:0px;}
#recent-article li,
#announce li,
#hot-article li{}
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom: 1.3px dashed #AD84FF;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #AD84FF;}
#latest-trackback a:hover {}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {font-weight:bold;
font-family:
標楷體;
font-size:18px;}
#mylink .inner-box{
text-align: left;
padding-left: 25px;
font-size: 18px;
margin-bottom:5px;
color:#000;}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed #AD84FF;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#announce .box-text li{border-bottom: 2px dashed #AD84FF;}
#announce a:hover {
color: #000;
border:2px dotted #AD84FF;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/DMaYGJS.jpg) repeat # FFEAEA;
_height:1%;
text-align: center;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #AD84FF;
background: #F3EDFF;
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: #000;
border: 1px solid #AD84FF;
background: #F3EDFF;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:
#CBB1FF;
SCROLLBAR-DARKSHADOW-COLOR:#F3EDFF;
SCROLLBAR-HIGHLIGHT-COLOR:
#DFCFFF;
SCROLLBAR-ARROW-COLOR:#F3EDFF;
SCROLLBAR-3DLIGHT-COLOR:#F3EDFF;
SCROLLBAR-SHADOW-COLOR:#F3EDFF;}



#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
#container #links-row-1 div.hslice[id*="-mib-"],
#container #links-row-1 div.hslice[id*="-Mib-"],
#container #links-row-1 div.hslice[id*="-mIb-"],
#container #links-row-1 div.hslice[id*="-miB-"]
{display:none !important;}
#container #links-row-1 div[class*="-mib-"],
#container #links-row-1 div[class*="-Mib-"],
#container #links-row-1 div[class*="-mIb-"],
#container #links-row-1 div[class*="-miB-"]
{display:none !important;}


.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;}


#idle-pop , #ad-full-page , .article-inread-ad {display:none;}


 



 
 
 
右二欄位版型語法:

#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #AD84FF;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;}
table {
border-collapse:collapse;
border-spacing:0;}
td {
border: 1px solid #AD84FF;}
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;}
body {
color:#000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(https://pic.pimg.tw/lamkwanfai/1527844934-551094058.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/DMaYGJS.jpg ") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") no-repeat left top;
position: relative;}
#container3 {
overflow:hidden;
position:relative;}
#main{
#main{width:1350px;margin:auto;}
#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height: 620px;
padding-left: 100px;
background:url(https://i.imgur.com/QtqCACU.jpg) no-repeat center bottom;
display:block;}



overflow:hidden;
position:relative;}
#banner {
width: 400px;
height: 120px;
overflow:hidden;}
#banner h1 {
font-weight:bold;
font-family:
標楷體;
font-size:23px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top: 110px;
margin-left: 216px;}
#banner h1 a{
color:
#6946B6;}
#banner h1 a:hover {
color:
#9966FF;
background: # FFB7DB;
border:2px dotted
#9966FF;}
#banner h2 {
width:650px ;
color:
#5A3C9C;
margin:25px 0;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
position:absolute;
top:125px;
left:338px;
line-height:25px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;}
.skiplink a{
color: #000;}
.skiplink a:hover {
color: #F3EDFF;
background: # 072945;}
.skiplink {display:none;}
#blog-category {
position:absolute;
color:#000;
top:20px;
left:720px;
font-size:15px;}
#blog-category a {
color: #000;}
#blog-category a:hover {
color: #F3EDFF;
background: # A0A188;}
#blog-category {display:none;}
#navigation{
position:absolute;



top:532px;
left:570px;}
#navigation li{


float:left;}


#navigation a{
background: #;
padding: 4px;
border-right: 1px solid #A375FF;
border-bottom: 1px solid #A375FF;
border-top: 1px solid #A375FF;
border-left: 1px solid #A375FF;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color:#A375FF;
letter-spacing:3pt}


#navigation a:hover {
color:
#C1A2FF;
background: # B9DFF2;}



#content{
width:800px ;
float:left;
background:url() repeat;
background:#F3EDFF;
margin:0 auto;
margin-left: 90px ;
margin-top: 60px ;}
#spotlight{
background:#F3EDFF;
padding:5px;
margin-bottom: 5px ;
margin-top: -30px ;
border: 5px double #AD84FF;}
#spotlight h5 {
background:url();
color:
#A375FF;
font-weight:bold;
font-family:
標楷體;
font-size:20px;
border-bottom:2px dotted #AD84FF;
padding:2px;}
#spotlight-text {
background:url();
color:#000;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
padding:5px;}
#display{
text-align:right;
margin : 5px 0px ;}
#display span{}
#display a{}
.article {
clear: both;
_height: 1%;
position: relative;
margin: 0 auto 5px;}
.article-head {
overflow: hidden;
height: 130px;
line-height: 20px;
background: url(https://pic.pimg.tw/lamkwanfai/1527927159-3748209385.gif) no-repeat;}
.title {
font-weight:bold;
font-family:
標楷體;
float:left;
font-size:23px;
line-height: 45px;
padding: 15px 0px 0px 65px;}
.title a { color: #000000; }
.title a:hover{
color: #5B5B5B;
background: # FFF3F9;
border:2px dotted #AD84FF;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0 68px;}
.month{color: #ff0000; }
.date { color: #ff0000; }
.day{display: none;}
.year{color: #ff0000; }
.time { display: none; }
.more {
float: right;
padding-top: 5px;
padding-right: 45px;
background: url(https://pic.pimg.tw/lamkwanfai/1527926661-3184968609.gif) right no-repeat;
margin-right: 40px ;}
.more a{
font-weight:bold;
font-family:
標楷體;
font-size: 18px;
color:#000;}
.more a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
.author{
background: #F3EDFF;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom: 2px dashed #AD84FF;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
.article-footer{
text-align:right ;
color:#000;
line-height:25px ;}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;}
.refer{
color:#000;
text-align:left;
margin: 5px 0px 0px 0px;
border-bottom: 2px dashed #AD84FF;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
.history{
display:none;}
.forward{
text-align:right;
margin: 5px 5px 0px 0px;}
.forward img{
width: 10px;
height: 10px;
filter :gray;
padding-right: 2px;}
.forward a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#article-box{
margin: 10px 0px 0px 0px;}
.main-list table{
border-collapse : collapse ;
width:100% ;
margin: 20px 0px 0px 0px;}
.main-list table td {
border:1px solid #AD84FF;
border-top:0px solid #000;
border-left:0px solid #000;
border-right:0px solid #000;}
.main-list td ,
.main-list th{
padding: 5px ;}
.back-to-top {
background: #;
background-image:url();
background-repeat:repeat;
margin: 10px 0px 0px 0px;}
.back-to-top a{
color: #000;
text-transform:uppercase;
font:14px CEntury Gothic;
padding: 3px 5px;
background:#F3EDFF;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #AD84FF;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#user-post{
background:#F3EDFF;
background:url() repeat;
padding:15px;
margin-bottom: 0px ;
border: 4px solid #AD84FF;}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #000;
background:url(https://pic.pimg.tw/lamkwanfai/1527928094-1396828537.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 60px;
padding-left: -15px;}
#trackback-input {width:50%;}
.single-post {
border-right:3px double #AD84FF;
border-bottom:3px double #AD84FF;
border-left:3px double #AD84FF;
border-top:3px double #AD84FF;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #AD84FF;
font-weight:600;
padding:5px 10px;
margin-bottom:10px;}
.post-text{
float:left;
margin-bottom: 10px ;}
#trackback-box .post-text{
width: auto ;
float:none ;}
.post-photo {
width:120px;
float:left;}
li.post-photo img {
width:80px;
height:80px;
border:2px double #AD84FF;
border-top:2px double #AD84FF;
border-left:2px double #AD84FF;
background:url();
background:#;
padding:4px;}
.user-post-text {
width:720px;
padding:0px 5px 5px 20px;}
.reply-text {
float:right;
width:610px;
background:url() 0px top no-repeat #F3EDFF;
border:2px solid #AD84FF;
border-right:2px solid #AD84FF;
border-bottom:2px solid #AD84FF;
margin-right:15px;
display:inline;
color:#000;
min-height:40px;
_height:40px;
padding:12px 38px 5px 30px;}
li.reply-text p {
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/62.gif) repeat-x ;
text-align:right;
paddin:10px 0px 0px;
font-size: 14px;
color: #000;}
.secret{}
.post-comment{
padding-top: 260px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1527927576-2044268953.gif) ;
background-repeat: no-repeat;
background-position: center top;
color: #000;
text-align:center;}
.post-comment a {
color: #000;
background: #F3EDFF;
border: 2px double #AD84FF;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #AD84FF;}
#comment-form table {
width:100%;
margin:0 auto;
background: #F3EDFF url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #AD84FF;
padding: 5px 10px;
text-align: left;}
#comment-form input#send-comment {
padding:3px 5px;
float: right;}
#comment-form textarea {
width:95%;
background:#F3EDFF url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;}
.main-list {
margin-bottom:15px;
padding:10px 0;}
.main-list table {
width:100%;
margin:10px 0;}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;}
.main-list th,.main-list td {
border:1px solid #AD84FF;
padding:3px 10px;}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;}
.page a {
background:# FFF3F9;
margin:0 5px;
color: #000;
padding:5px 10px;
border:2px dotted #AD84FF;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #AD84FF;}
#links{
color: #000;
width:240px ;
float:right;
margin: 25px 60px 0px 45px ;}


#links a{
font-size: 17px;
color:#000;}
.box{
background:url(https://pic.pimg.tw/lamkwanfai/1527844272-690014868.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height:20px;
overflow:hidden;
color:#D11A1A;
text-align: left;
font-weight:bold;
font-family:
標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1527844226-2076513456.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1527844272-1115740039.png) left bottom no-repeat;
text-align: left;
line-height: 150%;
margin: 0px auto;
padding:0 40px;
padding-bottom:42px;}
.box-more{
text-align:right;
margin: 35px 30;
padding:0px;}
.box-more a{
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:2px 2px;
float:right ;
margin: 0px 30px 0px 0px;
color:#000;
background:#F3EDFF;
border: 2px double #AD84FF;}
.box-more a:hover{
color: #000;
background: # FFF3F9;}
#calendar table{
width: 96%;
color:#000;
margin:0 auto;background:#;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar .calMonthHeader{}
#calendar td a{
font-size:11px;
display:block;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px double #AD84FF;
font-size:16px;
color:#ff0000;
background:#F3EDFF;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}
#counter .box-text{padding-left:50px;}
#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;}
#visitor li,#crumb li {
float:left;
margin-right:1px;}
#visitor .box-text li , #crumb .box-text li { float: left;padding-left:-20px;}
#visitor .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1527926661-3830939832.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1527926661-3830939832.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #AD84FF;
border-left:1px solid #AD84FF;
border-top:1px solid #AD84FF;
border-bottom:1px solid #AD84FF;}
#visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:39px;width:39px;padding: 3px;padding-left:3px;}
#visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:39px;width:39px;}
#visitor .box-more , #crumb .box-more {clear:both;}
#category .box-text h6 img{display:none;}
#category .box-text{padding-left:20px;padding-bottom:50px;}
#category .box-text h6 {
background-image:url(https://pic.pimg.tw/lamkwanfai/1527926661-3845286824.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;
line-height: 30px;
font-size: 16px;}
#category .box-text li a{
background-image:url(https://pic.pimg.tw/lamkwanfai/1527926661-3845286824.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #AD84FF;
background-image:url(https://pic.pimg.tw/lamkwanfai/1527926661-630198051.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:28px;}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1527926661-1826557126.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:18px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #AD84FF;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#latest-comment li span {
color:#000;
font-size:.9em;
border-right:3px solid # FFFFFF;
margin:0 4px 0 0;
padding:0 4px 0 0;}
#latest-comment li a {
color:#000;
display:block;
height:25px;
overflow:hidden;}
#hot-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1527926661-2317999295.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:10px;
padding-bottom:10px;
margin-left:-25px;
padding-left:0px;
line-height: 25px;
border-bottom: 1.3px dashed #AD84FF;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search .box-text{padding-left:22px;padding-top:15px;}
#search .box-text li{
display: inline;}
input#search-target {
width: 100px;
background: #F3EDFF;}
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;
width:100%;}
#counter .box-text {font-size:16px;}
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:150px;
margin-left:20px;padding-top:0px;}
#recent-article li,
#announce li,
#hot-article li{}
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom: 1.3px dashed #AD84FF;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #AD84FF;}
#latest-trackback a:hover {}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {font-weight:bold;
font-family:
標楷體;
font-size:18px;}
#mylink .inner-box{
text-align: left;
padding-left: 25px;
font-size: 18px;
margin-bottom:5px;
color:#000;}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed #AD84FF;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#announce .box-text li{border-bottom: 2px dashed#AD84FF;}
#announce a:hover {
color: #000;
border:2px dotted #AD84FF;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/DMaYGJS.jpg) repeat # FFEAEA;
_height:1%;
text-align: center;
padding-right: 250px;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #AD84FF;
background: #F3EDFF;
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: #000;
border: 1px solid #AD84FF;
background: #F3EDFF;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:
#CBB1FF;
SCROLLBAR-DARKSHADOW-COLOR:#F3EDFF;
SCROLLBAR-HIGHLIGHT-COLOR:
#DFCFFF;
SCROLLBAR-ARROW-COLOR:#F3EDFF;
SCROLLBAR-3DLIGHT-COLOR:#F3EDFF;
SCROLLBAR-SHADOW-COLOR:#F3EDFF;}



#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
#container #links-row-1 div.hslice[id*="-mib-"],
#container #links-row-1 div.hslice[id*="-Mib-"],
#container #links-row-1 div.hslice[id*="-mIb-"],
#container #links-row-1 div.hslice[id*="-miB-"]
{display:none !important;}
#container #links-row-1 div[class*="-mib-"],
#container #links-row-1 div[class*="-Mib-"],
#container #links-row-1 div[class*="-mIb-"],
#container #links-row-1 div[class*="-miB-"]
{display:none !important;}


.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;}


#idle-pop , #ad-full-page , .article-inread-ad {display:none;}


 



 
 
 
左二欄位版型語法:

#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #AD84FF;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;}
table {
border-collapse:collapse;
border-spacing:0;}
td {
border: 1px solid #AD84FF;}
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;}
body {
color:#000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(https://pic.pimg.tw/lamkwanfai/1527844934-551094058.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/DMaYGJS.jpg ") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") no-repeat left top;
position: relative;}
#container3 {
overflow:hidden;
position:relative;}
#main{
#main{width:1350px;margin:auto;}
#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height: 620px;
padding-left: 100px;
background:url(https://i.imgur.com/QtqCACU.jpg) no-repeat center bottom;
display:block;}



overflow:hidden;
position:relative;}
#banner {
width: 400px;
height: 120px;
overflow:hidden;}
#banner h1 {
font-weight:bold;
font-family:
標楷體;
font-size:23px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top: 110px;
margin-left: 216px;}
#banner h1 a{
color:
#6946B6;}
#banner h1 a:hover {
color:
#9966FF;
background: # FFB7DB;
border:2px dotted
#9966FF;}
#banner h2 {
width:650px ;
color:
#5A3C9C;
margin:25px 0;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
position:absolute;
top:125px;
left:338px;
line-height:25px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;}
.skiplink a{
color: #000;}
.skiplink a:hover {
color:#F3EDFF;
background: # 072945;}
.skiplink {display:none;}
#blog-category {
position:absolute;
color:#000;
top:20px;
left:720px;
font-size:15px;}
#blog-category a {
color: #000;}
#blog-category a:hover {
color:#F3EDFF;
background: # A0A188;}
#blog-category {display:none;}
#navigation{
position:absolute;



top:532px;
left:570px;}
#navigation li{


float:left;}


#navigation a{


background: #;
padding: 4px;
border-right: 1px solid #A375FF;
border-bottom: 1px solid #A375FF;
border-top: 1px solid #A375FF;
border-left: 1px solid #A375FF;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color:#A375FF;
letter-spacing:3pt}


#navigation a:hover {
color:
#C1A2FF;
background: # B9DFF2;}



#content{
width:800px ;
float:right;
background:url() repeat;
background:#F3EDFF ;
margin:0 auto;
margin-right: 80px ;
margin-top: 40px ;}
#spotlight{
background:#F3EDFF;
padding:5px;
margin-bottom: 5px ;
margin-top: -10px ;
border: 5px double #AD84FF;}
#spotlight h5 {
background:url();
color:
#A375FF;
font-weight:bold;
font-family:
標楷體;
font-size:20px;
border-bottom:2px dotted #AD84FF;
padding:2px;}
#spotlight-text {
background:url();
color:#000;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
padding:5px;}
#display{
text-align:right;
margin : 5px 0px ;}
#display span{}
#display a{}
.article {
clear: both;
_height: 1%;
position: relative;
margin: 0 auto 5px;}
.article-head {
overflow: hidden;
height: 130px;
line-height: 20px;
background: url(https://pic.pimg.tw/lamkwanfai/1527927159-3748209385.gif) no-repeat;}
.title {
font-weight:bold;
font-family:
標楷體;
float:left;
font-size:23px;
line-height: 45px;
padding: 15px 0px 0px 65px;}
.title a { color: #000000; }
.title a:hover{
color: #5B5B5B;
background: # FFF3F9;
border:2px dotted #AD84FF;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0 68px;}
.month{color: #ff0000; }
.date { color: #ff0000; }
.day{display: none;}
.year{color: #ff0000; }
.time { display: none; }
.more {
float: right;
padding-top: 5px;
padding-right: 45px;
background: url(https://pic.pimg.tw/lamkwanfai/1527926661-3184968609.gif) right no-repeat;
margin-right: 40px ;}
.more a{
font-weight:bold;
font-family:
標楷體;
font-size: 18px;
color:#000;}
.more a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
.author{
background:#F3EDFF;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom: 2px dashed #AD84FF;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
.article-footer{
text-align:right ;
color:#000;
line-height:25px ;}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;}
.refer{
color:#000;
text-align:left;
margin: 5px 0px 0px 0px;
border-bottom: 2px dashed #AD84FF;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
.history{
display:none;}
.forward{
text-align:right;
margin: 5px 5px 0px 0px;}
.forward img{
width: 10px;
height: 10px;
filter :gray;
padding-right: 2px;}
.forward a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#article-box{
margin: 10px 0px 0px 0px;}
.main-list table{
border-collapse : collapse ;
width:100% ;
margin: 20px 0px 0px 0px;}
.main-list table td {
border:1px solid #AD84FF;
border-top:0px solid #000;
border-left:0px solid #000;
border-right:0px solid #000;}
.main-list td ,
.main-list th{
padding: 5px ;}
.back-to-top {
background: #;
background-image:url();
background-repeat:repeat;
margin: 10px 0px 0px 0px;}
.back-to-top a{
color: #000;
text-transform:uppercase;
font:14px CEntury Gothic;
padding: 3px 5px;
background:#F3EDFF;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #AD84FF;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#user-post{
background:#F3EDFF;
background:url() repeat;
padding:15px;
margin-bottom: 0px ;
border: 4px solid #AD84FF;}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #000;
background:url(https://pic.pimg.tw/lamkwanfai/1527928094-1396828537.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 60px;
padding-left: -15px;}
#trackback-input {width:50%;}
.single-post {
border-right:3px double #AD84FF;
border-bottom:3px double #AD84FF;
border-left:3px double #AD84FF;
border-top:3px double #AD84FF;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #AD84FF;
font-weight:600;
padding:5px 10px;
margin-bottom:10px;}
.post-text{
float:left;
margin-bottom: 10px ;}
#trackback-box .post-text{
width: auto ;
float:none ;}
.post-photo {
width:120px;
float:left;}
li.post-photo img {
width:80px;
height:80px;
border:2px double #AD84FF;
border-top:2px double #AD84FF;
border-left:2px double #AD84FF;
background:url();
background:#;
padding:4px;}
.user-post-text {
width:720px;
padding:0px 5px 5px 20px;}
.reply-text {
float:right;
width:610px;
background:url() 0px top no-repeat#F3EDFF;
border:2px solid #AD84FF;
border-right:2px solid #AD84FF;
border-bottom:2px solid #AD84FF;
margin-right:15px;
display:inline;
color:#000;
min-height:40px;
_height:40px;
padding:12px 38px 5px 30px;}
li.reply-text p {
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/62.gif) repeat-x ;
text-align:right;
padding:10px 0px 0px;
font-size: 14px;
color: #000;}
.secret{}
.post-comment{
padding-top: 260px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1527927576-2044268953.gif) ;
background-repeat: no-repeat;
background-position: center top;
color: #000;
text-align:center;}
.post-comment a {
color: #000;
background:#F3EDFF;
border: 2px double #AD84FF;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #AD84FF;}
#comment-form table {
width:100%;
margin:0 auto;
background:#F3EDFF url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #AD84FF;
padding: 5px 10px;
text-align: left;}
#comment-form input#send-comment {
padding:3px 5px;
float: right;}
#comment-form textarea {
width:95%;
background:#F3EDFF url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;}
.main-list {
margin-bottom:15px;
padding:10px 0;}
.main-list table {
width:100%;
margin:10px 0;}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;}
.main-list th,.main-list td {
border:1px solid #AD84FF;
padding:3px 10px;}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;}
.page a {
background:# FFF3F9;
margin:0 5px;
color: #000;
padding:5px 10px;
border:2px dotted #AD84FF;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #AD84FF;}
#links{
color: #000;
width:240px ;
float:left;
margin: 25px 0px 0px 80px ;}


#links a{
font-size: 17px;
color:#000;}
.box{
background:url(https://pic.pimg.tw/lamkwanfai/1527844272-690014868.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height: 20px;
overflow:hidden;
color:#D11A1A;
text-align: left;
font-weight:bold;
font-family:
標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1527844226-2076513456.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1527844272-1115740039.png) left bottom no-repeat;
text-align: left;
line-height: 150%;
margin: 0px auto;
padding:0 40px;
padding-bottom:42px;}
.box-more{
text-align:right;
margin: 35px 30;
padding:2px;}
.box-more a{
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:2px 2px;
float:right ;
margin: 0px 30px 0px 0px;
color:#000;
background:#F3EDFF;
border: 2px double #AD84FF;}
.box-more a:hover{
color: #000;
background: # FFF3F9;}
#calendar table{
width: 96%;
color:#000;
margin:0 auto;background:#;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar .calMonthHeader{}
#calendar td a{
font-size:11px;
display:block;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px double #AD84FF;
font-size:16px;
color:#ff0000;
background:#F3EDFF;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}
#counter .box-text{padding-left:50px;}
#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;}
#visitor li,#crumb li {
float:left;
margin-right:1px;}
#visitor .box-text li , #crumb .box-text li { float: left;padding-left:-20px;}
#visitor .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1527926661-3830939832.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1527926661-3830939832.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #AD84FF;
border-left:1px solid #AD84FF;
border-top:1px solid #AD84FF;
border-bottom:1px solid #AD84FF;}
#visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:39px;width:39px;padding: 3px;padding-left:3px;}
#visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:39px;width:39px;}
#visitor .box-more , #crumb .box-more {clear:both;}
#category .box-text h6 img{display:none;}
#category .box-text{padding-left:20px;padding-bottom:50px;}
#category .box-text h6 {
background-image:url(https://pic.pimg.tw/lamkwanfai/1527926661-3845286824.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;
line-height: 30px;
font-size: 16px;}
#category .box-text li a{
background-image:url(https://pic.pimg.tw/lamkwanfai/1527926661-3845286824.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #AD84FF;
background-image:url(https://pic.pimg.tw/lamkwanfai/1527926661-630198051.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:28px;}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1527926661-1826557126.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:18px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #AD84FF;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#latest-comment li span {
color:#000;
font-size:.9em;
border-right:3px solid # FFFFFF;
margin:0 4px 0 0;
padding:0 4px 0 0;}
#latest-comment li a {
color:#000;
display:block;
height:25px;
overflow:hidden;}
#hot-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1527926661-2317999295.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:10px;
padding-bottom:10px;
margin-left:-25px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #AD84FF;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search .box-text{padding-left:22px;padding-top:15px;}
#search .box-text li{
display: inline;}
input#search-target {
width: 100px;
background:#F3EDFF;}
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;
width:100%;}
#counter .box-text {font-size:16px;}
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:150px;
margin-left:20px;padding-top:0px;}
#recent-article li,
#announce li,
#hot-article li{}
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom: 1.3px dashed #AD84FF;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #AD84FF;}
#latest-trackback a:hover {}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {font-weight:bold;
font-family:
標楷體;
font-size:18px;}
#mylink .inner-box{
text-align: left;
padding-left: 25px;
font-size: 18px;
margin-bottom:5px;
color:#000;}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed #AD84FF;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
#announce .box-text li{border-bottom: 2px dashed #AD84FF;}
#announce a:hover {
color: #000;
border:2px dotted #AD84FF;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/DMaYGJS.jpg) repeat # FFEAEA;
_height:1%;
text-align: center;
padding-left: 250px;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #AD84FF;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #AD84FF;
background:#F3EDFF;
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: #000;
border: 1px solid #AD84FF;
background:#F3EDFF;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:
#CBB1FF;
SCROLLBAR-DARKSHADOW-COLOR:#F3EDFF;
SCROLLBAR-HIGHLIGHT-COLOR:
#DFCFFF;
SCROLLBAR-ARROW-COLOR:#F3EDFF;
SCROLLBAR-3DLIGHT-COLOR:#F3EDFF;
SCROLLBAR-SHADOW-COLOR:#F3EDFF;}



#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
#container #links-row-1 div.hslice[id*="-mib-"],
#container #links-row-1 div.hslice[id*="-Mib-"],
#container #links-row-1 div.hslice[id*="-mIb-"],
#container #links-row-1 div.hslice[id*="-miB-"]
{display:none !important;}
#container #links-row-1 div[class*="-mib-"],
#container #links-row-1 div[class*="-Mib-"],
#container #links-row-1 div[class*="-mIb-"],
#container #links-row-1 div[class*="-miB-"]
{display:none !important;}


.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;}


#idle-pop , #ad-full-page , .article-inread-ad {display:none;}


 



 
 
新作  
 
換版型方法1  
 
6  
 
(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(3) 人氣(34)

  • 個人分類:部落版型
▲top
  • 4月 11 週三 201823:00
  • 靜 - 星兒的版型製作 No.130

靜三欄
 
三欄位版型語法:


#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #2D872D;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;}
table {
border-collapse:collapse;
border-spacing:0;}
td {
border: 1px solid #2D872D;}
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;}
body {
color:#000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(https://pic.pimg.tw/lamkwanfai/1522724070-3536934891.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/Siz6Qqo.jpg") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") no-repeat left top;
position: relative;}
#container3 {
overflow:hidden;
position:relative;}
#main{
#main{width:1350px;margin:auto;}
#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height: 620px;
padding-left: 100px;
background:url(https://i.imgur.com/DiuENtB.gif) no-repeat center bottom;
display:block;}


overflow:hidden;
position:relative;}
#banner {
width: 400px;
height: 120px;
overflow:hidden;}
#banner h1 {
font-weight:bold;
font-family:
標楷體;
font-size:23px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top: 190px;
margin-left: 396px;}
#banner h1 a{
color:
#343434;}
#banner h1 a:hover {
color:
#828282;
background: # FFB7DB;
border:2px dotted
#828282;}
#banner h2 {
width:650px ;
color:
#1A1A1A;
margin:25px 0;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
position:absolute;
top:205px;
left:518px;
line-height:25px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;}
.skiplink a{
color: #000;}
.skiplink a:hover {
color: #FFFFFF;
background: # 072945;}
.skiplink {display:none;}
#blog-category {
position:absolute;
color:#000;
top:20px;
left:720px;
font-size:15px;}
#blog-category a {
color: #000;}
#blog-category a:hover {
color: #FFFFFF;
background: # A0A188;}
#blog-category {display:none;}
#navigation{
position:absolute;



top:540px;
left:1050px;}
#navigation li{


float:left;}


#navigation a{


background: #;
padding: 4px;
border-right: 1px solid #DBFFB7;
border-bottom: 1px solid
#DBFFB7;
border-top: 1px solid
#DBFFB7;
border-left: 1px solid
#DBFFB7;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color:
#DBFFB7;
letter-spacing:3pt}


#navigation a:hover {
color:
#DBFFDB;
background: # B9DFF2;}



#content{
width:705px ;
float:left ;
background:url() repeat;
background: #FFFFFF;
margin:0 auto;
margin-left: 300px ;
margin-top: 20px ;}
#spotlight{
background: #FFFFFF;
padding:5px;
margin-bottom: 5px ;
margin-top: 5px ;
border: 5px double #2D872D;}
#spotlight h5 {
background:url();
color: #47A347;
font-weight:bold;
font-family:
標楷體;
font-size:20px;
border-bottom:2px dotted #2D872D;
padding:2px;}
#spotlight-text {
background:url();
color:#000;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
padding:5px;}
#display{
text-align:right;
margin : 5px 0px ;}
#display span{}
#display a{}
.article {
clear: both;
_height: 1%;
position: relative;
margin: 0 auto 5px;}
.article-head {
overflow: hidden;
height: 130px;
line-height: 20px;
background: url(https://pic.pimg.tw/lamkwanfai/1522908744-2913460054.gif) no-repeat;}
.title {
font-weight:bold;
font-family:
標楷體;
float:left;
font-size:23px;
line-height: 45px;
padding: 15px 0px 0px 75px;}
.title a { color: #000000; }
.title a:hover{
color: #5B5B5B;
background: # FFF3F9;
border:2px dotted #2D872D;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0 78px;}
.month{color: #ff0000; }
.date { color: #ff0000; }
.day{display: none;}
.year{color: #ff0000; }
.time { display: none; }
.more {
float: right;
padding-top: 5px;
padding-right: 35px;
background: url(https://pic.pimg.tw/lamkwanfai/1522908744-2252307453.gif) right no-repeat;
margin-right: 40px ;}
.more a{
font-weight:bold;
font-family:
標楷體;
font-size: 18px;
color:#000;}
.more a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
.author{
background: #FFFFFF;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom: 2px dashed #2D872D;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
.article-footer{
text-align:right ;
color:#000;
line-height:25px ;}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;}
.refer{
color:#000;
text-align:left;
margin: 5px 0px 0px 0px;
border-bottom: 2px dashed #2D872D;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
.history{
display:none;}
.forward{
text-align:right;
margin: 5px 5px 0px 0px;}
.forward img{
width: 10px;
height: 10px;
filter :gray;
padding-right: 2px;}
.forward a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#article-box{
margin: 10px 0px 0px 0px;}
.main-list table{
border-collapse : collapse ;
width:100% ;
margin: 20px 0px 0px 0px;}
.main-list table td {
border:1px solid #2D872D;
border-top:0px solid #000;
border-left:0px solid #000;
border-right:0px solid #000;}
.main-list td ,
.main-list th{
padding: 5px ;}
.back-to-top {
background: #;
background-image:url();
background-repeat:repeat;
margin: 10px 0px 0px 0px;}
.back-to-top a{
color: #000;
text-transform:uppercase;
font:14px CEntury Gothic;
padding: 3px 5px;
background: #FFFFFF;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #2D872D;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#user-post{
background: #FFFFFF;
background:url() repeat;
padding:15px;
margin-bottom: 0px ;
border: 4px solid #2D872D;}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #000;
background:url(https://pic.pimg.tw/lamkwanfai/1522910543-1353998307.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 60px;
padding-left: -15px;}
#trackback-input {width:50%;}
.single-post {
border-right:3px double #2D872D;
border-bottom:3px double #2D872D;
border-left:3px double #2D872D;
border-top:3px double #2D872D;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #2D872D;
font-weight:600;
padding:5px 10px;
margin-bottom:10px;}
.post-text{
float:left;
margin-bottom: 10px ;}
#trackback-box .post-text{
width: auto ;
float:none ;}
.post-photo {
width:120px;
float:left;}
li.post-photo img {
width:80px;
height:80px;
border:2px double #2D872D;
border-top:2px double #2D872D;
border-left:2px double #2D872D;
background:url();
background:#;
padding:4px;}
.reply-text {
float:right;
width:600px;
background:url() 0px top no-repeat #FFFFFF;
border:2px solid #2D872D;
border-right:2px solid #2D872D;
border-bottom:2px solid #2D872D;
margin-right:15px;
display:inline;
color:#000;
min-height:40px;
_height:40px;
padding:12px 18px 5px 10px;}
li.reply-text p {
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/62.gif) repeat-x ;
text-align:right;
padding:10px 0px 0px;
font-size: 14px;
color: #000;}
.secret{}
.post-comment{
padding-top: 260px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1522910543-924817622.png) ;
background-repeat: no-repeat;
background-position: center top;
text-align:center;}


.post-comment a {
color: #000;
background: #FFFFFF;
border: 2px double #2D872D;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #2D872D;}
#comment-form table {
width:100%;
margin:0 auto;
background: #FFFFFF url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #2D872D;
padding: 5px 10px;
text-align: left;}
#comment-form input#send-comment {
padding:3px 5px;
float: right;}
#comment-form textarea {
width:95%;
background: #FFFFFF url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;}
.main-list {
margin-bottom:15px;
padding:10px 0;}
.main-list table {
width:100%;
margin:10px 0;}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;}
.main-list th,.main-list td {
border:1px solid #2D872D;
padding:3px 10px;}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;}
.page a {
background:# FFF3F9;
margin:0 5px;
color: #000;
padding:5px 10px;
border:2px dotted #2D872D;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #2D872D;}
#links{
color: #000;
width:255px ;
float:left;
margin: -310px 0px 0px 15px ;}
#links a{
font-size: 17px;
color:#000;}
#links-row-1{
width:220px ;
float:left;
background:#;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -990px ;
margin-top: 335px ;}
#links-row-2{
width:220px ;
float:right ;
background:#;
background-image: url();
background-repeat: repeat;
margin-right: -5px ;
margin-top: 335px ;}
.box{
background:url(https://pic.pimg.tw/lamkwanfai/1522898357-1609052921.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height: 20px;
overflow:hidden;
color:#2D872D;
text-align: left;
font-weight:bold;
font-family:
標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1522897975-4111418610.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1522898357-1011123917.png) left bottom no-repeat;
text-align: left;
line-height: 150%;
margin: 0px auto;
padding:0 10px;
padding-bottom:42px;}
.box-more{
text-align:right;
margin: 35px 30;
padding:2px;}
.box-more a{
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:2px 2px;
float:right ;
margin: 0px 30px 0px 0px;
color:#000;
background:
#EAF9EA;
border: 2px double #2D872D;}
.box-more a:hover{
color: #000;
background: # FFF3F9;}
#calendar table{
width: 96%;
color:#000;
margin:0 auto;background:#;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar .calMonthHeader{}
#calendar td a{
font-size:11px;
display:block;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px double #2D872D;
font-size:16px;
color:#ff0000;
background:
#EAF9EA;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}
#counter .box-text{padding-left:50px;}
#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;}
#visitor li,#crumb li {
float:left;
margin-right:1px;}
#visitor .box-text li , #crumb .box-text li { float: left;padding-left:6px;}
#visitor .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1522909564-2914117710.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1522909564-2914117710.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #2D872D;
border-left:1px solid #2D872D;
border-top:1px solid #2D872D;
border-bottom:1px solid #2D872D;}
#visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:39px;width:39px;padding: 3px;padding-left:3px;}
#visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:39px;width:39px;}
#visitor .box-more , #crumb .box-more {clear:both;}
#category .box-text h6 img{display:none;}
#category .box-text{padding-left:20px;padding-bottom:50px;}
#category .box-text h6 {
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-3233669417.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;
line-height: 30px;
font-size: 16px;}
#category .box-text li a{
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-3233669417.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #2D872D;
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-3010129280.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:28px;}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-3146137201.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:18px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #2D872D;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#latest-comment li span {
color:#000;
font-size:.9em;
border-right:3px solid # FFFFFF;
margin:0 4px 0 0;
padding:0 4px 0 0;}
#latest-comment li a {
color:#000;
display:block;
height:25px;
overflow:hidden;}
#hot-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-1788655345.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:10px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #2D872D;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search .box-text{padding-left:22px;padding-top:15px;}
#search .box-text li{
display: inline;}
input#search-target {
width: 100px;
background: #FFFFFF;}
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;
width:100%;}
#counter .box-text {font-size:16px;}
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:150px;
margin-left:20px;padding-top:0px;}
#recent-article li,
#announce li,
#hot-article li{}
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom: 1.3px dashed #2D872D;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #2D872D;}
#latest-trackback a:hover {}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {font-weight:bold;
font-family:
標楷體;
font-size:18px;}
#mylink .inner-box{
text-align: left;
padding-left: 25px;
font-size: 18px;
margin-bottom:5px;
color:#000;}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed #2D872D;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#announce .box-text li{border-bottom: 2px dashed #2D872D;}
#announce a:hover {
color: #000;
border:2px dotted #2D872D;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/Siz6Qqo.jpg) repeat # FFEAEA;
_height:1%;
text-align: center;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #2D872D;
background: #FFFFFF;
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: #000;
border: 1px solid #2D872D;
background: #FFFFFF;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:
#82CB97;
SCROLLBAR-DARKSHADOW-COLOR:#EAF3E7;
SCROLLBAR-HIGHLIGHT-COLOR:
#B6DFBF;
SCROLLBAR-ARROW-COLOR:#EAF3E7;
SCROLLBAR-3DLIGHT-COLOR:#EAF3E7;
SCROLLBAR-SHADOW-COLOR:#EAF3E7;}



#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
#container #links-row-1 div.hslice[id*="-mib-"],
#container #links-row-1 div.hslice[id*="-Mib-"],
#container #links-row-1 div.hslice[id*="-mIb-"],
#container #links-row-1 div.hslice[id*="-miB-"]
{display:none !important;}
#container #links-row-1 div[class*="-mib-"],
#container #links-row-1 div[class*="-Mib-"],
#container #links-row-1 div[class*="-mIb-"],
#container #links-row-1 div[class*="-miB-"]
{display:none !important;}


.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;}


#idle-pop , #ad-full-page , .article-inread-ad {display:none;}


 




 
 
 
右二欄位版型語法:


#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #2D872D;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;}
table {
border-collapse:collapse;
border-spacing:0;}
td {
border: 1px solid #2D872D;}
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;}
body {
color:#000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(https://pic.pimg.tw/lamkwanfai/1522724070-3536934891.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/S8PslSl.jpg") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") no-repeat left top;
position: relative;}
#container3 {
overflow:hidden;
position:relative;}
#main{
#main{width:1350px;margin:auto;}
#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height: 620px;
padding-left: 100px;
background:url(https://i.imgur.com/eSARll4.gif) no-repeat center bottom;
display:block;}



overflow:hidden;
position:relative;}
#banner {
width: 400px;
height: 120px;
overflow:hidden;}
#banner h1 {
font-weight:bold;
font-family:
標楷體;
font-size:23px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top: 190px;
margin-left: 396px;}
#banner h1 a{
color:
#343434;}
#banner h1 a:hover {
color:
#828282;
background: # FFB7DB;
border:2px dotted
#828282;}
#banner h2 {
width:650px ;
color:
#1A1A1A;
margin:25px 0;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
position:absolute;
top:205px;
left:518px;
line-height:25px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;}
.skiplink a{
color: #000;}
.skiplink a:hover {
color: #FFFFFF;
background: # 072945;}
.skiplink {display:none;}
#blog-category {
position:absolute;
color:#000;
top:20px;
left:720px;
font-size:15px;}
#blog-category a {
color: #000;}
#blog-category a:hover {
color: #FFFFFF;
background: # A0A188;}
#blog-category {display:none;}
#navigation{
position:absolute;



top:540px;
left:1050px;}
#navigation li{


float:left;}


#navigation a{
background: #;
padding: 4px;
border-right: 1px solid #DBFFB7;
border-bottom: 1px solid
#DBFFB7;
border-top: 1px solid
#DBFFB7;
border-left: 1px solid
#DBFFB7;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color:
#DBFFB7;
letter-spacing:3pt}


#navigation a:hover {
color:
#DBFFDB;
background: # B9DFF2;}



#content{
width:800px ;
float:left;
background:url() repeat;
background:#FFFFFF;
margin:0 auto;
margin-left: 90px ;
margin-top: 60px ;}
#spotlight{
background:#FFFFFF;
padding:5px;
margin-bottom: 5px ;
margin-top: -30px ;
border: 5px double #2D872D;}
#spotlight h5 {
background:url();
color: #47A347;
font-weight:bold;
font-family:
標楷體;
font-size:20px;
border-bottom:2px dotted #2D872D;
padding:2px;}
#spotlight-text {
background:url();
color:#000;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
padding:5px;}
#display{
text-align:right;
margin : 5px 0px ;}
#display span{}
#display a{}
.article {
clear: both;
_height: 1%;
position: relative;
margin: 0 auto 5px;}
.article-head {
overflow: hidden;
height: 130px;
line-height: 20px;
background: url(https://pic.pimg.tw/lamkwanfai/1522908744-2913460054.gif) no-repeat;}
.title {
font-weight:bold;
font-family:
標楷體;
float:left;
font-size:23px;
line-height: 45px;
padding: 15px 0px 0px 75px;}
.title a { color: #000000; }
.title a:hover{
color: #5B5B5B;
background: # FFF3F9;
border:2px dotted #2D872D;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0 78px;}
.month{color: #ff0000; }
.date { color: #ff0000; }
.day{display: none;}
.year{color: #ff0000; }
.time { display: none; }
.more {
float: right;
padding-top: 5px;
padding-right: 35px;
background: url(https://pic.pimg.tw/lamkwanfai/1522908744-2252307453.gif) right no-repeat;
margin-right: 40px ;}
.more a{
font-weight:bold;
font-family:
標楷體;
font-size: 18px;
color:#000;}
.more a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
.author{
background: #FFFFFF;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom: 2px dashed #2D872D;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
.article-footer{
text-align:right ;
color:#000;
line-height:25px ;}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;}
.refer{
color:#000;
text-align:left;
margin: 5px 0px 0px 0px;
border-bottom: 2px dashed #2D872D;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
.history{
display:none;}
.forward{
text-align:right;
margin: 5px 5px 0px 0px;}
.forward img{
width: 10px;
height: 10px;
filter :gray;
padding-right: 2px;}
.forward a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#article-box{
margin: 10px 0px 0px 0px;}
.main-list table{
border-collapse : collapse ;
width:100% ;
margin: 20px 0px 0px 0px;}
.main-list table td {
border:1px solid #2D872D;
border-top:0px solid #000;
border-left:0px solid #000;
border-right:0px solid #000;}
.main-list td ,
.main-list th{
padding: 5px ;}
.back-to-top {
background: #;
background-image:url();
background-repeat:repeat;
margin: 10px 0px 0px 0px;}
.back-to-top a{
color: #000;
text-transform:uppercase;
font:14px CEntury Gothic;
padding: 3px 5px;
background:#FFFFFF;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #2D872D;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#user-post{
background:#FFFFFF;
background:url() repeat;
padding:15px;
margin-bottom: 0px ;
border: 4px solid #2D872D;}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #000;
background:url(https://pic.pimg.tw/lamkwanfai/1522910543-1353998307.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 60px;
padding-left: -15px;}
#trackback-input {width:50%;}
.single-post {
border-right:3px double #2D872D;
border-bottom:3px double #2D872D;
border-left:3px double #2D872D;
border-top:3px double #2D872D;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #2D872D;
font-weight:600;
padding:5px 10px;
margin-bottom:10px;}
.post-text{
float:left;
margin-bottom: 10px ;}
#trackback-box .post-text{
width: auto ;
float:none ;}
.post-photo {
width:120px;
float:left;}
li.post-photo img {
width:80px;
height:80px;
border:2px double #2D872D;
border-top:2px double #2D872D;
border-left:2px double #2D872D;
background:url();
background:#;
padding:4px;}
.user-post-text {
width:720px;
padding:0px 5px 5px 20px;}
.reply-text {
float:right;
width:610px;
background:url() 0px top no-repeat #FFFFFF;
border:2px solid #2D872D;
border-right:2px solid #2D872D;
border-bottom:2px solid #2D872D;
margin-right:15px;
display:inline;
color:#000;
min-height:40px;
_height:40px;
padding:12px 38px 5px 30px;}
li.reply-text p {
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/62.gif) repeat-x ;
text-align:right;
paddin:10px 0px 0px;
font-size: 14px;
color: #000;}
.secret{}
.post-comment{
padding-top: 260px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1522910543-924817622.png) ;
background-repeat: no-repeat;
background-position: center top;
color: #000;
text-align:center;}
.post-comment a {
color: #000;
background: #FFFFFF;
border: 2px double #2D872D;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #2D872D;}
#comment-form table {
width:100%;
margin:0 auto;
background: #FFFFFF url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #2D872D;
padding: 5px 10px;
text-align: left;}
#comment-form input#send-comment {
padding:3px 5px;
float: right;}
#comment-form textarea {
width:95%;
background:#FFFFFF url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;}
.main-list {
margin-bottom:15px;
padding:10px 0;}
.main-list table {
width:100%;
margin:10px 0;}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;}
.main-list th,.main-list td {
border:1px solid #2D872D;
padding:3px 10px;}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;}
.page a {
background:# FFF3F9;
margin:0 5px;
color: #000;
padding:5px 10px;
border:2px dotted #2D872D;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #2D872D;}
#links{
color: #000;
width:240px ;
float:right;
margin: 25px 60px 0px 45px ;}


#links a{
font-size: 17px;
color:#000;}
.box{
background:url(https://pic.pimg.tw/lamkwanfai/1522898357-1609052921.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height:20px;
overflow:hidden;
color:   #2D872D;
text-align: left;
font-weight:bold;
font-family:
標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1522897975-4111418610.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1522898357-1011123917.png) left bottom no-repeat;
text-align: left;
line-height: 150%;
margin: 0px auto;
padding:0 40px;
padding-bottom:42px;}
.box-more{
text-align:right;
margin: 35px 30;
padding:0px;}
.box-more a{
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:2px 2px;
float:right ;
margin: 0px 30px 0px 0px;
color:#000;
background:
#EAF9EA;
border: 2px double #2D872D;}
.box-more a:hover{
color: #000;
background: # FFF3F9;}
#calendar table{
width: 96%;
color:#000;
margin:0 auto;background:#;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar .calMonthHeader{}
#calendar td a{
font-size:11px;
display:block;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px double #2D872D;
font-size:16px;
color:#ff0000;
background:
#EAF9EA;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}
#counter .box-text{padding-left:50px;}
#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;}
#visitor li,#crumb li {
float:left;
margin-right:1px;}
#visitor .box-text li , #crumb .box-text li { float: left;padding-left:-20px;}
#visitor .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1522909564-2914117710.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1522909564-2914117710.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #2D872D;
border-left:1px solid #2D872D;
border-top:1px solid #2D872D;
border-bottom:1px solid #2D872D;}
#visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:39px;width:39px;padding: 3px;padding-left:3px;}
#visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:39px;width:39px;}
#visitor .box-more , #crumb .box-more {clear:both;}
#category .box-text h6 img{display:none;}
#category .box-text{padding-left:20px;padding-bottom:50px;}
#category .box-text h6 {
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-3233669417.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;
line-height: 30px;
font-size: 16px;}
#category .box-text li a{
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-3233669417.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #2D872D;
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-3010129280.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:28px;}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-3146137201.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:18px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #2D872D;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#latest-comment li span {
color:#000;
font-size:.9em;
border-right:3px solid # FFFFFF;
margin:0 4px 0 0;
padding:0 4px 0 0;}
#latest-comment li a {
color:#000;
display:block;
height:25px;
overflow:hidden;}
#hot-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-1788655345.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:10px;
padding-bottom:10px;
margin-left:-25px;
padding-left:0px;
line-height: 25px;
border-bottom: 1.3px dashed #2D872D;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search .box-text{padding-left:22px;padding-top:15px;}
#search .box-text li{
display: inline;}
input#search-target {
width: 100px;
background: #FFFFFF;}
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;
width:100%;}
#counter .box-text {font-size:16px;}
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:150px;
margin-left:20px;padding-top:0px;}
#recent-article li,
#announce li,
#hot-article li{}
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom: 1.3px dashed #2D872D;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #2D872D;}
#latest-trackback a:hover {}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {font-weight:bold;
font-family:
標楷體;
font-size:18px;}
#mylink .inner-box{
text-align: left;
padding-left: 25px;
font-size: 18px;
margin-bottom:5px;
color:#000;}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed #2D872D;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#announce .box-text li{border-bottom: 2px dashed#2D872D;}
#announce a:hover {
color: #000;
border:2px dotted #2D872D;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/S8PslSl.jpg) repeat # FFEAEA;
_height:1%;
text-align: center;
padding-right: 250px;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #2D872D;
background: #FFFFFF;
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: #000;
border: 1px solid #2D872D;
background: #FFFFFF;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:
#82CB97;
SCROLLBAR-DARKSHADOW-COLOR:#EAF3E7;
SCROLLBAR-HIGHLIGHT-COLOR:
#B6DFBF;
SCROLLBAR-ARROW-COLOR:#EAF3E7;
SCROLLBAR-3DLIGHT-COLOR:#EAF3E7;
SCROLLBAR-SHADOW-COLOR:#EAF3E7;}



#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
#container #links-row-1 div.hslice[id*="-mib-"],
#container #links-row-1 div.hslice[id*="-Mib-"],
#container #links-row-1 div.hslice[id*="-mIb-"],
#container #links-row-1 div.hslice[id*="-miB-"]
{display:none !important;}
#container #links-row-1 div[class*="-mib-"],
#container #links-row-1 div[class*="-Mib-"],
#container #links-row-1 div[class*="-mIb-"],
#container #links-row-1 div[class*="-miB-"]
{display:none !important;}


.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;}


#idle-pop , #ad-full-page , .article-inread-ad {display:none;}


 




 
 
 
左二欄位版型語法:


#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #2D872D;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;}
table {
border-collapse:collapse;
border-spacing:0;}
td {
border: 1px solid #2D872D;}
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;}
body {
color:#000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(https://pic.pimg.tw/lamkwanfai/1522724070-3536934891.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/EHzzUQG.jpg") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") no-repeat left top;
position: relative;}
#container3 {
overflow:hidden;
position:relative;}
#main{
#main{width:1350px;margin:auto;}
#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height: 620px;
padding-left: 100px;
background:url(https://i.imgur.com/DiuENtB.gif) no-repeat center bottom;
display:block;}



overflow:hidden;
position:relative;}
#banner {
width: 400px;
height: 120px;
overflow:hidden;}
#banner h1 {
font-weight:bold;
font-family:
標楷體;
font-size:23px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top: 190px;
margin-left: 396px;}
#banner h1 a{
color:
#343434;}
#banner h1 a:hover {
color:
#828282;
background: # FFB7DB;
border:2px dotted
#828282;}
#banner h2 {
width:650px ;
color:
#1A1A1A;
margin:25px 0;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
position:absolute;
top:205px;
left:518px;
line-height:25px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;}
.skiplink a{
color: #000;}
.skiplink a:hover {
color:#FFFFFF;
background: # 072945;}
.skiplink {display:none;}
#blog-category {
position:absolute;
color:#000;
top:20px;
left:720px;
font-size:15px;}
#blog-category a {
color: #000;}
#blog-category a:hover {
color:#FFFFFF;
background: # A0A188;}
#blog-category {display:none;}
#navigation{
position:absolute;



top:540px;
left:1050px;}
#navigation li{


float:left;}


#navigation a{


background: #;
padding: 4px;
border-right: 1px solid #DBFFB7;
border-bottom: 1px solid
#DBFFB7;
border-top: 1px solid
#DBFFB7;
border-left: 1px solid
#DBFFB7;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color:
#DBFFB7;
letter-spacing:3pt}


#navigation a:hover {
color:
#DBFFDB;
background: # B9DFF2;}
#content{
width:800px ;
float:right;
background:url() repeat;
background:#FFFFFF ;
margin:0 auto;
margin-right: 80px ;
margin-top: 40px ;}
#spotlight{
background:#FFFFFF;
padding:5px;
margin-bottom: 5px ;
margin-top: -10px ;
border: 5px double #2D872D;}
#spotlight h5 {
background:url();
color: #47A347;
font-weight:bold;
font-family:
標楷體;
font-size:20px;
border-bottom:2px dotted #2D872D;
padding:2px;}
#spotlight-text {
background:url();
color:#000;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
padding:5px;}
#display{
text-align:right;
margin : 5px 0px ;}
#display span{}
#display a{}
.article {
clear: both;
_height: 1%;
position: relative;
margin: 0 auto 5px;}
.article-head {
overflow: hidden;
height: 130px;
line-height: 20px;
background: url(https://pic.pimg.tw/lamkwanfai/1522908744-2913460054.gif) no-repeat;}
.title {
font-weight:bold;
font-family:
標楷體;
float:left;
font-size:23px;
line-height: 45px;
padding: 15px 0px 0px 75px;}
.title a { color: #000000; }
.title a:hover{
color: #5B5B5B;
background: # FFF3F9;
border:2px dotted #2D872D;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0 78px;}
.month{color: #ff0000; }
.date { color: #ff0000; }
.day{display: none;}
.year{color: #ff0000; }
.time { display: none; }
.more {
float: right;
padding-top: 5px;
padding-right: 35px;
background: url(https://pic.pimg.tw/lamkwanfai/1522908744-2252307453.gif) right no-repeat;
margin-right: 40px ;}
.more a{
font-weight:bold;
font-family:
標楷體;
font-size: 18px;
color:#000;}
.more a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
.author{
background:#FFFFFF;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom: 2px dashed #2D872D;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
.article-footer{
text-align:right ;
color:#000;
line-height:25px ;}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;}
.refer{
color:#000;
text-align:left;
margin: 5px 0px 0px 0px;
border-bottom: 2px dashed #2D872D;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
.history{
display:none;}
.forward{
text-align:right;
margin: 5px 5px 0px 0px;}
.forward img{
width: 10px;
height: 10px;
filter :gray;
padding-right: 2px;}
.forward a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#article-box{
margin: 10px 0px 0px 0px;}
.main-list table{
border-collapse : collapse ;
width:100% ;
margin: 20px 0px 0px 0px;}
.main-list table td {
border:1px solid #2D872D;
border-top:0px solid #000;
border-left:0px solid #000;
border-right:0px solid #000;}
.main-list td ,
.main-list th{
padding: 5px ;}
.back-to-top {
background: #;
background-image:url();
background-repeat:repeat;
margin: 10px 0px 0px 0px;}
.back-to-top a{
color: #000;
text-transform:uppercase;
font:14px CEntury Gothic;
padding: 3px 5px;
background:#FFFFFF;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #2D872D;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#user-post{
background:#FFFFFF;
background:url() repeat;
padding:15px;
margin-bottom: 0px ;
border: 4px solid #2D872D;}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #000;
background:url(https://pic.pimg.tw/lamkwanfai/1522910543-1353998307.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 60px;
padding-left: -15px;}
#trackback-input {width:50%;}
.single-post {
border-right:3px double #2D872D;
border-bottom:3px double #2D872D;
border-left:3px double #2D872D;
border-top:3px double #2D872D;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #2D872D;
font-weight:600;
padding:5px 10px;
margin-bottom:10px;}
.post-text{
float:left;
margin-bottom: 10px ;}
#trackback-box .post-text{
width: auto ;
float:none ;}
.post-photo {
width:120px;
float:left;}
li.post-photo img {
width:80px;
height:80px;
border:2px double #2D872D;
border-top:2px double #2D872D;
border-left:2px double #2D872D;
background:url();
background:#;
padding:4px;}
.user-post-text {
width:720px;
padding:0px 5px 5px 20px;}
.reply-text {
float:right;
width:610px;
background:url() 0px top no-repeat#FFFFFF;
border:2px solid #2D872D;
border-right:2px solid #2D872D;
border-bottom:2px solid #2D872D;
margin-right:15px;
display:inline;
color:#000;
min-height:40px;
_height:40px;
padding:12px 38px 5px 30px;}
li.reply-text p {
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/62.gif) repeat-x ;
text-align:right;
padding:10px 0px 0px;
font-size: 14px;
color: #000;}
.secret{}
.post-comment{
padding-top: 260px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1522910543-924817622.png) ;
background-repeat: no-repeat;
background-position: center top;
color: #000;
text-align:center;}
.post-comment a {
color: #000;
background:#FFFFFF;
border: 2px double #2D872D;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #2D872D;}
#comment-form table {
width:100%;
margin:0 auto;
background:#FFFFFF url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #2D872D;
padding: 5px 10px;
text-align: left;}
#comment-form input#send-comment {
padding:3px 5px;
float: right;}
#comment-form textarea {
width:95%;
background:#FFFFFF url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;}
.main-list {
margin-bottom:15px;
padding:10px 0;}
.main-list table {
width:100%;
margin:10px 0;}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;}
.main-list th,.main-list td {
border:1px solid #2D872D;
padding:3px 10px;}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;}
.page a {
background:# FFF3F9;
margin:0 5px;
color: #000;
padding:5px 10px;
border:2px dotted #2D872D;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #2D872D;}
#links{
color: #000;
width:240px ;
float:left;
margin: 25px 0px 0px 80px ;}


#links a{
font-size: 17px;
color:#000;}
.box{
background:url(https://pic.pimg.tw/lamkwanfai/1522898357-1609052921.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height: 20px;
overflow:hidden;
color: #2D872D;
text-align: left;
font-weight:bold;
font-family:
標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1522897975-4111418610.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1522898357-1011123917.png) left bottom no-repeat;
text-align: left;
line-height: 150%;
margin: 0px auto;
padding:0 40px;
padding-bottom:42px;}
.box-more{
text-align:right;
margin: 35px 30;
padding:2px;}
.box-more a{
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:2px 2px;
float:right ;
margin: 0px 30px 0px 0px;
color:#000;
background:
#EAF9EA;
border: 2px double #2D872D;}
.box-more a:hover{
color: #000;
background: # FFF3F9;}
#calendar table{
width: 96%;
color:#000;
margin:0 auto;background:#;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar .calMonthHeader{}
#calendar td a{
font-size:11px;
display:block;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px double #2D872D;
font-size:16px;
color:#ff0000;
background:
#EAF9EA;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}
#counter .box-text{padding-left:50px;}
#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;}
#visitor li,#crumb li {
float:left;
margin-right:1px;}
#visitor .box-text li , #crumb .box-text li { float: left;padding-left:-20px;}
#visitor .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1522909564-2914117710.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1522909564-2914117710.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #2D872D;
border-left:1px solid #2D872D;
border-top:1px solid #2D872D;
border-bottom:1px solid #2D872D;}
#visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:39px;width:39px;padding: 3px;padding-left:3px;}
#visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:39px;width:39px;}
#visitor .box-more , #crumb .box-more {clear:both;}
#category .box-text h6 img{display:none;}
#category .box-text{padding-left:20px;padding-bottom:50px;}
#category .box-text h6 {
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-3233669417.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;
line-height: 30px;
font-size: 16px;}
#category .box-text li a{
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-3233669417.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #2D872D;
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-3010129280.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:28px;}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-3146137201.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:18px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #2D872D;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#latest-comment li span {
color:#000;
font-size:.9em;
border-right:3px solid # FFFFFF;
margin:0 4px 0 0;
padding:0 4px 0 0;}
#latest-comment li a {
color:#000;
display:block;
height:25px;
overflow:hidden;}
#hot-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-1788655345.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:10px;
padding-bottom:10px;
margin-left:-25px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #2D872D;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search .box-text{padding-left:22px;padding-top:15px;}
#search .box-text li{
display: inline;}
input#search-target {
width: 100px;
background:#FFFFFF;}
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;
width:100%;}
#counter .box-text {font-size:16px;}
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:150px;
margin-left:20px;padding-top:0px;}
#recent-article li,
#announce li,
#hot-article li{}
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom: 1.3px dashed #2D872D;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #2D872D;}
#latest-trackback a:hover {}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {font-weight:bold;
font-family:
標楷體;
font-size:18px;}
#mylink .inner-box{
text-align: left;
padding-left: 25px;
font-size: 18px;
margin-bottom:5px;
color:#000;}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed #2D872D;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#announce .box-text li{border-bottom: 2px dashed #2D872D;}
#announce a:hover {
color: #000;
border:2px dotted #2D872D;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/Siz6Qqo.jpg) repeat # FFEAEA;
_height:1%;
text-align: center;
padding-left: 250px;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #2D872D;
background:#FFFFFF;
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: #000;
border: 1px solid #2D872D;
background:#FFFFFF;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:
#82CB97;
SCROLLBAR-DARKSHADOW-COLOR:#EAF3E7;
SCROLLBAR-HIGHLIGHT-COLOR:
#B6DFBF;
SCROLLBAR-ARROW-COLOR:#EAF3E7;
SCROLLBAR-3DLIGHT-COLOR:#EAF3E7;
SCROLLBAR-SHADOW-COLOR:#EAF3E7;}



#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
#container #links-row-1 div.hslice[id*="-mib-"],
#container #links-row-1 div.hslice[id*="-Mib-"],
#container #links-row-1 div.hslice[id*="-mIb-"],
#container #links-row-1 div.hslice[id*="-miB-"]
{display:none !important;}
#container #links-row-1 div[class*="-mib-"],
#container #links-row-1 div[class*="-Mib-"],
#container #links-row-1 div[class*="-mIb-"],
#container #links-row-1 div[class*="-miB-"]
{display:none !important;}


.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;}


#idle-pop , #ad-full-page , .article-inread-ad {display:none;}


 




 
 
另一款三欄位版型
   
另一款三欄位版型語法:


#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #2D872D;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;}
table {
border-collapse:collapse;
border-spacing:0;}
td {
border: 1px solid #2D872D;}
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;}
body {
color:#000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(https://pic.pimg.tw/lamkwanfai/1522724070-3536934891.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/QSIdRYP.jpg") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") no-repeat left top;
position: relative;}
#container3 {
overflow:hidden;
position:relative;}
#main{
#main{width:1350px;margin:auto;}
#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height: 620px;
padding-left: 100px;
background:url(https://i.imgur.com/16MaSTU.gif) no-repeat center bottom;
display:block;}


overflow:hidden;
position:relative;}
#banner {
width: 400px;
height: 120px;
overflow:hidden;}
#banner h1 {
font-weight:bold;
font-family:
標楷體;
font-size:23px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top: 190px;
margin-left: 396px;}
#banner h1 a{
color:
#343434;}
#banner h1 a:hover {
color:
#828282;
background: # FFB7DB;
border:2px dotted
#828282;}
#banner h2 {
width:650px ;
color:
#1A1A1A;
margin:25px 0;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
position:absolute;
top:205px;
left:518px;
line-height:25px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;}
.skiplink a{
color: #000;}
.skiplink a:hover {
color: # FFF8D7;
background: # 072945;}
.skiplink {display:none;}
#blog-category {
position:absolute;
color:#000;
top:20px;
left:720px;
font-size:15px;}
#blog-category a {
color: #000;}
#blog-category a:hover {
color: # FFF8D7;
background: # A0A188;}
#blog-category {display:none;}
#navigation{
position:absolute;



top:540px;
left:1050px;}
#navigation li{


float:left;}


#navigation a{


background: #;
padding: 4px;
border-right: 1px solid #DBFFB7;
border-bottom: 1px solid #DBFFB7;
border-top: 1px solid #DBFFB7;
border-left: 1px solid #DBFFB7;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color:#DBFFB7;
letter-spacing:3pt}


#navigation a:hover {
color:
#DBFFDB;
background: # B9DFF2;}



#content{
width:705px ;
float:left ;
background:url() repeat;
background: # FFF8D7;
margin:0 auto;
margin-left: 300px ;
margin-top: 20px ;}
#spotlight{
background: # FFF8D7;
padding:5px;
margin-bottom: 5px ;
margin-top: 5px ;
border: 5px double #2D872D;}
#spotlight h5 {
background:url();
color: #47A347;
font-weight:bold;
font-family:
標楷體;
font-size:20px;
border-bottom:2px dotted #2D872D;
padding:2px;}
#spotlight-text {
background:url();
color:#000;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
padding:5px;}
#display{
text-align:right;
margin : 5px 0px ;}
#display span{}
#display a{}
.article {
clear: both;
_height: 1%;
position: relative;
margin: 0 auto 5px;}
.article-head {
overflow: hidden;
height: 130px;
line-height: 20px;
background: url(https://pic.pimg.tw/lamkwanfai/1522908744-2913460054.gif) no-repeat;}
.title {
font-weight:bold;
font-family:
標楷體;
float:left;
font-size:23px;
line-height: 45px;
padding: 15px 0px 0px 75px;}
.title a { color: #000000; }
.title a:hover{
color: #5B5B5B;
background: # FFF3F9;
border:2px dotted #2D872D;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0 78px;}
.month{color: #ff0000; }
.date { color: #ff0000; }
.day{display: none;}
.year{color: #ff0000; }
.time { display: none; }
.more {
float: right;
padding-top: 5px;
padding-right: 35px;
background: url(https://pic.pimg.tw/lamkwanfai/1522908744-2252307453.gif) right no-repeat;
margin-right: 40px ;}
.more a{
font-weight:bold;
font-family:
標楷體;
font-size: 18px;
color:#000;}
.more a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
.author{
background: # FFF8D7;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom: 2px dashed #2D872D;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
.article-footer{
text-align:right ;
color:#000;
line-height:25px ;}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;}
.refer{
color:#000;
text-align:left;
margin: 5px 0px 0px 0px;
border-bottom: 2px dashed #2D872D;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
.history{
display:none;}
.forward{
text-align:right;
margin: 5px 5px 0px 0px;}
.forward img{
width: 10px;
height: 10px;
filter :gray;
padding-right: 2px;}
.forward a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#article-box{
margin: 10px 0px 0px 0px;}
.main-list table{
border-collapse : collapse ;
width:100% ;
margin: 20px 0px 0px 0px;}
.main-list table td {
border:1px solid #2D872D;
border-top:0px solid #000;
border-left:0px solid #000;
border-right:0px solid #000;}
.main-list td ,
.main-list th{
padding: 5px ;}
.back-to-top {
background: #;
background-image:url();
background-repeat:repeat;
margin: 10px 0px 0px 0px;}
.back-to-top a{
color: #000;
text-transform:uppercase;
font:14px CEntury Gothic;
padding: 3px 5px;
background: # FFF8D7;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #2D872D;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#user-post{
background: # FFF8D7;
background:url() repeat;
padding:15px;
margin-bottom: 0px ;
border: 4px solid #2D872D;}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #000;
background:url(https://pic.pimg.tw/lamkwanfai/1522910543-1353998307.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 60px;
padding-left: -15px;}
#trackback-input {width:50%;}
.single-post {
border-right:3px double #2D872D;
border-bottom:3px double #2D872D;
border-left:3px double #2D872D;
border-top:3px double #2D872D;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #2D872D;
font-weight:600;
padding:5px 10px;
margin-bottom:10px;}
.post-text{
float:left;
margin-bottom: 10px ;}
#trackback-box .post-text{
width: auto ;
float:none ;}
.post-photo {
width:120px;
float:left;}
li.post-photo img {
width:80px;
height:80px;
border:2px double #2D872D;
border-top:2px double #2D872D;
border-left:2px double #2D872D;
background:url();
background:#;
padding:4px;}
.reply-text {
float:right;
width:600px;
background:url() 0px top no-repeat # FFF8D7;
border:2px solid #2D872D;
border-right:2px solid #2D872D;
border-bottom:2px solid #2D872D;
margin-right:15px;
display:inline;
color:#000;
min-height:40px;
_height:40px;
padding:12px 18px 5px 10px;}
li.reply-text p {
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/62.gif) repeat-x ;
text-align:right;
padding:10px 0px 0px;
font-size: 14px;
color: #000;}
.secret{}
.post-comment{
padding-top: 260px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1522910543-924817622.png) ;
background-repeat: no-repeat;
background-position: center top;
text-align:center;}


.post-comment a {
color: #000;
background: # FFF8D7;
border: 2px double #2D872D;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #2D872D;}
#comment-form table {
width:100%;
margin:0 auto;
background: # FFF8D7 url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #2D872D;
padding: 5px 10px;
text-align: left;}
#comment-form input#send-comment {
padding:3px 5px;
float: right;}
#comment-form textarea {
width:95%;
background: # FFF8D7 url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;}
.main-list {
margin-bottom:15px;
padding:10px 0;}
.main-list table {
width:100%;
margin:10px 0;}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;}
.main-list th,.main-list td {
border:1px solid #2D872D;
padding:3px 10px;}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;}
.page a {
background:# FFF3F9;
margin:0 5px;
color: #000;
padding:5px 10px;
border:2px dotted #2D872D;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #2D872D;}
#links{
color: #000;
width:255px ;
float:left;
margin: -310px 0px 0px 15px ;}
#links a{
font-size: 17px;
color:#000;}
#links-row-1{
width:220px ;
float:left;
background:#;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -990px ;
margin-top: 335px ;}
#links-row-2{
width:220px ;
float:right ;
background:#;
background-image: url();
background-repeat: repeat;
margin-right: -5px ;
margin-top: 335px ;}
.box{
background:url(https://pic.pimg.tw/lamkwanfai/1522898357-1609052921.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height: 20px;
overflow:hidden;
color: #2D872D;
text-align: left;
font-weight:bold;
font-family:
標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1522897975-4111418610.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1522898357-1011123917.png) left bottom no-repeat;
text-align: left;
line-height: 150%;
margin: 0px auto;
padding:0 10px;
padding-bottom:42px;}
.box-more{
text-align:right;
margin: 35px 30;
padding:2px;}
.box-more a{
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:2px 2px;
float:right ;
margin: 0px 30px 0px 0px;
color:#000;
background:
#D3F4D3;
border: 2px double #2D872D;}
.box-more a:hover{
color: #000;
background: # FFF3F9;}
#calendar table{
width: 96%;
color:#000;
margin:0 auto;background:#;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar .calMonthHeader{}
#calendar td a{
font-size:11px;
display:block;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px double #2D872D;
font-size:16px;
color:#ff0000;
background: # FFF8D7;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}
#counter .box-text{padding-left:50px;}
#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;}
#visitor li,#crumb li {
float:left;
margin-right:1px;}
#visitor .box-text li , #crumb .box-text li { float: left;padding-left:6px;}
#visitor .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1522909564-2914117710.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1522909564-2914117710.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #2D872D;
border-left:1px solid #2D872D;
border-top:1px solid #2D872D;
border-bottom:1px solid #2D872D;}
#visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:39px;width:39px;padding: 3px;padding-left:3px;}
#visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:39px;width:39px;}
#visitor .box-more , #crumb .box-more {clear:both;}
#category .box-text h6 img{display:none;}
#category .box-text{padding-left:20px;padding-bottom:50px;}
#category .box-text h6 {
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-3233669417.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;
line-height: 30px;
font-size: 16px;}
#category .box-text li a{
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-3233669417.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #2D872D;
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-3010129280.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:28px;}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-3146137201.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:18px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #2D872D;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#latest-comment li span {
color:#000;
font-size:.9em;
border-right:3px solid # FFFFFF;
margin:0 4px 0 0;
padding:0 4px 0 0;}
#latest-comment li a {
color:#000;
display:block;
height:25px;
overflow:hidden;}
#hot-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1522908744-1788655345.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:10px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #2D872D;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search .box-text{padding-left:22px;padding-top:15px;}
#search .box-text li{
display: inline;}
input#search-target {
width: 100px;
background: # FFF8D7;}
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;
width:100%;}
#counter .box-text {font-size:16px;}
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:150px;
margin-left:20px;padding-top:0px;}
#recent-article li,
#announce li,
#hot-article li{}
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom: 1.3px dashed #2D872D;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #2D872D;}
#latest-trackback a:hover {}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {font-weight:bold;
font-family:
標楷體;
font-size:18px;}
#mylink .inner-box{
text-align: left;
padding-left: 25px;
font-size: 18px;
margin-bottom:5px;
color:#000;}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed #2D872D;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
#announce .box-text li{border-bottom: 2px dashed #2D872D;}
#announce a:hover {
color: #000;
border:2px dotted #2D872D;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/QSIdRYP.jpg) repeat # FFEAEA;
_height:1%;
text-align: center;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #2D872D;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #2D872D;
background:
#D3F4D3;
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: #000;
border: 1px solid #2D872D;
background: # FFF8D7;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:
#82CB97;
SCROLLBAR-DARKSHADOW-COLOR:#EAF3E7;
SCROLLBAR-HIGHLIGHT-COLOR:
#B6DFBF;
SCROLLBAR-ARROW-COLOR:#EAF3E7;
SCROLLBAR-3DLIGHT-COLOR:#EAF3E7;
SCROLLBAR-SHADOW-COLOR:#EAF3E7;}



#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
#container #links-row-1 div.hslice[id*="-mib-"],
#container #links-row-1 div.hslice[id*="-Mib-"],
#container #links-row-1 div.hslice[id*="-mIb-"],
#container #links-row-1 div.hslice[id*="-miB-"]
{display:none !important;}
#container #links-row-1 div[class*="-mib-"],
#container #links-row-1 div[class*="-Mib-"],
#container #links-row-1 div[class*="-mIb-"],
#container #links-row-1 div[class*="-miB-"]
{display:none !important;}


.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;}


#idle-pop , #ad-full-page , .article-inread-ad {display:none;}


 




 
 
此款版型,星兒在顏色上作了一些新的嘗試。
將版底中間部分,製成了柔和的漸層淡綠色。

一改以前只能是:全部白色或同一色。
下方另一款三欄位版型,也是另一個新的嘗試。
將內外版底,改成統一色版,而且包裹了美麗的花邊。
格友們可去“星兒收藏”欣賞。
每次版型小小的改動、改進,都會令星兒愉悅和開心。
與格友們分享星兒的歡喜
!

 
新作  
 
換版型方法1  
 
8  
 
(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(2) 人氣(23)

  • 個人分類:部落版型
▲top
  • 4月 11 週三 201821:40
  • 雨中的思念 - 星兒的版型製作 No.129

雨中的思念三欄
 
三欄位版型語法:


#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #000000;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;}
table {
border-collapse:collapse;
border-spacing:0;}
td {
border: 1px solid #000000;}
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;}
body {
color:#000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(https://pic.pimg.tw/lamkwanfai/1521532757-2810054510.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/cFdMIBH.jpg") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") no-repeat left top;
position: relative;}
#container3 {
overflow:hidden;
position:relative;}
#main{
#main{width:1350px;margin:auto;}
#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height: 620px;
padding-left: 100px;
background:url(https://i.imgur.com/65OAobc.gif) no-repeat center bottom;
display:block;}


overflow:hidden;
position:relative;}
#banner {
width: 400px;
height: 120px;
overflow:hidden;}
#banner h1 {
font-weight:bold;
font-family:
標楷體;
font-size:23px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top: 60px;
margin-left: 6px;}
#banner h1 a{
color:
#FFFFFF;}
#banner h1 a:hover {
color:
#EAEAEA;
background: # FFB7DB;
border:2px dotted
#EAEAEA;}
#banner h2 {
width:650px ;
color:
#FFFFFF;
margin:25px 0;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
position:absolute;
top:75px;
left:128px;
line-height:25px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;}
.skiplink a{
color: #000;}
.skiplink a:hover {
color: #EAEAEA;
background: # 072945;}
.skiplink {display:none;}
#blog-category {
position:absolute;
color:#000;
top:20px;
left:720px;
font-size:15px;}
#blog-category a {
color: #000;}
#blog-category a:hover {
color: #EAEAEA;
background: # A0A188;}
#blog-category {display:none;}
#navigation{
position:absolute;



top:530px;
left:1050px;}
#navigation li{


float:left;}


#navigation a{


background: #;
padding: 4px;
border-right: 1px solid
#FFFFFF;
border-bottom: 1px solid
#FFFFFF;
border-top: 1px solid
#FFFFFF;
border-left: 1px solid
#FFFFFF;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color:
#FFFFFF;
letter-spacing:3pt}


#navigation a:hover {
color:
#EAEAEA;
background: # B9DFF2;}



#content{
width:705px ;
float:left ;
background:url() repeat;
background: #EAEAEA;
margin:0 auto;
margin-left: 300px ;
margin-top: 20px ;}
#spotlight{
background: #EAEAEA;
padding:5px;
margin-bottom: 5px ;
margin-top: 5px ;
border: 5px double #000000;}
#spotlight h5 {
background:url();
color: #D11A1A;
font-weight:bold;
font-family:
標楷體;
font-size:20px;
border-bottom:2px dotted #000000;
padding:2px;}
#spotlight-text {
background:url();
color:#000;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
padding:5px;}
#display{
text-align:right;
margin : 5px 0px ;}
#display span{}
#display a{}
.article {
clear: both;
_height: 1%;
position: relative;
margin: 0 auto 5px;}
.article-head {
overflow: hidden;
height: 130px;
line-height: 20px;
background: url(https://pic.pimg.tw/lamkwanfai/1521540228-2429502376.gif) no-repeat;}
.title {
font-weight:bold;
font-family:
標楷體;
float:left;
font-size:23px;
line-height: 45px;
padding: 15px 0px 0px 75px;}
.title a { color: #000000; }
.title a:hover{
color: #5B5B5B;
background: # FFF3F9;
border:2px dotted #000000;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0 78px;}
.month{color: #ff0000; }
.date { color: #ff0000; }
.day{display: none;}
.year{color: #ff0000; }
.time { display: none; }
.more {
float: right;
padding-top: 5px;
padding-right: 25px;
background: url(https://pic.pimg.tw/lamkwanfai/1521540228-1126027646.gif) right no-repeat;
margin-right: 40px ;}
.more a{
font-weight:bold;
font-family:
標楷體;
font-size: 18px;
color:#000;}
.more a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
.author{
background: #EAEAEA;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom: 2px dashed #000000;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
.article-footer{
text-align:right ;
color:#000;
line-height:25px ;}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;}
.refer{
color:#000;
text-align:left;
margin: 5px 0px 0px 0px;
border-bottom: 2px dashed #000000;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
.history{
display:none;}
.forward{
text-align:right;
margin: 5px 5px 0px 0px;}
.forward img{
width: 10px;
height: 10px;
filter :gray;
padding-right: 2px;}
.forward a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#article-box{
margin: 10px 0px 0px 0px;}
.main-list table{
border-collapse : collapse ;
width:100% ;
margin: 20px 0px 0px 0px;}
.main-list table td {
border:1px solid #000000;
border-top:0px solid #000;
border-left:0px solid #000;
border-right:0px solid #000;}
.main-list td ,
.main-list th{
padding: 5px ;}
.back-to-top {
background: #;
background-image:url();
background-repeat:repeat;
margin: 10px 0px 0px 0px;}
.back-to-top a{
color: #000;
text-transform:uppercase;
font:14px CEntury Gothic;
padding: 3px 5px;
background: #EAEAEA;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #000000;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#user-post{
background: #EAEAEA;
background:url() repeat;
padding:15px;
margin-bottom: 0px ;
border: 4px solid #000000;}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #000;
background:url(https://pic.pimg.tw/lamkwanfai/1521541854-3830944678.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 60px;
padding-left: -15px;}
#trackback-input {width:50%;}
.single-post {
border-right:3px double #000000;
border-bottom:3px double #000000;
border-left:3px double #000000;
border-top:3px double #000000;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #000000;
font-weight:600;
padding:5px 10px;
margin-bottom:10px;}
.post-text{
float:left;
margin-bottom: 10px ;}
#trackback-box .post-text{
width: auto ;
float:none ;}
.post-photo {
width:120px;
float:left;}
li.post-photo img {
width:80px;
height:80px;
border:2px double #000000;
border-top:2px double #000000;
border-left:2px double #000000;
background:url();
background:#;
padding:4px;}
.reply-text {
float:right;
width:600px;
background:url() 0px top no-repeat #EAEAEA;
border:2px solid #000000;
border-right:2px solid #000000;
border-bottom:2px solid #000000;
margin-right:15px;
display:inline;
color:#000;
min-height:40px;
_height:40px;
padding:12px 18px 5px 10px;}
li.reply-text p {
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/62.gif) repeat-x ;
text-align:right;
padding:10px 0px 0px;
font-size: 14px;
color: #000;}
.secret{}
.post-comment{
padding-top: 320px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1521542235-1431030248.gif) ;
background-repeat: no-repeat;
background-position: center top;
text-align:center;}


.post-comment a {
color: #000;
background: #EAEAEA;
border: 2px double #000000;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #000000;}
#comment-form table {
width:100%;
margin:0 auto;
background: #EAEAEA url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #000000;
padding: 5px 10px;
text-align: left;}
#comment-form input#send-comment {
padding:3px 5px;
float: right;}
#comment-form textarea {
width:95%;
background: #EAEAEA url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;}
.main-list {
margin-bottom:15px;
padding:10px 0;}
.main-list table {
width:100%;
margin:10px 0;}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;}
.main-list th,.main-list td {
border:1px solid #000000;
padding:3px 10px;}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;}
.page a {
background:# FFF3F9;
margin:0 5px;
color: #000;
padding:5px 10px;
border:2px dotted #000000;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #000000;}
#links{
color: #000;
width:255px ;
float:left;
margin: -310px 0px 0px 15px ;}
#links a{
font-size: 17px;
color:#000;}
#links-row-1{
width:220px ;
float:left;
background:#;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -990px ;
margin-top: 335px ;}
#links-row-2{
width:220px ;
float:right ;
background:#;
background-image: url();
background-repeat: repeat;
margin-right: -5px ;
margin-top: 335px ;}
.box{
background:url(https://pic.pimg.tw/lamkwanfai/1521534133-1372625557.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height: 20px;
overflow:hidden;
color:#D11A1A;
text-align: left;
font-weight:bold;
font-family:
標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1521533879-1380835829.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1521534133-264086495.png) left bottom no-repeat;
text-align: left;
line-height: 150%;
margin: 0px auto;
padding:0 10px;
padding-bottom:42px;}
.box-more{
text-align:right;
margin: 35px 30;
padding:2px;}
.box-more a{
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:2px 2px;
float:right ;
margin: 0px 30px 0px 0px;
color:#000;
background: #EAEAEA;
border: 2px double #000000;}
.box-more a:hover{
color: #000;
background: # FFF3F9;}
#calendar table{
width: 96%;
color:#000;
margin:0 auto;background:#;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar .calMonthHeader{}
#calendar td a{
font-size:11px;
display:block;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px double #000000;
font-size:16px;
color:#ff0000;
background: #EAEAEA;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}
#counter .box-text{padding-left:50px;}
#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;}
#visitor li,#crumb li {
float:left;
margin-right:1px;}
#visitor .box-text li , #crumb .box-text li { float: left;padding-left:6px;}
#visitor .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1521540788-3950350363.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1521540788-3950350363.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #000000;
border-left:1px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;}
#visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:39px;width:39px;padding: 3px;padding-left:3px;}
#visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:39px;width:39px;}
#visitor .box-more , #crumb .box-more {clear:both;}
#category .box-text h6 img{display:none;}
#category .box-text{padding-left:20px;padding-bottom:50px;}
#category .box-text h6 {
background-image:url(https://pic.pimg.tw/lamkwanfai/1521540788-3387071530.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;
line-height: 30px;
font-size: 16px;}
#category .box-text li a{
background-image:url(https://pic.pimg.tw/lamkwanfai/1521540788-3387071530.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #000000;
background-image:url(https://pic.pimg.tw/lamkwanfai/1521540788-3700542547.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:28px;}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1521540788-1290896640.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:18px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #000000;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#latest-comment li span {
color:#000;
font-size:.9em;
border-right:3px solid # FFFFFF;
margin:0 4px 0 0;
padding:0 4px 0 0;}
#latest-comment li a {
color:#000;
display:block;
height:25px;
overflow:hidden;}
#hot-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1521540788-1544231347.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:10px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #000000;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search .box-text{padding-left:22px;padding-top:15px;}
#search .box-text li{
display: inline;}
input#search-target {
width: 100px;
background: #EAEAEA;}
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;
width:100%;}
#counter .box-text {font-size:16px;}
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:150px;
margin-left:20px;padding-top:0px;}
#recent-article li,
#announce li,
#hot-article li{}
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom: 1.3px dashed #000000;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #000000;}
#latest-trackback a:hover {}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {font-weight:bold;
font-family:
標楷體;
font-size:18px;}
#mylink .inner-box{
text-align: left;
padding-left: 25px;
font-size: 18px;
margin-bottom:5px;
color:#000;}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed #000000;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#announce .box-text li{border-bottom: 2px dashed #000000;}
#announce a:hover {
color: #000;
border:2px dotted #000000;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/cFdMIBH.jpg) repeat # FFEAEA;
_height:1%;
text-align: center;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #000000;
background: #EAEAEA;
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: #000;
border: 1px solid #000000;
background: #EAEAEA;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:
#686868;
SCROLLBAR-DARKSHADOW-COLOR:
#D0D0D0;
SCROLLBAR-HIGHLIGHT-COLOR:
#1A1A1A;
SCROLLBAR-ARROW-COLOR:
#D0D0D0;
SCROLLBAR-3DLIGHT-COLOR:
#D0D0D0;
SCROLLBAR-SHADOW-COLOR:
#D0D0D0;}



#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
#container #links-row-1 div.hslice[id*="-mib-"],
#container #links-row-1 div.hslice[id*="-Mib-"],
#container #links-row-1 div.hslice[id*="-mIb-"],
#container #links-row-1 div.hslice[id*="-miB-"]
{display:none !important;}
#container #links-row-1 div[class*="-mib-"],
#container #links-row-1 div[class*="-Mib-"],
#container #links-row-1 div[class*="-mIb-"],
#container #links-row-1 div[class*="-miB-"]
{display:none !important;}


.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;}


#idle-pop , #ad-full-page , .article-inread-ad {display:none;}


 




 
 
 
右二欄位版型語法:


#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #000000;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;}
table {
border-collapse:collapse;
border-spacing:0;}
td {
border: 1px solid #000000;}
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;}
body {
color:#000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(https://pic.pimg.tw/lamkwanfai/1521532757-2810054510.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/cFdMIBH.jpg ") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") no-repeat left top;
position: relative;}
#container3 {
overflow:hidden;
position:relative;}
#main{
#main{width:1350px;margin:auto;}
#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height: 620px;
padding-left: 100px;
background:url(https://i.imgur.com/65OAobc.gif) no-repeat center bottom;
display:block;}



overflow:hidden;
position:relative;}
#banner {
width: 400px;
height: 120px;
overflow:hidden;}
#banner h1 {
font-weight:bold;
font-family:
標楷體;
font-size:23px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top: 60px;
margin-left: 6px;}
#banner h1 a{
color:
#FFFFFF;}
#banner h1 a:hover {
color:
#EAEAEA;
background: # FFB7DB;
border:2px dotted
#EAEAEA;}
#banner h2 {
width:650px ;
color:
#FFFFFF;
margin:25px 0;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
position:absolute;
top:75px;
left:128px;
line-height:25px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;}
.skiplink a{
color: #000;}
.skiplink a:hover {
color: #EAEAEA;
background: # 072945;}
.skiplink {display:none;}
#blog-category {
position:absolute;
color:#000;
top:20px;
left:720px;
font-size:15px;}
#blog-category a {
color: #000;}
#blog-category a:hover {
color: #EAEAEA;
background: # A0A188;}
#blog-category {display:none;}
#navigation{
position:absolute;



top:530px;
left:1050px;}
#navigation li{


float:left;}


#navigation a{
background: #;
padding: 4px;
border-right: 1px solid
#FFFFFF;
border-bottom: 1px solid
#FFFFFF;
border-top: 1px solid
#FFFFFF;
border-left: 1px solid
#FFFFFF;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color:
#FFFFFF;
letter-spacing:3pt}


#navigation a:hover {
color:
#EAEAEA;
background: # B9DFF2;}



#content{
width:800px ;
float:left;
background:url() repeat;
background:#EAEAEA;
margin:0 auto;
margin-left: 90px ;
margin-top: 60px ;}
#spotlight{
background:#EAEAEA;
padding:5px;
margin-bottom: 5px ;
margin-top: -30px ;
border: 5px double #000000;}
#spotlight h5 {
background:url();
color: #D11A1A;
font-weight:bold;
font-family:
標楷體;
font-size:20px;
border-bottom:2px dotted #000000;
padding:2px;}
#spotlight-text {
background:url();
color:#000;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
padding:5px;}
#display{
text-align:right;
margin : 5px 0px ;}
#display span{}
#display a{}
.article {
clear: both;
_height: 1%;
position: relative;
margin: 0 auto 5px;}
.article-head {
overflow: hidden;
height: 130px;
line-height: 20px;
background: url(https://pic.pimg.tw/lamkwanfai/1521540228-2429502376.gif) no-repeat;}
.title {
font-weight:bold;
font-family:
標楷體;
float:left;
font-size:23px;
line-height: 45px;
padding: 15px 0px 0px 75px;}
.title a { color: #000000; }
.title a:hover{
color: #5B5B5B;
background: # FFF3F9;
border:2px dotted #000000;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0 78px;}
.month{color: #ff0000; }
.date { color: #ff0000; }
.day{display: none;}
.year{color: #ff0000; }
.time { display: none; }
.more {
float: right;
padding-top: 5px;
padding-right: 25px;
background: url(https://pic.pimg.tw/lamkwanfai/1521540228-1126027646.gif) right no-repeat;
margin-right: 40px ;}
.more a{
font-weight:bold;
font-family:
標楷體;
font-size: 18px;
color:#000;}
.more a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
.author{
background: #EAEAEA;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom: 2px dashed #000000;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
.article-footer{
text-align:right ;
color:#000;
line-height:25px ;}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;}
.refer{
color:#000;
text-align:left;
margin: 5px 0px 0px 0px;
border-bottom: 2px dashed #000000;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
.history{
display:none;}
.forward{
text-align:right;
margin: 5px 5px 0px 0px;}
.forward img{
width: 10px;
height: 10px;
filter :gray;
padding-right: 2px;}
.forward a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#article-box{
margin: 10px 0px 0px 0px;}
.main-list table{
border-collapse : collapse ;
width:100% ;
margin: 20px 0px 0px 0px;}
.main-list table td {
border:1px solid #000000;
border-top:0px solid #000;
border-left:0px solid #000;
border-right:0px solid #000;}
.main-list td ,
.main-list th{
padding: 5px ;}
.back-to-top {
background: #;
background-image:url();
background-repeat:repeat;
margin: 10px 0px 0px 0px;}
.back-to-top a{
color: #000;
text-transform:uppercase;
font:14px CEntury Gothic;
padding: 3px 5px;
background:#EAEAEA;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #000000;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#user-post{
background:#EAEAEA;
background:url() repeat;
padding:15px;
margin-bottom: 0px ;
border: 4px solid #000000;}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #000;
background:url(https://pic.pimg.tw/lamkwanfai/1521541854-3830944678.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 60px;
padding-left: -15px;}
#trackback-input {width:50%;}
.single-post {
border-right:3px double #000000;
border-bottom:3px double #000000;
border-left:3px double #000000;
border-top:3px double #000000;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #000000;
font-weight:600;
padding:5px 10px;
margin-bottom:10px;}
.post-text{
float:left;
margin-bottom: 10px ;}
#trackback-box .post-text{
width: auto ;
float:none ;}
.post-photo {
width:120px;
float:left;}
li.post-photo img {
width:80px;
height:80px;
border:2px double #000000;
border-top:2px double #000000;
border-left:2px double #000000;
background:url();
background:#;
padding:4px;}
.user-post-text {
width:720px;
padding:0px 5px 5px 20px;}
.reply-text {
float:right;
width:610px;
background:url() 0px top no-repeat #EAEAEA;
border:2px solid #000000;
border-right:2px solid #000000;
border-bottom:2px solid #000000;
margin-right:15px;
display:inline;
color:#000;
min-height:40px;
_height:40px;
padding:12px 38px 5px 30px;}
li.reply-text p {
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/62.gif) repeat-x ;
text-align:right;
paddin:10px 0px 0px;
font-size: 14px;
color: #000;}
.secret{}
.post-comment{
padding-top: 320px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1521542235-1431030248.gif) ;
background-repeat: no-repeat;
background-position: center top;
color: #000;
text-align:center;}
.post-comment a {
color: #000;
background: #EAEAEA;
border: 2px double #000000;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #000000;}
#comment-form table {
width:100%;
margin:0 auto;
background: #EAEAEA url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #000000;
padding: 5px 10px;
text-align: left;}
#comment-form input#send-comment {
padding:3px 5px;
float: right;}
#comment-form textarea {
width:95%;
background:#EAEAEA url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;}
.main-list {
margin-bottom:15px;
padding:10px 0;}
.main-list table {
width:100%;
margin:10px 0;}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;}
.main-list th,.main-list td {
border:1px solid #000000;
padding:3px 10px;}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;}
.page a {
background:# FFF3F9;
margin:0 5px;
color: #000;
padding:5px 10px;
border:2px dotted #000000;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #000000;}
#links{
color: #000;
width:240px ;
float:right;
margin: 25px 60px 0px 45px ;}


#links a{
font-size: 17px;
color:#000;}
.box{
background:url(https://pic.pimg.tw/lamkwanfai/1521534133-1372625557.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height:20px;
overflow:hidden;
color:#D11A1A;
text-align: left;
font-weight:bold;
font-family:
標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1521533879-1380835829.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1521534133-264086495.png) left bottom no-repeat;
text-align: left;
line-height: 150%;
margin: 0px auto;
padding:0 40px;
padding-bottom:42px;}
.box-more{
text-align:right;
margin: 35px 30;
padding:0px;}
.box-more a{
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:2px 2px;
float:right ;
margin: 0px 30px 0px 0px;
color:#000;
background:#EAEAEA;
border: 2px double #000000;}
.box-more a:hover{
color: #000;
background: # FFF3F9;}
#calendar table{
width: 96%;
color:#000;
margin:0 auto;background:#;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar .calMonthHeader{}
#calendar td a{
font-size:11px;
display:block;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px double #000000;
font-size:16px;
color:#ff0000;
background:#EAEAEA;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}
#counter .box-text{padding-left:50px;}
#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;}
#visitor li,#crumb li {
float:left;
margin-right:1px;}
#visitor .box-text li , #crumb .box-text li { float: left;padding-left:-20px;}
#visitor .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1521540788-3950350363.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1521540788-3950350363.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #000000;
border-left:1px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;}
#visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:39px;width:39px;padding: 3px;padding-left:3px;}
#visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:39px;width:39px;}
#visitor .box-more , #crumb .box-more {clear:both;}
#category .box-text h6 img{display:none;}
#category .box-text{padding-left:20px;padding-bottom:50px;}
#category .box-text h6 {
background-image:url(https://pic.pimg.tw/lamkwanfai/1521540788-3387071530.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;
line-height: 30px;
font-size: 16px;}
#category .box-text li a{
background-image:url(https://pic.pimg.tw/lamkwanfai/1521540788-3387071530.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #000000;
background-image:url(https://pic.pimg.tw/lamkwanfai/1521540788-3700542547.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:28px;}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1521540788-1290896640.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:18px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #000000;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#latest-comment li span {
color:#000;
font-size:.9em;
border-right:3px solid # FFFFFF;
margin:0 4px 0 0;
padding:0 4px 0 0;}
#latest-comment li a {
color:#000;
display:block;
height:25px;
overflow:hidden;}
#hot-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1521540788-1544231347.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:10px;
padding-bottom:10px;
margin-left:-25px;
padding-left:0px;
line-height: 25px;
border-bottom: 1.3px dashed #000000;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search .box-text{padding-left:22px;padding-top:15px;}
#search .box-text li{
display: inline;}
input#search-target {
width: 100px;
background: #EAEAEA;}
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;
width:100%;}
#counter .box-text {font-size:16px;}
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:150px;
margin-left:20px;padding-top:0px;}
#recent-article li,
#announce li,
#hot-article li{}
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom: 1.3px dashed #000000;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #000000;}
#latest-trackback a:hover {}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {font-weight:bold;
font-family:
標楷體;
font-size:18px;}
#mylink .inner-box{
text-align: left;
padding-left: 25px;
font-size: 18px;
margin-bottom:5px;
color:#000;}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed #000000;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#announce .box-text li{border-bottom: 2px dashed#000000;}
#announce a:hover {
color: #000;
border:2px dotted #000000;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/cFdMIBH.jpg) repeat # FFEAEA;
_height:1%;
text-align: center;
padding-right: 250px;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #000000;
background: #EAEAEA;
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: #000;
border: 1px solid #000000;
background: #EAEAEA;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:
#686868;
SCROLLBAR-DARKSHADOW-COLOR:
#D0D0D0;
SCROLLBAR-HIGHLIGHT-COLOR:
#1A1A1A;
SCROLLBAR-ARROW-COLOR:
#D0D0D0;
SCROLLBAR-3DLIGHT-COLOR:
#D0D0D0;
SCROLLBAR-SHADOW-COLOR:
#D0D0D0;}



#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
#container #links-row-1 div.hslice[id*="-mib-"],
#container #links-row-1 div.hslice[id*="-Mib-"],
#container #links-row-1 div.hslice[id*="-mIb-"],
#container #links-row-1 div.hslice[id*="-miB-"]
{display:none !important;}
#container #links-row-1 div[class*="-mib-"],
#container #links-row-1 div[class*="-Mib-"],
#container #links-row-1 div[class*="-mIb-"],
#container #links-row-1 div[class*="-miB-"]
{display:none !important;}


.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;}


#idle-pop , #ad-full-page , .article-inread-ad {display:none;}


 




 
 
 
左二欄位版型語法:


#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #000000;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;}
table {
border-collapse:collapse;
border-spacing:0;}
td {
border: 1px solid #000000;}
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;}
body {
color:#000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(https://pic.pimg.tw/lamkwanfai/1521532757-2810054510.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/cFdMIBH.jpg ") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") no-repeat left top;
position: relative;}
#container3 {
overflow:hidden;
position:relative;}
#main{
#main{width:1350px;margin:auto;}
#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height: 620px;
padding-left: 100px;
background:url(https://i.imgur.com/65OAobc.gif) no-repeat center bottom;
display:block;}



overflow:hidden;
position:relative;}
#banner {
width: 400px;
height: 120px;
overflow:hidden;}
#banner h1 {
font-weight:bold;
font-family:
標楷體;
font-size:23px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top: 60px;
margin-left: 6px;}
#banner h1 a{
color:
#FFFFFF;}
#banner h1 a:hover {
color:
#EAEAEA;
background: # FFB7DB;
border:2px dotted
#EAEAEA;}
#banner h2 {
width:650px ;
color:
#FFFFFF;
margin:25px 0;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
position:absolute;
top:75px;
left:128px;
line-height:25px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;}
.skiplink a{
color: #000;}
.skiplink a:hover {
color:#EAEAEA;
background: # 072945;}
.skiplink {display:none;}
#blog-category {
position:absolute;
color:#000;
top:20px;
left:720px;
font-size:15px;}
#blog-category a {
color: #000;}
#blog-category a:hover {
color:#EAEAEA;
background: # A0A188;}
#blog-category {display:none;}
#navigation{
position:absolute;



top:530px;
left:1050px;}
#navigation li{


float:left;}


#navigation a{


background: #;
padding: 4px;
border-right: 1px solid
#FFFFFF;
border-bottom: 1px solid
#FFFFFF;
border-top: 1px solid
#FFFFFF;
border-left: 1px solid
#FFFFFF;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color:
#FFFFFF;
letter-spacing:3pt}


#navigation a:hover {
color:
#EAEAEA;
background: # B9DFF2;}
#content{
width:800px ;
float:right;
background:url() repeat;
background:#EAEAEA ;
margin:0 auto;
margin-right: 80px ;
margin-top: 40px ;}
#spotlight{
background:#EAEAEA;
padding:5px;
margin-bottom: 5px ;
margin-top: -10px ;
border: 5px double #000000;}
#spotlight h5 {
background:url();
color: #D11A1A;
font-weight:bold;
font-family:
標楷體;
font-size:20px;
border-bottom:2px dotted #000000;
padding:2px;}
#spotlight-text {
background:url();
color:#000;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
padding:5px;}
#display{
text-align:right;
margin : 5px 0px ;}
#display span{}
#display a{}
.article {
clear: both;
_height: 1%;
position: relative;
margin: 0 auto 5px;}
.article-head {
overflow: hidden;
height: 130px;
line-height: 20px;
background: url(https://pic.pimg.tw/lamkwanfai/1521540228-2429502376.gif) no-repeat;}
.title {
font-weight:bold;
font-family:
標楷體;
float:left;
font-size:23px;
line-height: 45px;
padding: 15px 0px 0px 75px;}
.title a { color: #000000; }
.title a:hover{
color: #5B5B5B;
background: # FFF3F9;
border:2px dotted #000000;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0 78px;}
.month{color: #ff0000; }
.date { color: #ff0000; }
.day{display: none;}
.year{color: #ff0000; }
.time { display: none; }
.more {
float: right;
padding-top: 5px;
padding-right: 25px;
background: url(https://pic.pimg.tw/lamkwanfai/1521540228-1126027646.gif) right no-repeat;
margin-right: 40px ;}
.more a{
font-weight:bold;
font-family:
標楷體;
font-size: 18px;
color:#000;}
.more a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
.author{
background:#EAEAEA;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom: 2px dashed #000000;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
.article-footer{
text-align:right ;
color:#000;
line-height:25px ;}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;}
.refer{
color:#000;
text-align:left;
margin: 5px 0px 0px 0px;
border-bottom: 2px dashed #000000;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
.history{
display:none;}
.forward{
text-align:right;
margin: 5px 5px 0px 0px;}
.forward img{
width: 10px;
height: 10px;
filter :gray;
padding-right: 2px;}
.forward a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#article-box{
margin: 10px 0px 0px 0px;}
.main-list table{
border-collapse : collapse ;
width:100% ;
margin: 20px 0px 0px 0px;}
.main-list table td {
border:1px solid #000000;
border-top:0px solid #000;
border-left:0px solid #000;
border-right:0px solid #000;}
.main-list td ,
.main-list th{
padding: 5px ;}
.back-to-top {
background: #;
background-image:url();
background-repeat:repeat;
margin: 10px 0px 0px 0px;}
.back-to-top a{
color: #000;
text-transform:uppercase;
font:14px CEntury Gothic;
padding: 3px 5px;
background:#EAEAEA;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #000000;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#user-post{
background:#EAEAEA;
background:url() repeat;
padding:15px;
margin-bottom: 0px ;
border: 4px solid #000000;}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #000;
background:url(https://pic.pimg.tw/lamkwanfai/1521541854-3830944678.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 60px;
padding-left: -15px;}
#trackback-input {width:50%;}
.single-post {
border-right:3px double #000000;
border-bottom:3px double #000000;
border-left:3px double #000000;
border-top:3px double #000000;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #000000;
font-weight:600;
padding:5px 10px;
margin-bottom:10px;}
.post-text{
float:left;
margin-bottom: 10px ;}
#trackback-box .post-text{
width: auto ;
float:none ;}
.post-photo {
width:120px;
float:left;}
li.post-photo img {
width:80px;
height:80px;
border:2px double #000000;
border-top:2px double #000000;
border-left:2px double #000000;
background:url();
background:#;
padding:4px;}
.user-post-text {
width:720px;
padding:0px 5px 5px 20px;}
.reply-text {
float:right;
width:610px;
background:url() 0px top no-repeat#EAEAEA;
border:2px solid #000000;
border-right:2px solid #000000;
border-bottom:2px solid #000000;
margin-right:15px;
display:inline;
color:#000;
min-height:40px;
_height:40px;
padding:12px 38px 5px 30px;}
li.reply-text p {
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/62.gif) repeat-x ;
text-align:right;
padding:10px 0px 0px;
font-size: 14px;
color: #000;}
.secret{}
.post-comment{
padding-top: 320px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1521542235-1431030248.gif) ;
background-repeat: no-repeat;
background-position: center top;
color: #000;
text-align:center;}
.post-comment a {
color: #000;
background:#EAEAEA;
border: 2px double #000000;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #000000;}
#comment-form table {
width:100%;
margin:0 auto;
background:#EAEAEA url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #000000;
padding: 5px 10px;
text-align: left;}
#comment-form input#send-comment {
padding:3px 5px;
float: right;}
#comment-form textarea {
width:95%;
background:#EAEAEA url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;}
.main-list {
margin-bottom:15px;
padding:10px 0;}
.main-list table {
width:100%;
margin:10px 0;}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;}
.main-list th,.main-list td {
border:1px solid #000000;
padding:3px 10px;}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;}
.page a {
background:# FFF3F9;
margin:0 5px;
color: #000;
padding:5px 10px;
border:2px dotted #000000;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #000000;}
#links{
color: #000;
width:240px ;
float:left;
margin: 25px 0px 0px 80px ;}


#links a{
font-size: 17px;
color:#000;}
.box{
background:url(https://pic.pimg.tw/lamkwanfai/1521534133-1372625557.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height: 20px;
overflow:hidden;
color:#D11A1A;
text-align: left;
font-weight:bold;
font-family:
標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1521533879-1380835829.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1521534133-264086495.png) left bottom no-repeat;
text-align: left;
line-height: 150%;
margin: 0px auto;
padding:0 40px;
padding-bottom:42px;}
.box-more{
text-align:right;
margin: 35px 30;
padding:2px;}
.box-more a{
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:2px 2px;
float:right ;
margin: 0px 30px 0px 0px;
color:#000;
background:#EAEAEA;
border: 2px double #000000;}
.box-more a:hover{
color: #000;
background: # FFF3F9;}
#calendar table{
width: 96%;
color:#000;
margin:0 auto;background:#;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar .calMonthHeader{}
#calendar td a{
font-size:11px;
display:block;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px double #000000;
font-size:16px;
color:#ff0000;
background:#EAEAEA;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}
#counter .box-text{padding-left:50px;}
#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;}
#visitor li,#crumb li {
float:left;
margin-right:1px;}
#visitor .box-text li , #crumb .box-text li { float: left;padding-left:-20px;}
#visitor .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1521540788-3950350363.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/lamkwanfai/1521540788-3950350363.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #000000;
border-left:1px solid #000000;
border-top:1px solid #000000;
border-bottom:1px solid #000000;}
#visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:39px;width:39px;padding: 3px;padding-left:3px;}
#visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:39px;width:39px;}
#visitor .box-more , #crumb .box-more {clear:both;}
#category .box-text h6 img{display:none;}
#category .box-text{padding-left:20px;padding-bottom:50px;}
#category .box-text h6 {
background-image:url(https://pic.pimg.tw/lamkwanfai/1521540788-3387071530.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;
line-height: 30px;
font-size: 16px;}
#category .box-text li a{
background-image:url(https://pic.pimg.tw/lamkwanfai/1521540788-3387071530.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #000000;
background-image:url(https://pic.pimg.tw/lamkwanfai/1521540788-3700542547.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:28px;}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1521540788-1290896640.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:18px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #000000;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#latest-comment li span {
color:#000;
font-size:.9em;
border-right:3px solid # FFFFFF;
margin:0 4px 0 0;
padding:0 4px 0 0;}
#latest-comment li a {
color:#000;
display:block;
height:25px;
overflow:hidden;}
#hot-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1521540788-1544231347.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:10px;
padding-bottom:10px;
margin-left:-25px;
padding-left:10px;
line-height: 25px;
border-bottom: 1.3px dashed #000000;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search .box-text{padding-left:22px;padding-top:15px;}
#search .box-text li{
display: inline;}
input#search-target {
width: 100px;
background:#EAEAEA;}
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;
width:100%;}
#counter .box-text {font-size:16px;}
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:150px;
margin-left:20px;padding-top:0px;}
#recent-article li,
#announce li,
#hot-article li{}
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom: 1.3px dashed #000000;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #000000;}
#latest-trackback a:hover {}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {font-weight:bold;
font-family:
標楷體;
font-size:18px;}
#mylink .inner-box{
text-align: left;
padding-left: 25px;
font-size: 18px;
margin-bottom:5px;
color:#000;}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed #000000;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
#announce .box-text li{border-bottom: 2px dashed #000000;}
#announce a:hover {
color: #000;
border:2px dotted #000000;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/cFdMIBH.jpg) repeat # FFEAEA;
_height:1%;
text-align: center;
padding-left: 250px;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #000000;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #000000;
background:#EAEAEA;
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: #000;
border: 1px solid #000000;
background:#EAEAEA;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:
#686868;
SCROLLBAR-DARKSHADOW-COLOR:
#D0D0D0;
SCROLLBAR-HIGHLIGHT-COLOR:
#1A1A1A;
SCROLLBAR-ARROW-COLOR:
#D0D0D0;
SCROLLBAR-3DLIGHT-COLOR:
#D0D0D0;
SCROLLBAR-SHADOW-COLOR:
#D0D0D0;}



#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
#container #links-row-1 div.hslice[id*="-mib-"],
#container #links-row-1 div.hslice[id*="-Mib-"],
#container #links-row-1 div.hslice[id*="-mIb-"],
#container #links-row-1 div.hslice[id*="-miB-"]
{display:none !important;}
#container #links-row-1 div[class*="-mib-"],
#container #links-row-1 div[class*="-Mib-"],
#container #links-row-1 div[class*="-mIb-"],
#container #links-row-1 div[class*="-miB-"]
{display:none !important;}


.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;}


#idle-pop , #ad-full-page , .article-inread-ad {display:none;}


 




 
 
新作  
 
換版型方法1  
 
8  
 
(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(0) 人氣(13)

  • 個人分類:部落版型
▲top
  • 9月 04 週一 201722:54
  • 濃妝淡抹總相宜 - 星兒的版型製作 No.97

濃妝淡抹總相宜三欄

濃妝淡抹總相宜三欄  


三欄位版型語法:




#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #555 ;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;}
table {
border-collapse:collapse;
border-spacing:0;}
td {
border: 1px solid #ccc;}
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;}
body {
color:#238C23;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(
https://pic.pimg.tw/lamkwanfai/1503299155-1664407088.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 12
80px;
background: url("
http://i.imgur.com/FeSOpA4.jpg") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") no-repeat left top;
position: relative;}
#container3 {
overflow:hidden;
position:relative;}
#main{
#main{width:
1280px;margin:auto;}
#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#238C23;text-decoration:none;}
a:hover{color:#238C23;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height:
650px;
padding-left: 55px;
background:url(
http://i.imgur.com/XIKWAKg.gif) no-repeat;
overflow:hidden;
position:relative;}
#banner {
width: 400px;
height: 120px;
overflow:hidden;}
#banner h1 {
font-weight:bold;
font-family:
標楷體;
font-size:
25px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top:
70px;
margin-left:
633px;}
#banner h1 a{
color:
#005A00;}
#banner h1 a:hover {
color:
#008700;
background:
# FFB7DB;
border:2px dotted
#008700;}
#banner h2 {
width:650px ;
color:
#005000;
margin:25px 0;
font-weight:bold;
font-family:
標楷體;
font-size:
18px;
position:absolute;
top:90px;
left:
710px;
line-height:
25px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;}
.skiplink a{
color: #238C23;}
.skiplink a:hover {
color: #fff;
background: #072945;}
.skiplink {display:none;}
#blog-category {
position:absolute;
color:#238C23;
top:20px;
left:720px;
font-size:15px;}
#blog-category a {
color: #238C23;}
#blog-category a:hover {
color: #fff;
background: #A0A188;}
#blog-category {display:none;}
#navigation{
position:absolute;
top:
430px;
left:
470px;}
#navigation a{
display:block;
text-align:center;
width:100px;
height:40px;
font-size:0pt;
background-color:none;
padding:0px;}
#navigation a:hover {
border-right:
1.5px solid #DB934E;
border-bottom:
1.5px solid #008700;
border-top:
1.5px solid #008700;
border-left:
1.5px solid #DB934E;}
#navigation li {
float:left;
margin:140px 10px 5px
0px;}
#link-profile{background-image:url(
https://pic.pimg.tw/lamkwanfai/1503302344-2989108736.png);}
#link-blog{background-image:url(
https://pic.pimg.tw/lamkwanfai/1503302344-3841413870.png);}
#link-album{background-image:url(
https://pic.pimg.tw/lamkwanfai/1503302344-3333187306.png);}
#link-guestbook{background-image:url(
https://pic.pimg.tw/lamkwanfai/1503302344-2169497759.png);}
#content{
width:
665px ;
float:left ;
background:url() repeat;
background:
#fff;
margin:0 auto;
margin-left:
290px ;
margin-top:
20px ;}
#spotlight{
background:
#fff;
padding:5px;
margin-bottom: 5px ;
margin-top:
5px ;
border:
6px double #82CB82;}
#spotlight h5 {
background:url();
color:
#008700;
font-weight:bold;
font-family:
標楷體;
font-size:2
0px;
border-bottom:
2px dotted #82CB82;
padding:2px;}
#spotlight-text {
background:url();
color:#238C23;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
padding:5px;}
#display{
text-align:right;
margin : 5px 0px ;}
#display span{}
#display a{}
.article {
clear: both;
_height: 1%;
position: relative;
margin: 0 auto 5px;}
.article-head {
overflow: hidden;
height: 130px;
line-height: 30px;
background: url(
https://pic.pimg.tw/lamkwanfai/1503300694-2880054984.gif) no-repeat;
}
.title {
font-weight:bold;
font-family:
標楷體;
float:left;
font-size:
23px;
line-height:
45px;
padding:
15px 0px 0px 83px;}
.title a { color:
#006900; }
.title a:hover{
color:
#008700;
background:
# FFF3F9;
border:2px dotted
#82CB82;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0
85px;}
.month{color:
#FF5151; }
.date { color:
#FF5151; }
.day{display: none;}
.year{color:
#FF5151; }
.time { display: none; }
.more {
float: right;
padding-top:
15px;
padding-right:
28px;
background: url(
https://pic.pimg.tw/lamkwanfai/1503305447-1365352120.gif) right no-repeat;
margin-right: 40px ;}
.more a{
font-weight:bold;
font-family:
標楷體;
font-size: 18px;
color:#238C23;}
.more a:hover{
color: #238C23;
background:
# FFF3F9;
border:2px dotted
#82CB82;}
.author{
background:
#fff;
color: #238C23;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom:
2.3px dashed #82CB82;
line-height: 30px;}
.author a{
color: #238C23;}
.author a:hover{
color: #238C23;
background:
# FFF3F9;
border:2px dotted
#82CB82;}
.article-footer{
text-align:right ;
color:#238C23;
line-height:25px ;}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;}
.refer{
color:#238C23;
text-align:left;
margin: 5px 0px 0px 0px;
border-bottom:
2.3px dashed #82CB82;
line-height: 30px;}
.refer a:hover {
color: #238C23;
background:
# FFF3F9;
border:2px dotted #238C23;}
.history{
display:none;}
.forward{
text-align:right;
margin: 5px 5px 0px 0px;}
.forward img{
width: 10px;
height: 10px;
filter :gray;
padding-right: 2px;}
.forward a:hover {
color: #238C23;
background:
#FFF3F9;
border:2px dotted #238C23;}
#article-box{
margin: 10px 0px 0px 0px;}
.main-list table{
border-collapse : collapse ;
width:100% ;
margin: 20px 0px 0px 0px;}
.main-list table td {
border:1px solid #238C23;
border-top:0px solid #238C23;
border-left:0px solid #238C23;
border-right:0px solid #238C23;}
.main-list td ,
.main-list th{
padding: 5px ;}
.back-to-top {
background: #;
background-image:url();
background-repeat:repeat;
margin: 10px 0px 0px 0px;}
.back-to-top a{
color: #238C23;
text-transform:uppercase;
font:14px CEntury Gothic;
padding: 3px 5px;
background:#fff;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid
#82CB82;}
.back-to-top a:hover {
color: #238C23;
background: # FFF3F9;
border:2px dotted #238C23;}
#user-post{
background:#fff;
background:url() repeat;
padding:15px;
margin-bottom: 0px ;
border: 5px solid
#82CB82;}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #238C23;
background:url(
https://pic.pimg.tw/lamkwanfai/1503306844-401199166.jpg) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom:
80px;
padding-left:
-15px;}
#trackback-input {width:50%;}
.single-post {
border-right:4px double
#82CB82;
border-bottom:4px double
#82CB82;
border-left:4px double
#82CB82;
border-top:4px double
#82CB82;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:
1.5px dashed #82CB82;
font-weight:600;
padding:5px 10px;
margin-bottom:10px;}
.post-text{
float:left;
margin-bottom: 10px ;}
#trackback-box .post-text{
width: auto ;
float:none ;}
.post-photo {
width:120px;
float:left;}
li.post-photo img {
width:80px;
height:80px;
border:2px double
#82CB82;
border-top:2px double
#82CB82;
border-left:2px double
#82CB82;
background:url();
background:#;
padding:4px;}
.reply-text {
float:right;
width:
540px;
background:url() 0px top no-repeat #FFF;
border:
3px solid #82CB82;
border-right:
3px solid #82CB82;
border-bottom:
3px solid #82CB82;
margin-right:15px;
display:inline;
color:#238C23;
min-height:40px;
_height:40px;
padding:
12px 18px 5px 10px;}
li.reply-text p {
background:url(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/62.gif) repeat-x ;
text-align:right;
padding:10px 0px 0px;
font-size:
14px;
color: #303235;}
.secret{}
.post-comment{
padding-top:
260px;
padding-bottom: 15px;
line-height:
2.8em;
height: 100%;
font-size: 18px;
background:url(
https://pic.pimg.tw/lamkwanfai/1503306844-2130439035.gif) ;
background-repeat: no-repeat;
background-position: center top;
text-align:center;}


.post-comment a {
color: #238C23;
background: #fff;
border: 3px double
#82CB82;}
.post-comment a:hover {
color: #238C23;
background:
# FFF3F9;
border:2px dotted #238C23;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #ccc;}
#comment-form table {
width:100%;
margin:0 auto;
background: #fff url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #ccc;
padding: 5px 10px;
text-align: left;}
#comment-form input#send-comment {
padding:3px 5px;
float: right;}
#comment-form textarea {
width:95%;
background:#fff url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;}
.main-list {
margin-bottom:15px;
padding:10px 0;}
.main-list table {
width:100%;
margin:10px 0;}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;}
.main-list th,.main-list td {
border:1px solid #ccc;
padding:3px 10px;}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;}
.page a {
background:
# FFF3F9;
margin:0 5px;
color: #238C23;
padding:5px 10px;
border:2px dotted
#82CB82;}
.page span {
color:
#FF5151;
background:
# FFF3F9;
padding:5px 10px;
border:2px dotted
#82CB82;}
#links{
color: #238C23;
width:
255px ;
float:left;
margin: -310px 0px 0px 15px ;}
#links a{
font-size: 1
7px;
color:#238C23;}
#links-row-1{
width:220px ;
float:left;
background:#;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -
960px ;
margin-top:
335px ;}
#links-row-2{
width:220px ;
float:right ;
background:#;
background-image: url();
background-repeat: repeat;
margin-right: -
5px ;
margin-top:
335px ;}
.box{
background:url(
https://pic.pimg.tw/lamkwanfai/1503300694-4065511728.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:
38px;
line-height:
20px;
overflow:hidden;
color:
#008700;
text-align: left;
font-weight:bold;
font-family:
標楷體;
font-size:2
4px;
background: url(
https://pic.pimg.tw/lamkwanfai/1503300358-1664198241.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:
30px 0px 0px 60px;}
.box-text{
background:url(
https://pic.pimg.tw/lamkwanfai/1503300694-2432771540.png) left bottom no-repeat;
text-align: left;
line-height: 150%;
margin: 0px auto;
padding:0 10px;
padding-bottom:
42px;}
.box-more{
text-align:right;
margin:
35px 30;
padding:2px;}
.box-more a{
-khtml-border-radius:
4px;
-moz-border-radius:
4px;
-webkit-border-radius:
4px;
padding:2px 2px;
float:right ;
margin: 0px 30px 0px 0px;
color:#238C23;
background:#fff;
border:
2px double #82CB82;}
.box-more a:hover{
color: #238C23;
background: #FFF3F9;}
#calendar table{
width: 96%;
color:#238C23;
margin:0 auto;background:#;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar .calMonthHeader{}
#calendar td a{
font-size:11px;
display:block;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px double
#82CB82;
font-size:16px;
color:
#FF5151;
background:#fff;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}
#counter .box-text{padding-left:50px;}
#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;}
#visitor li,#crumb li {
float:left;
margin-right:1px;}
#visitor .box-text li , #crumb .box-text li { float: left;padding-left:6px;}
#visitor .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(
https://pic.pimg.tw/lamkwanfai/1503302659-3720755151.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(
https://pic.pimg.tw/lamkwanfai/1503302659-3720755151.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid
#82CB82;
border-left:1px solid
#82CB82;
border-top:1px solid
#82CB82;
border-bottom:1px solid
#82CB82;}
#visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:39px;width:39px;padding: 3px;padding-left:3px;}
#visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:39px;width:39px;}
#visitor .box-more , #crumb .box-more {clear:both;}
#category .box-text h6 img{display:none;}
#category .box-text{padding-left:
20px;padding-bottom:50px;}
#category .box-text h6 {
background-image:url(
https://pic.pimg.tw/lamkwanfai/1503305549-123618422.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:
25px;
line-height: 30px;
font-size: 16px;}
#category .box-text li a{
background-image:url(
https://pic.pimg.tw/lamkwanfai/1503305549-123618422.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:
25px;}
#category .box-text li a:hover{
background:
# FFF3F9;
color:
#238C23;
border:
2px double #82CB82;
background-image:url(
https://pic.pimg.tw/lamkwanfai/1503305447-3488759872.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:
25px;}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(
https://pic.pimg.tw/lamkwanfai/1503305447-3609210936.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:18px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom:
1.3px dashed #82CB82;}
#recent-article li a:hover {
color: #238C23;
background:
# FFF3F9;
border:2px dotted
#82CB82;
}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #238C23;
background:
# FFF3F9;
border:2px dotted
#82CB82;}
#latest-comment li span {
color:#238C23;
font-size:.9em;
border-right:3px solid
# FFFFFF;
margin:0 4px 0 0;
padding:0 4px 0 0;}
#latest-comment li a {
color:#238C23;
display:block;
height:25px;
overflow:hidden;}
#hot-article li {
background-image:url(
https://pic.pimg.tw/lamkwanfai/1503305447-2263461083.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:10px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom:
1.3px dashed #82CB82;}
#hot-article li a:hover {
color: #238C23;
background:
# FFF3F9;
border:2px dotted
#82CB82;}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search .box-text{padding-left:22px;padding-top:15px;}
#search .box-text li{
display: inline;}
input#search-target {
width: 100px;
background: #fff;}
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;
width:100%;}
#counter .box-text {font-size:16px;}
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:150px;
margin-left:20px;padding-top:0px;}
#recent-article li,
#announce li,
#hot-article li{}
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom:
1.3px dashed #82CB82;}
#latest-trackback a{
color: #238C23;
background: #D9E3EE;
border:1px dotted #fff;}
#latest-trackback a:hover {}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {font-weight:bold;
font-family:
標楷體;
font-size:18px;}
#mylink .inner-box{
text-align: left;
padding-left: 25px;
font-size: 18px;
margin-bottom:5px;
color:#238C23;}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed
#82CB82;}
#mylink a:hover {
color: #238C23;
background:
#FFF3F9;
border:2px dotted #238C23;}
#announce .box-text li{border-bottom: 2px dashed
#82CB82;}
#announce a:hover {
color: #238C23;
border:2px dotted #238C23;
background:
#FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(
http://i.imgur.com/FeSOpA4.jpg) repeat #FFEAEA;
_height:1%;
text-align: center;}
#footer p{color:#238C23;}
#bottom ,
#bottom a{color:#238C23;}
#bottom a:hover {
color: #238C23;
background:
#FFF3F9;
border:2px dotted #238C23;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #238C23;
border: 3px double
#82CB82;
background: #fff;
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: #238C23;
border: 1px solid
#82CB82;
background: #fff;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:
#82CB82;
SCROLLBAR-DARKSHADOW-COLOR:
#EAF3EA;
SCROLLBAR-HIGHLIGHT-COLOR:
#B6DFB6;
SCROLLBAR-ARROW-COLOR:
#EAF3EA;
SCROLLBAR-3DLIGHT-COLOR:
#EAF3EA;
SCROLLBAR-SHADOW-COLOR:
#EAF3EA;}


/*下列語法請勿任意更改變動 ↓ */
#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
#container #links-row-1 div.hslice[id*="-mib-"],
#container #links-row-1 div.hslice[id*="-Mib-"],
#container #links-row-1 div.hslice[id*="-mIb-"],
#container #links-row-1 div.hslice[id*="-miB-"]
{display:none !important;}
#container #links-row-1 div[class*="-mib-"],
#container #links-row-1 div[class*="-Mib-"],
#container #links-row-1 div[class*="-mIb-"],
#container #links-row-1 div[class*="-miB-"]
{display:none !important;}


.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;}


 nbsp;




 


 


濃妝淡抹總相宜右二欄  


右二欄位版型語法:




#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #555 ;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;}
table {
border-collapse:collapse;
border-spacing:0;}
td {
border: 1px solid #ccc;}
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;}
body {
color:#238C23;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(
https://pic.pimg.tw/lamkwanfai/1503299155-1664407088.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width:
1280px;
background: url("
http://i.imgur.com/FeSOpA4.jpg") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") no-repeat left top;
position: relative;}
#container3 {
overflow:hidden;
position:relative;}
#main{
#main{width:
1280px;margin:auto;}
#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#238C23;text-decoration:none;}
a:hover{color:#238C23;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height:
650px;
padding-left: 55px;
background:url(
http://i.imgur.com/XIKWAKg.gif) no-repeat;
overflow:hidden;
position:relative;}
#banner {
width: 400px;
height: 120px;
overflow:hidden;}
#banner h1 {
font-weight:bold;
font-family:
標楷體;
font-
size:25px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top:
70px;
margin-left:
633px;}
#banner h1 a{
color:
#005A00;}
#banner h1 a:hover {
color:
#008700;
background:
# FFB7DB;
border:2px dotted
#008700;}
#banner h2 {
width:650px ;
color:
#005000;
margin:25px 0;
font-weight:bold;
font-family:
標楷體;
font-size:
18px;
position:absolute;
top:90px;
left:
710px;
line-
height:25px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;}
.skiplink a{
color: #238C23;}
.skiplink a:hover {
color: #fff;
background: #072945;}
.skiplink {display:none;}
#blog-category {
position:absolute;
color:#238C23;
top:20px;
left:720px;
font-size:15px;}
#blog-category a {
color: #238C23;}
#blog-category a:hover {
color: #fff;
background: #A0A188;}
#blog-category {display:none;}
#navigation{
position:absolute;
top:
430px;
left:
470px;}
#navigation a{
display:block;
text-align:center;
width:100px;
height:40px;
font-size:0pt;
background-color:none;
padding:0px;}
#navigation a:hover {
border-right:
1.5px solid #DB934E;
border-bottom:
1.5px solid #008700;
border-top:
1.5px solid #008700;
border-left:
1.5px solid #DB934E;}
#navigation li {
float:left;
margin:120px 10px 5px 0;}
#link-profile{background-image:url(
https://pic.pimg.tw/lamkwanfai/1503302344-2989108736.png);}
#link-blog{background-image:url(
https://pic.pimg.tw/lamkwanfai/1503302344-3841413870.png);}
#link-album{background-image:url(
https://pic.pimg.tw/lamkwanfai/1503302344-3333187306.png);}
#link-guestbook{background-image:url(
https://pic.pimg.tw/lamkwanfai/1503302344-2169497759.png);}
#content{
width:
665px ;
float:left;
background:url() repeat;
background:#fff;
margin:0 auto;
margin-left:
90px ;
margin-top:
60px ;}
#spotlight{
background:#fff;
padding:5px;
margin-bottom:
5px ;
margin-top: -
30px ;
border:
6px double #82CB82;}
#spotlight h5 {
background:url();
color:
#008700;
font-weight:bold;
font-family:
標楷體;
font-size:
20px;
border-bottom:
2px dotted #82CB82;
padding:2px;}
#spotlight-text {
background:url();
color:#238C23;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
padding:5px;}
#display{
text-align:right;
margin : 5px 0px ;}
#display span{}
#display a{}
.article {
clear: both;
_height: 1%;
position: relative;
margin: 0 auto 5px;}
.article-head {
overflow: hidden;
height: 130px;
line-height: 30px;
background: url(
https://pic.pimg.tw/lamkwanfai/1503300694-2880054984.gif) no-repeat;
}
.title {
font-weight:bold;
font-family:
標楷體;
float:left;
font-size:
23px;
line-height:
45px;
padding:
15px 0px 0px 83px;}
.title a { color:
#006900; }
.title a:hover{
color:
#008700;
background:
# FFF3F9;
border:2px dotted
#82CB82;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0
85px;}
.month{color:
#FF5151; }
.date { color:
#FF5151; }
.day{display: none;}
.year{color:
#FF5151; }
.time { display: none; }
.more {
float: right;
padding-top:
15px;
padding-right:
28px;
background: url(
https://pic.pimg.tw/lamkwanfai/1503305447-1365352120.gif) right no-repeat;
margin-right: 40px ;}
.more a{
font-weight:bold;
font-family:
標楷體;
font-size: 18px;
color:#238C23;}
.more a:hover{
color: #238C23;
background:
# FFF3F9;
border:2px dotted
#82CB82;}
.author{
background: #fff;
color: #238C23;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom:
2.3px dashed #82CB82;
line-height: 30px;}
.author a{
color: #238C23;}
.author a:hover{
color: #238C23;
background:
# FFF3F9;
border:2px dotted
#82CB82;}
.article-footer{
text-align:right ;
color:#238C23;
line-height:25px ;}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;}
.refer{
color:#238C23;
text-align:left;
margin: 5px 0px 0px 0px;
border-bottom:
2.3px dashed #82CB82;
line-height: 30px;}
.refer a:hover {
color: #238C23;
background:
# FFF3F9;
border:2px dotted #238C23;}
.history{
display:none;}
.forward{
text-align:right;
margin: 5px 5px 0px 0px;}
.forward img{
width: 10px;
height: 10px;
filter :gray;
padding-right: 2px;}
.forward a:hover {
color: #238C23;
background:
#FFF3F9;
border:2px dotted #238C23;}
#article-box{
margin: 10px 0px 0px 0px;}
.main-list table{
border-collapse : collapse ;
width:100% ;
margin: 20px 0px 0px 0px;}
.main-list table td {
border:1px solid #238C23;
border-top:0px solid #238C23;
border-left:0px solid #238C23;
border-right:0px solid #238C23;}
.main-list td ,
.main-list th{
padding: 5px ;}
.back-to-top {
background: #;
background-image:url();
background-repeat:repeat;
margin: 10px 0px 0px 0px;}
.back-to-top a{
color: #238C23;
text-transform:uppercase;
font:14px CEntury Gothic;
padding: 3px 5px;
background:#fff;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid
#82CB82;}
.back-to-top a:hover {
color: #238C23;
background: # FFF3F9;
border:2px dotted #238C23;}
#user-post{
background:#fff;
background:url() repeat;
padding:15px;
margin-bottom: 0px ;
border: 5px solid
#82CB82;}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #238C23;
background:url(
https://pic.pimg.tw/lamkwanfai/1503306844-401199166.jpg) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom:
80px;
padding-left:
-15px;}
#trackback-input {width:50%;}
.single-post {
border-right:4px double
#82CB82;
border-bottom:4px double
#82CB82;
border-left:4px double
#82CB82;
border-top:4px double
#82CB82;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:
1.5px dashed #82CB82;
font-weight:600;
padding:5px 10px;
margin-bottom:10px;}
.post-text{
float:left;
margin-bottom: 10px ;}
#trackback-box .post-text{
width: auto ;
float:none ;}
.post-photo {
width:120px;
float:left;}
li.post-photo img {
width:80px;
height:80px;
border:2px double
#82CB82;
border-top:2px double
#82CB82;
border-left:2px double
#82CB82;
background:url();
background:#;
padding:4px;}
.user-post-text {
width:
620px;
padding:0px 5px 5px 0px;}
.reply-text {
float:right;
width:
500px;
background:url() 0px top no-repeat #fff;
border:3px solid
#82CB82;
border-right:3px solid
#82CB82;
border-bottom:3px solid
#82CB82;
margin-right:15px;
display:inline;
color:#238C23;
min-height:40px;
_height:40px;
padding:
12px 38px 5px 30px;}
li.reply-text p {
background:url(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/62.gif) repeat-x ;
text-align:right;
paddin:10px 0px 0px;
font-size: 14px;
color: #303235;}
.secret{}
.post-comment{
padding-top:
260px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(
https://pic.pimg.tw/lamkwanfai/1503306844-2130439035.gif) ;
background-repeat: no-repeat;
background-position: center top;
color: #238C23;
text-align:center;}
.post-comment a {
color: #238C23;
background: #fff;
border: 3px double
#82CB82;}
.post-comment a:hover {
color: #238C23;
background:
# FFF3F9;
border:2px dotted #238C23;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #ccc;}
#comment-form table {
width:100%;
margin:0 auto;
background: #fff url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #ccc;
padding: 5px 10px;
text-align: left;
}
#comment-form input#send-comment {
padding:3px 5px;
float: right;}
#comment-form textarea {
width:95%;
background:#fff url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;}
.main-list {
margin-bottom:15px;
padding:10px 0;}
.main-list table {
width:100%;
margin:10px 0;}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;}
.main-list th,.main-list td {
border:1px solid #ccc;
padding:3px 10px;}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;}
.page a {
background:
# FFF3F9;
margin:0 5px;
color: #238C23;
padding:5px 10px;
border:2px dotted
#82CB82;}
.page span {
color:
#FF5151;
background:
# FFF3F9;
padding:5px 10px;
border:2px dotted
#82CB82;}
#links{
color: #238C23;
width:2
40px ;
float:right;
margin:
25px 60px 0px 45px ;}


#links a{
font-size:
17px;
color:#238C23;}
.box{
background:url(
https://pic.pimg.tw/lamkwanfai/1503300694-4065511728.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:
38px;
line-
height:20px;
overflow:hidden;
color:
#008700;
text-align: left;
font-weight:bold;
font-family:
標楷體;
font-size:
24px;
background: url(
https://pic.pimg.tw/lamkwanfai/1503300358-1664198241.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:30px 0px 0px
60px;}
.box-text{
background:url(
https://pic.pimg.tw/lamkwanfai/1503300694-2432771540.png) left bottom no-repeat;
text-align: left;
line-height: 150%;
margin: 0px auto;
padding:0
40px;
padding-
bottom:42px;}
.box-more{
text-align:right;
margin:
35px 30;
padding:0px;}
.box-more a{
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:2px 2px;
float:right ;
margin: 0px 30px 0px 0px;
color:#238C23;
background:#fff;
border: 2px double
#82CB82;}
.box-more a:hover{
color: #238C23;
background: #FFF3F9;}
#calendar table{
width: 96%;
color:#238C23;
margin:0 auto;background:#;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar .calMonthHeader{}
#calendar td a{
font-size:11px;
display:block;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px double
#82CB82;
font-size:16px;
color:
#FF5151;
background:#fff;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}
#counter .box-text{padding-left:50px;}
#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;}
#visitor li,#crumb li {
float:left;
margin-right:1px;}
#visitor .box-text li , #crumb .box-text li { float: left;padding-left:
-20px;}
#visitor .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(
https://pic.pimg.tw/lamkwanfai/1503302659-3720755151.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(
https://pic.pimg.tw/lamkwanfai/1503302659-3720755151.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid
#82CB82;
border-left:1px solid
#82CB82;
border-top:1px solid
#82CB82;
border-bottom:1px solid
#82CB82;}
#visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:39px;width:39px;padding: 3px;padding-left:3px;}
#visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:39px;width:39px;}
#visitor .box-more , #crumb .box-more {clear:both;}
#category .box-text h6 img{display:none;}
#category .box-text{padding-left:20px;padding-bottom:
50px;}
#category .box-text h6 {
background-image:url(
https://pic.pimg.tw/lamkwanfai/1503305549-123618422.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:2
5px;
line-height: 30px;
font-size: 16px;}
#category .box-text li a{
background-image:url(
https://pic.pimg.tw/lamkwanfai/1503305549-123618422.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:2
5px;}
#category .box-text li a:hover{
background:
# FFF3F9;
color:
#238C23;
border: 2px double
#82CB82;
background-image:url
https://pic.pimg.tw/lamkwanfai/1503305447-3488759872.gif );
background-repeat:no-repeat;
line-height: 30px;
padding-left:
25px;}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(
https://pic.pimg.tw/lamkwanfai/1503305447-3609210936.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:18px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom:
1.3px dashed #82CB82;}
#recent-article li a:hover {
color: #238C23;
background:
# FFF3F9;
border:2px dotted
#82CB82;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #238C23;
background:
# FFF3F9;
border:2px dotted
#82CB82;}
#latest-comment li span {
color:#238C23;
font-size:.9em;
border-right:3px solid
# FFFFFF;
margin:0 4px 0 0;
padding:0 4px 0 0;}
#latest-comment li a {
color:#238C23;
display:block;
height:25px;
overflow:hidden;}
#hot-article li {
background-image:url(
https://pic.pimg.tw/lamkwanfai/1503305447-2263461083.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:10px;
padding-bottom:10px;
margin-left:
-25px;
padding-left:
0px;
line-height: 25px;
border-bottom:
1.3px dashed #82CB82;}
#hot-article li a:hover {
color: #238C23;
background:
# FFF3F9;
border:2px dotted
#82CB82;}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search .box-text{padding-left:22px;padding-top:15px;}
#search .box-text li{
display: inline;}
input#search-target {
width: 100px;
background: #fff;}
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;
width:100%;}
#counter .box-text {font-size:16px;}
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:150px;
margin-left:20px;padding-top:0px;}
#recent-article li,
#announce li,
#hot-article li{}
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom:
1.3px dashed #82CB82;}
#latest-trackback a{
color: #238C23;
background: #D9E3EE;
border:1px dotted #fff;}
#latest-trackback a:hover {}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {font-weight:bold;
font-family:
標楷體;
font-size:18px;}
#mylink .inner-box{
text-align: left;
padding-left: 25px;
font-size: 18px;
margin-bottom:5px;
color:#238C23;}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed
#82CB82;}
#mylink a:hover {
color: #238C23;
background:
#FFF3F9;
border:2px dotted #238C23;}
#announce .box-text li{border-bottom: 2px dashed
#82CB82;}
#announce a:hover {
color: #238C23;
border:2px dotted #238C23;
background:
#FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(
http://i.imgur.com/FeSOpA4.jpg) repeat #FFEAEA;
_height:1%;
text-align: center;
padding-right: 250px;}
#footer p{color:#238C23;}
#bottom ,
#bottom a{color:#238C23;}
#bottom a:hover {
color: #238C23;
background:
#FFF3F9;
border:2px dotted #238C23;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #238C23;
border: 3px double
#82CB82;
background: #fff;
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: #238C23;
border: 1px solid
#82CB82;
background: #fff;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:
#82CB82;
SCROLLBAR-DARKSHADOW-COLOR:
#EAF3EA;
SCROLLBAR-HIGHLIGHT-COLOR:
#B6DFB6;
SCROLLBAR-ARROW-COLOR:
#EAF3EA;
SCROLLBAR-3DLIGHT-COLOR:
#EAF3EA;
SCROLLBAR-SHADOW-COLOR:
#EAF3EA;}


/*下列語法請勿任意更改變動 ↓ */
#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
#container #links-row-1 div.hslice[id*="-mib-"],
#container #links-row-1 div.hslice[id*="-Mib-"],
#container #links-row-1 div.hslice[id*="-mIb-"],
#container #links-row-1 div.hslice[id*="-miB-"]
{display:none !important;}
#container #links-row-1 div[class*="-mib-"],
#container #links-row-1 div[class*="-Mib-"],
#container #links-row-1 div[class*="-mIb-"],
#container #links-row-1 div[class*="-miB-"]
{display:none !important;}


.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;}


 




 


 


濃妝淡抹總相宜左二欄  


左二欄位版型語法:




#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #555 ;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;}
table {
border-collapse:collapse;
border-spacing:0;}
td {
border: 1px solid #ccc;
}
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;}
body {
color:#238C23;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(
https://pic.pimg.tw/lamkwanfai/1503299155-1664407088.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width:
1280px;
background: url("
http://i.imgur.com/FeSOpA4.jpg") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") no-repeat left top;
position: relative;}
#container3 {
overflow:hidden;
position:relative;}
#main{
#main{width:
1280px;margin:auto;}
#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#238C23;text-decoration:none;}
a:hover{color:#238C23;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height:
650px;
padding-left: 55px;
background:url(
http://i.imgur.com/XIKWAKg.gif) no-repeat;
overflow:hidden;
position:relative;
}
#banner {
width: 400px;
height: 120px;
overflow:hidden;}
#banner h1 {
font-weight:bold;
font-family:
標楷體;
font-
size:25px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top:
70px;
margin-left:
633px;}
#banner h1 a{
color:
#005A00;}
#banner h1 a:hover {
color:
#008700;
background:
# FFB7DB;
border:2px dotted
#008700;}
#banner h2 {
width:650px ;
color:
#005000;
margin:25px 0;
font-weight:bold;
font-family:
標楷體;
font-size:
18px;
position:absolute;
top:90px;
left:
710px;
line-
height:25px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;
}
.skiplink a{
color: #238C23;}
.skiplink a:hover {
color: #fff;
background: #072945;}
.skiplink {display:none;}
#blog-category {
position:absolute;
color:#238C23;
top:20px;
left:720px;
font-size:15px;}
#blog-category a {
color: #238C23;}
#blog-category a:hover {
color: #fff;
background: #A0A188;}
#blog-category {display:none;}
#navigation{
position:absolute;
top:
430px;
left:
470px;}
#navigation a{
display:block;
text-align:center;
width:100px;
height:40px;
font-size:0pt;
background-color:none;
padding:0px;}
#navigation a:hover {
border-right:
1.5px solid #DB934E;
border-bottom:
1.5px solid #008700;
border-top:
1.5px solid #008700;
border-left:
1.5px solid #DB934E;}
#navigation li {
float:left;
margin:120px 10px 5px 0;}
#link-profile{background-image:url(
https://pic.pimg.tw/lamkwanfai/1503302344-2989108736.png);}
#link-blog{background-image:url(
https://pic.pimg.tw/lamkwanfai/1503302344-3841413870.png);}
#link-album{background-image:url(
https://pic.pimg.tw/lamkwanfai/1503302344-3333187306.png);}
#link-guestbook{background-image:url(
https://pic.pimg.tw/lamkwanfai/1503302344-2169497759.png);}
#content{
width:665px ;
float:right;
background:url() repeat;
background:#fff ;
margin:0 auto;
margin-right:
80px ;
margin-top:
40px ;}
#spotlight{
background:#fff;
padding:5px;
margin-bottom: 5px ;
margin-top: -
10px ;
border:
6px double #82CB82;}
#spotlight h5 {
background:url();
color:
#008700;
font-weight:bold;
font-family:
標楷體;
font-size:
20px;
border-bottom:
2px dotted #82CB82;
padding:2px;}
#spotlight-text {
background:url();
color:#238C23;
font-weight:bold;
font-family:
標楷體;
font-size:18px;
padding:5px;}
#display{
text-align:right;
margin : 5px 0px ;}
#display span{}
#display a{}
.article {
clear: both;
_height: 1%;
position: relative;
margin: 0 auto 5px;}
.article-head {
overflow: hidden;
height: 130px;
line-height: 30px;
background: url(
https://pic.pimg.tw/lamkwanfai/1503300694-2880054984.gif) no-repeat;
}
.title {
font-weight:bold;
font-family:
標楷體;
float:left;
font-size:
23px;
line-height:
45px;
padding:
15px 0px 0px 83px;}
.title a { color:
#006900; }
.title a:hover{
color:
#008700;
background:
# FFF3F9;
border:2px dotted
#82CB82;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0
85px;}
.month{color:
#FF5151; }
.date { color:
#FF5151; }
.day{display: none;}
.year{color:
#FF5151; }
.time { display: none; }
.more {
float: right;
padding-top:
15px;
padding-right:
28px;
background: url(
https://pic.pimg.tw/lamkwanfai/1503305447-1365352120.gif) right no-repeat;
margin-right: 40px ;}
.more a{
font-weight:bold;
font-family:
標楷體;
font-size: 18px;
color:#238C23;}
.more a:hover{
color: #238C23;
background:
# FFF3F9;
border:2px dotted
#82CB82;}
.author{
background: #fff;
color: #238C23;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom:
2.3px dashed #82CB82;
line-height: 30px;}
.author a{
color: #238C23;}
.author a:hover{
color: #238C23;
background:
# FFF3F9;
border:2px dotted
#82CB82;}
.article-footer{
text-align:right ;
color:#238C23;
line-height:25px ;}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;}
.refer{
color:#238C23;
text-align:left;
margin: 5px 0px 0px 0px;
border-bottom:
2.3px dashed #82CB82;
line-height: 30px;}
.refer a:hover {
color: #238C23;
background: # FFF3F9;
border:2px dotted #238C23;}
.history{
display:none;}
.forward{
text-align:right;
margin: 5px 5px 0px 0px;}
.forward img{
width: 10px;
height: 10px;
filter :gray;
padding-right: 2px;}
.forward a:hover {
color: #238C23;
background: #FFF3F9;
border:2px dotted #238C23;}
#article-box{
margin: 10px 0px 0px 0px;}
.main-list table{
border-collapse : collapse ;
width:100% ;
margin: 20px 0px 0px 0px;}
.main-list table td {
border:1px solid #238C23;
border-top:0px solid #238C23;
border-left:0px solid #238C23;
border-right:0px solid #238C23;}
.main-list td ,
.main-list th{
padding: 5px ;}
.back-to-top {
background: #;
background-image:url();
background-repeat:repeat;
margin: 10px 0px 0px 0px;}
.back-to-top a{
color: #238C23;
text-transform:uppercase;
font:14px CEntury Gothic;
padding: 3px 5px;
background:#fff;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid
#82CB82;}
.back-to-top a:hover {
color: #238C23;
background: # FFF3F9;
border:2px dotted #238C23;}
#user-post{
background:#fff;
background:url() repeat;
padding:15px;
margin-bottom: 0px ;
border: 5px solid
#82CB82;}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #238C23;
background:url(
https://pic.pimg.tw/lamkwanfai/1503306844-401199166.jpg) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom:
80px;
padding-left:
-15px;}
#trackback-input {width:50%;}
.single-post {
border-right:4px double
#82CB82;
border-bottom:4px double
#82CB82;
border-left:4px double
#82CB82;
border-top:4px double
#82CB82;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:
1.5px dashed #82CB82;
font-weight:600;
padding:5px 10px;
margin-bottom:10px;}
.post-text{
float:left;
margin-bottom: 10px ;}
#trackback-box .post-text{
width: auto ;
float:none ;}
.post-photo {
width:120px;
float:left;}
li.post-photo img {
width:80px;
height:80px;
border:2px double
#82CB82;
border-top:2px double
#82CB82;
border-left:2px double
#82CB82;
background:url();
background:#;
padding:4px;}
.user-post-text {
width:
620px;
padding:0px 5px 5px 0px;}
.reply-text {
float:right;
width:
500px;
background:url() 0px top no-repeat #fff;
border:3px solid
#82CB82;
border-right:3px solid
#82CB82;
border-bottom:3px solid
#82CB82;
margin-right:15px;
display:inline;
color:#238C23;
min-height:40px;
_height:40px;
padding:
12px 38px 5px 30px;}
li.reply-text p {
background:url(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/62.gif) repeat-x ;
text-align:right;
padding:10px 0px 0px;
font-size: 14px;
color: #303235;}
.secret{}
.post-comment{
padding-top:
260px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(
https://pic.pimg.tw/lamkwanfai/1503306844-2130439035.gif) ;
background-repeat: no-repeat;
background-position: center top;
color: #238C23;
text-align:center;}
.post-comment a {
color: #238C23;
background: #fff;
border: 3px double
#82CB82;}
.post-comment a:hover {
color: #238C23;
background: # FFF3F9;
border:2px dotted #238C23;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #ccc;}
#comment-form table {
width:100%;
margin:0 auto;
background: #fff url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #ccc;
padding: 5px 10px;
text-align: left;}
#comment-form input#send-comment {
padding:3px 5px;
float: right;}
#comment-form textarea {
width:95%;
background:#fff url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;}
.main-list {
margin-bottom:15px;
padding:10px 0;}
.main-list table {
width:100%;
margin:10px 0;}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;}
.main-list th,.main-list td {
border:1px solid #ccc;
padding:3px 10px;}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;}
.page a {
background:# FFF3F9;
margin:0 5px;
color: #238C23;
padding:5px 10px;
border:2px dotted
#82CB82;}
.page span {
color:
#FF5151;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted
#82CB82;}
#links{
color: #238C23;
width:
240px ;
float:left;
margin:
25px 0px 0px 80px ;}


#links a{
font-size:
17px;
color:#238C23;}
.box{
background:url(
https://pic.pimg.tw/lamkwanfai/1503300694-4065511728.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height:
20px;
overflow:hidden;
color:
#008700;
text-align: left;
font-weight:bold;
font-family:
標楷體;
font-size:
24px;
background: url(
https://pic.pimg.tw/lamkwanfai/1503300358-1664198241.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:30px 0px 0px
60px;}
.box-text{
background:url(
https://pic.pimg.tw/lamkwanfai/1503300694-2432771540.png) left bottom no-repeat;
text-align: left;
line-height: 150%;
margin: 0px auto;
padding:0
40px;
padding-
bottom:42px;}
.box-more{
text-align:right;
margin:
35px 30;
padding:2px;}
.box-more a{
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
padding:2px 2px;
float:right ;
margin: 0px 30px 0px 0px;
color:#238C23;
background:#fff;
border: 2px double
#82CB82;}
.box-more a:hover{
color: #238C23;
background: #FFF3F9;}
#calendar table{
width: 96%;
color:#238C23;
margin:0 auto;background:#;}
#calendar th,
#calendar td{
text-align:center;
padding:1px;}
#calendar .calMonthHeader{}
#calendar td a{
font-size:11px;
display:block;
-khtml-border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border: 2px double
#82CB82;
font-size:16px;
color:
#FF5151;
background:#fff;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}
#counter .box-text{padding-left:50px;}
#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;}
#visitor li,#crumb li {
float:left;
margin-right:1px;}
#visitor .box-text li , #crumb .box-text li { float: left;padding-left:-
20px;}
#visitor .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(
https://pic.pimg.tw/lamkwanfai/1503302659-3720755151.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(
https://pic.pimg.tw/lamkwanfai/1503302659-3720755151.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid
#82CB82;
border-left:1px solid
#82CB82;
border-top:1px solid
#82CB82;
border-bottom:1px solid
#82CB82;}
#visitor .box-text li a img , #crumb .box-text li a img {visibility:hidden;height:39px;width:39px;padding: 3px;padding-left:3px;}
#visitor .box-text li a:hover img , #crumb .box-text li a:hover img {visibility:visible;height:39px;width:39px;}
#visitor .box-more , #crumb .box-more {clear:both;}
#category .box-text h6 img{display:none;}
#category .box-text{padding-left:20px;padding-bottom:
50px;}
#category .box-text h6 {
background-image:url(
https://pic.pimg.tw/lamkwanfai/1503305549-123618422.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:2
5px;
line-height: 30px;
font-size: 16px;}
#category .box-text li a{
background-image:url(
https://pic.pimg.tw/lamkwanfai/1503305549-123618422.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:2
5px;}
#category .box-text li a:hover{
background:
# FFF3F9;
color:
#238C23;
border: 2px double
#82CB82;
background-image:url(
https://pic.pimg.tw/lamkwanfai/1503305447-3488759872.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:
25px;}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(
https://pic.pimg.tw/lamkwanfai/1503305447-3609210936.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:18px;
padding-bottom:10px;
margin-left:5px;
padding-left:10px;
line-height: 25px;
border-bottom:
1.3px dashed #82CB82;}
#recent-article li a:hover {
color: #238C23;
background:
# FFF3F9;
border:2px dotted
#82CB82;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #238C23;
background:
# FFF3F9;
border:2px dotted
#82CB82;}
#latest-comment li span {
color:#238C23;
font-size:.9em;
border-right:3px solid
# FFFFFF;
margin:0 4px 0 0;
padding:0 4px 0 0;}
#latest-comment li a {
color:#238C23;
display:block;
height:25px;
overflow:hidden;}
#hot-article li {
background-image:url(
https://pic.pimg.tw/lamkwanfai/1503305447-2263461083.gif);
background-repeat:no-repeat;
background-position:left top;
padding-top:10px;
padding-bottom:10px;
margin-left:
-25px;
padding-left:10px;
line-height: 25px;
border-bottom:
1.3px dashed #82CB82;}
#hot-article li a:hover {
color: #238C23;
background:
# FFF3F9;
border:2px dotted
#82CB82;}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search .box-text{padding-left:22px;padding-top:15px;}
#search .box-text li{
display: inline;}
input#search-target {
width: 100px;
background: #fff;}
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;
width:100%;}
#counter .box-text {font-size:16px;}
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:150px;
margin-left:20px;padding-top:0px;}
#recent-article li,
#announce li,
#hot-article li{}
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom:
1.3px dashed #82CB82;}
#latest-trackback a{
color: #238C23;
background: #D9E3EE;
border:1px dotted #fff;}
#latest-trackback a:hover {}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {font-weight:bold;
font-family:
標楷體;
font-size:18px;}
#mylink .inner-box{
text-align: left;
padding-left: 25px;
font-size: 18px;
margin-bottom:5px;
color:#238C23;}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed
#82CB82;}
#mylink a:hover {
color: #238C23;
background: #FFF3F9;
border:2px dotted #238C23;}
#announce .box-text li{border-bottom: 2px dashed
#82CB82;}
#announce a:hover {
color: #238C23;
border:2px dotted #238C23;
background: #FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(
http://i.imgur.com/FeSOpA4.jpg) repeat #FFEAEA;
_height:1%;
text-align: center;
padding-left: 250px;}
#footer p{color:#238C23;}
#bottom ,
#bottom a{color:#238C23;}
#bottom a:hover {
color: #238C23;
background: #FFF3F9;
border:2px dotted #238C23;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #238C23;
border: 3px double
#82CB82;
background: #fff;
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: #238C23;
border: 1px solid
#82CB82;
background: #fff;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:
#82CB82;
SCROLLBAR-DARKSHADOW-COLOR:
#EAF3EA;
SCROLLBAR-HIGHLIGHT-COLOR:
#B6DFB6;
SCROLLBAR-ARROW-COLOR:
#EAF3EA;
SCROLLBAR-3DLIGHT-COLOR:
#EAF3EA;
SCROLLBAR-SHADOW-COLOR:
#EAF3EA;}


/*下列語法請勿任意更改變動 ↓ */
#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
#container #links-row-1 div.hslice[id*="-mib-"],
#container #links-row-1 div.hslice[id*="-Mib-"],
#container #links-row-1 div.hslice[id*="-mIb-"],
#container #links-row-1 div.hslice[id*="-miB-"]
{display:none !important;}
#container #links-row-1 div[class*="-mib-"],
#container #links-row-1 div[class*="-Mib-"],
#container #links-row-1 div[class*="-mIb-"],
#container #links-row-1 div[class*="-miB-"]
{display:none !important;}


.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;}


 




 


 


新作  


 


換版型方法1  


 


8  


 


(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(0) 人氣(7)

  • 個人分類:部落版型
▲top
  • 9月 21 週三 201615:36
  • 飄渺水雲間 - 星兒的版型製作 No.27

飄渺水雲間三欄


    飄渺水雲間三欄  


三欄位版型語法:




/*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/


#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/0036.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/315692364/28.gif);


color:#685028;line-height:150%;}


a {color:#685028;}


a:hover {color:#D0A000;cursor : url(http://www.geocities.jp/umod09/0038.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 #685028;}


#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/315692364/28.gif) 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/315647557/7.jpg) no-repeat;}


#login-bar{


position:absolute;


left:500px;


top:507px;


color:#fff;}


#login-bar a{


color:#685028;}


#login-bar a:hover {


color:#fff;}


#banner{}


#banner h1{


position:absolute;


left: 200px;


top: 55px;


height:30px;


width:450px;


overflow:hidden;}


#banner h1 a{


font-size:24px;


color:#6F6F4E;


font-weight:bold;


line-height:30px;


text-shadow:1px 2px 0# FFF;}


#banner h1 a:hover {


color:#979782;}


#banner h2{


position:absolute;


left:200px;


top:105px;


font-size:16px;


font-size: 14;


 


color:#979782;


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:70px;


bottom:45px;}


#banner #blog-category a{


color:#00A300;}


#banner #blog-category a:hover {


color:#BFBFB6;}


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


#navigation {


position:absolute;


top:420px;


left:800px;}


#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:#BFBFB6;}


/*--------------------------main中間*/


#main{


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/315692364/28.gif) 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: 10px 10px 40px 40px;


background: #FFFFE3;


padding: 10px 15px;


border:1px solid #D0A000;}


#spotlight h5{


color:#D0A000 ;


font-weight:bold;


font-size: 15px;


margin-bottom: 5px;


text-shadow:1px 1px 0 # fff;}


#spotlight-text{


color:#685028;}


/*---------------------*/


.article{_height:1%;margin-bottom: 20px;


border-bottom:1px dotted #9C7800;


padding-bottom:20px;}


.article-head{


_height:1%;}


.publish {


font-size:14px;


font-family:verdana;


height: 104px;


color:#EAB400;


text-shadow:1px 1px 0 #FFE582;


padding-top:0px;


padding-left:80px;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/315692364/16.gif) no-repeat;}


.time{display:none;}


.title{_height:1%;padding:5px 10px;}


 


.title a{color:#9C7800 ;


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:#D0A000;}


/*-----------------------article-body*/


.article-body{


margin: 10px 10px;


text-align:right;


color:#685028;}


.article-content{


color:#685028;


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: #FFFFE3;


border: 3px double #D0A000;


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:#685028;}


 


.main-list{


-webkit-border-radius: 5px;


-moz-border-radius: 5px;


border-radius: 5px;


margin: 10px;


background: #685028;


padding: 20px;}


.main-list table{


width: 100%;}


.main-list th{


padding:5px;


border-bottom:1px solid#685028;}


.main-list td{padding:5px;


border-bottom:1px solid #685028;}


/*--------------------------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:70px;


text-indent:42px;


background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/315692364/18.png) no-repeat;


margin:5px auto;


 


}


.post-comment a {


color:#685028;}


.post-comment a:hover{


color:#685028;}


.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: #FFFFE3;


border:1px solid #D0A000;}


.post-info{color:#685028;


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 #D0A000;}


.post-text{


color:#685028;


float: left;


width: 500px;}


.reply-text{


border-top:1px dashed #D0A000;


padding-top:5px;


color:#685028;


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 #685028;


margin: 0 1px;


color:#B6B68C;}


.page a:hover{


background: #FFFFCC;


border:1px solid #685028;


color:#FFA347;}


.page SPAN{color:#685028;}


/*--------------------------links 側欄*/


#links{


float:right;


width: 440px;


margin-right:1px;}


#links{


color:#685028;


border-bottom:1px dotted #fff;


width:220px ;float:left;


margin: -300px 0px 0px 10px ;}


#links a{


font-size: 16px;


 


color:#685028;


border-bottom:2px dotted #D0A000;}


#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/306026683/9.png) left top repeat-y;}


.box-title{


background: url(


http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/315692364/24.png) left top no-repeat;


height:45px;


font-family:華康行書體;


font-size: 1.5em ;


padding:35px 0px 0px 60px;


font-weight: bold ;color:#685028;}


.box-text{padding:0 20px;


color:#685028;_height: 1% ;


padding-bottom:20px;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/306026683/7.png) left bottom no-repeat;}


.box-text a{


display:block ;


padding: 2px 0px ;


color:#C675EC;}


.box-text a:hover{


background: #FFF4D0;


color:#C675EC;}


.box-more{


text-align:center;}


.box-more a{


 


display: inline ;


color:#685028;}


#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:#FFEFB6;


padding:3px;


border:1px solid #685028;}


#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: #FFEFB6;


color:#685028;


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 #FFF4D0;}


/*誰來我家 我去誰家語法 不需要也可自行刪除*/


/*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/


/*將這段語法貼在CSS最下面就可以囉!*/


#visitor IMG {}


#visitor .box-text li a{


height:40px;width:40px;


display:block;


MARGIN: 1px;


background: #FFF4D0; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#685028;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: #FFF4D0;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#685028;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/315692364/28.gif) no-repeat;


padding-top:30px;


height:40px;


text-align: center;}


#footer p{}


#bottom ,


#bottom a{


color:#685028;}


input, textarea {


vertical-align: middle;


font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;


color:#685028;


border: 3px double #D0A000;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/315692364/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:#D0A000;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/315692364/10.gif) ;


padding: 2px;width:90%;}


 


/*捲軸*/


HTML{scrollbar-face-color: #E5CB82;


scrollbar-highlight-color:#FFFFFF;


scrollbar-3dlight-color: #685028;


scrollbar-darkshadow-color: #685028;


scrollbar-shadow-color: #F9F3EA;


scrollbar-arrow-color: #F9F3EA;


scrollbar-track-color: #EFDFB6;}


/*前文章小小圖*/


#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/306026683/13.gif);


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(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/306026683/13.gif);


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:#685028;}


#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://www.geocities.jp/umod09/0036.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/315692364/28.gif);


color:#685028;line-height:150%;}


a {color:#685028;}


a:hover {color:#D0A000;cursor : url(http://www.geocities.jp/umod09/0036.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 #685028;}


#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/315692364/28.gif) 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/315647557/7.jpg) no-repeat;}


#login-bar{


position:absolute;


left:500px;


top:507px;


color:#fff;}


#login-bar a{


color:#685028;}


#login-bar a:hover {


color:#fff;}


#banner{}


#banner h1{


position:absolute;


left: 200px;


top: 55px;


height:30px;


width:450px;


overflow:hidden;}


#banner h1 a{


font-size:24px;


color:#6F6F4E;


font-weight:bold;


line-height:30px;


text-shadow:1px 2px 0 # FFF;}


#banner h1 a:hover {


color:#979782;}


#banner h2{


position:absolute;


left: 200px;


top: 105px;


font-size:16px;


font-size: 14;


color:#979782;


 


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:70px;


bottom:45px;}


#banner #blog-category a{


color:#00A300;}


#banner #blog-category a:hover {


color:#BFBFB6;}


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


#navigation {


position:absolute;


top:420px;


left:800px;}


#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:#BFBFB6;}


/*--------------------------main中間*/


#main{


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/315692364/28.gif) 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: 10px 10px 40px 40px;


background: #FFFFE3;


padding: 10px 15px;


border:1px solid #D0A000;}


#spotlight h5{


color:#D0A000;


font-weight:bold;


font-size: 15px;


margin-bottom: 5px;


text-shadow:1px 1px 0 # fff;}


#spotlight-text{


color:#685028;}


/*---------------------*/


.article{_height:1%;margin-bottom: 20px;


border-bottom:1px dotted #9C7800;


padding-bottom:20px;}


.article-head{


_height:1%;}


.publish {


font-size:14px;


font-family:verdana;


height: 104px;


color:#EAB400;


text-shadow:1px 1px 0 #FFE582;


padding-top:0px;


padding-left:80px;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/315692364/16.gif) no-repeat;}


.time{display:none;}


.title{_height:1%;padding:5px 10px;}


.title a{color:#9C7800;


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:#D0A000;}


/*-----------------------article-body*/


.article-body{


margin: 10px 10px;


text-align:right;


color:#685028;}


.article-content{


color:#685028;


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: #FFFFE3;


border: 3px double #D0A000;


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:#685028;}


.main-list{


-webkit-border-radius: 5px;


-moz-border-radius: 5px;


border-radius: 5px;


 


margin: 10px;


background: #685028;


padding: 20px;}


.main-list table{


width: 100%;}


.main-list th{


padding:5px;


border-bottom:1px solid #685028;}


.main-list td{padding:5px;


border-bottom:1px solid #685028;}


/*--------------------------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:70px;


text-indent:42px;


background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/315692364/18.png) no-repeat;


margin:5px auto;


}


.post-comment a {


color:#685028;}


.post-comment a:hover{


color:#685028;}


 


.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: #FFFFE3;


border:1px solid #D0A000;}


.post-info{color:#685028;


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 #D0A000;}


.post-text{


color:#685028;


float: left;


width: 500px;}


.reply-text{


border-top:1px dashed #D0A000;


padding-top:5px;


color:#685028;


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 #685028;


margin: 0 1px;


color:#B6B68C;}


.page a:hover{


background: #FFFFCC;


border:1px solid #685028;


color:#FFA347;}


.page SPAN{color:#685028;}


/*--------------------------links 側欄*/


#links{


float:right;


width: 440px;


margin-right:1px;}


#links{


color:#685028;


border-bottom:1px dotted #fff;


width:220px ;float:left;


margin: 0px 0px 0px 10px ;}


#links a{


font-size: 16px;


color:#685028;


border-bottom:2px dotted #D0A000;}


.box{margin-bottom: 10px ;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/306026683/9.png) left top repeat-y;}


.box-title{


 


 


background: url(


http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/315692364/24.png) left top no-repeat;


height:45px;


font-family:華康行書體;


font-size: 1.5em ;


padding:35px 0px 0px 60px;


font-weight: bold ;color: #685028;}


.box-text{padding:0 20px;


color:#685028;_height: 1% ;


padding-bottom:20px;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/306026683/7.png) left bottom no-repeat;}


.box-text a{


display:block ;


padding: 2px 0px ;


color:#C675EC;}


.box-text a:hover{


background: #FFF4D0;


color:#C675EC;}


.box-more{


text-align:center;}


.box-more a{


display: inline ;


color:#685028;}


#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: #FFEFB6;


padding:3px;


border:1px solid #685028;}


#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: #FFEFB6;


color:#685028;


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 #FFF4D0;}


/*誰來我家 我去誰家語法 不需要也可自行刪除*/


/*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/


/*將這段語法貼在CSS最下面就可以囉!*/


#visitor IMG {}


#visitor .box-text li a{


height:40px;width:40px;


display:block;


MARGIN: 1px;


background: #FFF4D0; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#685028;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: #FFF4D0;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#685028;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/315692364/28.gif) no-repeat;


padding-top:30px;


height:40px;


text-align: center;}


 


#footer p{}


#bottom ,


#bottom a{


color:#685028;}


input, textarea {


vertical-align: middle;


font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;


color:#685028;


border: 3px double #D0A000;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/315692364/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:#D0A000;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/315692364/10.gif) ;


padding: 2px;width:90%;}


 


/*捲軸*/


HTML{scrollbar-face-color: #E5CB82;


scrollbar-highlight-color:#FFFFFF;


scrollbar-3dlight-color: #685028;


scrollbar-darkshadow-color: #685028;


scrollbar-shadow-color: #F9F3EA;


scrollbar-arrow-color: #F9F3EA;


scrollbar-track-color:#EFDFB6;}


 


/*前文章小小圖*/


#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/306026683/13.gif);


background-repeat:no-repeat;


background-position:left center;color:#685028;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(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/306026683/13.gif);


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:#685028;}


#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://www.geocities.jp/umod09/0036.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/315692364/28.gif);


color:#685028;line-height:150%;}


a {color:#685028;}


a:hover {color:#D0A000;cursor : url(http://www.geocities.jp/umod09/0036.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 #685028;}


#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/315692364/28.gif) 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/315647557/7.jpg) no-repeat;}


#login-bar{


position:absolute;


left:500px;


top:507px;


color:#fff;}


#login-bar a{


color:#685028;}


#login-bar a:hover {


color:#fff;}


#banner{}


#banner h1{


position:absolute;


left: 200px;


top: 55px;


height:30px;


width:450px;


overflow:hidden;}


#banner h1 a{


font-size:24px;


color:#6F6F4E;


font-weight:bold;


line-height:30px;


text-shadow:1px 2px 0 # FFF;}


#banner h1 a:hover {


color:#979782;}


#banner h2{


position:absolute;


left: 200px;


top: 105px;


font-size:16px;


font-size: 14;


 


color:#979782;


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: 70px;


bottom:45px;}


#banner #blog-category a{


color:#00A300;}


#banner #blog-category a:hover {


color:#BFBFB6;}


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


#navigation {


position:absolute;


top:420px;


left:800px;}


#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:#BFBFB6;}


/*--------------------------main中間*/


#main{


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/315692364/28.gif) 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: 10px 10px 40px 40px;


background: #FFFFE3;


padding: 10px 15px;


border:1px solid #D0A000;}


#spotlight h5{


color:#D0A000;


font-weight:bold;


font-size: 15px;


margin-bottom: 5px;


text-shadow:1px 1px 0 # fff;}


#spotlight-text{


color:#685028;}


/*---------------------*/


.article{_height:1%;margin-bottom: 20px;


border-bottom:1px dotted #9C7800;


padding-bottom:20px;}


.article-head{


_height:1%;}


.publish {


font-size:14px;


font-family:verdana;


height: 104px;


color:#EAB400;


text-shadow:1px 1px 0 #FFE582;


padding-top:0px;


padding-left:80px;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/315692364/16.gif) no-repeat;}


.time{display:none;}


 


.title{_height:1%;padding:5px 10px;}


.title a{color:#9C7800 ;


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:#D0A000;}


/*-----------------------article-body*/


.article-body{


margin: 10px 10px;


text-align:right;


color:#685028;}


.article-content{


color:#685028;


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: #FFFFE3;


border: 3px double #D0A000;


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:#685028;}


.main-list{


-webkit-border-radius: 5px;


-moz-border-radius: 5px;


border-radius: 5px;


margin: 10px;


background: #685028;


padding: 20px;}


.main-list table{


width: 100%;}


.main-list th{


padding:5px;


border-bottom:1px solid #685028;}


.main-list td{padding:5px;


border-bottom:1px solid #685028;}


/*--------------------------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:70px;


text-indent:42px;


background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/315692364/18.png) no-repeat;


 


margin:5px auto;}


.post-comment a {


color:#685028;}


.post-comment a:hover{


color:#685028;}


.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: #FFFFE3;


border:1px solid #D0A000;}


.post-info{color:#685028;


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 #D0A000;}


.post-text{


color:#685028;


float: left;


width: 500px;}


.reply-text{


border-top:1px dashed #D0A000;


padding-top:5px;


color:#685028;


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 #685028;


margin: 0 1px;


color:#B6B68C;}


.page a:hover{


background: #FFFFCC;


border:1px solid #685028;


color:#FFA347;}


.page SPAN{color:#685028;}


/*--------------------------links 側欄*/


#links{


float:left;


width: 440px;


margin-right:1px;}


#links{


color:#685028;


border-bottom:1px dotted #fff;


width:220px ;


float:right;


margin: 0px 30px 0px 10px ;}


#links a{


 


font-size: 16px;


color:#685028;


border-bottom:2px dotted #D0A000;}


.box{margin-bottom: 10px ;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/306026683/9.png) left top repeat-y;}


.box-title{


background: url(


http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/315692364/24.png) left top no-repeat;


height:45px;


font-family:華康行書體;


font-size: 1.5em ;


padding:35px 0px 0px 60px;


font-weight: bold ;color:#685028;}


.box-text{padding:0 20px;


color:#685028;_height: 1% ;


padding-bottom:20px;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/306026683/7.png) left bottom no-repeat;}


.box-text a{


display:block ;


padding: 2px 0px ;


color:#C675EC;}


.box-text a:hover{


background: #FFF4D0;


color:#C675EC;}


.box-more{


text-align:center;}


.box-more a{


display: inline ;


color:#685028;}


#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: #FFEFB6;


padding:3px;


border:1px solid #685028;}


#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: #FFEFB6;


color:#685028;


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 #FFF4D0;}


/*誰來我家 我去誰家語法 不需要也可自行刪除*/


/*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/


/*將這段語法貼在CSS最下面就可以囉!*/


#visitor IMG {}


#visitor .box-text li a{


height:40px;width:40px;


display:block;


 


MARGIN: 1px;


background: #FFF4D0; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#685028;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: #FFF4D0;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#685028;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/315692364/28.gif) no-repeat;


padding-top:30px;


height:40px;


text-align: center;}


#footer p{}


#bottom ,


#bottom a{


color:#685028;}


input, textarea {


vertical-align: middle;


font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;


color:#685028;


border: 3px double #D0A000;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/315692364/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:#D0A000;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/315692364/10.gif) ;


padding: 2px;width:90%;}


/*捲軸*/


HTML{scrollbar-face-color:#E5CB82;


scrollbar-highlight-color:#FFFFFF;


scrollbar-3dlight-color: #685028;


scrollbar-darkshadow-color: #685028;


scrollbar-shadow-color: #F9F3EA;


scrollbar-arrow-color: #F9F3EA;


scrollbar-track-color: #EFDFB6;}


/*前文章小小圖*/


#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/306026683/13.gif);


background-repeat:no-repeat;


 


background-position:left center;color:#685028;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(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/306026683/13.gif);


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:#685028;}


#topbar {display:none;}


#pixblogad {display:none;}


#pixblogad-banner2{display:none;}


 


 




 


 11



 


 





 
(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(0) 人氣(49)

  • 個人分類:部落版型
▲top
  • 8月 24 週三 201614:08
  • 縹緲孤鴻影 - 星兒的版型製作 No.55

縹緲孤鴻影三欄位


縹緲孤鴻影三欄位  


三欄位版型語法:




/*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/


#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/0251.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/423683818/7.jpg);


color:#000000;line-height:150%;}


a {color:#000000;}


a:hover {color:#828282;cursor : url(http://www.geocities.jp/umod09/0252.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:1350px;


margin:0 auto;


background:url (http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/423683818/7.jpg) left top repeat-y;}


#container3{}


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


#header{


overflow: hidden;


padding-left: 55px;


height: 545px;


position:relative;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/423671571/9.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: 230px;


top: 80px;


height:30px;


width:450px;


overflow:hidden;}


#banner h1 a{


font-size:24px;


color:#000000;


font-weight:bold;


line-height:30px;


text-shadow:1px 2px 0# FFF;}


#banner h1 a:hover {


color:#828282;}


#banner h2{


position:absolute;


left:230px;


top:127px;


font-size:16px;


font-size: 16;


color:#000000;


height: 120px;


width:300px;


line-height:20px;


overflow:hidden;}


#banner .skiplink{


display:none;}


#banner #blog-category{


font-size:13px;


font-size: 14px \9;


color:#000000;


position:absolute;


right:160px;


bottom:38px;}


#banner #blog-category a{


color::#000000;}


#banner #blog-category a:hover {


color:#D0D0D0;}


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


#navigation {


position:absolute;


top:440px;


left:780px;}


#navigation li {


float:left;


height:32px;


line-height:20px;


padding:0 15px;}


#navigation a {


font-size:25px;


color::#000000;


font-family:標楷體;


padding-left:20px;}


#navigation a:hover {


color:#D0D0D0;}


/*--------------------------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: 330px ;


margin-top: -7px ;}


/*---------------------spotlight*/


#spotlight{


-webkit-border-radius: 10px;


-moz-border-radius: 10px;


border-radius: 10px;


margin: 20px 30px 25px 25px;


background:#CFCFDF;


padding: 10px 15px;


border:1px solid #828282;}


#spotlight h5{


color:#4E4E4E;


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 #343434;


padding-bottom:20px;}


.article-head{


_height:1%;}


.publish {


font-size:14px;


font-family:verdana;


height: 84px;


color:#4E4E4E;


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/360411060/23.gif) no-repeat;}


.time{display:none;}


.title{_height:1%;padding:5px 10px;}


.title a{color:#000000;


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:#828282;}


/*-----------------------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: 10px;


-moz-border-radius: 10px;


border-radius: 10px;


margin: 10px;


background: #CFCFDF;


border: 3px double #828282;


padding: 10px;}


.history{}


.refer{}


.back-to-top{


text-align:right;


text-transform:uppercase;


text-shadow:1px 1px 0#000000;}


/*--------------------------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 #000000;}


.main-list td{padding:5px;


border-bottom:1px solid #000000;}


/*--------------------------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/360411060/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:75px;


text-indent:45px;


background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/426414164/18.png) no-repeat;


margin:5px auto;


}


.post-comment a {


color:#000000;}


.post-comment a:hover{


color:#000000;}


.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: #CFCFDF;


border:1px solid #828282;


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:#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 #828282;}


.post-text{


color:#000000;


float: left;


width: 500px;}


.reply-text{


border-top:1px dashed #828282;


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:#000000;}


.page a:hover{


background: #CFCFDF;


border:1px solid #000000;


color:#828282;}


.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:2px dotted #828282;}


#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/426414164/14.png) left top repeat-y;}


.box-title{


background: url(


http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/426414164/15.png) left top no-repeat;


height:45px;


font-family:華康行書體;


font-size: 1.5em ;


padding:35px 0px 0px 64px;


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/426414164/13.png) left bottom no-repeat;}


.box-text a{


display:block ;


padding: 2px 0px ;


color:#C675EC;}


.box-text a:hover{


background: #CFCFDF;


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: 10px;


-moz-border-radius: 10px;


border-radius: 10px;


background:#828282;


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: #C0C0D5;


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:#000000;


border:1px dotted #CFCFDF;}


/*誰來我家 我去誰家語法 不需要也可自行刪除*/


/*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/


/*將這段語法貼在CSS最下面就可以囉!*/


#visitor IMG {}


#visitor .box-text li a{


height:40px;width:40px;


display:block;


MARGIN: 1px;


background:#CFCFDF; 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: #CFCFDF;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() 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 #828282;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/426414164/19.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:#828282;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/426414164/19.jpg) ;


padding: 2px;width:90%;}


/*捲軸*/


HTML{scrollbar-face-color: #C0C0D5;


scrollbar-highlight-color:#FFFFFF;


scrollbar-3dlight-color: #000000;


scrollbar-darkshadow-color: #000000;


scrollbar-shadow-color: #FFFFFF;


scrollbar-arrow-color: #FFFFFF;


scrollbar-track-color: #CFCFDF;}


/*前文章小小圖*/


#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/426414164/17.gif);


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/426414164/16.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/426414164/17.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:#000000;}


.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/0251.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/423683818/7.jpg);


color:#000000;line-height:150%;}


a {color:#000000;}


a:hover {color:#828282;cursor : url(http://www.geocities.jp/umod09/0252.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:1350px;


margin:0 auto;


background:url (http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/423683818/7.jpg) left top repeat-y;}


#container3{}


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


#header{


overflow: hidden;


padding-left: 55px;


height: 545px;


position:relative;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/423671571/9.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: 230px;


top: 80px;


height:30px;


width:450px;


overflow:hidden;}


#banner h1 a{


font-size:24px;


color:#000000;


font-weight:bold;


line-height:30px;


text-shadow:1px 2px 0 # FFF;}


#banner h1 a:hover {


color:#828282;}


#banner h2{


position:absolute;


left: 230px;


top:127px;


font-size:16px;


font-size: 16;


color:#000000;


height: 120px;


width:300px;


line-height:20px;


overflow:hidden;}


#banner .skiplink{


display:none;}


#banner #blog-category{


font-size:13px;


font-size: 14px \9;


color:#000000;


position:absolute;


right:160px;


bottom:38px;}


#banner #blog-category a{


color:#000000;}


#banner #blog-category a:hover {


color:#D0D0D0;}


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


#navigation {


position:absolute;


top:440px;


left:780px;}


#navigation li {


float:left;


height:32px;


line-height:20px;


padding:0 15px;}


#navigation a {


font-size:25px;


color:#000000;


font-family:標楷體;


padding-left:20px;}


#navigation a:hover {


color:#D0D0D0;}


/*--------------------------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: 110px ;


margin-top: -15px ;}


/*---------------------spotlight*/


#spotlight{


-webkit-border-radius: 10px;


-moz-border-radius: 10px;


border-radius: 10px;


margin: 20px 80px 25px 80px;


background: #CFCFDF;


padding: 10px 15px;


border:1px solid #828282;}


#spotlight h5{


color:#4E4E4E;


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 #343434;


padding-bottom:20px;}


.article-head{


_height:1%;}


.publish {


font-size:14px;


font-family:verdana;


height: 84px;


color:#4E4E4E;


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/360411060/23.gif) no-repeat;}


.time{display:none;}


.title{_height:1%;padding:5px 10px;}


.title a{color:#000000;


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:#828282;}


/*-----------------------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: 10px;


-moz-border-radius: 10px;


border-radius: 10px;


margin: 10px;


background: #CFCFDF;


border: 3px double #828282;


padding: 10px;}


.history{}


.refer{}


.back-to-top{


text-align:right;


text-transform:uppercase;


text-shadow:1px 1px 0 #000000;}


/*--------------------------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 #000000;}


.main-list td{padding:5px;


border-bottom:1px solid #000000;}


/*--------------------------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/360411060/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:75px;


text-indent:45px;


background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/426414164/18.png) no-repeat;


margin:5px auto;


}


.post-comment a {


color:#000000;}


.post-comment a:hover{


color:#000000;}


.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: #CFCFDF;


border:1px solid #828282;


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:#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 #828282;}


.post-text{


color:#000000;


float: left;


width: 500px;}


.reply-text{


border-top:1px dashed #828282;


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:#000000;}


.page a:hover{


background: #CFCFDF;


border:1px solid #000000;


color:#828282;}


.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 30px 0px 10px ;}


#links a{


font-size: 16px;


color:#000000;


border-bottom:2px dotted #828282;}


.box{margin-bottom: 10px ;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/426414164/14.png) left top repeat-y;}


.box-title{


background: url(


http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/426414164/15.png) left top no-repeat;


height:45px;


font-family:華康行書體;


font-size: 1.5em ;


padding:35px 0px 0px 64px;


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/426414164/13.png) left bottom no-repeat;}


.box-text a{


display:block ;


padding: 2px 0px ;


color:#C675EC;}


.box-text a:hover{


background: #CFCFDF;


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: 10px;


-moz-border-radius: 10px;


border-radius: 10px;


background: #828282;


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: #C0C0D5;


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:#000000;


border:1px dotted #CFCFDF;}


/*誰來我家 我去誰家語法 不需要也可自行刪除*/


/*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/


/*將這段語法貼在CSS最下面就可以囉!*/


#visitor IMG {}


#visitor .box-text li a{


height:40px;width:40px;


display:block;


MARGIN: 1px;


background: #CFCFDF; 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: #CFCFDF;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() 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 #828282;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/426414164/19.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:#828282;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/426414164/19.jpg) ;


padding: 2px;width:90%;}


/*捲軸*/


HTML{scrollbar-face-color: #C0C0D5;


scrollbar-highlight-color:#FFFFFF;


scrollbar-3dlight-color: #000000;


scrollbar-darkshadow-color: #000000;


scrollbar-shadow-color: #FFFFFF;


scrollbar-arrow-color: #FFFFFF;


scrollbar-track-color: #CFCFDF;}


/*前文章小小圖*/


#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/426414164/17.gif);


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/426414164/16.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/426414164/17.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:#000000;}


.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/0251.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/423683818/7.jpg);


color:#000000;line-height:150%;}


a {color:#000000;}


a:hover {color:#828282;cursor : url(http://www.geocities.jp/umod09/0252.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:1350px;


margin:0 auto;


background:url (http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/423683818/7.jpg) left top repeat-y;}


#container3{}


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


#header{


overflow: hidden;


padding-left: 55px;


height: 545px;


position:relative;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/423671571/9.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: 230px;


top: 80px;


height:30px;


width:450px;


overflow:hidden;}


#banner h1 a{


font-size:24px;


color:#000000;


font-weight:bold;


line-height:30px;


text-shadow:1px 2px 0 # FFF;}


#banner h1 a:hover {


color:#828282;}


#banner h2{


position:absolute;


left: 230px;


top: 127px;


font-size:16px;


font-size: 16;


color:#000000;


height: 120px;


width:300px;


line-height:20px;


overflow:hidden;}


#banner .skiplink{


display:none;}


#banner #blog-category{


font-size:13px;


font-size: 14px \9;


color:#000000;


position:absolute;


right:160px;


bottom:38px;}


#banner #blog-category a{


color:#000000;}


#banner #blog-category a:hover {


color:#D0D0D0;}


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


#navigation {


position:absolute;


top:440px;


left:780px;}


#navigation li {


float:left;


height:32px;


line-height:20px;


padding:0 15px;}


#navigation a {


font-size:25px;


color:#000000;


font-family:標楷體;


padding-left:20px;}


#navigation a:hover {


color:#D0D0D0;}


/*--------------------------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: 100px ;


margin-top: -15px ;}


/*---------------------spotlight*/


#spotlight{


-webkit-border-radius: 10px;


-moz-border-radius: 10px;


border-radius: 10px;


margin: 20px 80px 25px 80px;


background: #CFCFDF;


padding: 10px 15px;


border:1px solid #828282;}


#spotlight h5{


color:#4E4E4E;


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 #343434;


padding-bottom:20px;}


.article-head{


_height:1%;}


.publish {


font-size:14px;


font-family:verdana;


height: 84px;


color:#4E4E4E;


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/360411060/23.gif) no-repeat;}


.time{display:none;}


.title{_height:1%;padding:5px 10px;}


.title a{color:#000000;


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:#828282;}


/*-----------------------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: 10px;


-moz-border-radius: 10px;


border-radius: 10px;


margin: 10px;


background: #CFCFDF;


border: 3px double #828282;


padding: 10px;}


.history{}


.refer{}


.back-to-top{


text-align:right;


text-transform:uppercase;


text-shadow:1px 1px 0 #000000;}


/*--------------------------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 #000000;}


.main-list td{padding:5px;


border-bottom:1px solid #000000;}


/*--------------------------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/360411060/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:75px;


text-indent:45px;


background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/426414164/18.png) no-repeat;


margin:5px auto;}


.post-comment a {


color:#000000;}


.post-comment a:hover{


color:#000000;}


.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: #CFCFDF;


border:1px solid #828282;


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:#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 #828282;}


.post-text{


color:#000000;


float: left;


width: 500px;}


.reply-text{


border-top:1px dashed #828282;


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:#000000;}


.page a:hover{


background: #CFCFDF;


border:1px solid #000000;


color:#828282;}


.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:2px dotted #828282;}


.box{margin-bottom: 10px ;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/426414164/14.png) left top repeat-y;}


.box-title{


background: url(


http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/426414164/15.png) left top no-repeat;


height:45px;


font-family:華康行書體;


font-size: 1.5em ;


padding:35px 0px 0px 66px;


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/426414164/13.png) left bottom no-repeat;}


.box-text a{


display:block ;


padding: 2px 0px ;


color:#C675EC;}


.box-text a:hover{


background: #CFCFDF;


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: 10px;


-moz-border-radius: 10px;


border-radius: 10px;


background: #828282;


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: #C0C0D5;


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:#000000;


border:1px dotted #CFCFDF;}


/*誰來我家 我去誰家語法 不需要也可自行刪除*/


/*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/


/*將這段語法貼在CSS最下面就可以囉!*/


#visitor IMG {}


#visitor .box-text li a{


height:40px;width:40px;


display:block;


MARGIN: 1px;


background: #CFCFDF; 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: #CFCFDF;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() 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 #828282;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/426414164/19.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:#828282;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/426414164/19.jpg) ;


padding: 2px;width:90%;}


/*捲軸*/


HTML{scrollbar-face-color:#C0C0D5;


scrollbar-highlight-color:#FFFFFF;


scrollbar-3dlight-color: #000000;


scrollbar-darkshadow-color: #000000;


scrollbar-shadow-color: #FFFFFF;


scrollbar-arrow-color: #FFFFFF;


scrollbar-track-color: #CFCFDF;}


/*前文章小小圖*/


#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/426414164/17.gif);


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/426414164/16.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/426414164/17.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:#000000;}


.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;}


 




 


 星兒2  


 





 
(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(0) 人氣(10)

  • 個人分類:部落版型
▲top
  • 8月 24 週三 201613:50
  • 我們一起去看海 - 星兒的版型製作 No.58

我們一起去看海三欄位


我們一起去看海三欄位  


三欄位版型語法:




/*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/


#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/0032.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/410150414/24.jpg);


color:#00503C;line-height:150%;}


a {color:#00503C;}


a:hover {color:#20B2AA;cursor : url(http://www.geocities.jp/umod09/0011.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 #00503C;}


#authority a:hover{}


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


#container{}


#container2{


width:1350px;


margin:0 auto;


background:url (http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/410150414/24.jpg) left top repeat-y;}


#container3{}


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


#header{


overflow: hidden;


padding-left: 55px;


height: 518px;


position:relative;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/430361452/17.jpg) no-repeat;}


#login-bar{


position:absolute;


left:500px;


top:507px;


color:#fff;}


#login-bar a{


color:#00503C;}


#login-bar a:hover {


color:#fff;}


#banner{}


#banner h1{


position:absolute;


left: 220px;


top: 70px;


height:30px;


width:450px;


overflow:hidden;}


#banner h1 a{


font-size:24px;


color:#006969;


font-weight:bold;


line-height:30px;


text-shadow:1px 2px 0# FFF;}


#banner h1 a:hover {


color:#009999;}


#banner h2{


position:absolute;


left:220px;


top:115px;


font-size:16px;


font-size: 16;


color:#001400;


height: 120px;


width:300px;


line-height:20px;


overflow:hidden;}


#banner .skiplink{


display:none;}


#banner #blog-category{


font-size:11px;


font-size: 14px \9;


color:#00A078;


position:absolute;


right:168px;


bottom:12px;}


#banner #blog-category a{


color:#00A078;}


#banner #blog-category a:hover {


color:#1AD1A3;}


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


#navigation {


position:absolute;


top:440px;


left:780px;}


#navigation li {


float:left;


height:32px;


line-height:20px;


padding:0 15px;}


#navigation a {


font-size:25px;


color:#00A078;


font-family:標楷體;


padding-left:20px;}


#navigation a:hover {


color:#1AD1A3;}


/*--------------------------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: 330px ;


margin-top: -7px ;}


/*---------------------spotlight*/


#spotlight{


-webkit-border-radius: 10px;


-moz-border-radius: 10px;


border-radius: 10px;


margin: 20px 30px 25px 25px;


background: #E7F9F9;


padding: 10px 15px;


border:1px solid #48D1CC;}


#spotlight h5{


color:#20B2AA;


font-weight:bold;


font-size: 15px;


margin-bottom: 5px;


text-shadow:1px 1px 0 # fff;}


#spotlight-text{


color:#00503C;}


/*---------------------*/


.article{_height:1%;margin-bottom: 20px;


border-bottom:1px dotted #008080;


padding-bottom:20px;}


.article-head{


_height:1%;}


.publish {


font-size:14px;


font-family:verdana;


height: 84px;


color:#20B2AA;


text-shadow:1px 1px 0 # fff;


padding-top:0px;


padding-left:75px;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/410150414/19.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:#00503C;}


.article-content{


color:#00503C;


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: #E7F9F9;


border: 3px double #48D1CC;


padding: 10px;}


.history{}


.refer{}


.back-to-top{


text-align:right;


text-transform:uppercase;


text-shadow:1px 1px 0#00503C;}


/*--------------------------list*/


.article-area-title,


#view-mode{


color:#00503C;}


.main-list{


-webkit-border-radius: 5px;


-moz-border-radius: 5px;


border-radius: 5px;


margin: 10px;


background: #00503C;


padding: 20px;}


.main-list table{


width: 100%;}


.main-list th{


padding:5px;


border-bottom:1px solid #00503C;}


.main-list td{padding:5px;


border-bottom:1px solid #00503C;}


/*--------------------------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/367035710/33.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/367035710/34.png) no-repeat;


margin:5px auto;


}


.post-comment a {


color:#00503C;}


.post-comment a:hover{


color:#00503C;}


.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: #E7F9F9;


border:1px solid #48D1CC;


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,220,0.2); }


.post-info{color:#00503C;


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 #20B2AA;}


.post-text{


color:#00503C;


float: left;


width: 500px;}


.reply-text{


border-top:1px dashed #008080;


padding-top:5px;


color:#00503C;


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 #00503C;


margin: 0 1px;


color:#20B2AA;}


.page a:hover{


background: #E7F9F9;


border:1px solid #00503C;


color:#48D1CC;}


.page SPAN{color:#00503C;}


/*--------------------------links 側欄*/


#links{


float:right;


width: 440px;


margin-right:1px;}


#links{


color:#00503C;


border-bottom:1px dotted #fff;


width:220px ;float:left;


margin: -300px 0px 0px 10px ;}


#links a{


font-size: 16px;


color:#00503C;


border-bottom:2px dotted #87CECB;}


#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: -30px ;


margin-top: 300px ;}


.box{margin-bottom: 10px ;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/410150414/18.png) left top repeat-y;}


.box-title{


background: url(


http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/410150414/16.png) left top no-repeat;


height:45px;


font-family:華康行書體;


font-size: 1.5em ;


padding:35px 0px 0px 66px;


font-weight: bold ;color:#00503C;}


.box-text{padding:0 20px;


color:#00503C;_height: 1% ;


padding-bottom:20px;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/410150414/17.png) left bottom no-repeat;}


.box-text a{


display:block ;


padding: 2px 0px ;


color:#C675EC;}


.box-text a:hover{


background: #E7F9F9;


color:#C675EC;}


.box-more{


text-align:center;}


.box-more a{


display: inline ;


color:#00503C;}


#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:#AFEEEE;


padding:3px;


border:1px solid #00503C;}


#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: #BFEFEF;


color:#00503C;


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:#00503C;


border:1px dotted #E7F9F9;}


/*誰來我家 我去誰家語法 不需要也可自行刪除*/


/*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/


/*將這段語法貼在CSS最下面就可以囉!*/


#visitor IMG {}


#visitor .box-text li a{


height:40px;width:40px;


display:block;


MARGIN: 1px;


background:#E7F9F9; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#00503C;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: #E7F9F9;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#00503C;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:#00503C;}


input, textarea {


vertical-align: middle;


font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;


color:#00503C;


border: 3px double #48D1CC;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/367035710/54.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:#48D1CC;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/367035710/54.gif) ;


padding: 2px;width:90%;}


/*捲軸*/


HTML{scrollbar-face-color: #AFEEEE;


scrollbar-highlight-color:#FFFFFF;


scrollbar-3dlight-color: #00503C;


scrollbar-darkshadow-color: #00503C;


scrollbar-shadow-color: #FFFFFF;


scrollbar-arrow-color: #FFFFFF;


scrollbar-track-color: #E0FFFF;}


/*前文章小小圖*/


#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/410150414/20.gif);


background-repeat:no-repeat;


background-position:left center;color:#00503C;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/410150414/21.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/410150414/20.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:#00503C;}


.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/0032.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/410150414/24.jpg);


color:#00503C;line-height:150%;}


a {color:#00503C;}


a:hover {color:#20B2AA;cursor : url(http://www.geocities.jp/umod09/0011.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 #00503C;}


#authority a:hover{}


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


#container{}


#container2{


width:1350px;


margin:0 auto;


background:url (http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/410150414/24.jpg) left top repeat-y;}


#container3{}


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


#header{


overflow: hidden;


padding-left: 55px;


height: 518px;


position:relative;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/430361452/17.jpg) no-repeat;}


#login-bar{


position:absolute;


left:500px;


top:507px;


color:#fff;}


#login-bar a{


color:#00503C;}


#login-bar a:hover {


color:#fff;}


#banner{}


#banner h1{


position:absolute;


left: 220px;


top: 70px;


height:30px;


width:450px;


overflow:hidden;}


#banner h1 a{


font-size:24px;


color:#006969;


font-weight:bold;


line-height:30px;


text-shadow:1px 2px 0 # FFF;}


#banner h1 a:hover {


color:#009999;}


#banner h2{


position:absolute;


left: 220px;


top:115px;


font-size:16px;


font-size: 16;


color:#001400;


height: 120px;


width:300px;


line-height:20px;


overflow:hidden;}


#banner .skiplink{


display:none;}


#banner #blog-category{


font-size:11px;


font-size: 14px \9;


color:#00A078;


position:absolute;


right:168px;


bottom:12px;}


#banner #blog-category a{


color:#00A078;}


#banner #blog-category a:hover {


color:#1AD1A3;}


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


#navigation {


position:absolute;


top:440px;


left:780px;}


#navigation li {


float:left;


height:32px;


line-height:20px;


padding:0 15px;}


#navigation a {


font-size:25px;


color:#00A078;


font-family:標楷體;


padding-left:20px;}


#navigation a:hover {


color:#1AD1A3;}


/*--------------------------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: 110px ;


margin-top: -15px ;}


/*---------------------spotlight*/


#spotlight{


-webkit-border-radius: 10px;


-moz-border-radius: 10px;


border-radius: 10px;


margin: 20px 80px 25px 80px;


background: #E7F9F9;


padding: 10px 15px;


border:1px solid #48D1CC;}


#spotlight h5{


color:#20B2AA;


font-weight:bold;


font-size: 15px;


margin-bottom: 5px;


text-shadow:1px 1px 0 # fff;}


#spotlight-text{


color:#00503C;}


/*---------------------*/


.article{_height:1%;margin-bottom: 20px;


border-bottom:1px dotted #008080;


padding-bottom:20px;}


.article-head{


_height:1%;}


.publish {


font-size:14px;


font-family:verdana;


height: 84px;


color:#20B2AA;


text-shadow:1px 1px 0 # fff;


padding-top:0px;


padding-left:75px;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/410150414/19.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:#00503C;}


.article-content{


color:#00503C;


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: #E7F9F9;


border: 3px double #48D1CC;


padding: 10px;}


.history{}


.refer{}


.back-to-top{


text-align:right;


text-transform:uppercase;


text-shadow:1px 1px 0 #00503C;}


/*--------------------------list*/


.article-area-title,


#view-mode{


color:#00503C;}


.main-list{


-webkit-border-radius: 5px;


-moz-border-radius: 5px;


border-radius: 5px;


margin: 10px;


background: #00503C;


padding: 20px;}


.main-list table{


width: 100%;}


.main-list th{


padding:5px;


border-bottom:1px solid #00503C;}


.main-list td{padding:5px;


border-bottom:1px solid #00503C;}


/*--------------------------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/367035710/33.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/367035710/34.png) no-repeat;


margin:5px auto;


}


.post-comment a {


color:#00503C;}


.post-comment a:hover{


color:#00503C;}


.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: #E7F9F9;


border:1px solid #48D1CC;


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,200,0.2); }


.post-info{color:#00503C;


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 #20B2AA;}


.post-text{


color:#00503C;


float: left;


width: 500px;}


.reply-text{


border-top:1px dashed #008080;


padding-top:5px;


color:#00503C;


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 #00503C;


margin: 0 1px;


color:#20B2AA;}


.page a:hover{


background: #E7F9F9;


border:1px solid #00503C;


color:#48D1CC;}


.page SPAN{color:#00503C;}


/*--------------------------links 側欄*/


#links{


float:right;


width: 440px;


margin-right:-1px;}


#links{


color:#00503C;


border-bottom:1px dotted #fff;


width:220px ;float:left;


margin: 0px 30px 0px 10px ;}


#links a{


font-size: 16px;


color:#00503C;


border-bottom:2px dotted #87CECB;}


.box{margin-bottom: 10px ;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/410150414/18.png) left top repeat-y;}


.box-title{


background: url(


http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/410150414/16.png) left top no-repeat;


height:45px;


font-family:華康行書體;


font-size: 1.5em ;


padding:35px 0px 0px 64px;


font-weight: bold ;color: #00503C;}


.box-text{padding:0 20px;


color:#00503C;_height: 1% ;


padding-bottom:20px;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/410150414/17.png) left bottom no-repeat;}


.box-text a{


display:block ;


padding: 2px 0px ;


color:#C675EC;}


.box-text a:hover{


background: #E7F9F9;


color:#C675EC;}


.box-more{


text-align:center;}


.box-more a{


display: inline ;


color:#00503C;}


#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: #AFEEEE;


padding:3px;


border:1px solid #00503C;}


#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: #BFEFEF;


color:#00503C;


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:#00503C;


border:1px dotted #E7F9F9;}


/*誰來我家 我去誰家語法 不需要也可自行刪除*/


/*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/


/*將這段語法貼在CSS最下面就可以囉!*/


#visitor IMG {}


#visitor .box-text li a{


height:40px;width:40px;


display:block;


MARGIN: 1px;


background: #E7F9F9; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#00503C;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: #E7F9F9;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#00503C;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:#00503C;}


input, textarea {


vertical-align: middle;


font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;


color:#00503C;


border: 3px double #48D1CC;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/367035710/54.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:#48D1CC;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/367035710/54.gif) ;


padding: 2px;width:90%;}


/*捲軸*/


HTML{scrollbar-face-color: #AFEEEE;


scrollbar-highlight-color:#FFFFFF;


scrollbar-3dlight-color: #00503C;


scrollbar-darkshadow-color: #00503C;


scrollbar-shadow-color: #FFFFFF;


scrollbar-arrow-color: #FFFFFF;


scrollbar-track-color: #E0FFFF;}


/*前文章小小圖*/


#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/410150414/20.gif);


background-repeat:no-repeat;


background-position:left center;color:#00503C;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/410150414/21.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/410150414/20.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:#00503C;}


.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/0032.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/410150414/24.jpg);


color:#00503C;line-height:150%;}


a {color:#00503C;}


a:hover {color:#20B2AA;cursor : url(http://www.geocities.jp/umod09/0011.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 #00503C;}


#authority a:hover{}


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


#container{}


#container2{


width:1350px;


margin:0 auto;


background:url (http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/410150414/24.jpg) left top repeat-y;}


#container3{}


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


#header{


overflow: hidden;


padding-left: 55px;


height: 518px;


position:relative;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/430361452/17.jpg) no-repeat;}


#login-bar{


position:absolute;


left:500px;


top:507px;


color: #fff;}


#login-bar a{


color:#00503C;}


#login-bar a:hover {


color: #fff;}


#banner{}


#banner h1{


position:absolute;


left: 220px;


top: 70px;


height:30px;


width:450px;


overflow:hidden;}


#banner h1 a{


font-size:24px;


color:#006969;


font-weight:bold;


line-height:30px;


text-shadow:1px 2px 0 # FFF;}


#banner h1 a:hover {


color:#009999;}


#banner h2{


position:absolute;


left: 220px;


top: 115px;


font-size:16px;


font-size: 16;


color:#001400;


height: 120px;


width:300px;


line-height:20px;


overflow:hidden;}


#banner .skiplink{


display:none;}


#banner #blog-category{


font-size:11px;


font-size: 14px \9;


color:#00A078;


position:absolute;


right:168px;


bottom:12px;}


#banner #blog-category a{


color:#00A078;}


#banner #blog-category a:hover {


color:#1AD1A3;}


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


#navigation {


position:absolute;


top:440px;


left:780px;}


#navigation li {


float:left;


height:32px;


line-height:20px;


padding:0 15px;}


#navigation a {


font-size:25px;


color:#00A078;


font-family:標楷體;


padding-left:20px;}


#navigation a:hover {


color:#1AD1A3;}


/*--------------------------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: 100px ;


margin-top: -15px ;}


/*---------------------spotlight*/


#spotlight{


-webkit-border-radius: 10px;


-moz-border-radius: 10px;


border-radius: 10px;


margin: 20px 80px 25px 80px;


background: #E7F9F9;


padding: 10px 15px;


border:1px solid #48D1CC;}


#spotlight h5{


color:#20B2AA;


font-weight:bold;


font-size: 15px;


margin-bottom: 5px;


text-shadow:1px 1px 0 # fff;}


#spotlight-text{


color:#00503C;}


/*---------------------*/


.article{_height:1%;margin-bottom: 20px;


border-bottom:1px dotted #008080;


padding-bottom:20px;}


.article-head{


_height:1%;}


.publish {


font-size:14px;


font-family:verdana;


height: 84px;


color:#20B2AA;


text-shadow:1px 1px 0 # fff;


padding-top:0px;


padding-left:75px;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/410150414/19.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:#00503C;}


.article-content{


color:#00503C;


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: #E7F9F9;


border: 3px double #48D1CC;


padding: 10px;}


.history{}


.refer{}


.back-to-top{


text-align:right;


text-transform:uppercase;


text-shadow:1px 1px 0 #00503C;}


/*--------------------------list*/


.article-area-title,


#view-mode{


color:#00503C;}


.main-list{


-webkit-border-radius: 5px;


-moz-border-radius: 5px;


border-radius: 5px;


margin: 10px;


background: #00503C;


padding: 20px;}


.main-list table{


width: 100%;}


.main-list th{


padding:5px;


border-bottom:1px solid #00503C;}


.main-list td{padding:5px;


border-bottom:1px solid #00503C;}


/*--------------------------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/367035710/33.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/367035710/34.png) no-repeat;


margin:5px auto;}


.post-comment a {


color:#00503C;}


.post-comment a:hover{


color:#00503C;}


.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: #E7F9F9;


border:1px solid #48D1CC;


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,200,0.2); }


.post-info{color:#00503C;


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 #20B2AA;}


.post-text{


color:#00503C;


float: left;


width: 500px;}


.reply-text{


border-top:1px dashed #008080;


padding-top:5px;


color:#00503C;


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 #00503C;


margin: 0 1px;


color:#20B2AA;}


.page a:hover{


background: #E7F9F9;


border:1px solid #00503C;


color:#48D1CC;}


.page SPAN{color:#00503C;}


/*--------------------------links 側欄*/


#links{


float:left;


width: 440px;


margin-right:1px;}


#links{


color:#00503C;


border-bottom:1px dotted #fff;


width:220px ;


float:right;


margin: 0px 30px 0px 10px ;}


#links a{


font-size: 16px;


color:#00503C;


border-bottom:2px dotted #87CECB;}


.box{margin-bottom: 10px ;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/410150414/18.png) left top repeat-y;}


.box-title{


background: url(


http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/410150414/16.png) left top no-repeat;


height:45px;


font-family:華康行書體;


font-size: 1.5em ;


padding:35px 0px 0px 66px;


font-weight: bold ;color:#00503C;}


.box-text{padding:0 20px;


color:#00503C;_height: 1% ;


padding-bottom:20px;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/410150414/17.png) left bottom no-repeat;}


.box-text a{


display:block ;


padding: 2px 0px ;


color:#C675EC;}


.box-text a:hover{


background: #E7F9F9;


color:#C675EC;}


.box-more{


text-align:center;}


.box-more a{


display: inline ;


color:#00503C;}


#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: #AFEEEE;


padding:3px;


border:1px solid #00503C;}


#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: #BFEFEF;


color:#00503C;


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:#00503C;


border:1px dotted #E7F9F9;}


/*誰來我家 我去誰家語法 不需要也可自行刪除*/


/*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/


/*將這段語法貼在CSS最下面就可以囉!*/


#visitor IMG {}


#visitor .box-text li a{


height:40px;width:40px;


display:block;


MARGIN: 1px;


background: #E7F9F9; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#00503C;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: #E7F9F9;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#00503C;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:#00503C;}


input, textarea {


vertical-align: middle;


font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;


color:#00503C;


border: 3px double #48D1CC;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/367035710/54.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:#48D1CC;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/367035710/54.gif) ;


padding: 2px;width:90%;}


/*捲軸*/


HTML{scrollbar-face-color:#AFEEEE;


scrollbar-highlight-color:#FFFFFF;


scrollbar-3dlight-color: #00503C;


scrollbar-darkshadow-color: #00503C;


scrollbar-shadow-color: #FFFFFF;


scrollbar-arrow-color: #FFFFFF;


scrollbar-track-color: #E0FFFF;}


/*前文章小小圖*/


#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/410150414/20.gif);


background-repeat:no-repeat;


background-position:left center;color:#00503C;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/410150414/21.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/410150414/20.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:#00503C;}


.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;}


 




 


 星兒2  


 


 




(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(0) 人氣(6)

  • 個人分類:部落版型
▲top
  • 4月 24 週日 201619:23
  • 我在七彩橋的那頭等你 - 星兒的版型製作 No.47

我在七彩橋的那頭等你三欄位


我在七彩橋的那頭等你三欄位  


三欄位版型語法:




/*---------你可能有興趣的文章此段不需要可自行刪除即可--------------*/


#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/0174.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/316450037/22.gif);


color:#008700;line-height:150%;}


a {color:#008700;}


a:hover {color:#1AA31A;cursor : url(http://www.geocities.jp/umod09/0213.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 #008700;}


#authority a:hover{}


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


#container{}


#container2{


width:1350px;


margin:0 auto;


background:url (http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/22.gif) left top repeat-y;}


#container3{}


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


#header{


overflow: hidden;


padding-left: 55px;


height: 527px;


position:relative;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316446164/7.jpg) no-repeat;}


#login-bar{


position:absolute;


left:500px;


top:507px;


color:#fff;}


#login-bar a{


color:#008700;}


#login-bar a:hover {


color:#fff;}


#banner{}


#banner h1{


position:absolute;


left: 860px;


top: 177px;


height:30px;


width:450px;


overflow:hidden;}


#banner h1 a{


font-size:24px;


color:#009900;


font-weight:bold;


line-height:30px;


text-shadow:1px 2px 0# FFF;}


#banner h1 a:hover {


color:#34AD34;}


#banner h2{


position:absolute;


left:860px;


top:220px;


font-size:16px;


font-size: 16;


color:#008700 ;


height: 120px;


width:300px;


line-height:20px;


overflow:hidden;}


#banner .skiplink{


display:none;}


#banner #blog-category{


font-size:11px;


font-size: 14px \9;


color:#009900;


position:absolute;


right:140px;


bottom:18px;}


#banner #blog-category a{


color:#009900;}


#banner #blog-category a:hover {


color:#34AD34;}


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


#navigation {


position:absolute;


top:480px;


left:70px;}


#navigation li {


float:left;


height:32px;


line-height:20px;


padding:0 15px;}


#navigation a {


font-size:25px;


color:#009900;


font-family:標楷體;


padding-left:20px;}


#navigation a:hover {


color:#34AD34;}


/*--------------------------main中間*/


#main{


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/22.gif) 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: #DEFFE9;


padding: 10px 15px;


border:1px solid#68E068;}


#spotlight h5{


color:#00B400;


font-weight:bold;


font-size: 15px;


margin-bottom: 5px;


text-shadow:1px 1px 0 # fff;}


#spotlight-text{


color:#008700;}


/*---------------------*/


.article{_height:1%;margin-bottom: 20px;


border-bottom:1px dotted #007800;


padding-bottom:20px;}


.article-head{


_height:1%;}


.publish {


font-size:14px;


font-family:verdana;


height: 104px;


color:#00B400;


text-shadow:1px 1px 0 # fff;


padding-top:0px;


padding-left:45px;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/31.gif) no-repeat;}


.time{display:none;}


.title{_height:1%;padding:5px 10px;}


.title a{color:#009900;


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:#34AD34;}


/*-----------------------article-body*/


.article-body{


margin: 10px 10px;


text-align:right;


color:#008700;}


.article-content{


color:#008700;


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: #DEFFE9;


border: 3px double #68E068;


padding: 10px;}


.history{}


.refer{}


.back-to-top{


text-align:right;


text-transform:uppercase;


text-shadow:1px 1px 0#008700;}


/*--------------------------list*/


.article-area-title,


#view-mode{


color:#008700;}


.main-list{


-webkit-border-radius: 5px;


-moz-border-radius: 5px;


border-radius: 5px;


margin: 10px;


background: #008700;


padding: 20px;}


.main-list table{


width: 100%;}


.main-list th{


padding:5px;


border-bottom:1px solid #008700;}


.main-list td{padding:5px;


border-bottom:1px solid #008700;}


/*--------------------------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/316450037/24.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/316450037/19.png) no-repeat;


margin:5px auto;


}


.post-comment a {


color:#008700;}


.post-comment a:hover{


color:#008700;}


.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: #DEFFE9;


border:1px solid #68E068;


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,200,0.2); }


.post-info{color:#008700;


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 #00B400;}


.post-text{


color:#008700;


float: left;


width: 500px;}


.reply-text{


border-top:1px dashed #00B400;


padding-top:5px;


color:#008700;


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 #008700;


margin: 0 1px;


color:#008700;}


.page a:hover{


background: #D0FFD0;


border:1px solid #008700;


color:#00CC00;}


.page SPAN{color:#008700;}


/*--------------------------links 側欄*/


#links{


float:right;


width: 440px;


margin-right:1px;}


#links{


color:#008700;


border-bottom:1px dotted #fff;


width:220px ;float:left;


margin: -300px 0px 0px 10px ;}


#links a{


font-size: 16px;


color:#008700;


border-bottom:2px dotted #1AFF1A;}


#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: -30px ;


margin-top: 300px ;}


.box{margin-bottom: 10px ;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/12.png) left top repeat-y;}


.box-title{


background: url(


http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/13.png) left top no-repeat;


height:45px;


font-family:華康行書體;


font-size: 1.5em ;


padding:35px 0px 0px 66px;


font-weight: bold ;color:#008700;}


.box-text{padding:0 20px;


color:#008700;_height: 1% ;


padding-bottom:20px;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/11.png) left bottom no-repeat;}


.box-text a{


display:block ;


padding: 2px 0px ;


color:#C675EC;}


.box-text a:hover{


background: #DEFFE9;


color:#C675EC;}


.box-more{


text-align:center;}


.box-more a{


display: inline ;


color:#008700;}


#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:#9CFF9C;


padding:3px;


border:1px solid #008700;}


#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: #D0FFD0;


color:#008700;


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:#008700;


border:1px dotted #DEFFE9;}


/*誰來我家 我去誰家語法 不需要也可自行刪除*/


/*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/


/*將這段語法貼在CSS最下面就可以囉!*/


#visitor IMG {}


#visitor .box-text li a{


height:40px;width:40px;


display:block;


MARGIN: 1px;


background:#DEFFE9; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#008700;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: #DEFFE9;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#008700;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/316450037/22.gif) no-repeat;


padding-top:30px;


height:40px;


text-align: center;}


#footer p{}


#bottom ,


#bottom a{


color:#008700;}


input, textarea {


vertical-align: middle;


font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;


color:#008700;


border: 3px double #68E068;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/23.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:#68E068;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/23.gif) ;


padding: 2px;width:90%;}


/*捲軸*/


HTML{scrollbar-face-color: #D0FFD0;


scrollbar-highlight-color:#FFFFFF;


scrollbar-3dlight-color: #008700;


scrollbar-darkshadow-color: #008700;


scrollbar-shadow-color: #FFFFFF;


scrollbar-arrow-color: #FFFFFF;


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/316450037/30.gif);


background-repeat:no-repeat;


background-position:left center;color:#008700;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/316450037/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/316450037/30.gif);


background-repeat:no-repeat}


padding-left:25px


/*---------不需要可自行刪除即可--------------*/


/*------------文章下方廣告無動態----------------*/


#content .recommended-posts {display:none;}


#blog468x60Banner{display:none !important;}


/*--------------隱藏痞客邦的 MIB 廣告 --------------*/


#links-row-1 >gt; div { z-index:5; }


#links-row-1 > div:first-child {


margin-top: -999em; position:absolute; z-index:0; }


/*--------------------------單篇人氣 顏色調整*/


.author span {


color:#008700;}


.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/0174.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/316450037/22.gif);


color:#008700;line-height:150%;}


a {color:#008700;}


a:hover {color:#1AA31A;cursor : url(http://www.geocities.jp/umod09/0213.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 #008700;}


#authority a:hover{}


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


#container{}


#container2{


width:1350px;


margin:0 auto;


background:url (http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/22.gif) left top repeat-y;}


#container3{}


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


#header{


overflow: hidden;


padding-left: 55px;


height: 527px;


position:relative;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316446164/7.jpg) no-repeat;}


#login-bar{


position:absolute;


left:500px;


top:507px;


color:#fff;}


#login-bar a{


color:#008700;}


#login-bar a:hover {


color:#fff;}


#banner{}


#banner h1{


position:absolute;


left: 860px;


top: 177px;


height:30px;


width:450px;


overflow:hidden;}


#banner h1 a{


font-size:24px;


color:#009900;


font-weight:bold;


line-height:30px;


text-shadow:1px 2px 0 # FFF;}


#banner h1 a:hover {


color:#00A078;}


#banner h2{


position:absolute;


left: 860px;


top:220px;


font-size:16px;


font-size: 16;


color:#008700;


height: 120px;


width:300px;


line-height:20px;


overflow:hidden;}


#banner .skiplink{


display:none;}


#banner #blog-category{


font-size:11px;


font-size: 14px \9;


color:#009900;


position:absolute;


right:140px;


bottom:18px;}


#banner #blog-category a{


color:#009900;}


#banner #blog-category a:hover {


color:#34AD34;}


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


#navigation {


position:absolute;


top:480px;


left:70px;}


#navigation li {


float:left;


height:32px;


line-height:20px;


padding:0 15px;}


#navigation a {


font-size:25px;


color:#009900;


font-family:標楷體;


padding-left:20px;}


#navigation a:hover {


color:#34AD34;}


/*--------------------------main中間*/


#main{


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/22.gif) 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: 105px ;


margin-top: -15px ;}


/*---------------------spotlight*/


#spotlight{


-webkit-border-radius: 10px;


-moz-border-radius: 10px;


border-radius: 10px;


margin: 20px 80px 25px 80px;


background: #DEFFE9;


padding: 10px 15px;


border:1px solid #68E068;}


#spotlight h5{


color:#00B400;


font-weight:bold;


font-size: 15px;


margin-bottom: 5px;


text-shadow:1px 1px 0 # fff;}


#spotlight-text{


color:#008700;}


/*---------------------*/


.article{_height:1%;margin-bottom: 20px;


border-bottom:1px dotted #007800;


padding-bottom:20px;}


.article-head{


_height:1%;}


.publish {


font-size:14px;


font-family:verdana;


height: 104px;


color:#00B400;


text-shadow:1px 1px 0 # fff;


padding-top:0px;


padding-left:45px;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/31.gif) no-repeat;}


.time{display:none;}


.title{_height:1%;padding:5px 10px;}


.title a{color:#009900;


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:#34AD34;}


/*-----------------------article-body*/


.article-body{


margin: 10px 10px;


text-align:right;


color:#008700;}


.article-content{


color:#008700;


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: #DEFFE9;


border: 3px double #68E068;


padding: 10px;}


.history{}


.refer{}


.back-to-top{


text-align:right;


text-transform:uppercase;


text-shadow:1px 1px 0 #008700;}


/*--------------------------list*/


.article-area-title,


#view-mode{


color:#008700;}


.main-list{


-webkit-border-radius: 5px;


-moz-border-radius: 5px;


border-radius: 5px;


margin: 10px;


background: #008700;


padding: 20px;}


.main-list table{


width: 100%;}


.main-list th{


padding:5px;


border-bottom:1px solid #008700;}


.main-list td{padding:5px;


border-bottom:1px solid #008700;}


/*--------------------------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/316450037/24.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/316450037/19.png) no-repeat;


margin:5px auto;


}


.post-comment a {


color:#008700;}


.post-comment a:hover{


color:#008700;}


.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: #DEFFE9;


border:1px solid #68E068;


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,200,0.2); }


.post-info{color:#008700;


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 #00B400;}


.post-text{


color:#008700;


float: left;


width: 500px;}


.reply-text{


border-top:1px dashed #00B400;


padding-top:5px;


color:#008700;


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 #008700;


margin: 0 1px;


color:#008700;}


.page a:hover{


background: #D0FFD0;


border:1px solid #008700;


color:#00CC00;}


.page SPAN{color:#008700;}


/*--------------------------links 側欄*/


#links{


float:right;


width: 440px;


margin-right:-1px;}


#links{


color:#008700;


border-bottom:1px dotted #fff;


width:220px ;float:left;


margin: 0px 30px 0px 10px ;}


#links a{


font-size: 16px;


color:#008700;


border-bottom:2px dotted #1AFF1A;}


.box{margin-bottom: 10px ;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/12.png) left top repeat-y;}


.box-title{


background: url(


http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/13.png) left top no-repeat;


height:45px;


font-family:華康行書體;


font-size: 1.5em ;


padding:35px 0px 0px 66px;


font-weight: bold ;color: #008700;}


.box-text{padding:0 20px;


color:#008700;_height: 1% ;


padding-bottom:20px;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/11.png) left bottom no-repeat;}


.box-text a{


display:block ;


padding: 2px 0px ;


color:#C675EC;}


.box-text a:hover{


background: #DEFFE9;


color:#C675EC;}


.box-more{


text-align:center;}


.box-more a{


display: inline ;


color:#008700;}


#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: #9CFF9C;


padding:3px;


border:1px solid #008700;}


#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: #D0FFD0;


color:#008700;


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:#008700;


border:1px dotted #DEFFE9;}


/*誰來我家 我去誰家語法 不需要也可自行刪除*/


/*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/


/*將這段語法貼在CSS最下面就可以囉!*/


#visitor IMG {}


#visitor .box-text li a{


height:40px;width:40px;


display:block;


MARGIN: 1px;


background: #DEFFE9; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#008700;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: #DEFFE9;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#008700;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/316450037/22.gif) no-repeat;


padding-top:30px;


height:40px;


text-align: center;}


#footer p{}


#bottom ,


#bottom a{


color:#008700;}


input, textarea {


vertical-align: middle;


font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;


color:#008700;


border: 3px double #68E068;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/23.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:#68E068;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/23.gif) ;


padding: 2px;width:90%;}


/*捲軸*/


HTML{scrollbar-face-color: #D0FFD0;


scrollbar-highlight-color:#FFFFFF;


scrollbar-3dlight-color: #008700;


scrollbar-darkshadow-color: #008700;


scrollbar-shadow-color: #FFFFFF;


scrollbar-arrow-color: #FFFFFF;


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/316450037/30.gif);


background-repeat:no-repeat;


background-position:left center;color:#008700;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/316450037/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/316450037/30.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:#008700;}


.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/0174.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/316450037/22.gif);


color:#008700;line-height:150%;}


a {color:#008700;}


a:hover {color:#1AA31A;cursor : url(http://www.geocities.jp/umod09/0213.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 #008700;}


#authority a:hover{}


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


#container{}


#container2{


width:1350px;


margin:0 auto;


background:url (http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/22.gif) left top repeat-y;}


#container3{}


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


#header{


overflow: hidden;


padding-left: 55px;


height: 527px;


position:relative;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316446164/7.jpg) no-repeat;}


#login-bar{


position:absolute;


left:500px;


top:507px;


color: #fff;}


#login-bar a{


color:#008700;}


#login-bar a:hover {


color: #fff;}


#banner{}


#banner h1{


position:absolute;


left: 860px;


top: 177px;


height:30px;


width:450px;


overflow:hidden;}


#banner h1 a{


font-size:24px;


color:#009900;


font-weight:bold;


line-height:30px;


text-shadow:1px 2px 0 # FFF;}


#banner h1 a:hover {


color:#34AD34;}


#banner h2{


position:absolute;


left: 860px;


top: 220px;


font-size:16px;


font-size: 16;


color:#008700;


height: 120px;


width:300px;


line-height:20px;


overflow:hidden;}


#banner .skiplink{


display:none;}


#banner #blog-category{


font-size:11px;


font-size: 14px \9;


color:#009900;


position:absolute;


right:140px;


bottom:18px;}


#banner #blog-category a{


color:#009900;}


#banner #blog-category a:hover {


color:#34AD34;}


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


#navigation {


position:absolute;


top:480px;


left:70px;}


#navigation li {


float:left;


height:32px;


line-height:20px;


padding:0 15px;}


#navigation a {


font-size:25px;


color:#009900;


font-family:標楷體;


padding-left:20px;}


#navigation a:hover {


color:#34AD34;}


/*--------------------------main中間*/


#main{


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/22.gif) 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: 102px ;


margin-top: -15px ;}


/*---------------------spotlight*/


#spotlight{


-webkit-border-radius: 10px;


-moz-border-radius: 10px;


border-radius: 10px;


margin: 20px 80px 25px 80px;


background: #DEFFE9;


padding: 10px 15px;


border:1px solid #68E068;}


#spotlight h5{


color:#00B400;


font-weight:bold;


font-size: 15px;


margin-bottom: 5px;


text-shadow:1px 1px 0 # fff;}


#spotlight-text{


color:#008700;}


/*---------------------*/


.article{_height:1%;margin-bottom: 20px;


border-bottom:1px dotted #007800;


padding-bottom:20px;}


.article-head{


_height:1%;}


.publish {


font-size:14px;


font-family:verdana;


height: 104px;


color:#00B400;


text-shadow:1px 1px 0 # fff;


padding-top:0px;


padding-left:45px;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/31.gif) no-repeat;}


.time{display:none;}


.title{_height:1%;padding:5px 10px;}


.title a{color:#009900;


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:#34AD34;}


/*-----------------------article-body*/


.article-body{


margin: 10px 10px;


text-align:right;


color:#008700;}


.article-content{


color:#008700;


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: #DEFFE9;


border: 3px double #68E068;


padding: 10px;}


.history{}


.refer{}


.back-to-top{


text-align:right;


text-transform:uppercase;


text-shadow:1px 1px 0 #008700;}


/*--------------------------list*/


.article-area-title,


#view-mode{


color:#008700;}


.main-list{


-webkit-border-radius: 5px;


-moz-border-radius: 5px;


border-radius: 5px;


margin: 10px;


background: #008700;


padding: 20px;}


.main-list table{


width: 100%;}


.main-list th{


padding:5px;


border-bottom:1px solid #008700;}


.main-list td{padding:5px;


border-bottom:1px solid #008700;}


/*--------------------------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/316450037/24.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/316450037/19.png) no-repeat;


margin:5px auto;}


.post-comment a {


color:#008700;}


.post-comment a:hover{


color:#008700;}


.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: #DEFFE9;


border:1px solid #68E068;


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,200,0.2); }


.post-info{color:#008700;


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 #00B400;}


.post-text{


color:#008700;


float: left;


width: 500px;}


.reply-text{


border-top:1px dashed #00B400;


padding-top:5px;


color:#008700;


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 #008700;


margin: 0 1px;


color:#008700;}


.page a:hover{


background: #D0FFD0;


border:1px solid #008700;


color:#00CC00;}


.page SPAN{color:#008700;}


/*--------------------------links 側欄*/


#links{


float:left;


width: 440px;


margin-right:1px;}


#links{


color:#008700;


border-bottom:1px dotted #fff;


width:220px ;


float:right;


margin: 0px 30px 0px 10px ;}


#links a{


font-size: 16px;


color:#008700;


border-bottom:2px dotted #1AFF1A;}


.box{margin-bottom: 10px ;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/12.png) left top repeat-y;}


.box-title{


background: url(


http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/13.png) left top no-repeat;


height:45px;


font-family:華康行書體;


font-size: 1.5em ;


padding:35px 0px 0px 66px;


font-weight: bold ;color:#008700;}


.box-text{padding:0 20px;


color:#008700;_height: 1% ;


padding-bottom:20px;


background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/11.png) left bottom no-repeat;}


.box-text a{


display:block ;


padding: 2px 0px ;


color:#C675EC;}


.box-text a:hover{


background: #DEFFE9;


color:#C675EC;}


.box-more{


text-align:center;}


.box-more a{


display: inline ;


color:#008700;}


#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: #9CFF9C;


padding:3px;


border:1px solid #008700;}


#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: #D0FFD0;


color:#008700;


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:#008700;


border:1px dotted #DEFFE9;}


/*誰來我家 我去誰家語法 不需要也可自行刪除*/


/*此語法只有pixnet可以用,請不要擅自亂改語法及圖片喔!*/


/*將這段語法貼在CSS最下面就可以囉!*/


#visitor IMG {}


#visitor .box-text li a{


height:40px;width:40px;


display:block;


MARGIN: 1px;


background: #DEFFE9; no-repeat center center;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#008700;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: #DEFFE9;no-repeat center center;no-repeat 0% 0%;padding:1px 1px 1px 1px;margin-double:1px;COLOR:#008700;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/316450037/22.gif) no-repeat;


padding-top:30px;


height:40px;


text-align: center;}


#footer p{}


#bottom ,


#bottom a{


color:#008700;}


input, textarea {


vertical-align: middle;


font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em;


color:#008700;


border: 3px double #68E068;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/23.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:#68E068;


background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/316450037/23.gif) ;


padding: 2px;width:90%;}


/*捲軸*/


HTML{scrollbar-face-color:#D0FFD0;


scrollbar-highlight-color:#FFFFFF;


scrollbar-3dlight-color: #008700;


scrollbar-darkshadow-color: #008700;


scrollbar-shadow-color: #FFFFFF;


scrollbar-arrow-color: #FFFFFF;


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/316450037/30.gif);


background-repeat:no-repeat;


background-position:left center;color:#008700;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/316450037/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/316450037/30.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:#008700;}


.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;}


 




 


星兒2  




(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(3) 人氣(41)

  • 個人分類:部落版型
▲top
  • 11月 05 週四 201510:34
  • 思過崖之默淚問情蜜戀版(三欄首作)










#content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} body{font-family: arial, verdana, Helvetica, sans-serif;-webkit-text-size-adjust:none;cursor:url(), 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;} body {font-size:15px;background:url(http://www.imageshack.com/scaled/large/262/90555322.gif); color:#fff;line-height:150%;} a {color:#3300dd;} a:hover {color:#ffffff;cursor : url(), pointer;} #body-div{} #authority{border-bottom:1px dashed #FFF; text-align: center; padding:5px 0;} #authority a{ margin:0 5px; text-shadow:1px 1px 0 #3300dd;} #authority a:hover{} #container{} #container2{ width: 1280px; margin:0 auto; background:url (http://www.imageshack.com/scaled/large/262/90555322.gif) left top repeat-y;} #container3{} #header{ height: 504px; overfloheight: 500px; padding-left: 55px; w:hidden; position:relative; background:url(http://6.share.photo.xuite.net/weimicozoe/16d8176/5080174/196334856_x.jpg) no-repeat;} #login-bar{ position:absolute; left:500px; top:0px; color:#fff;} #login-bar a{ color:# 3300dd;} #login-bar a:hover { color:#fff;} #banner{} #banner h1{ position:absolute; left: 350px; top: 50px; height:30px; width:250px; overflow:hidden;} #banner h1 a{ font-size:25px; color:# 3300dd; font-weight:bold; line-height:20px; text-shadow:1px 2px 0 #FFF;} #banner h1 a:hover { color:#ffffff;} #banner h2{ position:absolute; left:350px; top: 100px; font-size:14px; color:# 3300dd; height: 120px; width:300px; line-height:20px; overflow:hidden;} #banner .skiplink{ display:none;} #banner #blog-category{ font-size:11px; font-size: 14px; color:# 3300dd; position:absolute; right:800px; bottom:20px;} #banner #blog-category a{ color:# 3300dd;} #banner #blog-category a:hover { color:#fff;} #navigation { position:absolute; top:350px; left:150px; } #navigation li { float:left; border-left:2px solid #ccc; border-bottom: 3px dashed #ccc; border-right:2px solid #ccc; border-top: 3px dashed #ccc; height:32px; line-height:30px; padding:0 15px; } #navigation a { font-size:15px; color:#fff; font-family:標楷體; padding-left:25px; } #navigation a:hover { color:#D4EBE4; } #navigation li#link-album a { background:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/2-39.gif) 0px 1px no-repeat; } #navigation li#link-blog a { background:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/2-39.gif) 0px 1px no-repeat; } #navigation li#link-guestbook a { background:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/2-39.gif) 0px 1px no-repeat; } #navigation li#link-profile a { background:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/2-39.gif) 0px 1px no-repeat; } #main{ background:url(http://www.imageshack.com/scaled/large/262/90555322.gif) no-repeat; overflow: hidden; _overflow: none; _height: 1%; padding: 20px 20px;} #content{width:650px ; float:left ; background:#fff ; background:url() repeat; margin:0 auto; margin-left: 270px ; margin-top: -10px ;} #spotlight{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px 10px 30px 10px; background:#000; padding: 10px 15px; border:1px solid #3300dd;} #spotlight h5{ color:# 3300dd; font-weight:bold; font-size: 15px; margin-bottom: 5px; text-shadow:1px 1px 0 #fff;} #spotlight-text{ color:#fff;} .article{_height:1%;margin-bottom: 20px; border-bottom:1px dotted #3300dd; padding-bottom:20px;} .article-head{ _height:1%;} .publish { font-size:14px; font-family:verdana; height: 50px; color:#fff; text-shadow:1px 1px 0 #3300dd; padding-top:10px; padding-left:50px; background:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/a1976e6d.gif) no-repeat;} .time{display:none;} .title{_height:1%;padding:5px 10px;} .title a{color: #3300dd; font-weight: bold; font-weight:bolder; font-family:標楷體; font-size:20px; text-shadow:0px 0px 0 #3300dd;} .title img{display: none;} .title a img{display: inilne} .title a:hover {color:#fff;} .article-body{ margin: 10px 10px; text-align:right; color:#fff;} .article-content{ color:#fff; margin: 10px 0; text-align: left;} .article-content .more { margin: 20px 20px 50px 20px; float: right; font-style: 標楷體; display: block; width: 100px; height: 30px; padding-top: 10px; background: url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/10-8.gif) right no-repeat; } .more a{ font-size: 10px; color:# 3300dd; } .more a:hover{color:#fff; } .bookmark{} .author{} .forward{} .article-footer{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background:#000; border: 3px double #3300dd; padding: 10px;} .history{} .refer{} .back-to-top{ text-align:right; text-transform:uppercase; text-shadow:1px 1px 0 #000;} .article-area-title, #view-mode{ color:# 3300dd;} #recent-article .box-text{padding-left:10px;padding-bottom:100px;} #recent-article li { background-image:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/2-39.gif); background-repeat:no-repeat; background-position:left top; padding-top: 5px; padding-bottom:10px; padding-left:15px; line-height: 30px; border-bottom: 2px dashed #ffffff;} #recent-article li a:hover { color: #fff; background: url(http://www.imageshack.com/scaled/large/217/78527656.gif) } #hot-article li { background-image:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/2-39.gif); background-repeat:no-repeat; background-position:left; font-size: 16px; padding-left: 20px; line-height: 25px; border-bottom: 2px dashed #ffffff;} #hot-article li a:hover { color: #fff; background: url(http://www.imageshack.com/scaled/large/217/78527656.gif) } .main-list{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background:# 3300dd; 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;} #trackback-box{} #comment-box{} .user-post-box{ _height:1%;margin-bottom: 30px;} .user-post-title { color: #ffffff; background:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/line01_10_zps21e77705.gif) center no-repeat; font-size:14pt; font-weight: bold; margin: 10 auto; padding-bottom: 20px; padding-left:20px; } #comment-box .user-post-title { color: #ffffff; background:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/line01_10_zps21e77705.gif) center no-repeat; font-size:14pt; font-weight: bold; margin: 10 auto; padding-bottom: 20px; padding-left: 20px; } .post-comment { font-size: 25px; font-weight:900; font-style: italic; display:block; width:190px; height: 190px; letter-spacing: 0.2em; line-height:90px; text-indent:35px; background: url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/sunflowers_zpsec8b9ab3.gif) no-repeat; margin:5px auto; } .post-comment a { color: #ff3300;} .post-comment a:hover{ color: #ffffff;} .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:#000; border:1px solid #3300dd;} .post-info{color:# 3300dd; font-size:14px; font-family: tahoma;font-weight:bold; margin-bottom: 5px; text-shadow:1px 1px 0 #fff; float: left; width: 600px;} li.post-photo img { width:80px; height:80px; border:1px dotted #fff; border-top:1px dotted #fff; border-left:1px dotted #fff; background:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/6-16.gif); background:#; padding:4px; } .reply-text { clear:both; color:#000; font-size: 12pt; padding:5px 20px 0px; background: url(http://www.imageshack.com/scaled/large/96/22454217.jpg); border: 1px dashed #bbb; margin: 10px; } .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 ;} .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 #3300dd; margin: 0 1px; color:#FFF;} .page a:hover{ background:# 3300dd; border:1px solid #3300dd; color:#fff;} .page SPAN{color:# 3300dd;} #links{ float:right; width: 440px; margin-right:1px;} #links{ color: #7249fe; border-bottom:1px dotted #fff; width:180px ;float:left; margin: -300px 0px 0px 10px ;} #links a{ font-size: 14px; color:#ffffff; border-bottom:1px dotted #fff;} #links-row-1{width:180px ; float:left ; background-image: url(); background-repeat: repeat; position:relative ; margin-left: -890px ; margin-top: 300px ;} #links-row-2{ width:180px ; float:right ; background-image: url(); background-repeat: repeat; margin-right: -30px ; margin-top: 300px ;} .box{margin-bottom: 10px ; background:url(http://img179.imageshack.us/img179/6213/62050050.jpg) left top repeat-y;} .box-title{ background: url( http://i1232.photobucket.com/albums/ff377/weimicozoe1216/2-68.jpg) left top no-repeat; height:80px; font-family:標楷體; font-size: 1.5em ; padding:45px 0px 0px 30px; font-weight: bold ;color:# 3300dd;} .box-text{padding:0 20px; color:#fff;_height: 1% ; padding-bottom:20px; background:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/2-69.jpg) left bottom no-repeat;} .box-text a{ display:block ; padding: 2px 0px ; color:#C675EC;} .box-text a:hover{ background:url(http://www.imageshack.com/scaled/large/217/78527656.gif); color:#ffffff;} .box-more{ text-align:center;} .box-more a{ display: inline ; color:#FFF ;} #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:#FFF; padding:3px; border:1px solid #FFF;} #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:# 3300dd; color:#fff; 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 #3300dd;} #visitor IMG {} #visitor{} #visitor ul,#crumb ul{ overflow: hidden;_overflow: none;_height: 1%; margin-bottom:5px;} #visitor li,#crumb li{ float:left; line-height:0; margin:1px;} #visitor li img,#crumb li img{ width: 50px; height:50px; border:1px solid #fff;} #visitor .box-text li a{ height:45px;width:45px;display:block;MARGIN: 1px; background:url(http://img46.imageshack.us/img46/3561/99249208.gif);border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;} #visitor .box-text li a:hover {background:none;} #visitor .box-text li a img{visibility:hidden;height:45px;width:45px;} #visitor .box-text li a:hover img {visibility:visible;height:45px;width:45px} #visitor .box-text li { float: left;padding-left:4px;} #visitor .box-more {clear:both;} #crumb li img { width:45px; height:45px;} #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{ clear:both; background:url() no-repeat; padding-top:30px; height:40px; text-align: center;} #footer p{} #bottom , #bottom a{ color:# 3300dd;} input, textarea { vertical-align: middle; font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em; color:#ffffff; border: 3px double # ffffff; background-image:url(http://www.imageshack.com/scaled/large/96/22454217.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: # ffffff; background-image:url(http://www.imageshack.com/scaled/large/96/22454217.jpg) ; padding: 2px;width:80%;} HTML{scrollbar-face-color:#000; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#3300dd; scrollbar-darkshadow-color:# 3300dd; scrollbar-shadow-color:#FFFFFF; scrollbar-arrow-color:#ffffff; scrollbar-track-color:# 3300dd;} #category .box-text h6 img{display:none;} #category .box-text h6 { background-image:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/2-39.gif); background-repeat:no-repeat; background-position:left center; padding-left:25px; font-size: 16px; } #category .box-text li a{ background-image:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/2-39.gif); background-repeat:no-repeat; background-position:left; padding-left:20px; } #category .box-text li a:hover{ background-image:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/acf4a06d.gif); background-repeat:no-repeat; } /*------------文章下方廣告無動態----------------*/ #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: #3300dd;}











本文引用自weimicozoe1216 - 思過崖之默淚問情蜜戀版(三欄首作)




(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(0) 人氣(8)

  • 個人分類:部落版型
▲top
  • 11月 05 週四 201510:29
  • 思過崖之默淚問情虐心版











10px;">#content .recommended-posts {display:none;} #blog468x60Banner{display:none !important;} body{font-family: arial, verdana, Helvetica, sans-serif;-webkit-text-size-adjust:none;cursor:url(), 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;} body {font-size:15px;background:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/6.gif); color:#fff;line-height:150%;} a {color:#3300dd;} a:hover {color:#ffffff;cursor : url(), pointer;} #body-div{} #authority{border-bottom:1px dashed #FFF; text-align: center; padding:5px 0;} #authority a{ margin:0 5px; text-shadow:1px 1px 0 #3300dd;} #authority a:hover{} #container{} #container2{ width: 1200px; margin:0 auto; background:url (http://i1232.photobucket.com/albums/ff377/weimicozoe1216/6.gif) left top repeat-y;} #container3{} #header{ height: 895px; overfloheight: 500px; padding-left: 55px; w:hidden; position:relative; background:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/84754_526F672C_526F672C_zps08ea855d.jpg~original) no-repeat;} #login-bar{ position:absolute; left:500px; top:0px; color:#fff;} #login-bar a{ color:# 3300dd;} #login-bar a:hover { color:#fff;} #banner{} #banner h1{ position:absolute; left: 350px; top: 50px; height:30px; width:250px; overflow:hidden;} #banner h1 a{ font-size:25px; color:# 3300dd; font-weight:bold; line-height:20px; text-shadow:1px 2px 0 #FFF;} #banner h1 a:hover { color:#ffffff;} #banner h2{ position:absolute; left:350px; top: 100px; font-size:14px; color:# 3300dd; height: 120px; width:300px; line-height:20px; overflow:hidden;} #banner .skiplink{ display:none;} #banner #blog-category{ font-size:11px; font-size: 14px; color:# 3300dd; position:absolute; right:800px; bottom:20px;} #banner #blog-category a{ color:# 3300dd;} #banner #blog-category a:hover { color:#fff;} #navigation { position:absolute; top:350px; left:150px; } #navigation li { float:left; border-left:2px solid #0b850e; border-bottom: 3px dashed #0b850e; border-right:2px solid #0b850e; border-top: 3px dashed #0b850e; height:40px; line-height:30px; padding:0 15px; } #navigation a { font-size:25px; color:# 0b850e; font-family:標楷體; padding-left:25px; } #navigation a:hover { color:# 0b850e; } #navigation li#link-album a { background:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/2-39.gif) 0px 1px no-repeat; } #navigation li#link-blog a { background:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/2-39.gif) 0px 1px no-repeat; } #navigation li#link-guestbook a { background:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/2-39.gif) 0px 1px no-repeat; } #navigation li#link-profile a { background:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/2-39.gif) 0px 1px no-repeat; } #main{ background:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/6.gif) no-repeat; overflow: hidden; _overflow: none; _height: 1%; padding: 20px 20px;} #content{width:650px ; float:left ; background:#fff ; background:url() repeat; margin:0 auto; margin-left: 270px ; margin-top: -10px ;} #spotlight{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 0px 10px 30px 10px; background:#000; padding: 10px 15px; border:1px solid #3300dd;} #spotlight h5{ color:# 3300dd; font-weight:bold; font-size: 15px; margin-bottom: 5px; text-shadow:1px 1px 0 #fff;} #spotlight-text{ color:#fff;} .article{_height:1%;margin-bottom: 20px; border-bottom:1px dotted #3300dd; padding-bottom:20px;} .article-head{ _height:1%;} .publish { font-size:14px; font-family:verdana; height: 50px; color:#fff; text-shadow:1px 1px 0 #3300dd; padding-top:34px; padding-left:25px; background:url(http://img62.imageshack.us/img62/6871/38063429.png) no-repeat;} .time{display:none;} .title{_height:1%;padding:5px 10px;} .title a{color: #3300dd; font-weight: bold; font-weight:bolder; font-family:標楷體; font-size:20px; text-shadow:0px 0px 0 #3300dd;} .title img{display: none;} .title a img{display: inilne} .title a:hover {color:#fff;} .article-body{ margin: 10px 10px; text-align:right; color:#fff;} .article-content{ color:#fff; margin: 10px 0; text-align: left;} .article-content .more { margin: 20px 20px 50px 20px; float: right; font-style: 標楷體; display: block; width: 100px; height: 30px; padding-top:10px; background: url(http://img62.imageshack.us/img62/6871/38063429.png) right no-repeat; } .more a{ font-size: 10px; color:# 3300dd; } .more a:hover{color:#fff; } .bookmark{} .author{} .forward{} .article-footer{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background:#000; border: 3px double #3300dd; padding: 10px;} .history{} .refer{} .back-to-top{ text-align:right; text-transform:uppercase; text-shadow:1px 1px 0 #000;} .article-area-title, #view-mode{ color:# 3300dd;} #recent-article .box-text{padding-left:10px;padding-bottom:34px;} #recent-article li { background-image:url(http://img62.imageshack.us/img62/5052/55606983.png); background-repeat:no-repeat; background-position:left top; padding-top: 5px; padding-bottom:10px; padding-left:15px; line-height: 30px; border-bottom: 2px dashed #ffffff;} #recent-article li a:hover { color: #fff; background: url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/4.gif) } #hot-article li { background-image:url(http://img62.imageshack.us/img62/5052/55606983.png); background-repeat:no-repeat; background-position:left; font-size: 16px; padding-left: 25px; line-height: 34px; border-bottom: 2px dashed #ffffff;} #hot-article li a:hover { color: #fff; background: url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/4.gif) } .main-list{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin: 10px; background:# 3300dd; 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;} #trackback-box{} #comment-box{} .user-post-box{ _height:1%;margin-bottom: 30px;} .user-post-title { color: #ffffff; background:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/line01_10_zps21e77705.gif) center no-repeat; font-size:14pt; font-weight: bold; margin: 10 auto; padding-bottom: 20px; padding-left:20px; } #comment-box .user-post-title { color: #ffffff; background:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/line01_10_zps21e77705.gif) center no-repeat; font-size:14pt; font-weight: bold; margin: 10 auto; padding-bottom: 20px; padding-left: 20px; } .post-comment { font-size: 25px; font-weight:900; font-style: italic; display:block; width:359px; height: 430px; letter-spacing: 0.2em; line-height:90px; text-indent:35px; background: url(https://imageshack.com/a/img69/7949/14508680.gif) no-repeat; margin:5px auto; } .post-comment a { color: #0b850e;} .post-comment a:hover{ color: #ffffff;} .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:#000; border:1px solid #3300dd;} .post-info{color:# 3300dd; font-size:14px; font-family: tahoma;font-weight:bold; margin-bottom: 5px; text-shadow:1px 1px 0 #fff; float: left; width: 600px;} li.post-photo img { width:80px; height:80px; border:1px dotted #fff; border-top:1px dotted #fff; border-left:1px dotted #fff; background:url(https://imageshack.com/a/img695/5002/73578907.gif); background:#; padding:4px; } .reply-text { clear:both; color:#000; font-size: 12pt; padding:5px 20px 0px; background: url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/66.gif); border: 1px dashed #bbb; margin: 10px; } .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 ;} .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 #3300dd; margin: 0 1px; color:#FFF;} .page a:hover{ background:# 3300dd; border:1px solid #3300dd; color:#fff;} .page SPAN{color:# 3300dd;} #links{ float:right; width: 440px; margin-right:1px;} #links{ color: #7249fe; border-bottom:1px dotted #fff; width:180px ;float:left; margin: -300px 0px 0px 10px ;} #links a{ font-size: 14px; color:#ffffff; border-bottom:1px dotted #fff;} #links-row-1{width:180px ; float:left ; background-image: url(); background-repeat: repeat; position:relative ; margin-left: -890px ; margin-top: 300px ;} #links-row-2{ width:180px ; float:right ; background-image: url(); background-repeat: repeat; margin-right: -30px ; margin-top: 300px ;} .box{margin-bottom: 10px ; background:url(http://img179.imageshack.us/img179/6213/62050050.jpg) left top repeat-y;} .box-title{ background: url( http://img2.imageshack.us/img2/6791/34904869.jpg) left top no-repeat; height:102px; font-family:標楷體; font-size: 1.5em ; padding:45px 0px 0px 30px; font-weight: bold ;color:# 3300dd;} .box-text{padding:0 20px; color:#fff;_height: 1% ; padding-bottom:20px; background:url(http://img575.imageshack.us/img575/7122/16822345.jpg) left bottom no-repeat;} .box-text a{ display:block ; padding: 2px 0px ; color:#C675EC;} .box-text a:hover{ background:url(http://www.imageshack.com/scaled/large/217/78527656.gif); color:#ffffff;} .box-more{ text-align:center;} .box-more a{ display: inline ; color:#FFF ;} #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:#FFF; padding:3px; border:1px solid #FFF;} #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:# 3300dd; color:#fff; 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 #3300dd;} #visitor IMG {} #visitor{} #visitor ul,#crumb ul{ overflow: hidden;_overflow: none;_height: 1%; margin-bottom:5px;} #visitor li,#crumb li{ float:left; line-height:0; margin:1px;} #visitor li img,#crumb li img{ width: 50px; height:50px; border:1px solid #fff;} #visitor .box-text li a{ height:45px;width:45px;display:block;MARGIN: 1px; background:url(https://imageshack.com/a/img291/5853/34540161.gif);border-right:1px solid #cbcbcb; border-bottom:1px solid #cbcbcb;} #visitor .box-text li a:hover {background:none;} #visitor .box-text li a img{visibility:hidden;height:45px;width:45px;} #visitor .box-text li a:hover img {visibility:visible;height:45px;width:45px} #visitor .box-text li { float: left;padding-left:4px;} #visitor .box-more {clear:both;} #crumb li img { width:45px; height:45px;} #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{ clear:both; background:url() no-repeat; padding-top:30px; height:40px; text-align: center;} #footer p{} #bottom , #bottom a{ color:# 3300dd;} input, textarea { vertical-align: middle; font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;font-size: 1.0em; color:#ffffff; border: 3px double # ffffff; background-image:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/66.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: # ffffff; background-image:url(http://i1232.photobucket.com/albums/ff377/weimicozoe1216/66.gif) ; padding: 2px;width:80%;} HTML{scrollbar-face-color:#000; scrollbar-highlight-color:#FFFFFF; scrollbar-3dlight-color:#3300dd; scrollbar-darkshadow-color:# 3300dd; scrollbar-shadow-color:#FFFFFF; scrollbar-arrow-color:#ffffff; scrollbar-track-color:# 3300dd;} #category .box-text h6 img{display:none;} #category .box-text h6 { background-image:url(http://img62.imageshack.us/img62/5052/55606983.png); background-repeat:no-repeat; background-position:left center; padding-left:25px; font-size: 16px; } #category .box-text li a{ background-image:url(http://img62.imageshack.us/img62/5052/55606983.png); background-repeat:no-repeat; background-position:left; padding-left:25px; } #category .box-text li a:hover{ background-image:url(http://img31.imageshack.us/img31/349/34374685.gif); background-repeat:no-repeat; } #container #links-row-1 div.hslice[id*="-mib-"], #container #links-row-1 div.hslice[id*="-Mib-"], #container #links-row-1 div.hslice[id*="-mIb-"], #container #links-row-1 div.hslice[id*="-miB-"]{ display:none !important; }












本文引用自weimicozoe1216 - 思過崖之默淚問情虐心版




(繼續閱讀...)
文章標籤

小君的友情世界 發表在 痞客邦 留言(0) 人氣(7)

  • 個人分類:部落版型
▲top
12...10»

個人資料

小君的友情世界
暱稱:
小君的友情世界
分類:
生活綜合
好友:
累積中
地區:

誰來看我

文章分類

  • 輕鬆一下 (3)
  • 影音欣賞 (16)
  • 遊標分隔 (8)
  • 音樂圖文 (114)
  • 小小遊戲 (10)
  • 表情吊飾 (14)
  • 心靈小語 (45)
  • 美麗動圖 (98)
  • 詩詞文品 (65)
  • 文章圖框 (62)
  • 文章分享 (29)
  • 美圖欣賞 (82)
  • 禪心淨語 (6)
  • 音樂欣賞 (70)
  • 綜合素材 (29)
  • 友誼情懷 (14)
  • 綜合時計 (40)
  • 美食日記 (21)
  • 人生感悟 (56)
  • 深深愛戀 (54)
  • 部落教學 (90)
  • 部落版型 (94)
  • 星空戀曲 (3)
  • 未分類文章 (1)

熱門文章<

  • (495)日系動態分隔線
  • (4,370)✭ 元 宵 節 燈 謎 大 全 ✭

參觀人氣

  • 本日人氣:
  • 累積人氣:

小君常用網站

最新文章

  • 紫色的魅惑 - 星兒的版型製作 No.140
  • 輕聲密語 (加工圖文) - 1
  • 靜 - 星兒的版型製作 No.130
  • 雨中的思念 - 星兒的版型製作 No.129
  • 更換版型上方圖片的方法
  • 為荷停留
  • 靜夜高清動畫美景
  • 情深意長 - 動圖
  • 濃妝淡抹總相宜 - 星兒的版型製作 No.97
  • 飄渺水雲間 - 星兒的版型製作 No.27

每日焦點新聞

送格友回家