**M&NGO GARDEN ☁ VIXX**

預覽圖： (僅適合痞客邦樣式)

1. 轉載請附上此部落格網址或是logo。 http://flameyukke.pixnet.net/blog / logo：
2. 請勿標上為他人著作；此模版不適合寬型貼紙，會導致貼紙突出。
3. 以下模版背景確定為官方照、官方週邊、節目照片、雜誌照，並非韓飯辛苦拍的照片。
4. 如語法有任何不完全請告知，請勿再另外上傳圖片另出link。
5. 請尊重原作者的辛勞，感謝配合。

版型取自：貼齊

請從下方的語法開始複製：(語法很長 請耐心的拉到最底 謝謝!!如套用後有問題再請告知)

/*
#17
*/

.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;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,em,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{
font-size: .8em ;
font-family:"Verdana" ;
color:#a8c4f2 ;
background: #000;
}

a{
text-decoration: none;
color:#89aafc ;
}
a:hover{
color:#fc4877 ;
}

#authority{
background:#000;
text-align:center;
height:21px;
padding: 4px 0px ;
}
#authority a{
color:#fa1b60;
display:inline;
height:29px;
padding:9px;
}
#authority a:hover{
color:#fad178 ;
background:;
}

#container{
background:url(http://i.imgur.com/wh5g4.png) center top repeat-x;
}

#container2{
background:url) center bottom repeat-x;
}

#container3{
width: 900px ;
margin:0 auto;
padding-bottom:105px;
position:relative;
}

/*============================================= HEADER ===============================================*/
#header {
position:relative;
height:248px;width:900px;
padding-top:102px;
margin-bottom:10px;
background:url(http://i.imgur.com/gvmO6.png) left bottom no-repeat;
}
#header a{
color:#b4d8db ;
}

#banner {
text-align:left;
padding:0 15px;
}

#header h1{
margin:30px 15px 0 15px;
_margin:0px 15px 0 15px;
letter-spacing: -1px ;
}
#header h1 a{
font-size: 16pt;
color:#fba3dd;
font-family:"微軟正黑體" ;
}
#header h1 a:hover{color:#818ce4;}
#header h2{
color:#c0679b;
margin:5px 15px 0 15px;
overflow:hidden;
}

#login-bar{
color:#fdd499;
_width:500px;
margin:20px 20px;
_padding:20px 0px;
text-align:left;
}

#login-bar a{color:#5476d6;}
#login-bar a:hover{color:#62a48a;}

#header .skiplink,#blog-category{
display:none;
}

#navigation{
position:absolute;
right:10px;top:110px;
width:344px;height:38px;
}
#navigation li{
float:left;
font-size:0px;
text-indent:-50000px;
}
#navigation a{
display:block;
height:38px;
}
#navigation a:hover{
background:url(http://i.imgur.com/EmdPY.png) left top no-repeat;
}

#link-album a{width:68px;}
#link-blog a{width:102px;}
#link-guestbook a{width:100px;}
#link-profile a{width:74px;}

#link-album a:hover {background-position: 0px 0px;}
#link-blog a:hover {background-position: -68px 0px;}
#link-guestbook a:hover {background-position: -170px 0px;}
#link-profile a:hover {background-position: -270px 0px;}

/*============================================= CONTENT ===============================================*/

#spotlight {
text-align:left;
margin: 0px 20px 10px 20px;
color:#768ebe;
}
#spotlight h5{
font-size: 1.4em ;
font-family:"微軟正黑體" ;
color:#807caf;
}

.article-area-title {
text-align:left;
color:#d73a7d;
margin-left: 10px ;
}
#view-mode{
color:#a160b9;
margin: 3px 0px 10px 10px ;
text-align:left ;
}

#content{
float: left;
width: 620px;
overflow:hidden;
}

.article{
margin-bottom: 10px ;
_height: 1% ;
}
.article-head{
line-height:20px;
margin:0 auto;
overflow:hidden;
}
.publish{
text-align:left;
font-family:"Century Gothic";
font-size:10pt;
padding:2px 5px;
margin:0 15px;display:inline;
color:#84e6e5;background:#000;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.title{
padding:5px 10px 10px 20px;
font-family:"微軟正黑體" ;
font-size: 14px;
}
.title a{
color:#f84c89;
}
.title a:hover{
color:#3466c2;
}

.article-body{
padding:10px 20px;
}

.article-content{
line-height: 160% ;
color:#999ea6;
}

