NO.5粉紅色鬱金香痞客邦版型圖示  

休格半年後回來,發現很多使用製版達人所製作的部落格的版型都會歪一邊,


尤其是中間欄位有框架的會歪的更慘,會去影響到整體美感,


隨意窩那邊每隔一段時間會出官方版供格友們使用,CCS也可以混搭及方便格友們修改,


而痞客幫這邊的官方版只有停留在久遠的年代,版型語法少部份為寬版加上欄位,


其他大多為小欄位格式的,整體感覺不但小又很擠,也早已不符合現代式的寬螢幕,


加上寫部落格的有很多是較年長者,若用這種小欄、小照片及小字的版型可能在閱讀上會較吃力,


所以~月花了一個多月的時間去研究一套主圖+有框架式底圖+三欄+中間欄位及字體較大+不會歪一邊,


且主圖及底圖能適用於隨意窩及痞客幫的版型語法,因此總算生產出月家格子的第五個版型語法,


雖然沒人在使用月家製版,月就當是一種學習與記錄囉^^

 

★.版型主圖來源:弦月下的世界,主圖部份嚴禁修改!!


★.懇請格友不要在引用文章後改成自己的文章發表!!


★.字體顏色已套用、試驗過了,懇請格友不要隨意修改,以免破壞美感。


★.不管是創作或改編都很花時間,懇請引用者能回到本格正確引用!!

  

★.以下語法開始:
/*CSS reset*/
html{
margin: 0px;
padding: 0px;
border: 0px;
outline: 0px;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
/* ------------ IE瀏覽器捲軸的顏色設定 ------------ */
html {
background: transparent;
border-bottom: 10px double #00C400;
border-left: 10px double #00C400;
border-right: 5px dashed #00C400;
border-top: 10px double #00C400;
scrollbar-highlight-color: #A9E969;
scrollbar-shadow-color: #A9E969;
scrollbar-arrow-color: #00FF00;
scrollbar-base-color: #588736;
 
}
/* ------------ Chrome瀏覽器 的方式 ------------ */
::-webkit-scrollbar{ /* 捲軸底色 */
background-color:#C7E0C7;
}
::-webkit-scrollbar-thumb{ /* 捲軸拉的地方的顏色 */
background-color:#588736;
-webkit-border-radius: 6px ;
}
::-webkit-scrollbar-button:vertical:decrement{ /* 捲軸上方的箭頭 */
background-image: url("http://f.share.photo.xuite.net/moon1230/1f52a4a/4288422/1152471460_x.jpg");
background-repeat: no-repeat;
}
::-webkit-scrollbar-button:vertical:increment { /* 捲軸下方的箭頭 */
background-image: url("http://f.share.photo.xuite.net/moon1230/1f52aca/4288422/1152472868_x.jpg") ;
background-repeat: no-repeat;
}
#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #1FBF1F ;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 #1FBF1F;
}
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:#1FBF1F;
font-size:15pt;
font-family:"Century Gothic";
line-height:180%;
background-image:url(http://f.share.photo.xuite.net/moon1230/1f52ae0/5903551/1149722401_x.jpg);
background-repeat:repeat;
background-position:undefined;
}

/*部落格中間欄位底圖*/
#container{
width: 1460px;
background: url("http://i.imgur.com/mSPU3OC.jpg") repeat-y left top;
margin: 0 auto;
}
/*部落格中間欄位重覆底圖*/
#container2{
background: url(http://i.imgur.com/mSPU3OC.jpg) no-repeat center bottom;
display:block;
}

#container3 {
overflow:hidden;
position:relative;
}

#main{

#main{width:1460px;margin:auto;}

#content{float:right;line-height:180%;width:1200px;padding-right:10px;padding-bottom:15px;overflow:hidden;}
background:url() repeat-y center ;
overflow:hidden;
padding:30px 20px;
_height: 1%;

}
#body-div{}

