相思楓葉丹3.jpg   明月千里寄相思2.jpg   雁南飛3.jpg   秋風有意染菊黃3.jpg    時光靜好2.jpg

 

三欄位版型 14 - 五款

相思楓葉丹.jpg

相思楓葉丹 三欄

語法:

 
#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #EAB400;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 #EAB400;}
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:#000000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(https://pic.pimg.tw/hoyu528/1663579388-1518046478-g.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/TGeDKMK.jpg") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") no-repeat left top;
position: relative;}
#container3 {https://i.imgur.com/TZNt6GQ.jpg
overflow:hidden;
position:relative;}
#main{
#main{width:1350px;margin:auto;}
#content{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:#000000;text-decoration:none;}
a:hover{color:#000000;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height: 620px;
padding-left: 100px;
background:url(https://i.imgur.com/2Efcsye.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: 280px;
margin-left: 10px;}
#banner h1 a{
color: #EAB400;}
#banner h1 a:hover {
color: #FFEFB6;
background: # FFB7DB;
border:2px dotted #FFEFB6;}
#banner h2 {
width:650px ;
color: #FFE068;
margin:25px 0;
font-weight:bold;
font-family:標楷體;
font-size:18px;
position:absolute;
top: 295px;
left: 132px;
line-height:25px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;}
.skiplink a{
color: #000000;}
.skiplink a:hover {
color: #FFEAEA;
background: # 072945;}
.skiplink {display:none;} 
#blog-category {
position:absolute;
color:#000000;
top:20px;
left:720px;
font-size:15px;}
#blog-category a {
color: #000000;}
#blog-category a:hover {
color: #FFEAEA;
background: # A0A188;}
#blog-category {display:none;} 
#navigation{
position:absolute;
 
top:525px;
left: 135px;}
#navigation li{
float:left;}
#navigation a{
background: #;
padding: 4px;
border-right: 1px solid #B68C00;
border-bottom: 1px solid #B68C00;
border-top: 1px solid #B68C00;
border-left: 1px solid #B68C00;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color:#B68C00;
letter-spacing:3pt}
#navigation a:hover {
color: #EAB400;
background: # B9DFF2;}
 
