NO.7春意盎然~痞客幫版型語法
★.版型主圖來源:弦月下的世界拍攝，主圖部份嚴禁修改!!
★.本篇版型圖示因上傳時有縮圖，造成圖示底圖部份會與套用語法後略有不同，請以語法為主。
★.使用本語法者請從以下開始複製、套用。
★.以下語法開始:
/*CSS reset*/
html{
margin: 0px;
padding: 0px;
border: 0px;
outline: 0px;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
/* ------------ IE瀏覽器捲軸的顏色設定 ------------ */
html{
SCROLLBAR-ARROW-COLOR:#008800;/*上下箭頭*/
SCROLLBAR-FACE-COLOR:#E9F3DB;/*軸的主體色*/
SCROLLBAR-DARKSHADOW-COLOR:#00C400;/*右及下方框線*/
SCROLLBAR-HIGHLIGHT-COLOR:#00C400;/*左及上方框線*/
SCROLLBAR-SHADOW-COLOR:#A9E969;/*右及下方框線*/
SCROLLBAR-TRACK-COLOR:#E9F3DB;/*軸的底色*/
SCROLLBAR-3DLIGHT-COLOR:#00C400;/*左及上方框線*/
}
/* ------------ Chrome瀏覽器 的方式 ------------ */
::-webkit-scrollbar{ /* 捲軸底色 */
background-color:#E9F3DB;
}
::-webkit-scrollbar-thumb{ /* 捲軸拉的地方的顏色 */
background-color:#00C400;
-webkit-border-radius: 6px ;
}
::-webkit-scrollbar-button:vertical:decrement{ /* 捲軸上方的箭頭 */
background-image: url("http://f.share.photo.xuite.net/moon1230/1f52a8e/4288422/1158140904_x.jpg");
background-repeat: no-repeat;
}
::-webkit-scrollbar-button:vertical:increment { /* 捲軸下方的箭頭 */
background-image: url("http://f.share.photo.xuite.net/moon1230/1f52a8f/4288422/1158140905_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://i.imgur.com/mPLNbtt.gif);
background-repeat:repeat;
background-position:undefined;
}
/*部落格中間欄位底圖*/
#container{
width: 1460px;
background: url("http://i.imgur.com/X2Xu9GR.jpg") repeat-y left top;
margin: 0 auto;
}
/*部落格中間欄位重覆底圖*/
#container2{
background: url(http://i.imgur.com/X2Xu9GR.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: 560px;
padding-left: 400px;
background:url(http://i.imgur.com/fd0aqKo.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: #E0FCE6;
}
/*部落格字底按下去的顏色*/
#banner h1 a:hover {
color: #008800;
/*部落格字底按下去的底色*/
background: #E9F3DB;
/*部落格框的虛線顏色*/
border:2px dotted #008800;
}
/*部落格招呼語字體位置*/
#banner h2 {
width:650px ;
color: #E0FCE6;
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:450px;
left:40px;
font-size:18px;
}
/*跳回主文顏色設定*/
.skiplink a{
color: #1FBF1F;
}
/*跳回主文字體按下去的顏色*/
.skiplink a:hover {
color: #008800;
background: #FFFFFF;
}
/*此處需與部落格招呼語字體高度一樣*/
#blog-category {
position:absolute;
top:450px;
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: #CE2FCA;
background: #FFFFFF;
}
border: 2px solid #F7DDF7;
}
#authority a:hover {
color: #FF00FF;
background: #FAEFFA;
}
/*四功能鍵位置高度+顏色設定*/
#navigation{
position:absolute;
top:520px;
left:40px;
}
#navigation li{
float:left;
}
/*發表文章+管理後台字體顏色設定*/
#authority a {
color: #1FBF1F;
background: #FFFFFF;
border: 2px solid #B5FAB5;
}
#authority a:hover {
color: #1FBF1F;
background: #B5FAB5;
}
/*四功能鍵位置高度+顏色設定*/
#navigation{
position:absolute;
top:500px;
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:940px ;/*留言區底圖寬度距離需配合左右欄位邊線距離*/
float:left ;
background:url(http://f.share.photo.xuite.net/moon1230/1f52af8/5903551/1154607929_x.jpg) repeat;
/*留言區底色*/
background:#E9F3DB;
margin:0 auto;
margin-left: 250px ;
margin-top: 15px ;
}
/*-----公告版欄位設定-----*/
#spotlight{
/*公告欄位底色*/
background:#E9F3DB;
padding:5px;
margin-bottom: 5px ;
/*公告欄位虛線框顏色*/
border: 6px dotted #00C400;
}
/*公告版欄位標題設定*/
#spotlight h5 {
background:url(
);
/*公告版位標題字體顏色及字型*/
color:#00C400;
font-weight:bold;
font-family:微軟正黑體;
font-size:22px;
/*公告版位標題字體下方虛線顏色*/
border-bottom:2px dotted #00C400;
padding:2px;
}
/*公告版欄位底圖+顏色+字體及字體大小設定*/
#spotlight-text {
background:url(http://f.share.photo.xuite.net/moon1230/1f52a70/5903551/251914417_x.jpg);
color:#00C400;
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/1f52a79/4895357/235099388_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: #00C400; }
.title a:hover{
/*文章區標題字體按下去時的超連結字體顏色*/
color: #008800;
/*文章區標題字體按下去時的框內底色*/
background: #E9F3DB;
}
.title {
font-weight:bold;
font-family:微軟正黑體;
float:left;
font-size:25px;
line-height: 30px;
padding: 10px 0px 0px 60px;
}
/*文章區標題字體的顏色*/
.title a { color: #00C400; }
.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: #00C400; }
/*文章發表-日期的顏色*/
.date { color: #00C400; }
.day{display: none;}
/*文章發表-年份的顏色*/
.year{color: #00C400; }
.time { display: none; }
/*繼續閱讀小圖與字體色*/
.more {
float: right;
padding-top: 30px;
background: url(http://f.share.photo.xuite.net/moon1230/1f52a28/4288422/1027319170_x.jpg) right no-repeat;
margin-right: 60px ;
}
.more a{
font-weight:bold;
font-family:微軟正黑體;
font-size: 20px;
/*繼續閱讀字體的顏色*/
color:#00C400;
}
.more a:hover{
/*繼續閱讀按下去時框內字體的顏色*/
color: #FFFFFF;
/*繼續閱讀按下去時超連結的顏色*/
background: #08EB08;
}
/*作者ID+發表+留言()+人氣的設定*/
.author{
/*作者ID+發表+留言()+人氣的框內顏色*/
background: #E9F3DB;
/*作者ID+發表+留言()+人氣的字體顏色*/
color: #00C400;
font-size: 15px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 25px 0px 0px 0px;
/*文章下方分隔線的顏色*/
border-bottom: 4px dashed #00C400;
line-height: 30px;
}
/*文章下方痞客幫+留言功能的顏色*/
.author a{
color: #00C400;
}
.author a:hover{
/*文章下方痞客幫+留言功能超連結字體顏色*/
color: #01B201;
/*文章下方痞客幫+留言功能超連結顏色*/
background: #E9F3DB;
}
/*文章附加資訊*/
.article-footer{
text-align:right ;
color:#00C400;
line-height:20px ;
}
/*加入書籤*/
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;
}
/*個人分類+全站分類+上一篇+下一篇字體顏色*/
.refer{
color:#00C400;
text-align:left;
margin: 0px 0px 0px 10px;
padding-bottom: 10px;
padding-top: 10px ;
}
/*個人分類按下去時的字體顏色*/
.refer a:hover {
color: #A9E969;
/*個人分類按下去時的超連結顏色*/
background: #E9F3DB;
}
.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: #00C400;
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 #00C400;
border-top:0px solid #00C400;
border-left:0px solid #00C400;
border-right:0px solid #00C400;
}
.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: 10px;
border: 2px dashed #;
}
/*TOP鍵的顏色*/
.back-to-top a{
color: #00C400;
}
.back-to-top a:hover {
/*TOP鍵按下去時的連結字體顏色*/
color: #008800;
/*TOP鍵按下去時的連結顏色*/
background: #D7EEDC;
}
/*---引用+留言區塊設定---*/
/*引用+回應列表列表欄底圖*/
#user-post{
background:#00C400;
background:url(http://f.share.photo.xuite.net/moon1230/1f52a70/5903551/251914417_x.jpg) repeat;
padding:15px;
/*引用+回應列表列表欄線框*/
margin-bottom: 0px ;
border: 2px solid #00C400;
}
#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: 80px;
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-text{
float:left;
margin-bottom: 10px ;
}
/*回響區塊*/.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/1f52a70/5903551/251914417_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 #00C400;
/*版主回覆圖區的右框實線顏色設定*/
border-right:3px solid #00C400;
/*版主回覆圖區的下框實線顏色設定*/
border-bottom:3px solid #00C400;
/*版主回覆圖+文字+框靠左邊的距離設定*/
margin-right:10px;
display:inline;
/*版主回覆-文字的顏色*/
color:#00C400;
min-height:40px;
_height:40px;
padding:20px 5px 5px 0px;
}
/*回覆留言分隔線*/
li.reply-text p {
background:url(http://f.share.photo.xuite.net/moon1230/1f52a91/4443067/1158771926_x.jpg) repeat-x ;
text-align:right;
/*回覆留言的時間位置*/
padding:10px 150px 0px;
font-size: 18px;
/*回覆留言的時間*/
color: #00C400;
}
.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:#C7FE90;
margin:0 5px;
/*頁尾頁數-第2頁字體顏色設定*/
color: #0D640D;
padding:5px 10px;
}
/*頁尾頁數-第1頁字體顏色設定*/
.page span {
color: #0D640D;
/*頁尾頁數-第1頁框內顏色設定*/
background:#C5FF8C;
padding:5px 10px;
}
/*----------側欄區設定----------*/
/*日曆字體+側欄-版主回覆+留言者+個人資訊+文章分類內的+訂閱內+參觀人氣內字體顏色*/
#links{
color: #00C400
width:220px ;
float:left;
margin: -310px 0px 0px 15px ;
}
#links a{
font-size: 18px;
/*日曆上下月份+站方公告+所有瀏覽列表字+文章分類內的展開+最新文章字體+訂閱動態標題*/
color:#00C400;
}
/*----------左右欄位設定----------*/
/*側欄-左欄的位置與寬度*/
#links-row-1{
width:220px ;
float:left;
background:#;
background-image: url();
background-repeat: repeat;
position:relative ;
margin-left: -1210px ;/*左右欄位此處與邊線距離需配合留言區底圖距離寬度*/
margin-top: 320px ;
}
/*側欄-右欄的位置與寬度*/
#links-row-2{
width:220px ;
float:right ;
background:#;
background-image: url();
background-repeat: repeat;
margin-right: -5px ;/*左右欄位此處與邊線距離需配合留言區底圖距離寬度*/
margin-top: 320px ;
}
/*左右欄位圖示*/
/*左右欄位-中欄*/
.box{
background:url(http://f.share.photo.xuite.net/moon1230/1f52add/18973583/1158970702_x.jpg) left top repeat-y;
margin-bottom:10px;
}
.box-title{
height:45px;
line-height: 5px;
overflow:hidden;
/*側欄區標題顏色*/
color:#00C400;
text-align: left;
font-weight:bold;
font-family:微軟正黑體;
font-size:25px;
/*左右欄位-上欄*/
background: url(http://f.share.photo.xuite.net/moon1230/1f52a02/18973583/1158967923_x.jpg) left top no-repeat;
margin:0px 0px 0px 0px;
/*左右欄位-字體的位置*/
padding:30px 0px 0px 60px;/*第一個是字體與欄位上方高度-第四個是文字與欄位左右的距離*/
}
/*左右欄位-下欄*/
.box-text{
background:url(http://f.share.photo.xuite.net/moon1230/1f52aa4/18973583/1158969621_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:#00C400;
background:#FFFFFF;
/*所有文章+瀏覽列表框顏色*/
border: 2px double #00C400;}
.box-more a:hover{
color: #00C400;
/*所有文章+瀏覽列表內底色*/
background: #E9F3DB;
}
/*日曆顏色設定*/
#calendar table{
width: 100%;
/*日曆框內底色*/
margin:0 auto;background:#FFFFFF;}
#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 #11CFFF;
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 #A9E969;}
/*誰來我家*/
#visitor .box-text li a{
height:45px;width:45px;display:block;MARGIN: 1px;
/*誰來我家-框內顏色*/
background:#A9E969;;border-right:1px solid #F0FCDF;
border-bottom:1px solid #F0FCDF;}
#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:#01B301;
/*文章分類-展開時框框的顏色*/
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/1f52a6c/4288422/1158206918_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 #00C400;}
#recent-article li a:hover {
/*最新文章-連結的字體顏色*/
color: #01B301;
/*最新文章-連結框顏色*/
background: #E9F3DB;
}
/*最新回響*/
#latest-comment li{
padding: 4px 0px ;
border-bottom: 3px solid #00C400;;}
#latest-comment li a:hover {
/*最新文章區-版主回覆的字體顏色*/
color: #00C400;
/*最新文章區-版主回覆內容的框框顏色*/
background: #E9F3DB;
}
#latest-comment li span {
/*最新文章區-版主回覆的時間顏色*/
color:#00C400;
font-size:.50em;
/*最新留言-版主回覆的時間間隔直線*/
border-right:3px solid #01B301;
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/1f52a6c/4288422/1158206918_x.jpg);
background-repeat:no-repeat;
background-position:left;
font-size: 16px;
padding-left:25px;
line-height: 25px;
border-bottom: 2px dashed #01B301;}
#hot-article li a:hover {
color: #01B301;
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: #01B301;
background: #FFFFFF;
}
/*最新引用*/
#latest-trackback li,
#latest-comment li,
#latest-trackback li,
#subscription li{border-bottom: 2px dashed #E9F3DB;}
/*最新引用-引用過去的文章標題*/
#latest-trackback a{
color: #01B301;
background: #00C400;
}
#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 #00C400;}
#latest-trackback a:hover {
color: #01B301;
background: #E9F3DB;
}
#latest-comment a,
#latest-trackback a,
#subscription a{
display:block;
width:100%;}
#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:#00C400;
}
#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 #00C400;}
#announce a:hover {
/*站方公告連結字體顏色*/
color: #00C400;
background: #FFFFFF;
}
/*頁尾中間欄位底圖+文字顏色設定*/
#footer{
clear:both;
padding-top: 20px;
background:url(http://i.imgur.com/X2Xu9GR.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 #00C400;
/*文章搜尋-框內的顏色*/
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 #00C400;
/*文章精選-框內的顏色*/
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/458506418
留言列表
版型 (5)