/*連結底圖+置頂顏色設定*/
a, a:link, a:visited{color:#1FBF1F;text-decoration:none;}
a:hover{color:#008800;position:relative;top:2px;background:url(http://f.share.photo.xuite.net/moon1230/1f52adb/5903551/235417372_x.jpg) repeat-x bottom;}

/*版型主圖高度+部落格名稱位置*/
#header{
height: 650px;
padding-left: 400px;
background:url(http://i.imgur.com/EVwbJnZ.jpg) no-repeat center bottom;
display:block;
}
}

/*部落格置頂功能顏色設定*/
/*招呼語+登入+登出*/
#login-bar{
text-align:left;
padding:10px 0px 0px 20px;
height:30px;
line-height:10px;
color:#1FBF1F;}

#login-bar a{color:#008800}
#login-bar a:hover{color: #;background: #;}
#login-bar .separator{color:#008800}

#login-bar a:hover {
color: #008800;
background: #1FBF1F;
}

#banner {
width: 400px;
height: 100px;
overflow:hidden;
}

/*部落格名稱字體位置*/
#banner {
width: 400px;
height: 120px;
overflow:hidden;
}
#banner h1 {
font-weight:bold;
font-family:微軟正黑體;
font-size:30px;
position:absolute;
text-align:left;
padding:0 20px;
top:0px;
margin-top: 100px;
margin-left: 330px;
}
/*部落格名稱的顏色*/
#banner h1 a{
color: #FFFFFF;
}
/*部落格字底按下去的顏色*/
#banner h1 a:hover {
color: #008800;
/*部落格字底按下去的底色*/
background: #E9F3DB;
/*部落格框的虛線顏色*/
border:2px dotted #008800;
}

/*部落格招呼語字體位置*/
#banner h2 {
width:650px ;
color: #FFFFFF;
margin:25px 0;
font-weight:bold;
font-family:微軟正黑體;
font-size:23px;
position:absolute;
top:140px;
left:680px;
line-height:30px;
overflow:hidden;
}

.skiplink {
position:absolute;
top:565px;
left:40px;
font-size:15px;
}

/*跳回主文顏色設定*/
.skiplink a{
color: #1FBF1F;
}

/*跳回主文字體按下去的顏色*/
.skiplink a:hover {
color: #008800;
background: #FFFFFF;
}

#blog-category {
position:absolute;
top:565px;
left:110px;
font-size:15px;
}
/*不設分類字體顏色設定*/
#blog-category a {
color: #1FBF1F;
}

/*不設分類字體按下去的顏色*/
#blog-category a:hover {
color: #008800;
background: #FFFFFF;
}

#authority {
width: 100%;
font-size: 15px;
text-align: center;
border-bottom: 0px solid #;
background: #;
padding: 5px 0px;
}

/*發表文章+管理後台字體顏色設定*/
#authority a {
color: #1FBF1F;
background: #FFFFFF;
border: 2px solid #B5FAB5;
}
#authority a:hover {
color: #1FBF1F;
background: #B5FAB5;
}

/*四功能鍵位置高度+顏色設定*/
#navigation{
position:absolute;
top:620px;
left:40px;
}
#navigation li{
float:left;
}

/*相簿+部落格+留言+名片的框線顏色*/
#navigation a{
/*框內底色*/
background: #FFFFFF;
padding: 4px;
/*框框右邊顏色*/
border-right: 1px solid #008800;
/*框框下方顏色*/
border-bottom: 1px solid #008800;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
/*相簿+部落格+留言+名片的字體顏色*/
color:#008800;
letter-spacing:3pt
}
/*四功能鍵位框內底色顏色設定*/
#navigation a:hover {
color: #07A907;
background: #E9F3DB;
}

/*留言區底圖及欄位寬度*/
/*留言區底圖*/
#content{
width:900px ;
float:left ;
background:url(http://f.share.photo.xuite.net/moon1230/1f52af8/5903551/1154607929_x.jpg) repeat;
background:#E9F3DB ;
margin:0 auto;
margin-left: 255px ;
margin-top: 15px ;
}

#spotlight{
background:#008800;
padding:5px;
margin-bottom: 5px ;
border: 6px dotted #FFFFFF;
}

#spotlight h5 {
background:url(
);
color:#008800;
font-weight:bold;
font-family:微軟正黑體;
font-size:22px;
border-bottom:2px dotted #FFFFFF;
padding:2px;
}

