月亮代表我的心三欄  

月亮代表我的心三欄位版型語法:

#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #555 ;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
td {
border: 1px solid #ccc;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}
pre{
font-size: 1em ;
}
.article-content{
_height: 1% ;
overflow: hidden ;
_overflow: none;
}
body {
color:#000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/19.gif);
background-repeat:repeat;
background-position:undefined;
}
#container{
width: 1260px;
background: url("http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/36.gif") repeat-y left top;
margin: 0 auto;
}
#container2{
background: url("http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398448291/0.gif") no-repeat left top;
position: relative;
}
#container3 {
overflow:hidden;
position:relative;
}
#main{
#main{width:1200px;margin:auto;}
#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;
}
body{cursor:URL(http://forever0423.myweb.hinet.net/abc/he.ani);}
a:hover{cursor:URL(http://forever0423.myweb.hinet.net/abc/tree3.ani);}
#body-div{}
a, a:link, a:visited{color:#241B1C;text-decoration:none;}
a:hover{color:#000;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height: 450px;
padding-left: 55px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398448291/0.gif) no-repeat;
overflow:hidden;
position:relative;
}
#banner {
width: 400px;
height: 120px;
overflow:hidden;
}
#banner h1 {
font-weight:bold;
font-family:標楷體;
font-size:22px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top: 115px;
margin-left: 175px;
}
#banner h1 a{
color: #000;
}
#banner h1 a:hover {
color: #5C6879;
background: #CBD4DE;
border:2px dotted #000;
}
#banner h2 {
width:650px ;
color: #000;
margin:25px 0;
font-weight:bold;
font-family:標楷體;
font-size:16px;
position:absolute;
top:130px;
left:250px;
line-height:25px;
overflow:hidden;
}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;
}
.skiplink a{
color: #000;
}
.skiplink a:hover {
color: #fff;
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: #fff;
background: #A0A188;
}
#blog-category {display:none;} 
#navigation{
position:absolute;
top:250px;
left:400px;
}
#navigation a{
display:block;
text-align:center;
width:110px;
height:35px;
font-size:0pt;
background-color:none;
padding:0px;
}
#navigation a:hover {
border-right: 2px solid #9BA2AA;
border-bottom: 2px solid #9BA2AA;
border-top: 2px solid #9BA2AA;
border-left: 2px solid #9BA2AA;
}
#navigation li {
float:left;
margin:140px 10px 5px 0;
}
#link-profile{background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/20.png);}
#link-blog{background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/23.png);}
#link-album{background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/21.png);}
#link-guestbook{background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/22.png);}
#content{
width:557px ;
float:left ;
background:url() repeat;
background:#fff;
margin:0 auto;
margin-left: 340px ;
margin-top: 10px ;
}
#spotlight{
background:#fff;
padding:5px; 
margin-bottom: 5px ;
margin-top: 0px ;
border: 6px double #CBD4DE;
}
#spotlight h5 {
background:url(
);
color:#282A2C;
font-weight:bold;
font-family:標楷體;
font-size:20px;
border-bottom:2px dotted #838990;
padding:2px;
}
#spotlight-text {
background:url(
http://i1204.photobucket.com/albums/bb413/sensitive1226/PK1/q2_zps50066a57.gif~original);
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: 30px;
background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/25.gif) no-repeat;
}
.title {
font-weight:bold;
font-family:標楷體;
float:left;
font-size:21px;
line-height: 15px;
padding: 15px 0px 0px 62px;
}
.title a { color: #303235; }
.title a:hover{
color: #000;
background: #CBD4DE;
border:2px dotted #000;
}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0 65px;
}
.month{color: #ff0000; }
.date { color: #ff0000; }
.day{display: none;}
.year{color: #ff0000; }
.time { display: none; }
.more {
float: right;
padding-top: 30px;
padding-right: 20px;
background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/26.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: #CBD4DE;
border:2px dotted #000;
}
.author{
background: #fff;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom: 2.3px dashed #282A2C;
line-height: 30px;
}
.author a{
color: #000;
}
.author a:hover{
color: #000;
background: #CBD4DE;
border:2px dotted #000;
}
.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: 2.3px dashed #282A2C;
line-height: 30px;
}
.refer a:hover {
color: #000;
background: #CBD4DE;
border:2px dotted #000;
}
.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: #CBD4DE;
border:2px dotted #000;
}
#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 #000;
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:#fff;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #282A2C;
}
.back-to-top a:hover {
color: #000;
background: #CBD4DE;
border:2px dotted #000;
}
#user-post{
background:#fff;
background:url() repeat;
padding:15px; 
margin-bottom: 0px ;
border: 5px solid #CBD4DE;
}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #000;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/29.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 65px;
padding-left: 5px;
}
#trackback-input {width:50%;}
.single-post {
border-right:4px double #CBD4DE;
border-bottom:4px double #CBD4DE;
border-left:4px double #CBD4DE;
border-top:4px double #CBD4DE;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:2px dashed #CBD4DE;
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:0px double #303235;
border-top:0px double #303235;
border-left:0px double #303235;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/19.gif);
background:#;
padding:4px;
}
.reply-text {
float:right;
width:470px;
background:url() 0px top no-repeat #FFF;
border:3px solid #CBD4DE;
border-right:3px solid #CBD4DE;
border-bottom:3px solid #CBD4DE;
margin-right:15px;
display:inline;
color:#000;
min-height:40px;
_height:40px;
padding:12px 15px 0px 5px;
}
li.reply-text p {
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/30.gif) repeat-x ;
text-align:right;
padding:10px 0px 0px;
font-size: 12px;
color: #303235;
}
.secret{}
.post-comment{
padding-top: 320px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/27.png) ;
background-repeat: no-repeat;
background-position: center top;
color: #000;
text-align:center;}
.post-comment a {
color: #000;
background: #fff;
border: 3px double #282A2C;
}
.post-comment a:hover {
color: #000;
background: #CBD4DE;
border:2px dotted #000;
}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #ccc;
}
#comment-form table {
width:100%;
margin:0 auto;
background: #fff url() no-repeat;
padding: 10px;
}
#comment-form th, #comment-form td {
border: 1px dashed #ccc;
padding: 5px 10px;
text-align: left;
}
#comment-form input#send-comment {
padding:3px 5px;
float: right;
}
#comment-form textarea {
width:95%;
background:#fff url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;
}
.main-list {
margin-bottom:15px;
padding:10px 0;
}
.main-list table {
width:100%;
margin:10px 0;
}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;
}
.main-list th,.main-list td {
border:1px solid #ccc;
padding:3px 10px;
}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;
}
.page a {
background:#CBD4DE;
margin:0 5px;
color: #000;
padding:5px 10px;
border:2px dotted #282A2C;
}
.page span {
color: #ff0000;
background:#CBD4DE;
padding:5px 10px;
border:2px dotted #282A2C;
}
#links{
color: #000;
width:210px ;
float:left; 
margin: -310px 0px 0px 8px ;
}
#links a{
font-size: 16px;
color:#000;
}
#links-row-1{
width:170px ;
float:left;
background:#;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -780px ;
margin-top: 310px ;
}
#links-row-2{
width:175px ;
float:right ;
background:#;
background-image: url();
background-repeat: repeat;
margin-right: 0px ;
margin-top: 310px ;
}
.box{
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/17.jpg) left top repeat-y;
margin-bottom:20px;
}
.box-title{
height:45px;
line-height: 5px;
overflow:hidden;
color:#000;
text-align: left;
font-weight:bold;
font-family:標楷體;
font-size:22px;
background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/16.jpg) left top no-repeat;
margin:0px 0px 0px 0px;
padding:30px 0px 0px 38px;
}
.box-text{
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/18.jpg) left bottom no-repeat;
text-align: left;
line-height: 150%;
margin: 0px auto;
padding:0 10px;
padding-bottom:80px;
}
.box-more{
text-align:right;
margin: 15px 0;
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:#fff;
border: 2px double #282A2C;}
.box-more a:hover{
color: #000;
background: #CBD4DE;
}
#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 #282A2C;
font-size:16px; 
color:#ff0000;
background:#fff;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}
#counter .box-text{padding-left:50px;} 
#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;
}
#visitor li,#crumb li {
float:left;
margin-right:1px;
}
#visitor .box-text li , #crumb .box-text li { float: left;padding-left:6px;}
#visitor .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/31.jpg) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/31.jpg) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #282A2C;
border-left:1px solid #282A2C;
border-top:1px solid #282A2C;
border-bottom:1px solid #282A2C;}
#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:0px;padding-bottom:100px;}
#category .box-text h6 {
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/26.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
line-height: 30px;
font-size: 16px;
}
#category .box-text li a{
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/26.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:26px;
}
#category .box-text li a:hover{
background:#CBD4DE;
color:#000;
border: 2px double #282A2C;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/33.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:16px;
}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/34.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: 2px dashed #282A2C;}
#recent-article li a:hover {
color: #000;
background: #CBD4DE;
border:2px dotted #000;
}
#latest-comment li{
padding: 4px 0px ;
}
#latest-comment li a:hover {
color: #000;
background: #CBD4DE;
border:2px dotted #000;
}
#latest-comment li span {
color:#000;
font-size:.9em;
border-right:3px solid #282A2C;
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(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/35.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: 2px dashed #282A2C;
}
#hot-article li a:hover {
color: #000;
background: #CBD4DE;
border:2px dotted #000;
}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search .box-text{padding-left:22px;padding-top:15px;}
#search .box-text li{
display: inline;
}
input#search-target {
width: 100px;
background: #fff;
}
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;
width:100%;}
#counter .box-text {font-size:16px;} 
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:150px;
margin-left:20px;padding-top:0px;
}
#recent-article li,
#announce li,
#hot-article li{}
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom: 2px dashed #282A2C;}
#latest-trackback a{
color: #000;
background: #D9E3EE;
border:1px dotted #fff;
}
#latest-trackback a:hover {
}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {font-weight:bold;
font-family:標楷體;
font-size:18px;
}
#mylink .inner-box{
text-align: left;
padding-left: 25px;
font-size: 18px;
margin-bottom:5px;
color:#000;
}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed #282A2C;
}
#mylink a:hover {
color: #000;
background: #CBD4DE;
border:2px dotted #000;
}
#announce .box-text li{border-bottom: 2px dashed #282A2C;}
#announce a:hover {
color: #000;
border:2px dotted #000;
background: #CBD4DE;
}
#footer{
clear:both;
padding-top: 20px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/398500626/36.gif) repeat #C6CEB6;
_height:1%;
text-align: center;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background: #CBD4DE;
border:2px dotted #000;
}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 3px double #282A2C;
background: #fff;
padding: 2px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
select {
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 1px solid #282A2C;
background: #fff;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:#CBD4DE;
SCROLLBAR-DARKSHADOW-COLOR:#606469;
SCROLLBAR-HIGHLIGHT-COLOR:#606469;
SCROLLBAR-ARROW-COLOR:#606469;
SCROLLBAR-3DLIGHT-COLOR:#CBD4DE;
SCROLLBAR-SHADOW-COLOR:#CBD4DE;}
 
/* ------------Google瀏覽器的捲軸設定 ------------ */
::-webkit-scrollbar{ /*捲軸的底色*/
background-color: #B19782;}
::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/
background-color: #936F4E;
-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;}
 

 

 

春之曲三欄  

春之曲三欄位版型語法:

#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #555 ;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
td {
border: 1px solid #ccc;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}
pre{
font-size: 1em ;
}
.article-content{
_height: 1% ;
overflow: hidden ;
_overflow: none;
}
body {
color:#000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(http://i1245.photobucket.com/albums/gg586/sensitive1217/PK1/1_zpsb4601e67.jpg~original);
background-repeat:repeat;
background-position:undefined;
background: #8AD1FC;
}
#container{
width: 1280px;
background: url("http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/406038607/39.jpg") repeat-y left top;
margin: 0 auto;
}
#container2{
background: url("http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/408332499/0.jpg") no-repeat left top;
position: relative;
}
#container3 {
overflow:hidden;
position:relative;
}
#main{
#main{width:1200px;margin:auto;}
#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:10px 20px;
_height: 1%;
}
body{cursor:URL(http://forever0423.myweb.hinet.net/abc/181.ani);}
a:hover{cursor:URL(http://forever0423.myweb.hinet.net/abc/136.ani);}
#body-div{}
a, a:link, a:visited{color:#000;text-decoration:none;}
a:hover{color:#000;position:relative;top:2px;background:url(http://i1127.photobucket.com/albums/l631/sensitive1219/PK1/7_zps60f6791b.gif~original) repeat-x bottom;}
#header{
height: 320px;
padding-left: 55px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/408332499/0.jpg) no-repeat;
overflow:hidden;
position:relative;
}
#banner {
width: 400px;
height: 120px;
overflow:hidden;
}
#banner h1 {
font-weight:bold;
font-family:標楷體;
font-size:22px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top: 145px;
margin-left: 175px;
}
#banner h1 a{
color: #31444C;
}
#banner h1 a:hover {
color: #fff;
background: #85CEFB;
}
#banner h2 {
width:600px ;
color: #31444C;
margin:25px 0;
font-weight:bold;
font-family:標楷體;
font-size:16px;
position:absolute;
top:160px;
left:250px;
line-height:25px;
overflow:hidden;
}
.skiplink {display:none;} 
#blog-category {
position:absolute;
color:#2F3737;
top:280px;
left:120px;
font-size:15px;
}
#blog-category a {
color: #31444C;
}
#blog-category a:hover {
color: #000;
background: #BCD9E7;
}
#blog-category {display:none;} 
#navigation{
position:absolute;
top:290px;
left:895px;}
#navigation li{
float:left;}
#navigation a{
background: #;
padding: 4px;
border-right: 1px solid #31444C;
border-bottom: 1px solid #31444C;
border-top: 1px solid #31444C;
border-left: 1px solid #31444C;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color:#31444C;
letter-spacing:3pt}
#navigation a:hover {
color: #000;
background: #B9DFF2;}
#content{
width:635px ;
float:left ;
background:url(http://i1224.photobucket.com/albums/ee362/sensitive1225/PK1/89_zpsdf29b9c5.gif~original) repeat;
background:#fff ;
margin:0 auto;
margin-left: 305px ;
margin-top: 250px ;
}
#spotlight{
background:#D3F4FF;
padding:5px; 
margin-bottom: 0px ;
border: 6px double #97E5FF;
}
#spotlight h5 {
background:url(
);
color:#31444C;
font-weight:bold;
font-family:標楷體;
font-size:20px;
border-bottom:2px dotted #97E5FF;
padding:2px;
}
#spotlight-text {
background:url(
http://i1204.photobucket.com/albums/bb413/sensitive1226/PK1/q2_zps50066a57.gif~original);
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(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/406038607/44.jpg) no-repeat;
}
.title {
font-weight:bold;
font-family:標楷體;
float:left;
font-size:21px;
line-height: 15px;
padding: 15px 0px 0px 62px;
}
.title a { color: #31444C; }
.title a:hover{
color: #000;
background: #B9DFF2;
}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0 65px;
}
.month{color: #ff0000; }
.date { color: #ff0000; }
.day{display: none;}
.year{color: #ff0000; }
.time { display: none; }
.more {
float: right;
padding-top: 30px;
padding-right: 20px;
background: url(http://i1220.photobucket.com/albums/dd460/sensitive1223/PK1/88_zpsfdd85569.gif~original) right no-repeat;
margin-right: 40px ;
}
.more a{
font-weight:bold;
font-family:標楷體;
font-size: 18px;
color:#000;
}
.more a:hover{
color: #000;
background: #B9DFF2;
}
.author{
background: #fff;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 25px 0px 0px 0px;
border-bottom: 2.3px dashed #;
line-height: 30px;
}
.author a{
color: #000;
}
.author a:hover{
color: #000;
background: #B9DFF2;
}
.article-footer{
text-align:right ;
color:#000;
line-height:25px ;
}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;
}
.refer{
color:#2F3737;
text-align:left;
margin: 0px 0px 0px 10px;
padding-bottom: 10px;
padding-top: 20px ;
}
.refer a:hover {
color: #000;
background: #B9DFF2;
}
.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: #B9DFF2;
}
#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 #000;
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(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/406038607/47.gif);
background-repeat:repeat;
padding:0px 5px 5px 0px;
margin: 0px 0px 0px 0px;
line-height: 0px;
border: 2px dashed #;
}
.back-to-top a{
color: #000;
}
.back-to-top a:hover {
color: #000;
background: #B9DFF2;
}
#user-post{
background:#fff;
background:url(http://i1140.photobucket.com/albums/n566/sensitive1222/love2/a3.gif~original) repeat;
padding:15px; 
margin-bottom: 0px ;
border: 5px solid #B9DFF2;
}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #000;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/406038607/49.gif) center no-repeat;
font-size:14pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 65px;
padding-left: 5px;
}
#trackback-input {width:50%;}
.single-post {
border-right:4px double #5A89A8;
border-bottom:4px double #5A89A8;
border-left:4px double #5A89A8;
border-top:4px double #5A89A8;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:2px dashed #5A89A8;
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 #B9DFF2;
border-top:2px double #B9DFF2;
border-left:2px double #B9DFF2;
background:url(http://i1220.photobucket.com/albums/dd460/sensitive1223/PK1/15_zps4f20d540.jpg~original);
background:#;
padding:4px;
}
.reply-text {
float:right;
width:470px;
background:url(http://img585.imageshack.us/img585/1636/a3ia.png) 0px top no-repeat #FFF;
border:3px solid #5A89A8;
border-right:3px solid #5A89A8;
border-bottom:3px solid #5A89A8;
margin-right:15px;
display:inline;
color:#000;
min-height:40px;
_height:40px;
padding:12px 15px 0px 5px;
}
li.reply-text p {
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/406038607/52.gif) repeat-x ;
text-align:right;
padding:10px 0px 0px;
font-size: 12px;
color: #29262C;
}
.secret{}
.post-comment{
padding-top: 260px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/406038607/50.jpg) ;
background-repeat: no-repeat;
background-position: center top;
color: #000;
text-align:center;}
.post-comment a {
color: #000;
background: #fff;
border: 3px double #31444C;
}
.post-comment a:hover {
color: #000;
background: #B9DFF2;
}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #ccc;
}
#comment-form table {
width:100%;
margin:0 auto;
background: #fff url() no-repeat;
padding: 10px;
}
#comment-form th, #comment-form td {
border: 1px dashed #B60E11;
padding: 5px 10px;
text-align: left;
}
#comment-form input#send-comment {
padding:3px 5px;
float: right;
}
#comment-form textarea {
width:95%;
background:#fff url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;
}
.main-list {
margin-bottom:15px;
padding:10px 0;
}
.main-list table {
width:100%;
margin:10px 0;
}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;
}
.main-list th,.main-list td {
border:1px solid #888;
padding:3px 10px;
}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 20px 15px;
margin: 6px auto;
}
.page a {
background:#7A97C8;
margin:0 5px;
color: #fff;
padding:5px 10px;
}
.page span {
color: #FA0B4B;
background:#A3BCEA;
padding:5px 10px;
}
#links{
color: #000;
width:180px ;
float:left; 
margin: -310px 0px 0px10px ;
}
#links a{
font-size: 16px;
color:#000;
}
#links-row-1{
width:170px ;
float:left;
background:#;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -810px ;
margin-top: 310px ;
}
#links-row-2{
width:175px ;
float:right ;
background:#;
background-image: url();
background-repeat: repeat;
margin-right: 0px ;
margin-top: 310px ;
}
.box{
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/406038607/36.jpg) left top repeat-y;
margin-bottom:20px;
}
.box-title{
height:45px;
line-height: 5px;
overflow:hidden;
color:#000;
text-align: left;
font-weight:bold;
font-family:標楷體;
font-size:22px;
background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/406038607/34.jpg) left top no-repeat;
margin:0px 0px 0px 0px;
padding:30px 0px 0px 38px;
}
.box-text{
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/406038607/35.jpg) left bottom no-repeat;
text-align: left;
line-height: 150%;
margin: 0px auto;
padding:0 10px;
padding-bottom:80px;
}
.box-more{
text-align:right;
margin: 15px 0;
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:#fff;
border: 2px double #31444C;}
.box-more a:hover{
color: #000;
background: #B9DFF2;
}
#calendar table{
width: 96%;
margin:0 auto;background:#B9DFF2;}
#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 #31444C;
font-size:11px; 
color:#000;
background:#fff;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}
#counter .box-text{padding-left:50px;} 
#visitor{}
#visitor ul,#crumb ul{
overflow: hidden;_overflow: none;_height: 1%;
margin-bottom:25px;margin-top:5px;}
#visitor li,#crumb li{
float:left;
line-height:0;
margin:1px;}
#visitor li img,#crumb li img{
width: 50px;
height:50px;
border:1px solid #000;}
#visitor .box-text li a{
height:45px;width:45px;display:block;MARGIN: 1px;
background:#B9DFF2;border-right:1px solid #31444C;
border-bottom:1px solid #31444C;}
#visitor .box-text li a:hover {background:none;}
#visitor .box-text li a img{visibility:hidden;height:45px;width:45px;}
#visitor .box-text li a:hover img {visibility:visible;height:45px;width:45px}
#visitor .box-text li { float: left;padding-left:4px;}
#visitor .box-more {clear:both;}
#crumb li img {
width:45px;
height:45px;}
#category .box-text h6 img{display:none;}
#category .box-text{padding-left:0px;padding-bottom:100px;}
#category .box-text h6 {
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/406038607/42.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
line-height: 30px;
font-size: 16px;
}
#category .box-text li a{
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/406038607/42.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:26px;
}
#category .box-text li a:hover{
background:#fff;
color:#000;
border: 2px double #2F3737;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/406038607/41.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:16px;
}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/406038607/53.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: 2px dashed #31444C;}
#recent-article li a:hover {
color: #000;
background: #B9DFF2;
}
#latest-comment li{
padding: 4px 0px ;
border-bottom: 3px solid #31444C;}
#latest-comment li a:hover {
color: #000;
background: #B9DFF2;
}
#latest-comment li span {
color:#000;
font-size:.9em;
border-right:3px solid #31444C;
margin:0 4px 0 0;
padding:0 4px 0 0;
}
#latest-comment li a {
color:#000;
display:block;
height:20px;
overflow:hidden;
}
#hot-article li {
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/406038607/54.gif);
background-repeat:no-repeat;
background-position:left;
font-size: 16px;
margin-left:5px;
padding-left:25px;
line-height: 25px;
border-bottom: 2px dashed #31444C;}
#hot-article li a:hover {
color: #000;
background: #B9DFF2;
}
#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;
color: #000;
background: #EEEEEE;
}
#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: 2px dashed #31444C;}
#latest-trackback a{
color: #000;
background: #B9DFF2;
}
#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 #31444C;
}
#mylink a:hover {
color: #000;
background: #B9DFF2;
}
#announce .box-text li{border-bottom: 2px dashed #31444C;}
#announce a:hover {
color: #000;
background: #B9DFF2;
}
#footer{
clear:both;
padding-top: 20px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/406038607/39.jpg) repeat #C6CEB6;
_height:1%;
text-align: center;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background: #B9DFF2;
}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 3px double #31444C;
background: #fff;
padding: 2px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
select {
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 1px solid #31444C;
background: #fff;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:#8AD1FC;
SCROLLBAR-DARKSHADOW-COLOR:#2F3737;
SCROLLBAR-HIGHLIGHT-COLOR:#8AD1FC;
SCROLLBAR-SHADOW-COLOR:#552D11;
SCROLLBAR-ARROW-COLOR:#552D11;
SCROLLBAR-3DLIGHT-COLOR:#552D11;}
 
/* ------------Google瀏覽器的捲軸設定 ------------ */
::-webkit-scrollbar{ /*捲軸的底色*/
background-color: #66CCFF;}
::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/
background-color: #4EB7DB;
-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;}
 

 

 

A Day of My Life三欄  

A DAY OF MY LIFE 三欄位版型語法:

#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #555 ;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
td {
border: 1px solid #ccc;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}
pre{
font-size: 1em ;
}
.article-content{
_height: 1% ;
overflow: hidden ;
_overflow: none;
}
body {
color:#000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/14.jpg);
background-repeat:repeat;
background-position:undefined;
}
#container{
width: 1350px;
background: url("http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/409688255/12.jpg") repeat-y left top;
margin: 0 auto;
}
#container2{
background: url("http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/409686192/7.jpg") no-repeat left top;
position: relative;
}
#container3 {
overflow:hidden;
position:relative;
}
#main{
#main{width:1200px;margin:auto;}
#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;
}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#241B1C;text-decoration:none;}
a:hover{color:#000;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height: 450px;
padding-left: 55px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/409686192/7.jpg) no-repeat;
overflow:hidden;
position:relative;
}
#banner {
width: 400px;
height: 120px;
overflow:hidden;
}
#banner h1 {
font-weight:bold;
font-family:標楷體;
font-size:22px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top: 95px;
margin-left: 103px;
}
#banner h1 a{
color: #B7934E;
}
#banner h1 a:hover {
color: #CBB182;
background: #F3EDEA;
border:2px dotted #CBB182;
}
#banner h2 {
width:650px ;
color: #996600;
margin:25px 0;
font-weight:bold;
font-family:標楷體;
font-size:17px;
position:absolute;
top:110px;
left:180px;
line-height:25px;
overflow:hidden;
}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;
}
.skiplink a{
color: #000;
}
.skiplink a:hover {
color: #fff;
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: #fff;
background: #A0A188;
}
#blog-category {display:none;} 
#navigation{
position:absolute;
top:320px;
left:1100px;
}
#navigation li{
float:left;
}
#navigation a{
background: #;
padding: 4px;
border-right: 1px solid #31444C;
border-bottom: 1px solid #31444C;
border-top: 1px solid #31444C;
border-left: 1px solid #31444C;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
color:#31444C;
letter-spacing:3pt
}
#navigation a:hover {
color: #000;
background: #B9DFF2;
}
#content{
width:635px ;
float:left ;
background:url() repeat;
background:#fff;
margin:0 auto;
margin-left: 330px ;
margin-top: 38px ;
}
#spotlight{
background:#fff;
padding:5px; 
margin-bottom: 5px ;
margin-top: 5px ;
border: 6px double #D5C09C;
}
#spotlight h5 {
background:url(
);
color:#000;
font-weight:bold;
font-family:標楷體;
font-size:20px;
border-bottom:2px dotted #AD8434;
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: 30px;
background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/43.gif) no-repeat;
}
.title {
font-weight:bold;
font-family:標楷體;
float:left;
font-size:22px;
line-height: 15px;
padding: 15px 0px 0px 83px;
}
.title a { color: #303235; }
.title a:hover{
color: #000;
background: #F4E9D0;
border:2px dotted #000;
}
.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: 20px;
padding-right: 18px;
background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/409688255/11.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: #F4E9D0;
border:2px dotted #000;
}
.author{
background: #fff;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom: 2.3px dashed #E5CB82;
line-height: 30px;
}
.author a{
color: #000;
}
.author a:hover{
color: #000;
background: #F4E9D0;
border:2px dotted #000;
}
.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: 2.3px dashed #E5CB82;
line-height: 30px;
}
.refer a:hover {
color: #000;
background: #F4E9D0;
border:2px dotted #000;
}
.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: #F4E9D0;
border:2px dotted #000;
}
#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 #000;
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:#fff;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #E5CB82;
}
.back-to-top a:hover {
color: #000;
background: #F4E9D0;
border:2px dotted #000;
}
#user-post{
background:#fff;
background:url() repeat;
padding:15px; 
margin-bottom: 0px ;
border: 5px solid #F4E9D0;
}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #000;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/42.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:4px double #F4E9D0;
border-bottom:4px double #F4E9D0;
border-left:4px double #F4E9D0;
border-top:4px double #F4E9D0;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:2px dashed #F4E9D0;
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 #B7934E;
border-top:2px double #B7934E;
border-left:2px double #B7934E;
background:url(hhttp://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/14.jpg);
background:#;
padding:4px;
}
.reply-text {
float:right;
width:520px;
background:url() 0px top no-repeat #FFF;
border:3px solid #F4E9D0;
border-right:3px solid #F4E9D0;
border-bottom:3px solid #F4E9D0;
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: #303235;
}
.secret{}
.post-comment{
padding-top: 320px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/409688255/7.png) ;
background-repeat: no-repeat;
background-position: center top;
 