#content{
width:705px ;
float:left ;
background:url() repeat;
background: #FFEAEA;
margin:0 auto;
margin-left: 300px ;
margin-top: 20px ;}
#spotlight{
background: #FFEAEA;
padding:5px; 
margin-bottom: 5px ;
margin-top: 5px ;
border: 5px double #EAB400;}
#spotlight h5 {
background:url();
color: #FF4E4E;
font-weight:bold;
font-family:標楷體;
font-size:20px;
border-bottom:2px dotted #EAB400;
padding:2px;}
#spotlight-text {
background:url();
color:#000000;
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/hoyu528/1663575869-3895025932-g.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: #FFEFB; }
.title a:hover{
color: #000000;
background: # FFF3F9;
border:2px dotted #EAB400;}
.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/hoyu528/1663575962-4236477932-g.gif) right no-repeat;
margin-right: 40px ;}
.more a{
font-weight:bold;
font-family:標楷體;
font-size: 18px;
color:#000000;}
.more a:hover{
color: #000000;
background: # FFF3F9;
border:2px dotted #EAB400;}
.author{
background: #FFEAEA;
color: #000000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom: 2px dashed #EAB400;
line-height: 30px;}
.author a{
color: #000000;}
.author a:hover{
color: #000000;
background: # FFF3F9;
border:2px dotted #EAB400;}
.article-footer{
text-align:right ;
color:#000000;
line-height:25px ;}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;}
.refer{
color:#000000;
text-align:left;
margin: 5px 0px 0px 0px;
border-bottom: 2px dashed #EAB400;
line-height: 30px;}
.refer a:hover {
color: #000000;
background: # FFF3F9;
border:2px dotted #EAB400;}
.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: #000000;
background: # FFF3F9;
border:2px dotted #EAB400;}
#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 #EAB400;
border-top:0px solid #000000;
border-left:0px solid #000000;
border-right:0px solid #000000;}
.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: #000000;
text-transform:uppercase;
font:14px CEntury Gothic;
padding: 3px 5px;
background: #FFEAEA;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #EAB400;}
.back-to-top a:hover {
color: #000000;
background: # FFF3F9;
border:2px dotted #EAB400;}
#user-post{
background: #FFEAEA;
background:url() repeat;
padding:15px; 
margin-bottom: 0px ;
border: 4px solid #EAB400;}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #000000;
background:url(https://pic.pimg.tw/lamkwanfai/1517723896-991277812.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 #EAB400;
border-bottom:3px double #EAB400;
border-left:3px double #EAB400;
border-top:3px double #EAB400;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #EAB400;
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 #EAB400;
border-top:2px double #EAB400;
border-left:2px double #EAB400;
background:url();
background:#;
padding:4px;}
.reply-text {
float:right;
width:600px;
background:url() 0px top no-repeat  #FFEAEA;
border:2px solid #EAB400;
border-right:2px solid #EAB400;
border-bottom:2px solid #EAB400;
margin-right:15px;
display:inline;
color:#000000;
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: #000000;}
.secret{}
.post-comment{
padding-top: 240px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/hoyu528/1663578298-3828292169-g.gif) ;
background-repeat: no-repeat;
background-position: center top;
text-align:center;}
.post-comment a {
color: #000000;
background: #FFEAEA;
border: 2px double #EAB400;}
.post-comment a:hover {
color: #000000;
background: # FFF3F9;
border:2px dotted #EAB400;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #EAB400;}
#comment-form table {
width:100%;
margin:0 auto;
background: #FFEAEA url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #EAB400;
padding: 5px 10px;
text-align: left;}
#comment-form input#send-comment {
padding:3px 5px;
float: right;}
#comment-form textarea {
width:95%;
background: #FFEAEA 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 #EAB400;
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: #000000;
padding:5px 10px;
border:2px dotted #EAB400;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #EAB400;}
#links{
color: #000000;
width:255px ;
float:left; 
margin: -310px 0px 0px 15px ;}
#links a{
font-size: 17px;
color:#000000;}
#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/1517716452-3607365741.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height: 20px;
overflow:hidden;
color:#EA0000;
text-align: left;
font-weight:bold;
font-family:標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1517715843-3213651025.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1517716452-2348092421.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:#000000;
background: #FFEAEA;
border: 2px double #EAB400;}
.box-more a:hover{
color: #000000;
background: # FFF3F9;}
#calendar table{
width: 96%;
color:#000000;
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 #EAB400;
font-size:16px; 
color:#ff0000;
background: #FFEAEA;}
#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/hoyu528/1663575930-802150143-g.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/hoyu528/1663575930-802150143-g.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #EAB400;
border-left:1px solid #EAB400;
border-top:1px solid #EAB400;
border-bottom:1px solid #EAB400;}
#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/1517722714-1966824844.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/1517722714-1966824844.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #EAB400;
background-image:url(https://pic.pimg.tw/lamkwanfai/1517722714-490536095.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/1517723405-3198247616.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 #EAB400;}
#recent-article li a:hover {
color: #000000;
background: # FFF3F9;
border:2px dotted #EAB400;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000000;
background: # FFF3F9;
border:2px dotted #EAB400;}
#latest-comment li span {
color:#000000;
font-size:.9em;
border-right:3px solid # FFFFFF;
margin:0 4px 0 0;
padding:0 4px 0 0;}
#latest-comment li a {
color:#000000;
display:block;
height:25px;
overflow:hidden;}
#hot-article li {
background-image:url(https://pic.pimg.tw/lamkwanfai/1517722714-249822669.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 #EAB400;}
#hot-article li a:hover {
color: #000000;
background: # FFF3F9;
border:2px dotted #EAB400;}
#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:  #FFEAEA;}
#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 #EAB400;}
#latest-trackback a{
color: #000000;
background: # D9E3EE;
border:1px dotted #EAB400;}
#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:#000000;}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed #EAB400;}
#mylink a:hover {
color: #000000;
background: # FFF3F9;
border:2px dotted #EAB400;}
#announce .box-text li{border-bottom: 2px dashed #EAB400;}
#announce a:hover {
color: #000000;
border:2px dotted #EAB400;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/TGeDKMK.jpg) repeat # FFEAEA;
_height:1%;
text-align: center;}
#footer p{color:#000000;}
#bottom ,
#bottom a{color:#000000;}
#bottom a:hover {
color: #000000;
background: # FFF3F9;
border:2px dotted #EAB400;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000000;
border: 2px double #EAB400;
background:  #FFEAEA;
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: #000000;
border: 1px solid #EAB400;
background:  #FFEAEA;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:#D02800;
SCROLLBAR-DARKSHADOW-COLOR:#FFAB9C;
SCROLLBAR-HIGHLIGHT-COLOR:#FF3300;
SCROLLBAR-ARROW-COLOR:#FFAB9C;
SCROLLBAR-3DLIGHT-COLOR:#FFAB9C;
SCROLLBAR-SHADOW-COLOR:#FFAB9C;}
 
/* ------------Google瀏覽器的捲軸設定 ------------ */
::-webkit-scrollbar{ /*捲軸的底色*/
background-color: #8C0000;}
::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/
background-color: #640000;
-webkit-border-radius: 6px ;}
::-webkit-scrollbar-button:vertical:decrement{ /* 捲軸上方的箭頭 */
background-image: url("https://s1.gifyu.com/images/L0001X01.png");
background-repeat: no-repeat;}
::-webkit-scrollbar-button:vertical:increment { /* 捲軸下方的箭頭 */
background-image: url("https://s1.gifyu.com/images/L0001X02.png") ;
background-repeat: no-repeat;} 
 
#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;}
.author-profile__main{background: #FFEAEA20 !important;} 
div#pix-mib-unfold-ad { left: -300px; }
.article-footer-tags {display:none}
.tag-container-parent .tag-container .tag span{border:0} /* -- 全站熱搜 -- */
[data-google-query-id], .trv-player-container{display:none !important;}
#aniBox, [data-article-index], ins{display:none !important;}
/*--  刪除邊線  --*/
#article-main .author-profile .author-profile__subscribe
{border:0;}
#_popIn_recommend_article, div[id*="dablewidget"] {display:none !important;}

 

 

三欄位版型 14 - 五款

明月千里寄相思1.jpg

明月千里寄相思 三欄

語法:

 
#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #345BD6;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 #345BD6;}
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/1524882773-4271747737.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/Y591uF6.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{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/H0fvEAh.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: 70px;
margin-left: -10px;}
#banner h1 a{
color: #FFFF00;}
#banner h1 a:hover {
color: #FFFFD0;
background: # FFB7DB;
border:2px dotted #FFFFD0;}
#banner h2 {
width:650px ;
color: #FFFF4E;
margin:25px 0;
font-weight:bold;
font-family:標楷體;
font-size:18.5px;
position:absolute;
top:85px;
left:110px;
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:530px;
left:120px;}
#navigation li{
float:left;}
#navigation a{
background: #;
padding: 4px;
border-right: 1px solid #4E6FDB;
border-bottom: 1px solid #4E6FDB;
border-top: 1px solid #4E6FDB;
border-left: 1px solid #4E6FDB;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color: #4E6FDB;
letter-spacing:3pt}
#navigation a:hover {
color: #8297E5;
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 #345BD6;}
#spotlight h5 {
background:url();
color: #345BD6;
font-weight:bold;
font-family:標楷體;
font-size:20px;
border-bottom:2px dotted #345BD6;
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/hoyu528/1662293492-1560162296-g.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 #345BD6;}
.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/1524886609-2752915011.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 #345BD6;}
.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 #345BD6;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #345BD6;}
.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 #345BD6;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #345BD6;}
.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 #345BD6;}
#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 #345BD6;
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 #345BD6;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #345BD6;}
#user-post{
background: #FFFFFF;
background:url() repeat;
padding:15px; 
margin-bottom: 0px ;
border: 4px solid #345BD6;}
#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/1522236729-193034510.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 #345BD6;
border-bottom:3px double #345BD6;
border-left:3px double #345BD6;
border-top:3px double #345BD6;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #345BD6;
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 #345BD6;
border-top:2px double #345BD6;
border-left:2px double #345BD6;
background:url();
background:#;
padding:4px;}
.reply-text {
float:right;
width:600px;
background:url() 0px top no-repeat #FFFFFF;
border:2px solid #345BD6;
border-right:2px solid #345BD6;
border-bottom:2px solid #345BD6;
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: 280px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/hoyu528/1662294934-2036057831-g.png) ;
background-repeat: no-repeat;
background-position: center top;
text-align:center;}
.post-comment a {
color: #000;
background: #FFFFFF;
border: 2px double #345BD6;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #345BD6;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #345BD6;}
#comment-form table {
width:100%;
margin:0 auto;
background: #FFFFFF url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #345BD6;
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 #345BD6;
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 #345BD6;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #345BD6;}
#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/1524883281-2837253450.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height: 20px;
overflow:hidden;
color: #345BD6;
text-align: left;
font-weight:bold;
font-family:標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1524883155-1353523487.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1524883281-4115135257.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: #EAF3FF;
border: 2px double #345BD6;}
.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 #345BD6;
font-size:16px; 
color:#ff0000;
background: #EAF3FF;}
#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/hoyu528/1662293514-1131505293-g.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/hoyu528/1662293514-1131505293-g.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #345BD6;
border-left:1px solid #345BD6;
border-top:1px solid #345BD6;
border-bottom:1px solid #345BD6;}
#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/1522226099-3669150737.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/1522226099-3669150737.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #345BD6;
background-image:url(https://pic.pimg.tw/lamkwanfai/1522226099-1137714298.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/1522226099-3054095771.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 #345BD6;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #345BD6;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #345BD6;}
#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/1522226099-1296636452.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 #345BD6;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #345BD6;}
#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 #345BD6;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #345BD6;}
#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 #345BD6;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #345BD6;}
#announce .box-text li{border-bottom: 2px dashed #345BD6;}
#announce a:hover {
color: #000;
border:2px dotted #345BD6;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/Y591uF6.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 #345BD6;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #345BD6;
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 #345BD6;
background: #FFFFFF;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR: #1A47D1;
SCROLLBAR-DARKSHADOW-COLOR: #8297E5;
SCROLLBAR-HIGHLIGHT-COLOR: #345BD6;
SCROLLBAR-ARROW-COLOR: #8297E5;
SCROLLBAR-3DLIGHT-COLOR: #8297E5;
SCROLLBAR-SHADOW-COLOR: #8297E5;}
 
/* ------------Google瀏覽器的捲軸設定 ------------ */
::-webkit-scrollbar{ /*捲軸的底色*/
background-color: #4E6FDB;}
::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/
background-color: #1A47D1;
-webkit-border-radius: 6px ;}
::-webkit-scrollbar-button:vertical:decrement{ /* 捲軸上方的箭頭 */
background-image: url("https://s1.gifyu.com/images/L0001X01.png");
background-repeat: no-repeat;}
::-webkit-scrollbar-button:vertical:increment { /* 捲軸下方的箭頭 */
background-image: url("https://s1.gifyu.com/images/L0001X02.png") ;
background-repeat: no-repeat;} 
 
#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;}
.author-profile__main{background: #FFFFFF20 !important;} 
div#pix-mib-unfold-ad { left: -300px; }
.article-footer-tags {display:none}
.tag-container-parent .tag-container .tag span{border:0} /* -- 全站熱搜 -- */
[data-google-query-id], .trv-player-container{display:none !important;}
#aniBox, [data-article-index], ins{display:none !important;}
/*--  刪除邊線  --*/
#article-main .author-profile .author-profile__subscribe
{border:0;}
 

 

 

三欄位版型 14 - 五款

雁南飛2.jpg

南飛  三欄

語法:

 
#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #EA8700;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 #EA8700;}
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/1562718739-685693921.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/1GA3csm.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{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: 627px;
padding-left: 100px;
background:url(https://i.imgur.com/Ovb7Via.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: 55px;
margin-left: 766px;}
#banner h1 a{
color: #CC6600;}
#banner h1 a:hover {
color: #DB934E;
background: # FFB7DB;
border:2px dotted #DB934E;}
#banner h2 {
width:650px ;
color: #A05000;
margin:25px 0;
font-weight:bold;
font-family:標楷體;
font-size:18px;
position:absolute;
top:70px;
left:888px;
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:1030px;}
#navigation li{
float:left;}
#navigation a{
background: #;
padding: 4px;
border-right: 1px solid #8C4600;
border-bottom: 1px solid #8C4600;
border-top: 1px solid #8C4600;
border-left: 1px solid #8C4600;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color: #8C4600;
letter-spacing:3pt}
#navigation a:hover {
color: #CC6600;
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 #EA8700;}
#spotlight h5 {
background:url();
color: #EA8700;
font-weight:bold;
font-family:標楷體;
font-size:20px;
border-bottom:2px dotted #EA8700;
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: 40px;
background: url(https://pic.pimg.tw/hoyu528/1662175472-588506523-g.png) no-repeat;}
.title {
font-weight:bold;
font-family:標楷體;
float:left;
font-size:23px;
line-height: 45px;
padding: 15px 0px 0px 85px;}
.title a { color: #000000; }
.title a:hover{
color: #5B5B5B;
background: # FFF3F9;
border:2px dotted #EA8700;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0 88px;}
.month{color: #ff0000; }
.date { color: #ff0000; }
.day{display: none;}
.year{color: #ff0000; }
.time { display: none; }
.more {
float: right;
padding-top: 20px;
padding-right: 55px;
background: url(https://pic.pimg.tw/lamkwanfai/1563082958-3508146273.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 #EA8700;}
.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 #EA8700;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #EA8700;}
.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 #EA8700;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA8700;}
.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 #EA8700;}
#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 #EA8700;
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 #EA8700;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA8700;}
#user-post{
background: # FFF8D7;
background:url() repeat;
padding:15px; 
margin-bottom: 0px ;
border: 4px solid #EA8700;}
#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/1563084391-3888730278.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 #EA8700;
border-bottom:3px double #EA8700;
border-left:3px double #EA8700;
border-top:3px double #EA8700;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #EA8700;
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 #EA8700;
border-top:2px double #EA8700;
border-left:2px double #EA8700;
background:url();
background:#;
padding:4px;}
.reply-text {
float:right;
width:600px;
background:url() 0px top no-repeat # FFF8D7;
border:2px solid #EA8700;
border-right:2px solid #EA8700;
border-bottom:2px solid #EA8700;
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: 250px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1563084333-1641463109.gif) ;
background-repeat: no-repeat;
background-position: center top;
text-align:center;}
.post-comment a {
color: #000;
background: # FFF8D7;
border: 2px double #EA8700;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA8700;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #EA8700;}
#comment-form table {
width:100%;
margin:0 auto;
background: # FFF8D7 url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #EA8700;
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 #EA8700;
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 #EA8700;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #EA8700;}
#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/1562988787-132348108.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height: 20px;
overflow:hidden;
color: #CC6600;
text-align: left;
font-weight:bold;
font-family:標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1562988664-4161332366.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1562988787-2429067396.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 #EA8700;}
.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 #EA8700;
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/hoyu528/1662175692-1950488128-g.gif) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(https://pic.pimg.tw/hoyu528/1662175692-1950488128-g.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #EA8700;
border-left:1px solid #EA8700;
border-top:1px solid #EA8700;
border-bottom:1px solid #EA8700;}
#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/1563083176-916903117.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/1563083176-916903117.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #EA8700;
background-image:url(https://pic.pimg.tw/lamkwanfai/1563083176-2307491856.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/1563083828-2493698922.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 #EA8700;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA8700;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA8700;}
#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/1563083246-802262767.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 #EA8700;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA8700;}
#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 #EA8700;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #EA8700;}
#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 #EA8700;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #EA8700;}
#announce .box-text li{border-bottom: 2px dashed #EA8700;}
#announce a:hover {
color: #000;
border:2px dotted #EA8700;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/xS8NHDZ.jpg) repeat # FFEAEA;
_height:1%;
text-align: center;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background: #FFEA9C;
border:2px dotted #EA8700;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #EA8700;
background: #FFEA9C;
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 #EA8700;
background: #FFEA9C;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR: #FFA347;
SCROLLBAR-DARKSHADOW-COLOR: #FFDFBF;
SCROLLBAR-HIGHLIGHT-COLOR: #FFB76F;
SCROLLBAR-ARROW-COLOR: #FFDFBF;
SCROLLBAR-3DLIGHT-COLOR: #FFDFBF;
SCROLLBAR-SHADOW-COLOR: #FFDFBF;}
 
/* ------------Google瀏覽器的捲軸設定 ------------ */
::-webkit-scrollbar{ /*捲軸的底色*/
background-color: #FFB76F;}
::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/
background-color: #FFA347;
-webkit-border-radius: 6px ;}
::-webkit-scrollbar-button:vertical:decrement{ /* 捲軸上方的箭頭 */
background-image: url("https://s1.gifyu.com/images/L0001X01.png");
background-repeat: no-repeat;}
::-webkit-scrollbar-button:vertical:increment { /* 捲軸下方的箭頭 */
background-image: url("https://s1.gifyu.com/images/L0001X02.png") ;
background-repeat: no-repeat;} 
 
#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;}
.author-profile__main{background: #FFEA9C20 !important;} 
div#pix-mib-unfold-ad { left: -300px; }
.article-footer-tags {display:none}
#article-main .author-profile .author-profile__subscribe, .tag-container-parent .tag-container .tag span{border:0 !important}
[data-google-query-id], .trv-player-container{display:none !important;}
#aniBox, [data-article-index], ins{display:none !important;}
/*--  刪除邊線  --*/
#article-main .author-profile .author-profile__subscribe
{border:0;}

 

 

三欄位版型 14 - 五款

秋風有意染菊黃2.jpg

秋風有意染菊黃 三欄

語法:

 
#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #F1D988;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 #F1D988;}
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/hoyu528/1661315867-854966266-g.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/xwy3uxc.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{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: 630px;
padding-left: 100px;
background:url(https://i.imgur.com/Uo053nY.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: 65px;
margin-left: 400px;}
#banner h1 a{
color: #2D1E00;}
#banner h1 a:hover {
color: #4B3200;
background: # FFB7DB;
border:2px dotted #4B3200;}
#banner h2 {
width:650px ;
color: #0F0A00;
margin:25px 0;
font-weight:bold;
font-family:標楷體;
font-size:19px;
position:absolute;
top:80px;
left: 522px;
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:530px;
left:570px;}
#navigation li{
float:left;}
#navigation a{
background: #;
padding: 4px;
border-right: 1px solid #2D1E00;
border-bottom: 1px solid  #2D1E00;
border-top: 1px solid #2D1E00;
border-left: 1px solid  #2D1E00;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color:#2D1E00;
letter-spacing:3pt}
#navigation a:hover {
color: #694600;
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 #F1D988;}
#spotlight h5 {
background:url();
color: #CC9900;
font-weight:bold;
font-family:標楷體;
font-size:20px;
border-bottom:2px dotted #F1D988;
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/1534211117-1036478320.gif) no-repeat;}
.title {
font-weight:bold;
font-family:標楷體;
float:left;
font-size:23px;
line-height: 45px;
padding: 15px 0px 0px 80px;}
.title a { color: #000000; }
.title a:hover{
color: #5B5B5B;
background: # FFF3F9;
border:2px dotted #F1D988;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0 85px;}
.month{color: #ff0000; }
.date { color: #ff0000; }
.day{display: none;}
.year{color: #ff0000; }
.time { display: none; }
.more {
float: right;
padding-top: 10px;
padding-right: 40px;
background: url(https://pic.pimg.tw/lamkwanfai/1534210512-8745227.png) 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 #F1D988;}
.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 #F1D988;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #F1D988;}
.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 #F1D988;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #F1D988;}
.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 #F1D988;}
#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 #F1D988;
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 #F1D988;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #F1D988;}
#user-post{
background: #FFFFFF;
background:url() repeat;
padding:15px; 
margin-bottom: 0px ;
border: 4px solid #F1D988;}
#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/1534212207-3393947497.png) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 85px;
padding-left: -15px;}
#trackback-input {width:50%;}
.single-post {
border-right:3px double #F1D988;
border-bottom:3px double #F1D988;
border-left:3px double #F1D988;
border-top:3px double #F1D988;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #F1D988;
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 #F1D988;
border-top:2px double #F1D988;
border-left:2px double #F1D988;
background:url();
background:#;
padding:4px;}
.reply-text {
float:right;
width:600px;
background:url() 0px top no-repeat #FFFFFF;
border:2px solid #F1D988;
border-right:2px solid #F1D988;
border-bottom:2px solid #F1D988;
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: 280px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1534211847-3211611303.gif) ;
background-repeat: no-repeat;
background-position: center top;
text-align:center;}
.post-comment a {
color: #000;
background: #FFFFFF;
border: 2px double #F1D988;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #F1D988;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #F1D988;}
#comment-form table {
width:100%;
margin:0 auto;
background: #FFFFFF url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #F1D988;
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 #F1D988;
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 #F1D988;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #F1D988;}
#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/1533491862-719562046.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/1533491596-2969133116.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1533491862-3670339722.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: #FFFFFF;
border: 2px double #F1D988;}
.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 #F1D988;
font-size:16px; 
color:#ff0000;
background: #FFFFFF;}
#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/1534209968-2339826120.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/1534209968-2339826120.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #F1D988;
border-left:1px solid #F1D988;
border-top:1px solid #F1D988;
border-bottom:1px solid #F1D988;}
#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/1534210512-1382963600.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/1534210512-1382963600.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #F1D988;
background-image:url(https://pic.pimg.tw/lamkwanfai/1534210512-858372925.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/1534210541-862326765.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 #F1D988;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #F1D988;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #F1D988;}
#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/1534210512-3461237985.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 #F1D988;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #F1D988;}
#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 #F1D988;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #F1D988;}
#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 #F1D988;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #F1D988;}
#announce .box-text li{border-bottom: 2px dashed #F1D988;}
#announce a:hover {
color: #000;
border:2px dotted #F1D988;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/xwy3uxc.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 #F1D988;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #F1D988;
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 #F1D988;
background: #FFFFFF;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR: #ffe66f;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR: #fff0ac;
SCROLLBAR-ARROW-COLOR:#FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#FFFFFF;}
 
/* ------------Google瀏覽器的捲軸設定 ------------ */
::-webkit-scrollbar{ /*捲軸的底色*/
background-color: #fff0ac;}
::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/
background-color: #ffe66f;
-webkit-border-radius: 6px ;}
::-webkit-scrollbar-button:vertical:decrement{ /* 捲軸上方的箭頭 */
background-image: url("https://s1.gifyu.com/images/L0001X01.png");
background-repeat: no-repeat;}
::-webkit-scrollbar-button:vertical:increment { /* 捲軸下方的箭頭 */
background-image: url("https://s1.gifyu.com/images/L0001X02.png") ;
background-repeat: no-repeat;} 
 
#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;}
.author-profile__main{background: #FFFFFF20 !important;} 
div#pix-mib-unfold-ad { left: -300px; }
.article-footer-tags {display:none}
#article-main .author-profile .author-profile__subscribe, .tag-container-parent .tag-container .tag span{border:0 !important}
[data-google-query-id], .trv-player-container{display:none !important;}
#aniBox, [data-article-index], ins{display:none !important;}
/*--  刪除邊線  --*/
#article-main .author-profile .author-profile__subscribe
{border:0;}

 

 

三欄位版型 14 - 五款

時光靜好1.jpg

時光靜好  三欄

語法:

 
#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #345BD6;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 #345BD6;}
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/hoyu528/1658820635-400509715-g.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 1350px;
background: url("https://i.imgur.com/Y591uF6.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{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/EwiDZHa.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: 60px;
margin-left: 28px;}
#banner h1 a{
color: #1A47D1;}
#banner h1 a:hover {
color: #4E6FDB;
background: # FFB7DB;
border:2px dotted #4E6FDB;}
#banner h2 {
width:650px ;
color: #0033CC;
margin:25px 0;
font-weight:bold;
font-family:標楷體;
font-size:18px;
position:absolute;
top: 75px;
left:150px;
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: 800px;}
#navigation li{
float:left;}
#navigation a{
background: #;
padding: 4px;
border-right: 1px solid  #003399;
border-bottom: 1px solid   #003399;
border-top: 1px solid   #003399;
border-left: 1px solid   #003399;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color: #003399;
letter-spacing:3pt}
#navigation a:hover {
color: #4E6FB7;
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 #345BD6;}
#spotlight h5 {
background:url();
color: #345BD6;
font-weight:bold;
font-family:標楷體;
font-size:20px;
border-bottom:2px dotted #345BD6;
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/hoyu528/1658821721-2464707909-g.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 #345BD6;}
.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/1524886609-2752915011.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 #345BD6;}
.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 #345BD6;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background: # FFF3F9;
border:2px dotted #345BD6;}
.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 #345BD6;
line-height: 30px;}
.refer a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #345BD6;}
.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 #345BD6;}
#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 #345BD6;
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 #345BD6;}
.back-to-top a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #345BD6;}
#user-post{
background: #FFFFFF;
background:url() repeat;
padding:15px; 
margin-bottom: 0px ;
border: 4px solid #345BD6;}
#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/1522236729-193034510.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 #345BD6;
border-bottom:3px double #345BD6;
border-left:3px double #345BD6;
border-top:3px double #345BD6;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:1.5px dashed #345BD6;
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 #345BD6;
border-top:2px double #345BD6;
border-left:2px double #345BD6;
background:url();
background:#;
padding:4px;}
.reply-text {
float:right;
width:600px;
background:url() 0px top no-repeat #FFFFFF;
border:2px solid #345BD6;
border-right:2px solid #345BD6;
border-bottom:2px solid #345BD6;
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: 280px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(https://pic.pimg.tw/lamkwanfai/1524888924-3595071836.gif) ;
background-repeat: no-repeat;
background-position: center top;
text-align:center;}
.post-comment a {
color: #000;
background: #FFFFFF;
border: 2px double #345BD6;}
.post-comment a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #345BD6;}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #345BD6;}
#comment-form table {
width:100%;
margin:0 auto;
background: #FFFFFF url() no-repeat;
padding: 10px;}
#comment-form th, #comment-form td {
border: 1px dashed #345BD6;
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 #345BD6;
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 #345BD6;}
.page span {
color: #ff0000;
background:# FFF3F9;
padding:5px 10px;
border:2px dotted #345BD6;}
#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/1524883281-2837253450.png) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:38px;
line-height: 20px;
overflow:hidden;
color: #345BD6;
text-align: left;
font-weight:bold;
font-family:標楷體;
font-size:24px;
background: url(https://pic.pimg.tw/lamkwanfai/1524883155-1353523487.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:28px 0px 0px 60px;}
.box-text{
background:url(https://pic.pimg.tw/lamkwanfai/1524883281-4115135257.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: #EAF3FF;
border: 2px double #345BD6;}
.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 #345BD6;
font-size:16px; 
color:#ff0000;
background: #EAF3FF;}
#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/1524886609-3982161255.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/1524886609-3982161255.gif) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #345BD6;
border-left:1px solid #345BD6;
border-top:1px solid #345BD6;
border-bottom:1px solid #345BD6;}
#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/1522226099-3669150737.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/1522226099-3669150737.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:28px;}
#category .box-text li a:hover{
background: # FFF3F9;
color:#000000;
border: 2px double #345BD6;
background-image:url(https://pic.pimg.tw/lamkwanfai/1522226099-1137714298.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/1522226099-3054095771.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 #345BD6;}
#recent-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #345BD6;}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #345BD6;}
#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/1522226099-1296636452.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 #345BD6;}
#hot-article li a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #345BD6;}
#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 #345BD6;}
#latest-trackback a{
color: #000;
background: # D9E3EE;
border:1px dotted #345BD6;}
#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 #345BD6;}
#mylink a:hover {
color: #000;
background: # FFF3F9;
border:2px dotted #345BD6;}
#announce .box-text li{border-bottom: 2px dashed #345BD6;}
#announce a:hover {
color: #000;
border:2px dotted #345BD6;
background: # FFF3F9;}
#footer{
clear:both;
padding-top: 20px;
background:url(https://i.imgur.com/Y591uF6.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 #345BD6;}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 2px double #345BD6;
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 #345BD6;
background: #FFFFFF;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR: #1A47D1;
SCROLLBAR-DARKSHADOW-COLOR: #8297E5;
SCROLLBAR-HIGHLIGHT-COLOR: #345BD6;
SCROLLBAR-ARROW-COLOR: #8297E5;
SCROLLBAR-3DLIGHT-COLOR: #8297E5;
SCROLLBAR-SHADOW-COLOR: #8297E5;}
 
/* ------------Google瀏覽器的捲軸設定 ------------ */
::-webkit-scrollbar{ /*捲軸的底色*/
background-color: #6F93FF;}
::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/
background-color: #4775FF;
-webkit-border-radius: 6px ;}
::-webkit-scrollbar-button:vertical:decrement{ /* 捲軸上方的箭頭 */
background-image: url("https://s1.gifyu.com/images/L0001X01.png");
background-repeat: no-repeat;}
::-webkit-scrollbar-button:vertical:increment { /* 捲軸下方的箭頭 */
background-image: url("https://s1.gifyu.com/images/L0001X02.png") ;
background-repeat: no-repeat;} 
 
#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;}
.author-profile__main{background: #FFFFFF20 !important;} 
div#pix-mib-unfold-ad { left: -300px; }
.article-footer-tags {display:none}
.tag-container-parent .tag-container .tag span{border:0} /* -- 全站熱搜 -- */
[data-google-query-id], .trv-player-container{display:none !important;}
#aniBox, [data-article-index], ins{display:none !important;}
/*--  刪除邊線  --*/
#article-main .author-profile .author-profile__subscribe
{border:0;}

 

三欄位版型 14 - 五款

 

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 星兒 的頭像
    星兒

    星星點點

    星兒 發表在 痞客邦 留言(13) 人氣()