輕聲密語

悽涼千古與誰同三欄  

  悽涼千古與誰同

三欄位版型語法:

#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(
https://pic.pimg.tw/lamkwanfai/1501647340-382198919.gif);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 12
00px;
background: url("
http://i.imgur.com/rDWRQAC.png") repeat-y left top;
margin: 0 auto;}
#container2{
background: url("") 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:
580px;
padding-left: 55px;
background:url(
http://i.imgur.com/QuIHlsj.jpg) no-repeat;
overflow:hidden;
position:relative;}
#banner {
width: 400px;
height: 120px;
overflow:hidden;}
#banner h1 {
font-weight:bold;
font-family:
標楷體;
font-size:
25px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top:
70px;
margin-left:
60px;}
#banner h1 a{
color:
#3C3C3C;}
#banner h1 a:hover {
color:
#8E8E8E;
background:
# F0F0F0;
border:2px dotted
#000000;}
#banner h2 {
width:650px ;
color:
#000000;
margin:25px 0;
font-weight:bold;
font-family:
標楷體;
font-size:
18px;
position:absolute;
top:
90px;
left:
137px;
line-height:
25px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;}
.skiplink a{
color: #000;}
.skiplink a:hover {
color: #828282;
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: #828282;
background: #A0A188;}
#blog-category {display:none;}
#navigation{
position:absolute;
top:
360px;
left:
715px;}
#navigation a{
display:block;
text-align:center;
width:100px;
height:40px;
font-size:0pt;
background-color:none;
padding:0px;}
#navigation a:hover {
border-right: 2px solid
#343434;
border-bottom: 2px solid
#343434;
border-top: 2px solid
#343434;
border-left: 2px solid
#343434;}
#navigation li {
float:left;
margin:140px 10px 5px
0px;}
#link-profile{background-image:url(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/483991605/17.png);}
#link-blog{background-image:url(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/483991605/20.png);}
#link-album{background-image:url(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/483991605/18.png);}
#link-guestbook{background-image:url(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/483991605/19.png);}
#content{
width:
665px ;
float:left ;
background:url() repeat;
background:
#9C9C9C;
margin:0 auto;
margin-left:
248px ;
margin-top:
30px ;}
#spotlight{
background:
#828282;
padding:5px;
margin-bottom: 5px ;
margin-top:
-5px ;
border:
6px double #343434;}
#spotlight h5 {
background:url();
color:#000;
font-weight:bold;
font-family:
標楷體;
font-size:2
0px;
border-bottom:
2px dotted #343434;
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/483991605/26.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:
#000000; }
.title a:hover{
color: #000;
background:
# FFF3F9;
border:2px dotted
#343434;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0
85px;}
.month{color:
#000000; }
.date { color:
#000000; }
.day{display: none;}
.year{color:
#000000; }
.time { display: none; }
.more {
float: right;
padding-top:
10px;
padding-right:
22px;
background: url(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/483991605/27.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
#343434;}
.author{
background:
#828282;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom:
2.3px dashed #343434;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background:
# FFF3F9;
border:2px dotted
#343434;}
.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 #343434;
line-height: 30px;}
.refer a:hover {
color: #000;
background:
# 828282;
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:
# 828282;
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:#828282;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid
#343434;}
.back-to-top a:hover {
color: #000;
background: # 828282;
border:2px dotted #000;}
#user-post{
background:#828282;
background:url() repeat;
padding:15px;
margin-bottom: 0px ;
border: 5px solid
#343434;}
#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/483991605/35.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
#343434;
border-bottom:4px double
#343434;
border-left:4px double
#343434;
border-top:4px double
#343434;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-bottom:
1.5px dashed #343434;
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
#343434;
border-top:2px double
#343434;
border-left:2px double
#343434;
background:url();
background:#;
padding:4px;}
.reply-text {
float:right;
width:
540px;
background:url() 0px top no-repeat
#B6B6B6;
border:
3px solid #343434;
border-right:
3px solid #343434;
border-bottom:
3px solid #343434;
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/483991605/33.gif) ;
background-repeat: no-repeat;
background-position: center top;
text-align:center;}

.post-comment a {
color: #000;
background: #828282;
border: 3px double
#343434;}
.post-comment a:hover {
color: #000;
background:
# 828282;
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: #828282 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:#828282 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:
# 828282;
margin:0 5px;
color: #000;
padding:5px 10px;
border:2px dotted
#343434;}
.page span {
color:
#000000;
background:
# 828282;
padding:5px 10px;
border:2px dotted
#343434;}
#links{
color: #000;
width:220px ;
float:left;
margin: -310px 0px 0px 15px ;}
#links a{
font-size: 1
7px;
color:#000;}
#links-row-1{
width:220px ;
float:left;
background:#;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -
920px ;
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/1501838037-768952272.jpg) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:
38px;
line-height:
20px;
overflow:hidden;
color:
#000;
text-align: left;
font-weight:bold;
font-family:
標楷體;
font-size:2
4px;
background: url(
https://pic.pimg.tw/lamkwanfai/1501838036-3692250395.jpg) left top no-repeat;
margin:0px 0px 0px 0px;
padding:
30px 0px 0px 60px;}
.box-text{
background:url(
https://pic.pimg.tw/lamkwanfai/1501838037-3107247848.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:
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:#828282;
border:
2px double #343434;}
.box-more a:hover{
color: #000;
background: # 828282;}
#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
#343434;
font-size:16px;
color:
#000000;
background:#828282;}
#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/483991605/31.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/483991605/31.png) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid
#343434;
border-left:1px solid
#343434;
border-top:1px solid
#343434;
border-bottom:1px solid
#343434;}
#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/483991605/25.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(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/483991605/25.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:
28px;}
#category .box-text li a:hover{
background:
# 828282;
color:
#000000;
border:
2px double #343434;
background-image:url(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/483991605/28.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(
http://6.blog.xuite.net/6/9/9/a/22874090/blog_1737565/txt/483991605/29.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 #343434;}
#recent-article li a:hover {
color: #000;
background:
# 828282;
border:2px dotted
#343434;
}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background:
# 828282;
border:2px dotted
#343434;}
#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/483991605/30.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 #343434;}
#hot-article li a:hover {
color: #000;
background:
# 828282;
border:2px dotted
#343434;}
#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: #828282;}
#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 #343434;}
#latest-trackback a{
color: #000;
background: #D9E3EE;
border:1px dotted #828282;}
#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
#343434;}
#mylink a:hover {
color: #000;
background:
# 828282;
border:2px dotted #000;}
#announce .box-text li{border-bottom: 2px dashed
#343434;}
#announce a:hover {
color: #000;
border:2px dotted #000;
background:
# 828282;}
#footer{
clear:both;
padding-top: 20px;
background:url(
http://i.imgur.com/rDWRQAC.png) repeat #FFEAEA;
_height:1%;
text-align: center;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background:
# 828282;
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
#343434;
background:
#B6B6B6;
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
#343434;
background: #828282;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:
#4E4E4E;
SCROLLBAR-DARKSHADOW-COLOR:
#D0D0D0;
SCROLLBAR-HIGHLIGHT-COLOR:
#686868;
SCROLLBAR-ARROW-COLOR:
#D0D0D0;
SCROLLBAR-3DLIGHT-COLOR:
#D0D0D0;
SCROLLBAR-SHADOW-COLOR:
#D0D0D0;}

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

.topbar-placeholder, #comment-text > div{display:none}

.article-body > div:last-child {width:0px; height:0px; margin-left: -2000px; }

#content .recommended-posts3 ul li > :nth-child(1):not([class*="source-emma"]) {

display: none;}

#comment-text ul li.post-info > span.user-name img{display:none;}

 

 

 

溫柔時刻三欄  

溫柔時刻

三欄位版型語法:

#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(
https://pic.pimg.tw/lamkwanfai/1501554672-577314493.jpg);
background-repeat:repeat;
background-position:undefined;}
#container{
width: 12
00px;
background: url("
http://i.imgur.com/RTZ6ZEO.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: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:
600px;
padding-left: 55px;
background:url(
http://i.imgur.com/wh2luDT.jpg) no-repeat;
overflow:hidden;
position:relative;}
#banner {
width: 400px;
height: 120px;
overflow:hidden;}
#banner h1 {
font-weight:bold;
font-family:
標楷體;
font-size:
24px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top:
80px;
margin-left:
63px;}
#banner h1 a{
color:
#FFDB4E;}
#banner h1 a:hover {
color:
#FFEA9C;
background:
# 875A00;
border:2px dotted
#EAB400;}
#banner h2 {
width:650px ;
color:
#FFD11A;
margin:25px 0;
font-weight:bold;
font-family:
標楷體;
font-size:
17px;
position:absolute;
top:100px;
left:
140px;
line-height:
24px;
overflow:hidden;}
.skiplink {
position:absolute;
top:20px;
left:650px;
font-size:15px;}
.skiplink a{
color: #000;}
.skiplink a:hover {
color: #B7934E;
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: #B7934E;
background: #A0A188;}
#blog-category {display:none;}
#navigation{
position:absolute;
top:
360px;
left:
100px;}
#navigation a{
display:block;
text-align:center;
width:100px;
height:40px;
font-size:0pt;
background-color:none;
padding:0px;}
#navigation a:hover {
border-right:
1.5px solid #FFEA9C;
border-bottom:
1.5px solid #FFEA9C;
border-top:
1.5px solid #EAB400;
border-left:
1.5px solid #EAB400;}
#navigation li {
float:left;
margin:140px 10px 5px
0px;}
#link-profile{background-image:url(
https://pic.pimg.tw/lamkwanfai/1501554672-2672368779.png);}
#link-blog{background-image:url(
https://pic.pimg.tw/lamkwanfai/1501554672-1284469175.png);}
#link-album{background-image:url(
https://pic.pimg.tw/lamkwanfai/1501554672-641272771.png);}
#link-guestbook{background-image:url(
https://pic.pimg.tw/lamkwanfai/1501554672-2846909247.png);}
#content{
width:
665px ;
float:left ;
background:url() repeat;
background:
#AD8434;
margin:0 auto;
margin-left:
250px ;
margin-top:
25px ;}
#spotlight{
background:
#A3751A;
padding:5px;
margin-bottom: 5px ;
margin-top:
5px ;
border:
6px double #D0A000;}
#spotlight h5 {
background:url();
color:#000;
font-weight:bold;
font-family:
標楷體;
font-size:2
0px;
border-bottom:
2px dotted #D0A000;
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(
https://pic.pimg.tw/lamkwanfai/1501555639-3004802935.gif) no-repeat;
}
.title {
font-weight:bold;
font-family:
標楷體;
float:left;
font-size:
23px;
line-height:
45px;
padding:
15px 0px 0px 83px;}
.title a { color:
#000000; }
.title a:hover{
color:
#5B5B5B;
background:
# B7934E;
border:2px dotted
#875A00;}
.title img { vertical-align: middle; }
.article-body {}
.publish {
font-size: 15px;
padding: 0 0 0
85px;}
.month{color:
#000000; }
.date { color:
#000000; }
.day{display: none;}
.year{color:
#000000; }
.time { display: none; }
.more {
float: right;
padding-top:
15px;
padding-right:
28px;
background: url(
https://pic.pimg.tw/lamkwanfai/1501555518-3872521819.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:
# B7934E;
border:2px dotted
#875A00;}
.author{
background:
#B7934E;
color: #000;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 45px 0px 0px 0px;
border-bottom:
2.3px dashed #875A00;
line-height: 30px;}
.author a{
color: #000;}
.author a:hover{
color: #000;
background:
# B7934E;
border:2px dotted
#875A00;}
.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 #875A00;
line-height: 30px;}
.refer a:hover {
color: #000;
background:
#B7934E;
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:
#B7934E;
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:#B7934E;
-khtml-border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border:1px solid
#875A00;}
.back-to-top a:hover {
color: #000;
background: #B7934E;
border:2px dotted #000;}
#user-post{
background:#B7934E;
background:url() repeat;
padding:15px;
margin-bottom: 0px ;
border: 5px solid
#875A00;}
#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/1501555698-3270455172.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
#875A00;
border-bottom:4px double
#875A00;
border-left:4px double
#875A00;
border-top:4px double
#875A00;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
border-
bottom:1.5px dashed #D0A000;
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
#875A00;
border-top:2px double
#875A00;
border-left:2px double
#875A00;
background:url();
background:#;
padding:4px;}
.reply-text {
float:right;
width:
540px;
background:url() 0px top no-repeat #B7934E;
border:
3px solid #875A00;
border-right:
3px solid #875A00;
border-bottom:
3px solid #875A00;
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:
270px;
padding-bottom: 15px;
line-height:
2.8em;
height: 100%;
font-size: 18px;
background:url(
https://pic.pimg.tw/lamkwanfai/1501555698-1793013757.gif) ;
background-repeat: no-repeat;
background-position: center top;
text-align:center;}

.post-comment a {
color: #000;
background: #B7934E;
border: 3px double
#875A00;}
.post-comment a:hover {
color: #000;
background:
#B7934E;
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: #B7934E 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:#B7934E 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:
#B7934E;
margin:0 5px;
color: #000;
padding:5px 10px;
border:2px dotted
#875A00;}
.page span {
color:
#000000;
background:
#B7934E;
padding:5px 10px;
border:2px dotted
#875A00;}
#links{
color: #000;
width:220px ;
float:left;
margin: -310px 0px 0px 15px ;}
#links a{
font-size: 1
7px;
color:#000;}
#links-row-1{
width:220px ;
float:left;
background:#;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -
920px ;
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/1501555759-1242474856.jpg) left top repeat-y;
margin-bottom:20px;}
.box-title{
height:
38px;
line-height:
20px;
overflow:hidden;
color:
#000;
text-align: left;
font-weight:bold;
font-family:
標楷體;
font-size:2
4px;
background: url(
https://pic.pimg.tw/lamkwanfai/1501555759-3691418085.jpg) left top no-repeat;
margin:0px 0px 0px 0px;
padding:
30px 0px 0px 60px;}
.box-text{
background:url(
https://pic.pimg.tw/lamkwanfai/1501555759-3134052272.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:
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:#B7934E;
border:
2px double #875A00;}
.box-more a:hover{
color: #000;
background: #B7934E;}
#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
#875A00;
font-size:16px;
color:
#000000;
background:#B7934E;}
#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/1501555639-2536415908.jpg) no-repeat left top;}
#crumb .box-text li a{height:45px;width:45px;display:block;MARGIN: 1px;
background:url(
https://pic.pimg.tw/lamkwanfai/1501555639-2536415908.jpg) no-repeat left top;}
#visitor .box-text li a{
border-right:1px solid
#875A00;
border-left:1px solid
#875A00;
border-top:1px solid
#875A00;
border-bottom:1px solid
#875A00;}
#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/1502242151-2774911616.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/1502242151-2774911616.gif);
background-repeat:no-repeat;
background-position:left;
padding-left:
28px;}
#category .box-text li a:hover{
background:
# B7934E;
color:
#000000;
border:
2px double #875A00;
background-image:url(
https://pic.pimg.tw/lamkwanfai/1502242151-510233716.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/1501555572-2672898055.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 #875A00;}
#recent-article li a:hover {
color: #000;
background:
# B7934E;
border:2px dotted
#875A00;
}
#latest-comment li{
padding: 4px 0px ;}
#latest-comment li a:hover {
color: #000;
background:
# B7934E;
border:2px dotted
#875A00;}
#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/1501555572-1569680028.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 #875A00;}
#hot-article li a:hover {
color: #000;
background:
# B7934E;
border:2px dotted
#875A00;}
#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: #B7934E;}
#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 #875A00;}
#latest-trackback a{
color: #000;
background: #D9E3EE;
border:1px dotted #B7934E;}
#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
#875A00;}
#mylink a:hover {
color: #000;
background:
#B7934E;
border:2px dotted #000;}
#announce .box-text li{border-bottom: 2px dashed
#875A00;}
#announce a:hover {
color: #000;
border:2px dotted #000;
background:
#B7934E;}
#footer{
clear:both;
padding-top: 20px;
background:url(
http://i.imgur.com/RTZ6ZEO.jpg) repeat #FFEAEA;
_height:1%;
text-align: center;}
#footer p{color:#000;}
#bottom ,
#bottom a{color:#000;}
#bottom a:hover {
color: #000;
background:
#B7934E;
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
#875A00;
background: #B7934E;
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
#875A00;
background: #B7934E;
padding: 2px;
width:100%;}
html{SCROLLBAR-FACE-COLOR:
#AD8434;
SCROLLBAR-DARKSHADOW-COLOR:
#D5C09C;
SCROLLBAR-HIGHLIGHT-COLOR:
#B7934E;
SCROLLBAR-ARROW-COLOR:
#D5C09C;
SCROLLBAR-3DLIGHT-COLOR:
#D5C09C;
SCROLLBAR-SHADOW-COLOR:
#D5C09C;}

/*下列語法請勿任意更改變動 ↓ */
#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;}

 

 

 

新作  

 

換版型方法1  

 

 

這兩款版型的語法

 

是引自霝兒的版型語法

 

我將霝兒的版型語法改進

 

已經製作出了幾款版型

 

 

 

本來我以為版型中間三欄位只能是同一種顏色

 

前些日子我無意中進到一位格友的家

 

發現他的版型和這類版型相似

 

但是中間白色部分他製成了有顏色的層次

 

 

 

受他版型的啟發我再次探究語法

 

我也製作出有顏色層次的版型了

 

這兩款三欄位的版型送給格友們賞玩

 

 

8  

 

創作者介紹

星星點點

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


留言列表 (16)

發表留言
  • ruru
  • 謝謝星兒製作♥
    ru就套用選選哪一個適合^^
    這個灰色比較棲涼 咖啡色的比較暖意
    星兒這次的風格和以前不大相同
    又邁向新的製版方式囉~
  • 在不斷的改進和嚐試中,
    才可以享受到創作的快樂.
    盡管有時只是小小的改進...
    謝謝好友的欣賞和鼓勵!

    星兒 於 2017/08/14 09:35 回覆

  • 悠然絲絲入扣
  • 能夠常換版型,體驗各種風貌,是種極大的享受,感謝星兒的用心與製作的辛苦,
    我套用啦,又可陶醉其中啦[:emotion1457577321-2794855443.gif]
  • 謝謝好友經常來捧場!
    讓我的忙碌也變得有意義了!

    星兒 於 2017/08/16 08:25 回覆

  • 悄悄話
  • ruru
  • 早安安 星兒^^
    昨晚的全台大停電(幾乎 星兒有沒有被停到?
    ru很幸運 沒有停到電 但因如此 很擔心
    如果再度停電怎麼辦? 哈哈 希望這事少發生啦~
  • 在這紛亂的環境和動蕩的世界中,
    我們一介小市民,
    對許多事情是無可奈何的,
    只能自求多福了......

    星兒 於 2017/08/16 15:37 回覆

  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 悄悄話
  • 一輪明月
  • 謝謝您

    星兒

  • 早安!
    對不起,沒有什麼事,
    我好幾天才上來一趟.
    今天才回覆留言.
    祝好友週末開心!

    星兒 於 2017/08/19 06:19 回覆

  • 悄悄話
  • 月
  • 這兩個版型都很讚唷
  • 早安!
    謝謝好友的欣賞!
    月的新版型,那朵鹿子百合超讚耶!
    美透了!

    星兒 於 2017/08/19 06:23 回覆

  • 悄悄話
  • ruru
  • 最近天氣冷 ru想找點適合冬天的背景套用
    突然想起星兒兩版(此篇)的版型
    ru最近的眼睛不太喜歡看白色 所以就用了灰色
    看起來也比較舒服 常常用電腦與3c 眼睛在抗議囉
    呵 和星兒小聊一下 來去~
  • 版型歡迎好友隨意使用.
    每天使用電腦,是要注意眼睛.
    天冷要保暖呀!

    星兒 於 2017/11/25 12:09 回覆