text-align:center;}
.post-comment a {
color: #000;
background: #fff;
border: 3px double #E5CB82;
}
.post-comment a:hover {
color: #000;
background: #F4E9D0;
border:2px dotted #000;
}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #ccc;
}
#comment-form table {
width:100%;
margin:0 auto;
background: #fff url() no-repeat;
padding: 10px;
}
#comment-form th, #comment-form td {
border: 1px dashed #ccc;
padding: 5px 10px;
text-align: left;
}
#comment-form input#send-comment {
padding:3px 5px;
float: right;
}
#comment-form textarea {
width:95%;
background:#fff url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;
}
.main-list {
margin-bottom:15px;
padding:10px 0;
}
.main-list table {
width:100%;
margin:10px 0;
}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;
}
.main-list th,.main-list td {
border:1px solid #ccc;
padding:3px 10px;
}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;
}
.page a {
background:#F4E9D0;
margin:0 5px;
color: #000;
padding:5px 10px;
border:2px dotted #E5CB82;
}
.page span {
color: #ff0000;
background:#F4E9D0;
padding:5px 10px;
border:2px dotted #E5CB82;
}
#links{
color: #000;
width:220px ;
float:left; 
margin: -325px 0px 0px 30px ;
}
#links a{
font-size: 16px;
color:#000;
}
#links-row-1{
width:220px ;
float:left;
background:#;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -910px ;
margin-top: 365px ;
}
#links-row-2{
width:220px ;
float:right ;
background:#;
background-image: url();
background-repeat: repeat;
margin-right: 0px ;
margin-top: 365px ;
}
.box{
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/58.png) left top repeat-y;
margin-bottom:20px;
}
.box-title{
height:50px;
line-height: 5px;
overflow:hidden;
color:#000;
text-align: left;
font-weight:bold;
font-family:標楷體;
font-size:24px;
background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/57.png) left top no-repeat;
margin:0px 0px 0px 0px;
padding:30px 0px 0px 60px;
}
.box-text{
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/61.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: 15px 0;
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:#fff;
border: 2px double #E5CB82;}
.box-more a:hover{
color: #000;
background: #F4E9D0;
}
#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 #E5CB82;
font-size:16px; 
color:#ff0000;
background:#fff;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}
#counter .box-text{padding-left:50px;} 
#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;
}
#visitor li,#crumb li {
float:left;
margin-right:1px;
}
#visitor .box-text li , #crumb .box-text li { float: left;padding-left:6px;}
#visitor .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/55.jpg) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/55.jpg) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #E5CB82;
border-left:1px solid #E5CB82;
border-top:1px solid #E5CB82;
border-bottom:1px solid #E5CB82;}
#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(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/409688255/10.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
line-height: 30px;
font-size: 16px;
}
#category .box-text li a{
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/409688255/10.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:26px;
}
#category .box-text li a:hover{
background:#F4E9D0;
color:#000;
border: 2px double #E5CB82;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/409688255/9.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:25px;
}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/64.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: 2px dashed #E5CB82;}
#recent-article li a:hover {
color: #000;
background: #F4E9D0;
border:2px dotted #000;
}
#latest-comment li{
padding: 4px 0px ;
}
#latest-comment li a:hover {
color: #000;
background: #F4E9D0;
border:2px dotted #000;
}
#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(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/65.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: 2px dashed #E5CB82;
}
#hot-article li a:hover {
color: #000;
background: #F4E9D0;
border:2px dotted #000;
}
#search{}
#search ul{
overflow: hidden;
_overflow: none;
_height: 1%;}
#search .box-text{padding-left:22px;padding-top:15px;}
#search .box-text li{
display: inline;
}
input#search-target {
width: 100px;
background: #fff;
}
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;
width:100%;}
#counter .box-text {font-size:16px;} 
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:150px;
margin-left:20px;padding-top:0px;
}
#recent-article li,
#announce li,
#hot-article li{}
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom: 2px dashed #E5CB82;}
#latest-trackback a{
color: #000;
background: #D9E3EE;
border:1px dotted #fff;
}
#latest-trackback a:hover {
}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:99%;}
#mylink {font-weight:bold;
font-family:標楷體;
font-size:18px;
}
#mylink .inner-box{
text-align: left;
padding-left: 25px;
font-size: 18px;
margin-bottom:5px;
color:#000;
}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed #E5CB82;
}
#mylink a:hover {
color: #000;
background: #F4E9D0;
border:2px dotted #000;
}
#announce .box-text li{border-bottom: 2px dashed #E5CB82;}
#announce a:hover {
color: #000;
border:2px dotted #000;
background: #F4E9D0;
}
#footer{
clear:both;
padding-top: 20px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/409688255/12.jpg) repeat #C6CEB6;
_height:1%;
text-align: center;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background: #F4E9D0;
border:2px dotted #000;
}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 3px double #E5CB82;
background: #fff;
padding: 2px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
select {
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 1px solid #E5CB82;
background: #fff;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:#D5C09C;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#F4E9D0;
SCROLLBAR-ARROW-COLOR:#FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#FFFFFF;}
 
/* ------------Google瀏覽器的捲軸設定 ------------ */
::-webkit-scrollbar{ /*捲軸的底色*/
background-color: #EFDFB6;}
::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/
background-color: #E5CB82;
-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;}
 

 

 

Life is a party三欄  

Life is a party 三欄位版型語法:

#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #555 ;padding: 3px 5px;}
#comment-form input#send-comment{padding: 3px 5px ;}
.article-content p{
margin-bottom:1em;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
td {
border: 1px solid #ccc;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,th,var {
font-style:normal;
font-weight:normal;
}
ol,ul {
list-style:none;
}
caption,th {
text-align:left;
}
h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:normal;
}
q:before,q:after {
content:'';
}
abbr,acronym {
border:0;
}
pre{
font-size: 1em ;
}
.article-content{
_height: 1% ;
overflow: hidden ;
_overflow: none;
}
body {
color:#000;
font-size:12pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465300168/14.gif);
background-repeat:repeat;
background-position:undefined;
}
#container{
width: 1300px;
background: url("http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465801182/10.jpg") repeat-y left top;
margin: 0 auto;
}
#container2{
background: url("http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465801182/14.jpg") no-repeat left top;
position: relative;
}
#container3 {
overflow:hidden;
position:relative;
}
#main{
#main{width:1300px;margin:auto;}
#content{float:right;line-height:180%;width:700px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:1px 20px;
_height: 1%;
}
body{cursor:URL();}
a:hover{cursor:URL();}
#body-div{}
a, a:link, a:visited{color:#241B1C;text-decoration:none;}
a:hover{color:#000;position:relative;top:2px;background:url() repeat-x bottom;}
#header{
height: 460px;
padding-left: 55px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465801182/14.jpg) no-repeat;
overflow:hidden;
position:relative;
}
#banner {
width: 400px;
height: 120px;
overflow:hidden;
}
#banner h1 {
font-weight:bold;
font-family:標楷體;
font-size:22px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top: 285px;
margin-left: -25px;
}
#banner h1 a{
color: #996600;
}
#banner h1 a:hover {
color: #AD8434;
background: #EAD59C;
border:2px dotted #CBB182;
}
#banner h2 {
width:650px ;
color: #996600;
margin:25px 0;
font-weight:bold;
font-family:標楷體;
font-size:17px;
position:absolute;
top:305px;
left:50px;
line-height:25px;
overflow:hidden;
}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;
}
.skiplink a{
color: #000;
}
.skiplink a:hover {
color: #EFDFB6;
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: #EFDFB6;
background: #A0A188;
}
#blog-category {display:none;} 
#navigation{
position:absolute;
top:280px;
left:430px;
}
#navigation a{
display:block;
text-align:center;
width:100px;
height:35px;
font-size:0pt;
background-color:none;
padding:0px;
}
#navigation a:hover {
border-right: 2px solid #9BA2AA;
border-bottom: 2px solid #9BA2AA;
border-top: 2px solid #9BA2AA;
border-left: 2px solid #9BA2AA;
}
#navigation li {
float:left;
margin:140px 10px 5px 0;
}
#link-profile{background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465300168/46.png);}
#link-blog{background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465300168/49.png);}
#link-album{background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465300168/47.png);}
#link-guestbook{background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465300168/48.png);}
#content{
width:650px ;
float:left ;
background:url() repeat;
background:#F4E9D0;
margin:0 auto;
margin-left: 300px ;
margin-top: 20px ;
}
#spotlight{
background:#F9F3EA;
padding:5px; 
margin-bottom: 5px ;
margin-top: 0px ;
border: 6px double #D5C09C;
}
#spotlight h5 {
background:url(
);
color:#000;
font-weight:bold;
font-family:標楷體;
font-size:20px;
border-bottom:2px dotted #AD8434;
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: 30px;
background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465300168/32.gif) no-repeat;
}
.title {
font-weight:bold;
font-family:標楷體;
float:left;
font-size:23px;
line-height: 15px;
padding: 15px 0px 0px 83px;
}
.title a { color: #303235; }
.title a:hover{
color: #000;
background: #EFDFB6;
border:2px dotted #000;
}
.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: 20px;
padding-right: 18px;
background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465300168/35.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: #EFDFB6;
border:2px dotted #000;
}
.author{
background: #EFDFB6;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom: 2.3px dashed #E5CB82;
line-height: 30px;
}
.author a{
color: #000;
}
.author a:hover{
color: #000;
background: #EFDFB6;
border:2px dotted #000;
}
.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: 2.3px dashed #E5CB82;
line-height: 30px;
}
.refer a:hover {
color: #000;
background: #EFDFB6;
border:2px dotted #000;
}
.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: #EFDFB6;
border:2px dotted #000;
}
#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 #000;
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:#EFDFB6;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid #E5CB82;
}
.back-to-top a:hover {
color: #000;
background: #EFDFB6;
border:2px dotted #000;
}
#user-post{
background:#EFDFB6;
background:url() repeat;
padding:15px; 
margin-bottom: 0px ;
border: 5px solid #EFDFB6;
}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
.user-post-title {
text-align: center;
color: #000;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/42.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:4px double #E5CB82;
border-bottom:4px double #E5CB82;
border-left:4px double #E5CB82;
border-top:4px double #E5CB82;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:2px dashed #EFDFB6;
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 #E5CB82;
border-top:2px double #E5CB82;
border-left:2px double #E5CB82;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465300168/14.gif);
background:#;
padding:4px;
}
.reply-text {
float:right;
width:540px;
background:url() 0px top no-repeat #EFDFB6;
border:3px solid #E5CB82;
border-right:3px solid #E5CB82;
border-bottom:3px solid #E5CB82;
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: #E5CB82;
}
.secret{}
.post-comment{
padding-top: 320px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465300168/51.gif) ;
background-repeat: no-repeat;
background-position: center top;
 