.article-footer{
position:relative;
padding: 10px 10px 20px 20px ;
}
.author{
color:#6ba9c9;
text-align:left;
background:#000;
padding:2px 5px;
display:inline;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.author  a{color:#6c84f9;font-size:10pt;}
.author  a:hover{color:#5e69d3;}
.author img {
width: 10px;
height: 10px; }

.article-content a {color:#fca678;}
.article-content a:hover{color:#a5b38a;}
.article-content a,.refer a,.forward a,.fans-club a,.history a{
color:#80a9c1;
text-decoration: none;
}
.article-content a:hover,.refer a:hover,.forward a:hover,.fans-club a:hover,.history a:hover{
color:#4997c4;
background:#000;
text-decoration: none ;
}

.bookmark ,
.more ,
.back-to-top ,
.fans-club ,
.forward {
margin: 5px 0px ;
text-align:right;
}
.more a {color:#f595be;}

#blog-main .refer,
#category-main .refer,
#archives-main .refer{display:none;}

#article-adsense{
text-align:center ;
margin: 10px 20px 10px 20px ;
}

.back-to-top{
display:none;
}
.refer{
color:#76a0be;
}
.refer li{
margin: 2px 0px;
}

.history{color:#b47590;
}
.history li{
margin: 2px 0px;
}

/*============================================= LINKS ===============================================*/

#links{
float:right;
width: 250px ;
overflow:hidden;
color:#5666a7;
margin:0px 15px 0px 0px;
}

.box{
margin-bottom: 10px ;
background:url(http://i.imgur.com/JoV3X.png) left top repeat-y;
}
.box-title{
background:url(http://i.imgur.com/69Lng.png) left top no-repeat;
font-size: 1em ;
padding:15px 10px 0px 10px;
text-align:center;
color:#b55d72;
font-weight:bold;
}
.box-text{
color:#5a78bb;
padding:10px 10px 10px 10px;
_height: 1% ;
background:url(http://i.imgur.com/PECg8.png) left bottom no-repeat;
}
.box-text a{
display:block ;
padding: 5px 10px ;
color:#54a7d1;
}
.box-text a:hover{
background:#2c2828;
color:#fff2c4;
}

.box-more{
text-align:center;
}
.box-more a{
display: inline ;
color:#716990;
}

/*============================================= BOX ===============================================*/
#visitor .box-text,
#crumb .box-text{
padding-left:30px;
}

#visitor li ,
#crumb li{
margin-right: 4px;
}
#visitor li img ,
#crumb li img{
border: 1px solid #7f6889 ;
width: 32px;
height:32px ;
}

#newsfeed .box-text,#user-info .box-text{
_overflow:hidden;
_width:210px;
}

#broadcast .box-text a{
padding: 1px 0px ;
}
.broadcast-photo{
margin-right:4px;
}
.broadcast-time{
padding-top: 1px;
_height: 1% ;
}
.broadcast-time span{
display: none ;
}
#broadcast ul{
border-bottom: 1px dashed #faa9c3;
}
.broadcast-text{
}

#headshot .box-text{
_height: 1% ;
overflow: hidden ;
_overflow: none ;
}
#headshot-img{
width: 100px ;
text-align:center ;
float:left ;
}
#headshot-img img{
border: 3px solid #9ec2d4 ;
}

#calendar table{
width:95% ;
margin: 0 auto ;
}
#calendar th ,
#calendar td{
text-align:center ;
font-size: .8em ;
padding: 1px 0px ;
}
#calendar .box-text a{
padding: 0px;
}

#archive .box-more{
margin-top: 3px ;

}

.murmur-text{line-height: 150% ; margin: 2px 0px 5px 0px;}
.murmur-time{
text-align:right ;
font-size: .8em ;
color:#e281c3 ;
}

#announce li,
#hot-article li,
#recent-article li,
#latest-comment li,
#latest-trackback  li,
#subscription li {
bordeR-bottom: 1px dashed #91b4b4;
}
#latest-comment li a{
}

#recent-article li{
*padding: 1px 0px ;
}
.inner-box{
border-bottom: 1px dashed #91b4b4;
padding-bottom: 5px ;
margin-bottom: 5px ;
}

.folder .box-text a{
display: inline ;
}

#powered .box-title{
letter-spacing: -2px;
}
#powered .box-text{
text-align:center ;
}

/*============================================= MAIN-LIST ===============================================*/