/*底圖*/
#spotlight-text {
background:url(http://f.share.photo.xuite.net/moon1230/1f52a7c/5903551/1154610621_x.jpg);
color:#008800;
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: 100px;
line-height: 15px;
background: url(http://f.share.photo.xuite.net/moon1230/1f52ac5/4288422/1149720607_x.jpg) no-repeat;
}
.title {
font-weight:bold;
font-family:微軟正黑體;
float:left;
font-size:25px;
line-height: 30px;
padding: 10px 0px 0px 60px;
}
/*文章區標題字體的顏色*/
.title a { color: #1FBF1F; }
.title a:hover{
/*文章區標題字體按下去時的超連結字體顏色*/
color: #008800;
/*文章區標題字體按下去時的框內底色*/
background: #E9F3DB;
}
.title img { vertical-align: middle; }
.article-body {}
/*文章發表-字體大小*/
.publish {
font-size: 15px;
padding: 0 0 0 60px;
}
/*文章發表-月份的顏色*/
.month{color: #1FBF1F; }
/*文章發表-日期的顏色*/
.date { color: #1FBF1F; }
.day{display: none;}
/*文章發表-年份的顏色*/
.year{color: #1FBF1F; }
.time { display: none; }

/*繼續閱讀小圖與字體色*/
.more {
float: right;
padding-top: 20px;
background: url(http://f.share.photo.xuite.net/moon1230/1f52a28/4288422/1027319170_x.jpg) right no-repeat;
margin-right: 50px ;
}
.more a{
font-weight:bold;
font-family:微軟正黑體;
font-size: 20px;
/*繼續閱讀字體的顏色*/
color:#1FBF1F;
}
.more a:hover{
/*繼續閱讀按下去時框內字體的顏色*/
color: #FFFFFF;
/*繼續閱讀按下去時超連結的顏色*/
background: #00C400;
}
/*作者ID+發表+留言()+人氣的設定*/
.author{
/*作者ID+發表+留言()+人氣的框的顏色*/
background: #E9F3DB;
/*作者ID+發表+留言()+人氣的字體顏色*/
color: #1FBF1F;
font-size: 15px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 25px 0px 0px 0px;
/*文章下方分隔線的顏色*/
border-bottom: 4px dashed #1FBF1F;
line-height: 30px;
}
/*文章下方痞客幫+留言功能的顏色*/
.author a{
color: #1FBF1F;
}
.author a:hover{
/*文章下方痞客幫+留言功能超連結字體顏色*/
color: #00C400;
/*文章下方痞客幫+留言功能超連結顏色*/
background: #D7EEDC;
}
/*文章附加資訊*/
.article-footer{
text-align:right ;
color:#1FBF1F;
line-height:20px ;
}
/*加入書籤*/
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;
}
/*個人分類字體顏色*/
.refer{
color:#1FBF1F;
text-align:left;
margin: 0px 0px 0px 10px;
padding-bottom: 10px;
padding-top: 10px ;
}

/*個人分類按下去時的字體顏色*/
.refer a:hover {
color: #00C400;
/*個人分類按下去時的超連結顏色*/
background: #D7EEDC;
}

.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: #1FBF1F;
background: #E9F3DB;
}
#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 #008800;
border-top:0px solid #008800;
border-left:0px solid #008800;
border-right:0px solid #008800;
}
.main-list td ,
.main-list th{
padding: 5px ;
}

/*文章區分隔線*/
.back-to-top {
background: #;
background-image:url(http://f.share.photo.xuite.net/moon1230/1f52a80/4443067/1154835141_x.jpg);
background-repeat:repeat;
padding: 0px 15px 15px 0px;
margin: 0px 0px 0px 0px;
line-height: 0px;
border: 2px dashed #;
}
/*TOP鍵的顏色*/
.back-to-top a{
color: #008800;
}

.back-to-top a:hover {
/*TOP鍵按下去時的連結字體顏色*/
color: #008800;
/*TOP鍵按下去時的連結顏色*/
background: #D7EEDC;
}
/*---引用+留言區塊設定---*/
/*引用+回應列表列表欄底圖*/
#user-post{
background:#1FBF1F;
background:url(http://f.share.photo.xuite.net/moon1230/1f52a7c/5903551/1154610621_x.jpg) repeat;
padding:15px;
margin-bottom: 0px ;
border: 2px solid #1FBF1F;
}

#trackback-box {text-align: center;}

#comment-box {text-align: left;}

/*引用與留言分隔線+文字顏色設定*/
.user-post-title {
text-align: center;
/*留言列表-字體顏色*/
color: #1FBF1F;
background:url(http://f.share.photo.xuite.net/moon1230/1f52a40/4443067/1154856325_x.jpg) center no-repeat;
font-size:15pt;
font-weight: bold;
margin: 0 auto;
padding-bottom: 50px;
padding-left: 5px;
}
#trackback-input {width:50%;}
/*單一引用*/
.single-post {
/*引用+留言框的虛線*/
/*引用+留言框的虛線-右線*/
border-right:2px dashed #1FBF1F;
/*引用+留言框的虛線-下線*/
border-bottom:2px dashed #1FBF1F;
/*引用+留言框的虛線-左線*/
border-left:2px dashed #1FBF1F;
/*引用+留言框的虛線-上線*/
border-top:2px dashed #1FBF1F;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
/*引用者資訊*/
.post-info {
text-align: center;
/*引用+留言框的虛線-中線*/
border-bottom:2px dashed #1FBF1F;
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 #1FBF1F;;
/*留言區-留言者頭像-上方線框*/
border-top:2px double #1FBF1F;;
/*留言區-留言者頭像-左線框*/
border-left:2px double #1FBF1F;;
background:url(http://f.share.photo.xuite.net/moon1230/1f52a7c/5903551/1154610621_x.jpg) repeat-y;
background:#;
padding:4px;
}

/*版主回覆圖與框顏色設定*/
.reply-text {
float:right;
width:800px;
background:url(http://f.share.photo.xuite.net/moon1230/1f52a64/4895357/1024490983_x.jpg) 0px top no-repeat #E9F3DB;
border:3px solid #008800;
/*版主回覆圖區的上+下框顏色設定*/
border-right:3px solid #008800;
border-bottom:3px solid #008800;
/*版主回覆圖+文字+框靠左邊的距離設定*/
margin-right:10px;
display:inline;
/*版主回覆-文字的顏色*/
color:#1FBF1F;
min-height:40px;
_height:40px;
padding:20px 5px 5px 0px;
}

/*回覆留言分隔線*/
li.reply-text p {
background:url(http://f.share.photo.xuite.net/moon1230/1f52aab/4443067/1153008112_x.jpg) repeat-x ;
text-align:right;
/*回覆留言的時間位置*/
padding:10px 150px 0px;
font-size: 18px;
/*回覆留言的時間*/
color: #008800;
}
.secret{}

/*留言版上方的圖片與顏色設定*/
.post-comment{
padding-top: 220px;
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
background:url(http://f.share.photo.xuite.net/moon1230/1f52a15/4230702/253681639_x.jpg) ;
background-repeat: no-repeat;
background-position: center top;
color: #00C400;
text-align:center;}

.post-comment a {
/*發表留言-字體的顏色*/
color: #00C400;
/*發表留言-框內的顏色*/
background: #FFFFFF;
/*發表留言-框框的顏色*/
border: 3px double #00C400;
}
/*發表留言連結時-框框內+字的顏色*/
.post-comment a:hover {
color: #008800;
background: #FFFFFF;
}

#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #00C400;
}

#comment-form table {
width:100%;
margin:0 auto;
background: #00C400 url() no-repeat;
padding: 10px;
}

#comment-form th, #comment-form td {
border: 1px dashed #00C400;
padding: 5px 10px;
text-align: left;
}

#comment-form input#send-comment {
padding:3px 5px;
float: right;
}

#comment-form textarea {
width:95%;
background:#00C400 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 #00C400;
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 {
/*頁尾頁數-第1頁框內顏色設定*/
background:#AFF26D;
margin:0 5px;
/*頁尾頁數-第2頁字體顏色設定*/
color: #0D640D;
padding:5px 10px;
}

/*頁尾頁數-第1頁字體顏色設定*/
.page span {
color: #0D640D;
/*頁尾頁數-第1頁框內顏色設定*/
background:#C5FF8C;
padding:5px 10px;
/*----------側欄區設定----------*/
}
/*日曆字體+側欄-版主回覆+留言者+個人資訊+文章分類內的+訂閱內+參觀人氣內字體顏色*/
#links{
color: #1FBF1F;
width:220px ;
float:left;
margin: -310px 0px 0px 15px ;
}
#links a{
font-size: 18px;
/*日曆上下月份+站方公告+所有瀏覽列表字+文章分類內的展開+最新文章字體+訂閱動態標題*/
color:#1FBF1F;
}
/*----------左右欄位設定----------*/

/*側欄-左欄的位置與寬度*/
#links-row-1{
width:220px ;
float:left;
background:#;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -1170px ;
margin-top: 320px ;
}
/*側欄-右欄的位置與寬度*/
#links-row-2{
width:220px ;
float:right ;
background:#;
background-image: url();
background-repeat: repeat;
margin-right: -30px ;
margin-top: 320px ;
}
/*左右欄位圖示*/
/*左右欄位-中欄*/
.box{
background:url(http://f.share.photo.xuite.net/moon1230/1f52a75/18973583/1154674918_x.jpg) left top repeat-y;
margin-bottom:10px;
}
.box-title{
height:50px;
line-height: 5px;
overflow:hidden;
/*側欄區標題顏色*/
color:#1FBF1F;
text-align: left;
font-weight:bold;
font-family:微軟正黑體;
font-size:25px;
/*左右欄位-上欄*/
background: url(http://f.share.photo.xuite.net/moon1230/1f52a66/18973583/1154674647_x.jpg) left top no-repeat;
margin:0px 0px 0px 0px;
padding:20px 0px 0px 30px;
}
/*左右欄位-下欄*/
.box-text{
background:url(http://f.share.photo.xuite.net/moon1230/1f52abc/18973583/1154674477_x.jpg) left bottom no-repeat;
text-align: left;
line-height: 95%;
margin: 0px auto;
padding:0 10px;
padding-bottom:20px;
}

/*所有瀏覽列表框顏色*/
.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:#008800;
background:#FFFFFF;

/*所有文章+瀏覽列表框顏色*/
border: 2px double #008800;}
.box-more a:hover{
color: #008800;
background: #E9F3DB;
}

/*日曆顏色設定*/
#calendar table{
width: 100%;
/*日曆框內底色*/
margin:0 auto;background:#E9F3DB;}
#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 #E9F3DB;
font-size:11px;
color:#008800;
background:#FFFFFF;}
#category li{margin-left:13px}
#murmur li{
background:none;
border:0;}
.murmur-time{
font:bold 12px Century Gothic;
margin-bottom:2px;}
.murmur-text{
line-height:160%;}

#counter .box-text{padding-left:50px;}

#visitor{}
#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 #E9F3DB;}
/*誰來我家*/
#visitor .box-text li a{
height:45px;width:45px;display:block;MARGIN: 1px;
/*誰來我家-框內顏色*/
background:#A9E969;border-right:1px solid #E9F3DB;
border-bottom:1px solid #E9F3DB;}

#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:20px;padding-bottom:120px;}
#category .box-text h6 {
background-image:url(http://f.share.photo.xuite.net/moon1230/1f52af7/4288422/1027319121_x.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:30px;
line-height: 30px;
font-size: 16px;
}

/*文章分類小圖*/
#category .box-text li a{
background-image:url(http://f.share.photo.xuite.net/moon1230/1f52abb/4288422/1027467029_x.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
}

/*文章分類-展開時連結小圖*/
#category .box-text li a:hover{
background:#FFFFFF;
/*文章分類-展開時字體的顏色*/
color:#0EBB0E;
/*文章分類-展開時框框的顏色*/
border: 2px double #0A7C0A;
background-image:url(http://f.share.photo.xuite.net/moon1230/1f52acc/4288422/1152608550_x.jpg);
background-repeat:no-repeat;
}

/*最新文章前小圖與顏色設定*/
#recent-article .box-text{padding-left:10px;padding-bottom:50px;}
#recent-article li {
background-image:url(http://f.share.photo.xuite.net/moon1230/1f52ae1/4288422/1153721403_x.jpg);
background-repeat:no-repeat;
background-position:left top;
padding-top:18px;
padding-bottom:20px;
padding-left:10px;
line-height: 20px;
/*最新文章分隔虛線顏色設定*/
border-bottom: 2px dashed #008800;}
#recent-article li a:hover {
/*最新文章-連結的字體顏色*/
color: #078307;
/*最新文章-連結框顏色*/
background: #E9F3DB;
}
#latest-comment li{
padding: 4px 0px ;
border-bottom: 3px solid #008800;;}
#latest-comment li a:hover {
/*最新文章區-版主回覆的字體顏色*/
color: #00C400;
/*最新文章區-版主回覆內容的框框顏色*/
background: #E9F3DB;
}
#latest-comment li span {
/*最新文章區-版主回覆的時間顏色*/
color:#00C400;
font-size:.50em;
/*最新文章區-版主回覆的時間間隔線*/
border-right:3px solid #067806;
margin:0 4px 0 0;
padding:0 4px 0 0;
}
/*最新文章區-版主回覆的字體顏色*/
#latest-comment li a {
color:#00C400;
display:block;
height:50px;
overflow:hidden;
}
#hot-article li {
background-image:url(http://f.share.photo.xuite.net/moon1230/1f52a10/4288422/1152932202_x.jpg);
background-repeat:no-repeat;
background-position:left;
font-size: 16px;
padding-left:25px;
line-height: 25px;
border-bottom: 2px dashed #078307;}

#hot-article li a:hover {
color: #078307;
background: #E9F3DB;
}

#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: #078307;
background: #FFFFFF;
}

