【阿芊】Exclusive manifesto

這次的部落格版面…是我用過最花的喔喔喔喔ＸＤ！！

不過呢花歸花，我還是挺滿意呢的啦，

嘿嘿，在這次也是看的到我的私心喔喔（被毆）！

火原特大張，楸瑛那張也因為不錯的關係放很大ＸＤ

這次的版面不是親自畫的也是拿之前的圖改的…

從左上角開始呢，依序下來是　：Ｄ

火原和樹　→　黑崎一護　→　朽木白哉　→　李絳攸　→

佐井伊奈（算是？）　→　藍楸瑛　→　葛里姆橋　→

古泉一樹　→　泫清。

最喜歡的還是左上的小角角（夠了）ˇ










HTML {
SCROLLBAR-FACE-COLOR: #e1dccb ;
SCROLLBAR-HIGHLIGHT-COLOR:#666 ;
SCROLLBAR-SHADOW-COLOR: #666;
SCROLLBAR-3DLIGHT-COLOR: #e1dccb;
SCROLLBAR-ARROW-COLOR: #333;
SCROLLBAR-TRACK-COLOR: #e1dccb;
SCROLLBAR-DARKSHADOW-COLOR: #e1dccb;
overflow-x:hidden; }

body{
font-size:small ;
font-family:"Verdana" ;
background: url(http://p2.p.pixnet.net/albums/userpics/2/5/39825/1190257707.jpg) left top repeat-x #e1dccb;
}
#body-div{}


a{
color:#615e45 ;
text-decoration:none ;
}
a:hover{
color:#d6ae24 ;
text-decoration: none ;
}

#authority{
background:#b8a485 ;
padding: 10px 0px ;
text-align:center ;
}
#authority a{
background:#fff ;
padding:3px 5px ;
color:#333 ;
}
#authority a:hover{
background:#aaa;
color:#fff ;
}

#container{
margin:20px auto 20px ;
width: 902px;
border: 5px solid #f1eddf;
}
#container2{
}
#container3{
margin:0px auto;
width:880px ;
background:#fff;
border: 1px solid #9b947b;
padding: 10px;
}

#main{}

#header{
position: relative;
background: url(http://img231.imageshack.us/img231/9682/0005lz3.png) left top no-repeat;
padding:0px;
margin-bottom:10px;
height: 520px;
border: 1px solid #9b947b;
width: 880px;
}
#login-bar{
_height:1% ;
z-index: 5000;
padding: 10px;
}

#banner{}
#banner h1 a{
font: 26px Simhei;
letter-spacing: -1px;
color: #000;
height: 20px;
position: absolute;
left: 80px;
top: 70px;
}


#banner .skiplink{
display:none
}

#banner h2{
color: #000;
padding: 2px;
position: absolute;
left: 80px;
top: 100px;
width: 300px;
}
#blog-category{
display:none
}
#navigation{
overflow:hidden ;
_overflow:none ;
_height:1% ;
position: absolute;
right: 67px;
top: 200px;
}
#navigation a{
display:block ;
width:36px ;
height: 140px;
text-align:center ;
color:#d8c69b ;
padding: 5px 0px ;
font-size: 0px;
*text-indent: -5000px;
}
#navigation li{
float:left ;
margin: 0px 3px 0px 0px ;
}
#navigation a:hover{
background:#fff;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity: 0.5;
}
#content{
width:640px ;
float:right ;
padding:10px ;
}

#spotlight{
margin-bottom: 10px ;
}

#spotlight h5{
color:#888376 ;
background:#eee;
text-align:left ;
padding:3px 5px ;
margin-bottom: 5px ;
text-transform: uppercase;
}

#spotlight-text{}
#article-area{
margin-top: 20px;
background: #fff;
}

.article-area-title{
text-align:right;
}

#display{
text-align:right;
}

.article{
background:#fff ;
margin:10px auto 20px ;
height: 1%;
}
.article-head{
background:#efe4c7 ;
padding: 0px;
margin-bottom: 10px ;
height: 40px;
}

.publish{
float: left;
height: 37px;
width: 37px;
font: 7pt verdana;
background: #acac7b;
text-align: right;
letter-spacing:-.1em;
padding-right: 3px;
padding-top: 3px;
color:#666;
text-transform: uppercase;
margin-right: 10px;
line-height: 10px;
}
.publish .time{
display:none;
}
.title h2{
padding-top: 10px;
}
.title h2 a{
font-size: medium ;
color:#666;
font-weight: bold;
}

.title h2 img{}


.article-body{}

.bookmark{
text-align:right ;
}

.article-content{
line-height: 160% ;
margin : 5px 0px ;
color:#333;
}

.more{ text-align:right}

.author{
text-align:right ;
margin: 5px 0px 0px 0px ;
border-bottom: 1px dashed #888 ;
padding-bottom: 5px ;
color: #a7af89;
}

.article-footer{
background:none ;
padding: 5px 10px ;
}

.refer{
border-bottom: 1px dashed #888 ;
padding-bottom: 5px ;
margin-bottom: 5px ;
}

.history{
border-bottom: 1px dashed #888 ;
padding-bottom: 5px ;
margin-bottom: 5px ;
}

