close
NO.11熊愛油桐花痞客幫~三種欄式版型語法
http://moon1230m.pixnet.net/blog/category/4627499/3
右欄式版型語法
/*CSS reset*/
html{
margin: 0px;
padding: 0px;
border: 0px;
outline: 0px;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
/* ------------ IE瀏覽器捲軸的顏色設定 ------------ */
html{
SCROLLBAR-ARROW-COLOR:704F12;/*上下箭頭*/
SCROLLBAR-FACE-COLOR:#E0C284;/*軸的主體色*/
SCROLLBAR-DARKSHADOW-COLOR:#835E18;/*右及下方框線*/
SCROLLBAR-HIGHLIGHT-COLOR:#835E18;/*左及上方框線*/
SCROLLBAR-SHADOW-COLOR:#835809;/*右及下方框線*/
SCROLLBAR-TRACK-COLOR:#FEF2DB;/*軸的底色*/
SCROLLBAR-3DLIGHT-COLOR:#835809;/*左及上方框線*/
}
/* -------------Google瀏覽器的捲軸設定 ------------ */
::-webkit-scrollbar{ /* 捲軸底色 */
background-color:#FEF2DB;
}
::-webkit-scrollbar-thumb{ /*捲軸主體的顏色*/
background-color:#E0C284;
-webkit-border-radius: 6px ;
}
::-webkit-scrollbar-button:vertical:decrement{ /* 捲軸上方的箭頭 */
background-image: url("http://f.share.photo.xuite.net/moon1230/1f52ac8/4895357/1161040203_x.jpg");
background-repeat: no-repeat;
}
::-webkit-scrollbar-button:vertical:increment { /* 捲軸下方的箭頭 */
background-image: url("http://f.share.photo.xuite.net/moon1230/1f52a59/4895357/1161035484_x.jpg") ;
background-repeat: no-repeat;
}
#comment-form table{width: 96% ;margin: 0 auto ;}
#comment-form td , #comment-form th{border: 1px solid #FEF0C6 ;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 #927725;
}
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:#C6A466;
font-size:15pt;
font-family:"Century Gothic";
line-height:180%;
/*---部落格背景重覆底圖---*/
background-image:url(http://i.imgur.com/M2RZI7Q.jpg);
background-repeat:repeat;
background-position:undefined;
}
/*部落格中間欄位底圖*/
#container{
width: 1460px;
background: url("http://i.imgur.com/ryUVqiH.png") repeat-y left top;
margin: 0 auto;
}
/*部落格中間欄位重覆底圖*/
#container2{
background: url(http://i.imgur.com/ryUVqiH.png) 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:10px 20px;
_height: 1%;
}
#body-div{}
/*置頂及廣告字+關鍵字+個人分類後的標題+文章內留言ID+E-mail轉寄+免費註冊文字顏色設定*/
a, a:link, a:visited{color:#C6A466;text-decoration:none;}
a:hover{color:#835E18;position:relative;top:2px;background:url(http://f.share.photo.xuite.net/moon1230/1f52a70/5903551/1160034225_x.jpg) repeat-x bottom;}
/*版型主圖高度+部落格名稱位置設定*/
#header{
height: 645px;
padding-left: 200px; /*部落格名稱與左邊的距離*/
background:url(http://i.imgur.com/xf9FidF.jpg) no-repeat center bottom;
display:block;
}
/*部落格置頂功能顏色設定*/
/*招呼語+登入+登出*/
#login-bar{
padding:10px 0px 0px 20px;
height:30px;
line-height:10px;
color:#C6A466;}
#login-bar a{color:#C6A466}
#login-bar a:hover{color: #;background: #;}
#login-bar .separator{color:#C6A466}
#login-bar a:hover {
color: #F7BC5B;
background: #B18C48;
}
/*部落格名稱字體位置*/
#banner {
width: 400px;
height: 80px;
overflow:hidden;
}
#banner h1 {
font-weight:bold;
font-family:微軟正黑體;
font-size:30px;
position:absolute;
text-align:left;
padding:100 100px;/*第二個數字-部落格名稱字體位置靠左的位置*/
top:40px;
margin-top: 50px; /*字體高度*/
margin-left: 30px; /*字體靠左或右*/
}
/*部落格名稱的顏色*/
#banner h1 a{
color: #FEF3DE;
}
/*部落格字體按下去的顏色*/
#banner h1 a:hover {
color: #C6A466;
/*部落格字體按下去的底色*/
background: #FEF2DB;
/*部落格框的虛線顏色*/
border:2px dotted #835E18;
}
/*部落格招呼語字體位置*/
#banner h2 {
width:550px ;
color: #FEF3DE;
margin:25px 0;
font-weight:bold;
font-family:微軟正黑體;
font-size:23px;
position:absolute;
top:130px;/*字體高度*/
left:110px; /*字體靠左或右*/
line-height:30px;
overflow:hidden;
}
/*部落格招呼語字體高度*/
.skiplink {
position:absolute;
top:580px;/*此處需與跳回主文字體高度一樣*/
/*部落格招呼語字體-位置*/
left:1280px;
font-size:16px;
}
/*跳回主文顏色設定*/
.skiplink a{
color: #FFFFFF;
}
/*跳回主文字體按下去的顏色*/
.skiplink a:hover {
color: #9A7F4E;
background: #FFFFFF;
}
/*跳回主文字體的位置*/
#blog-category {
position:absolute;
top:580px;/*此處需與部落格招呼語字體高度一樣*/
left:1080px;/*跳回主文字體的位置*/
font-size:16px;
}
/*不設分類字體顏色設定*/
#blog-category a {
color: #FFFFFF;
}
/*不設分類字體按下去的顏色*/
#blog-category a:hover {
color: #FFFFFF;
background: #835E18;
}
#authority {
width: 100%;
font-size: 16px;
text-align: center;
border-bottom: 0px solid #;
background: #;
padding: 5px 1000px;
}
/*發表文章+管理後台字體顏色設定*/
#authority a {
color: #C6A466;
background: #FFFFFF;
border: 2px solid #835E18;
}
#authority a:hover {
color: #FFFFFF;
background: #FEF7E1;
}
/*四功能鍵位置高度+顏色設定*/
#navigation{
position:absolute;
top:580px;/*高度*/
left:100px;
}
#navigation li{
float:left;
}
/*相簿+部落格+留言+名片的框線顏色*/
#navigation a{
/*框內底色*/
background: #FFFFFF;
padding: 4px;
/*框框右邊顏色*/
border-right: 1px solid #835E18;
/*框框下方顏色*/
border-bottom: 1px solid #835E18;
position:relative;
font-weight:bold;
font-size:15px;
width:50px;
height:20px;
/*相簿+部落格+留言+名片的字體顏色*/
color:#C6A466;
letter-spacing:3pt
}
/*四功能鍵位框內底色顏色設定*/
#navigation a:hover {
color: #835E18;
background: #FEF7E1;
}
/*留言區底圖及欄位寬度*/
/*留言區底圖*/
#content{
width:1150px ;
float:left ;
background:url(http://f.share.photo.xuite.net/moon1230/1f52aae/5903551/246180847_x.jpg) repeat;
/*留言區底色*/
background:#FEF0C6;
margin:0 auto;
margin-left: 30px ;/*留言區底圖寬度距離需配合左右欄位邊線距離*/
margin-top: 10px ;
}
/*-----公告版欄位設定-----*/
#spotlight{
/*公告欄位底色*/
background:#FFFFFF;
padding:5px;
margin-bottom: 5px ;
/*公告欄位線框的顏色*/
margin-bottom: 5px ;
margin-top: -7px ;
border: 8px double #AE8235;
}
/*公告版欄位標題設定*/
#spotlight h5 {
background:url(
);
/*公告版位標題字體顏色及字型*/
color:#AE8235;
font-weight:bold;
font-family:微軟正黑體;
font-size:22px;
/*公告版位標題字體下方虛線顏色*/
border-bottom:2px dotted #AE8235;
padding:2px;
}
/*公告版欄位底圖+顏色+字體及字體大小設定*/
#spotlight-text {
background:url(http://f.share.photo.xuite.net/moon1230/1f52aae/5903551/246180847_x.jpg);
color:#AE8235;
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: 30px;
background: url(http://f.share.photo.xuite.net/moon1230/1f52a81/4288422/1161221595_x.jpg) no-repeat;
}
/*文章區標題字型*/
.title {
font-weight:bold;
font-family:微軟正黑體;
float:left;
font-size:25px;
line-height: 30px;
padding: 10px 0px 0px 55px; /*第一個是文字與圖的距離*/
}
/*文章區標題字體的顏色*/
.title a { color: #AE8235; }
.title a:hover{
/*文章區標題字體按下去時的超連結字體顏色*/
color: #AE8235;
/*文章區標題字體按下去時的框內底色*/
background: #FEF0C6;
}
.title img { vertical-align: middle; }
.article-body {}
/*文章發表-字體大小*/
.publish {
font-size: 15px;
padding: 0 0 0 50px;/*第四個數字是文章標題圖與標題的距離*/
}
/*文章發表-月份的顏色*/
.month{color: #AE8235; }
/*文章發表-日期的顏色*/
.date { color: #AE8235; }
.day{display: none;}
/*文章發表-年份的顏色*/
.year{color: #AE8235; }
.time { display: none; }
/*繼續閱讀小圖與字體色*/
.more {
float: right;
padding-top: 30px;
padding-right: 10px;
background: url(http://f.share.photo.xuite.net/moon1230/1f52a89/4288422/1152608739_x.jpg) right no-repeat;
margin-right: 40px ;
}
.more a{
font-weight:bold;
font-family:微軟正黑體;
/*繼續閱讀字體的顏色*/
font-size: 18px;
color:#9D7D41;
}
.more a:hover{
/*繼續閱讀按下去時框內字體的顏色*/
color: #A1832A;
/*繼續閱讀按下去時超連結的顏色*/
background: #FAE5A7;
}
/*作者ID+發表+留言()+人氣的設定*/
.author{
/*作者ID+發表+留言()+人氣-虛線上的顏色*/
background: #FEF0C6;
font-size: 14px;
text-align:right ;
padding: 0px 15px 10px 0px;
margin: 25px 0px 0px 0px;
/*文章下方分隔線的顏色*/
border-bottom: 4px dashed #A7833F;
line-height: 30px;
}
/*文章下方痞客幫+留言功能的顏色*/
.author a{
color: #A7833F;
}
.author a:hover{
/*文章下方痞客幫+留言功能超連結字體顏色*/
color: #825F1D;
/*文章下方痞客幫+留言功能超連結顏色*/
background: #FBE49E;
}
/*文章附加資訊*/
.article-footer{
text-align:right ;
color:#A27014;
line-height:20px ;
}
/*加入書籤*/
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;
}
/*個人分類+全站分類+上一篇+下一篇字體顏色*/
.refer{
color:#A27014;
text-align:left;
margin: 0px 0px 0px 10px;
padding-bottom: 10px;
padding-top: 10px ;
}
/*個人分類按下去時的字體顏色*/
.refer a:hover {
color: #A27014;
/*文章內頁-全站分類+上一篇+下一篇字體連結時的框框顏色*/
background: #FEF6E7;
}
.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: #9D6C11;
background: #FEF6E7;
}
#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 #9D6C11;
border-top:0px solid #9D6C11;
border-left:0px solid #9D6C11;
border-right:0px solid #9D6C11;
}
.main-list td ,
.main-list th{
padding: 5px ;
}
/*文章區分隔線*/
.back-to-top {
background: #;
background-image:url(http://f.share.photo.xuite.net/moon1230/1f52a21/4443067/1161504102_x.jpg);
background-repeat:repeat;
padding:0px 15px 15px 0px;/*第3個是文章內圖與留言框的距離-第4個是圖與左邊的距離*/
margin: 0px 0px 0px 0px;/*分隔線圖的高度*/
line-height: 0px;
border: 2px dashed #;
}
/*TOP鍵的顏色*/
.back-to-top a{
color: #9D6C11;
}
.back-to-top a:hover {
/*TOP鍵按下去時的連結字體顏色*/
color: #7A550F;
/*TOP鍵按下去時的連結顏色*/
background: #FEF6E7;
}
/*-----引用+留言區塊設定----*/
/*引用+回應列表列表欄底圖*/
#user-post{
/*字體顏色*/
background:#9A670F;
background:url(http://f.share.photo.xuite.net/moon1230/1f52aae/5903551/246180847_x.jpg) repeat;
padding:15px;
margin-bottom: 0px ;
/*留言區外框的顏色*/
border: 5px solid #9A670F;
}
#trackback-box {text-align: center;}
#comment-box {text-align: left;}
/*引用與留言分隔線+文字顏色設定*/
.user-post-title {
text-align: center;
/*留言列表-字體顏色*/
color: #AE8235;
background:url(http://i.imgur.com/t8zxVSP.gif) center no-repeat;
font-size:15pt;
font-weight: bold;
margin: 0 auto;
/*留言列表圖檔與上方的距離*/
padding-bottom: 150px;
padding-left: 50px;
}
#trackback-input {width:50%;}
/*單一引用*/
.single-post {
/*---引用+留言框的虛線---*/
/*引用+留言框的虛線-右線*/
border-right:2px dashed #9D6C11;
/*引用+留言框的虛線-下線*/
border-bottom:2px dashed #9D6C11;
/*引用+留言框的虛線-左線*/
border-left:2px dashed #9D6C11;
/*引用+留言框的虛線-上線*/
border-top:2px dashed #9D6C11;
overflow:hidden;
_overflow:none;
_height:1%;
margin:30px 0;}
.post-info {
text-align: center;
/*引用+留言框的虛線-中線*/
border-bottom:2px dashed #9D6C11;
font-weight:1000;
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 #9D6C11;;
/*留言區-留言者頭像-上方線框*/
border-top:2px double #9D6C11;;
/*留言區-留言者頭像-左線框*/
border-left:2px double #9D6C11;;
/*留言區底圖*/
background:url(http://f.share.photo.xuite.net/moon1230/1f52aae/5903551/246180847_x.jpg);
background:#;
padding:4px;
}
/*留言區欄位-寬度*/
.user-post-text {
width:1050px;
padding:0px 5px 5px 0px; /*第4是與左邊外框的距離*/
}
/*版主回覆圖與框顏色設定*/
.reply-text {
float:right;
/*版主回覆區的寬度*/
width:900px;
background:url(http://f.share.photo.xuite.net/moon1230/1f52ab1/4895357/1024491060_x.jpg) 0px top no-repeat
/*版主回覆區底色*/
no-repeat #FEFEE2;
/*版主回覆區的上+左外框實線顏色*/
border:3px solid #9D6C11;
/*版主回覆圖區的右框實線顏色設定*/
border-right:3px solid #9D6C11;
/*版主回覆圖區的下框實線顏色設定*/
border-bottom:3px solid #9D6C11;
/*版主回覆圖+文字+框靠左邊的距離設定*/
margin-right:15px;
display:inline;
/*版主回覆-文字的顏色*/
color:#9D6C11;
min-height:40px;
_height:40px;
padding:20px 5px 5px 10px;
}
/*回覆留言-分隔線*/
li.reply-text p {
background:url(http://f.share.photo.xuite.net/moon1230/1f52a08/4443067/1161223245_x.jpg) repeat-x ;
text-align:right;
/*回覆留言-時間字體的位置*/
padding:10px 0px 0px;
font-size: 14px;
/*回覆留言-時間的顏色*/
color: #9D6C11;
}
.secret{}
/*-----留言版上方的圖片與顏色設定-----*/
.post-comment{
/*留言版上方的圖片的高度*/
padding-top: 219px;/數字越小離下方越近*/
padding-bottom: 15px;
line-height: 2.8em;
height: 100%;
font-size: 18px;
/*留言版上方的圖片*/
background:url(http://f.share.photo.xuite.net/moon1230/1f52a53/4230702/1161223205_x.jpg) ;
background-repeat: no-repeat;
background-position: center top;
color: #9D6C11;
text-align:center;}
/*發表留言-字體的顏色*/
.post-comment a {
/*發表留言-框內的顏色*/
background: #FFFFFF;
/*發表留言-框框的顏色*/
border: 3px double #9D6C11;
}
/*發表留言連結時-框框內的設定*/
.post-comment a:hover {
/*發表留言連結時-框框內字體的顏色*/
color: #855502;
/*發表留言連結時-框框內字的底色*/
background: #FEF8E7;
}
/*回響區塊*/
#comment-form {
line-height:1.5;
margin:10px 0;
padding: 0 10px 10px;
border: 1px solid #9D6C11;
}
#comment-form table {
width:100%;
margin:0 auto;
background: #9D6C11 url() no-repeat;
padding: 10px;
}
#comment-form th, #comment-form td {
border: 1px dashed #9D6C11;
padding: 5px 10px;
text-align: left;
}
#comment-form input#send-comment {
padding:3px 5px;
float: right;
}
#comment-form textarea {
width:95%;
background:#9D6C11 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 #9D6C11;
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:#FEF0C6;
margin:0 5px;
/*頁尾頁數-在第1頁時-第2頁以後的字體顏色*/
color: #9D6C11;
padding:5px 10px;
/*頁尾頁數-第1頁及第2頁時其他頁數時虛線框框的顏色*/
border:2px dotted #A27014;
}
/*頁尾頁數-第1頁及切換至第2頁以後的框內字體顏色*/
.page SPAN {
color: #785E0F;
/*頁尾頁數-第1頁及切換至第2頁以後框內底色*/
background:#FEF0C6;
padding:5px 10px;
/*頁尾頁數-第1頁及切換至第2頁時-其他頁數虛線框框的顏色*/
border:2px dotted #A27014;
}
/*---左右欄位設定-右欄式---*/
/*-側欄區設定-*/
/*日曆字體+側欄-版主回覆+留言者+個人資訊+文章分類內的+訂閱內+參觀人氣內字體顏色*/
#links{
color: #AE8235;
width:220px ;/*側欄寬度*/
float:right; /*右欄式*/
margin: 0px 0px 0px -50px ;/第4-與欄框距離*/
}
#links a{
font-size: 18px;
/*日曆上下月份+站方公告+所有瀏覽列表字+文章分類內的展開+最新文章字體+訂閱動態標題*/
color:#AE8235;
}
/*左右欄位圖示*/
/*左右欄位-中欄*/
.box{
background:url(http://f.share.photo.xuite.net/moon1230/1f52a54/18973583/1024653509_x.jpg) left
top repeat-y;
margin-bottom:20px;
}
.box-title{
height:50px;
line-height: 5px;
overflow:hidden;
/*側欄區標題顏色*/
color:#AE8235;
text-align: left;
font-weight:bold;
/*側欄區標題-字型*/
font-family:微軟正黑體;
/*側欄區標題-字型大小*/
font-size:22px;
/*左右欄位-上欄*/
background: url(http://f.share.photo.xuite.net/moon1230/1f52a58/18973583/1024653513_x.jpg) left
top no-repeat;
margin:0px 0px 0px 0px;
/*左右欄位-字體的位置*/
padding:30px 0px 0px 65px;/*第一個是字體與欄位上方高度-第四個是文字與欄位左右的距離*/
}
/*左右欄位-下欄*/
.box-text{
background:url(http://f.share.photo.xuite.net/moon1230/1f52a5e/18973583/1024653519_x.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:#AE8235;
background:#FFFFFF;
/*所有文章+瀏覽列表框顏色*/
border: 2px double #7A550F;}
.box-more a:hover{
color: #AE8235;
/*所有文章+瀏覽列表內底色*/
background: #FFFFFF;
}
/*-----日曆顏色設定-----*/
#calendar table{
width: 96%;
/*日曆框內底色*/
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 #7A550F;
font-size:14px;
/*月曆上+下月箭頭顏色*/
color:#E80808;
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 #AE8235;}
/*誰來我家*/
#visitor .box-text li a{
height:45px;width:45px;display:block;MARGIN: 1px;
/*誰來我家-框內顏色*/
background:#7A550F;;border-right:1px solid #7A550F;
border-bottom:1px solid #7A550F;}
#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/1f52a8c/4288422/1161220582_x.jpg);
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://f.share.photo.xuite.net/moon1230/1f52abf/4288422/1161222169_x.jpg);
background-repeat:no-repeat;
background-position:left;
padding-left:26px;
}
/*文章分類-展開時-框內底色*/
#category .box-text li a:hover{
background:#FFFFFF;
/*文章分類-展開時按下去字體的顏色*/
color:#9D6C11;
/*文章分類-展開時-連結時框框的顏色*/
border: 2px double #7A550F;
/*文章分類-展開時-連結小圖*/
background-image:url(http://f.share.photo.xuite.net/moon1230/1f52acc/4288422/1161223718_x.jpg);
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://f.share.photo.xuite.net/moon1230/1f52aa3/4288422/1161037565_x.jpg);
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 #AE8235;}
#recent-article li a:hover {
/*最新文章-連結的字體顏色*/
color: #7A550F;
/*最新文章-連結時的底色*/
background: #FFF5D7;
}
/*-----最新回響區設定-----*/
/*最新回響前的小圖*/
#latest-comment li{
background-image:url(http://f.share.photo.xuite.net/moon1230/1f52ae4/4288422/1161037630_x.jpg);
background-repeat:no-repeat;
background-position:left top;
padding-top:18px;
padding-bottom:20px;
padding-left:10px;
line-height: 20px;
/*最新回響的字體顏色*/
border-bottom: 3px solid #AE8235;}
#latest-comment li a:hover {
/*最新文章區-版主回覆的字體顏色*/
color: #AE8235;
/*最新文章區-版主回覆內容的框框顏色*/
background: #FEF0C6;
}
#latest-comment li span {
/*最新文章區-版主回覆的時間顏色*/
color:#AE8235;
font-size:.50em;
/*最新留言-版主回覆的時間間隔直線*/
border-right:3px solid #AE8235;
margin:0 4px 0 0;
padding:0 4px 0 0;
}
/*最新文章區-版主回覆的字體顏色*/
#latest-comment li a {
color:#AE8235;
display:block;
height:50px;
overflow:hidden;
}
/*熱門文章標題小圖*/
#hot-article li {
background-image:url(http://f.share.photo.xuite.net/moon1230/1f52ae5/4288422/1161037631_x.jpg);
background-repeat:no-repeat;
background-position:left;
font-size: 16px;
margin-left:5px;
padding-left:25px;
line-height: 25px;
/*熱門文章-下方虛線顏色*/
border-bottom: 2px dashed #9D6C11;}
#hot-article li a:hover {
/*熱門文章-連結時的顏色*/
color: #9D6C11;
/*熱門文章-連結時的底色*/
background: #FEF2DB;
}
#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: 90px;
color: #7A550F;
background: #FFFFFF;
}
/*最新引用*/
#latest-trackback li,
#latest-comment li,
#subscription li{
line-height:140%;
padding-left: 7px;
margin-bottom: 5px;
border-left:5px solid #;}
#latest-trackback li:hover,
#latest-comment li:hover,
#subscription li:hover{
border-left:5px solid #;}
#latest-trackback a,
#latest-comment a,
#subscription a{
display:block;
width:100%;}
#counter .box-text {font-size:16px;}
#feed {}
#announce{}
#hot-article {}
#category h6{}
#category li{margin-left:15px;}
#category .box-more {}
#archive select,
#favorite select {
width:150px;
margin-left:20px;padding-top:0px;
}
#recent-article li,
#announce li,
#hot-article li{}
/*最新留言顏色設定*/
#latest-comment li,
#latest-trackback li,
/*最新留言區-間隔虛線*/
#subscription li{border-bottom: 2px dashed #9D6C11;}
#latest-trackback a:hover {
color: #AE8235;
background: #FEF8E7;
}
#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:#F8E5AC;
}
#mylink .inner-box li{
margin-left:15px;
line-height: 25px;
border-bottom: 2px dashed #AE8235;
}
/*誰來我家顏色設定*/
#mylink a:hover {
color: #FCE5A0;
background: #FCE5A0;
}
/*站方公告間隔虛線顏色*/
#announce .box-text li{border-bottom: 2px dashed #AE8235;}
#announce a:hover {
/*站方公告連結字體顏色*/
color: #9D6C11;
background: #FFFFFF;
}
/*頁尾中間欄位底圖+文字顏色設定*/
#footer{
clear:both;
padding-top: 20px;
background:url(http://i.imgur.com/ryUVqiH.png) repeat #E0C284;
_height:1%;
text-align: center;}
#footer p{color:#AE8235;}
#bottom ,
/*頁尾中間欄位-回到頁首+回到主文+免費註冊+客服中心+痞客邦首頁字體的顏色*/
#bottom a{color:#AE8235;}
/*頁尾中間欄位文字連結顏色設定*/
#bottom a:hover {
/*頁尾中間欄位-回到頁首+回到主文+免費註冊+客服中心+痞客邦首頁字體按下去時的顏色*/
color: #AE8235;
background: #FFFFFF;
}
/*文章搜尋設定*/
input, textarea {
vertical-align: middle;
font-family: Helvetica, Arial, "LiHei Pro", PMingLiU, sans-serif;
font-size: 1.0em;
/*文章搜尋-字體的顏色*/
color: #AE8235;
/*文章搜尋-框框的顏色*/
border: 3px double #7A550F;
/*文章搜尋-框內的顏色*/
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: #AE8235;
/*文章精選-框框的顏色*/
border: 1px solid #7A550F;
/*文章精選-框內的顏色*/
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;}
/*文章下方廣告無動態*/
#content .recommended-posts {display:none;}
#blog468x60Banner{display:none !important;}
全站熱搜
留言列表
紫玫瑰文章 (7)