.main-list table{
width: 95% ;
margin: 10px auto ;
}
.main-list th ,
.main-list td{
padding: 3px 5px;
border:2px solid #898787;
background:#000;
}
.main-list th{
background:#000;
color:#7896c7
text-align:center ;
}
.main-list a {color:#d04d78;}
.main-list a:hover{color:#a43459;}

/*============================================= USER-POST ===============================================*/

.user-post-box{
margin: 0px 0px 0px 0px ;
color:#669db4 ;
}

.user-post-text{
margin: 0px auto ;
}

#trackback-title {
background:url(http://i.imgur.com/ZR6ir.png) left top no-repeat;
height:23px;
}
#comment-title {display:none;}

.user-post-title{
font-size: 0px;text-indent:-5000px;
_height: 1% ;
}

#trackback-url{
text-align:left;
margin: 10px 20px 10px 20px;
}

#trackback-box .single-post {
margin:0 0px 10px 20px;
}

#trackback-box .post-info{
padding:10px 10px 0px 10px;
color:#3873b6;
}

#trackback-box .post-text{
padding:10px 10px 10px 10px;
color:#4d5393;
}

#comment-text{
}

.post-comment a{
font-size:0px;text-indent:-5000px;
display:block;
width:613px;height:21px;
margin:20px 0;
background:url(http://i.imgur.com/RJhoX.png) left top no-repeat;
}

#comment-box .single-post {
_height: 1%;
overflow: hidden;
_overflow: none;
position: relative;
margin:0 10px 20px 30px;
}

#comment-box .post-info{
color:#5d5991;
text-align:left;
padding:0px 0px 0 80px;
}

#comment-box .post-photo {
position:absolute;
left:0px;top:0px;
width:62px;height:62px;
background:#1b1a1a;
}

#comment-box .post-photo img{
width:50px;height:50px;
border:1px solid #6d96a4;
margin:5px 0 0 5px;
}

#comment-box  .post-info img { width:10px;height:10px;}

#comment-box .post-text{
padding:10px 10px 10px 80px;
line-height: 140% ;
_height:50px;
min-height:50px;
color:#b16b70;
}
#comment-box .reply-text{
padding:0px 10px 10px 80px;
line-height: 140% ;
color:#fa8966;
}
#comment-box .reply-text p{
display:none;
}

.secret {display:none;}

#comment-area {margin:0 auto!important;}

.page{
text-align:center ;
display:inline;
margin-left:220px;
padding:0px 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
background:#000;
}

.page a{
color:#4c92c8;
padding: 2px 5px ;
}
.page a:hover{
background:#1a1a1a;
color:#6f8ed4;
}

/*============================================= FOOTER ===============================================*/

#footer{
clear:both;
height:68px;
padding:7px 20px 10px 20px;
color:#3e7ae8;
text-align:left;
background: url(http://i.imgur.com/RjON5.png) left top no-repeat;
}

#footer p{
height:15px;
overflow:hidden;
}

#bottom{
margin-top:13px;
text-align:right;
}
#footer a {
color:#315e9b;
}

#footer a:hover {
color:#4d5178;
}

input , select{
font-family:"Verdana"  ;
background:#1b1b1b;
border:0;
color:#f8e1a16;
margin:0 10px;
}
#links select{
background:#3b3a3a ;
color:#84b4ca ;
}
option{ font-family:"Arial" ;}

/*  誰來我家 田字型排版  */
#visitor ul ,
#crumb ul{
_height: 1% ;
overflow: hidden ;
_overflow: none ;
}
#visitor li ,
#crumb li{
float:left ;
}

/*  碎碎唸聯播  好友圖像靠左  文字靠右  */
#broadcast ul{
_height: 1% ;
overflow: hidden ;
_overflow: none ;
}
.broadcast-photo{
float:left ;
}

/*  解決迴響樓梯型歪斜排版問題  迴響人圖像靠左  迴響內容靠右  */
.single-post{
_height: 1% ;
overflow: hidden ;
_overflow: none ;
}

HTML {
scrollbar-arrow-color:#76a4c8;
scrollbar-face-color:#3f3e3e;
scrollbar-darkshadow-color:#3f3e3e;
scrollbar-highlight-color:#3f3e3e;
scrollbar-shadow-color:#3f3e3e;
overflow:auto;
scrollbar-track-color:#000;
scrollbar-3dlight-color:#3f3e3e;
}