#latest-trackback li,
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom: 2px dashed #E5FCEA;}

#latest-trackback a{
color: #00C400;
background: #078307;
}
#latest-trackback a:hover {
}
#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 #067806;}
#latest-trackback a:hover {
color: #00C400;
background: #E9F3DB;
}

#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:100%;}

#mylink {font-weight:bold;
font-family:微軟正黑體;
font-size:15px;
}
#mylink .inner-box{
text-align: left;
padding-left: 25px;
font-size: 18px;
margin-bottom:5px;
color:#008800;
}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
/*誰來我家顏色設定*/
#mylink a:hover {
color: #00C400;
background: #E9F3DB;
}
/*站方公告間隔虛線顏色*/
#announce .box-text li{border-bottom: 2px dashed #067806;}
#announce a:hover {
/*站方公告連結字體顏色*/
color: #008800;
background: #FFFFFF;
}

/*頁尾中間欄位底圖+文字顏色設定*/
#footer{
clear:both;
padding-top: 20px;
background:url(http://i.imgur.com/mSPU3OC.jpg) repeat #00C400;
_height:1%;
text-align: center;}
#footer p{color:#00C400;}
#bottom ,
#bottom a{color:#00C400;}
/*頁尾中間欄位文字連結顏色設定*/
#bottom a:hover {
color: #008800;
background: #FFFFFF;
}
/*文章搜尋設定*/
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
/*文章搜尋-字體的顏色*/
color: #00C400;
/*文章搜尋-框框的顏色*/
border: 3px double #008800;
/*文章搜尋-框內的顏色*/
background: #FFFFFF;
padding: 2px 5px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
/*文章精選設定*/
select {
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
/*文章精選+發文的年月份-字體的顏色*/
color: #00C400;
/*文章精選-框框的顏色*/
border: 1px solid #008800;
/*文章精選-框內的顏色*/
background: #FFFFFF;
padding: 2px;
width:100%;}

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

/*去除網頁閒置時出現廣告*/
#idle-pop {display: none;}

引用:http://moon1230m.pixnet.net/blog/post/458106950

創作者介紹
創作者 自然 的頭像
自然

自然

自然 發表在 痞客邦 留言(0) 人氣()