.forward{
text-align:right ;
}

.back-to-top{
text-align:right ;
}


#user-post{
margin-bottom: 20px ;
}

.user-post-box{
background:#f3f0e9;
padding: 10px 0px;
_height: 1%;
}

.user-post-title{
background:#d1c3b3 ;
color:#fff ;
padding: 5px 10px ;
font-size: medium ;
margin-bottom: 10px ;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.user-post-text{
background: ;
padding:20px ;
}

.single-post{
background:#eee ;
border: 1px solid #fff;
border-bottom: 3px solid #fff;
margin-bottom: 15px ;
padding: 5px ;
padding-bottom: 0px;
overflow:hidden ;
_overflow:none ;
_height: 1% ;
}
.single-post:after {
content: ".";
display: block;
height: 0;
visibility: hidden;
overflow: hidden;
clear: both;
}
.post-info{
font: 12px arial;
_font: 11px arial;
border-bottom: 1px solid #ccc;
padding: 5px ;
margin-bottom: 10px ;
color: #93926c;
text-align: right;
}

.post-text{
width: 450px ;
float:right ;
margin-bottom: 10px ;
color:#666;
font: 12px arial;
_font: 11px arial;
}
#trackback-box .post-text{
width: auto;
float:none ;
}
.post-photo{
width:120px ;
float:left ;
text-align:Center ;
margin-bottom: 10px ;
}
.post-photo img{
border: 3px solid #fff;
}
.reply-text{
clear:both ;
background:#c0bcb2;
padding: 5px ;
color:#333;
}
.reply-text p{
display:none;
}
.secret{
display:none;
}

.post-comment{
text-align:right ;
margin: 15px 10px ;
font-size: medium ;
}
.post-comment a{
padding: 5px;
border: 1px solid #aaa;
background:#eee;
color:#615441;
font: 20px Simhei;
}

.main-list{
padding:10px ;
margin-bottom: 15px ;
}

.main-list table{
width:95% ;
margin:10px;
}

.main-list h3{
background:#888 ;
padding: 5px 10px ;
margin-bottom: 10px;
}

.main-list th{
border:1px solid #ccc ;
padding: 2px;
background: #eee;
}
.main-list td{
border:1px solid #ccc ;
padding: 2px;
}


.page{
margin: 10px 0px;
text-align: right;
}

#links{
width:220px ;
float:left ;
}
#links a{
color: #ae9d6f;}
#links a:hover{
color: #fb780f;}

.box{
background: #fff;
padding: 10px;
margin-bottom: 5px ;
clear: both;
}

.box-title{
background:#d8c69b ;
text-align:left ;
padding: 3px 5px;
font-size: 13px ;
margin-bottom: 10px ;
color: #9b6826;
border-bottom: 3px solid #e4d9c0 ;

}

.box-text{}
.box-text li{
margin: 2px 0px ;
border-bottom: 1px dashed #eee ;
}

#calendar table{
width: 180px;
color: #999;
}
#calendar th {
font-weight: normal;
line-height: 15px;
text-align: center;
}
#calendar td {
text-align: center;
line-height: 15px;
border: none;
padding: 2px;
background: #eaeaea;
border:1px solid #fff;
}
#calendar td a {
display: block;
background: none;
color: #e78822;
padding: 0px auto;
}



#broadcast{
_height: 1%;
overflow: hidden;
_overflow: none;
}
#broadcast li{
border: 0;
}
#broadcast ul{
clear: both;
border-bottom: 1px dashed #eee;
}
.broadcast-photo{
float: left;
width: 50px;
margin-right: 15px;
}
.broadcast-photo img{
border: 3px solid #eee;
}
.broadcast-time a{}
.broadcast-time span{}
.broadcast-text{}

#visitor{
_height: 1%;
overflow: hidden;
_overflow: none;
}
#visitor ul {}
#visitor li {
float: left;
margin-left: 4px;
border: 0;
}
#visitor img {
width: 35px;
height: 35px;
}

#latest-trackback .box-text{}
#latest-trackback a{
display: block;
width: 99%;
}
#latest-trackback li{
}

#subscription li{
}
#subscription a{
display: block;
width: 99%;
}
#subscription span{}


#footer{
clear:both ;
background:#ffffff ;
padding:10px ;
text-align:center ;
}

#footer p{}
#footer #bottom{}




/*------------------------------------------------------------
以下為 PIXNET 部落格痞客模版專用 box-layout.css
任何疑問請至 PIXNET - 服務專區 Pixnet CSS 設計交流區
http://support.pixnet.tw/index.php?board=6.0
------------------------------------------------------------*/

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


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


/* 解決迴響樓梯型歪斜排版問題 + 文字重疊問題　迴響人圖像靠左 迴響內容靠右 */
.single-post{
_height: 1% ;
overflow: hidden ;
_overflow: none ;
}
.post-photo{
width:120px ;
float:left ;
text-align:Center ;
}



/* 解決圖片太大撐破版面，側邊欄往下掉的問題 */
#content{
overflow: hidden ;
}

/*-------------------- 以上為 PIXNET 部落格痞客模版專用 box-layout.css --------------------*/