text-align:center;}
.post-comment a {
color: #000;
background: #EFDFB6;
border: 3px double #E5CB82;
}
.post-comment a:hover {
color: #000;
background: #EFDFB6;
border:2px dotted #000;
}
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #ccc;
}
#comment-form table {
width:100%;
margin:0 auto;
background: #EFDFB6 url() no-repeat;
padding: 10px;
}
#comment-form th, #comment-form td {
border: 1px dashed #ccc;
padding: 5px 10px;
text-align: left;
}
#comment-form input#send-comment {
padding:3px 5px;
float: right;
}
#comment-form textarea {
width:95%;
background:#EFDFB6 url() right bottom no-repeat;
line-height:1.5;
height:120px;
padding:5px 10px;
}
.main-list {
margin-bottom:15px;
padding:10px 0;
}
.main-list table {
width:100%;
margin:10px 0;
}
.main-list h3 {
margin-bottom:10px;
padding:5px 10px;
}
.main-list th,.main-list td {
border:1px solid #ccc;
padding:3px 10px;
}
.page {
clear: both;
height: 40px;
line-height: 20px;
font-size: 12px;
text-align: left;
background: none;
padding: 0px 15px;
margin: 6px auto;
}
.page a {
background:#EFDFB6;
margin:0 5px;
color: #000;
padding:5px 10px;
border:2px dotted #E5CB82;
}
.page span {
color: #ff0000;
background:#EFDFB6;
padding:5px 10px;
border:2px dotted #E5CB82;
}
#links{
color: #000;
width:220px ;
float:left; 
margin: -310px 0px 0px 15px ;
}
#links a{
font-size: 16px;
color:#000;
}
#links-row-1{
width:220px ;
float:left;
background:#;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -900px ;
margin-top: 332px ;
}
#links-row-2{
width:220px ;
float:right ;
background:#;
background-image: url();
background-repeat: repeat;
margin-right: 0px ;
margin-top: 332px ;
}
.box{
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465300168/25.jpg) left top repeat-y;
margin-bottom:20px;
}
.box-title{
height:45px;
line-height: 5px;
overflow:hidden;
color:#000;
text-align: left;
font-weight:bold;
font-family:標楷體;
font-size:24px;
background: url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465300168/29.jpg) left top no-repeat;
margin:0px 0px 0px 0px;
padding:35px 0px 0px 60px;
}
.box-text{
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465300168/26.jpg) 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: 15px 0;
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:#EFDFB6;
border: 2px double #E5CB82;}
.box-more a:hover{
color: #000;
background: #EFDFB6;
}
#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 #E5CB82;
font-size:16px; 
color:#ff0000;
background:#EFDFB6;}
#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(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465300168/52.png) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465300168/52.png) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid #E5CB82;
border-left:1px solid #E5CB82;
border-top:1px solid #E5CB82;
border-bottom:1px solid #E5CB82;}
#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(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465300168/37.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:25px;
line-height: 30px;
font-size: 16px;
}
#category .box-text li a{
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465300168/37.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:26px;
}
#category .box-text li a:hover{
background:#EFDFB6;
color:#000;
border: 2px double #E5CB82;
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/465300168/38.gif);
background-repeat:no-repeat;
line-height: 30px;
padding-left:25px;
}
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/64.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: 2px dashed #E5CB82;}
#recent-article li a:hover {
color: #000;
background: #EFDFB6;
border:2px dotted #000;
}
#latest-comment li{
padding: 4px 0px ;
}
#latest-comment li a:hover {
color: #000;
background: #EFDFB6;
border:2px dotted #000;
}
#latest-comment li span {
color:#000;
font-size:.9em;
border-right:3px solid #F4E9D0;
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(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/65.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: 2px dashed #E5CB82;
}
#hot-article li a:hover {
color: #000;
background: #EFDFB6;
border:2px dotted #000;
}
#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: #EFDFB6;
}
#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: 2px dashed #E5CB82;}
#latest-trackback a{
color: #000;
background: #D9E3EE;
border:1px dotted #EFDFB6;
}
#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 #E5CB82;
}
#mylink a:hover {
color: #000;
background: #EFDFB6;
border:2px dotted #000;
}
#announce .box-text li{border-bottom: 2px dashed #E5CB82;}
#announce a:hover {
color: #000;
border:2px dotted #000;
background: #EFDFB6;
}
#footer{
clear:both;
padding-top: 20px;
background:url(http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/399194121/59.jpg) repeat #C6CEB6;
_height:1%;
text-align: center;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background: #EFDFB6;
border:2px dotted #000;
}
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
color: #000;
border: 3px double #E5CB82;
background: #EFDFB6;
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 #E5CB82;
background: #EFDFB6;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:#D5C09C;
SCROLLBAR-DARKSHADOW-COLOR:#FFFFFF;
SCROLLBAR-HIGHLIGHT-COLOR:#F4E9D0;
SCROLLBAR-ARROW-COLOR:#FFFFFF;
SCROLLBAR-3DLIGHT-COLOR:#FFFFFF;
SCROLLBAR-SHADOW-COLOR:#FFFFFF;}
 
/* ------------Google瀏覽器的捲軸設定 ------------ */
::-webkit-scrollbar{ /*捲軸的底色*/
background-color: #EFDFB6;}
::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/
background-color: #E5CB82;
-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: #F4E9D020 !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;}
 

 

這四款三欄位版型是我心血來潮時

參照霝兒的版型語法隨手製作的。

原本沒有打算貼出,

而封存在了"箱底"

近期整理才發掘出來。

試著貼出,好像還可以見人,

所以,決定把它們發表了。

 

     

 

 

星兒1  

 

 

arrow
arrow
    全站熱搜

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