極惡無道之西斯星女皇毀滅地球之密秘計畫

呼..終於花了一星期多一點時間...
呆呆終於把痞客幫部落格的設計css 撰寫完了...
..............(╯-_-)╯ ~╩╩..................
(要翻桌就翻桌)....

因為呆呆未曾觸及改圖軟件+網站軟件的學習...
..呆呆只能用程式改動網站設計....
呆呆也覺得網站設計....貧乏了一點...
也加上了不少blogparts(ブログパーツ)的可愛程式..
希望不會令各位看倌眼花撩亂....
以下是呆呆撰寫部落格設計的原碼..
如有錯誤 煩請各方友好指正指正....

煩請各位看倌...
如果曉得那裡有免費+好用的改圖軟件+撰寫網站
或是國人撰寫的blogparts(ブログパーツ)的程式.
煩請告知呆呆知道...
學習是無止境的....
呆呆想更進一步...

對了...呆呆此網頁設計只針對網頁版..
用手機看是觀賞不到的......
--------------------------------------------------------------------
*------------------------------ #Generate By Pixnet ------------------------- */
#comment-form table { width:100% ; margin: 0 auto ;}
#comment-form td , #comment-form th { border: 1px solid #555 ; padding: 3px 5px; }
#comment-form input#send-comment { padding: 3px 5px ; }

/*------------------------------ #Generate End ------------------------------- */
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 { width:100%;
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;

}

/*------------------------------------------------------------------------------------------

滿版版型- 2
三欄式 / 內文區靠左 / 側選單-1靠右 /
------------------------------------------------------------------------------------------*/

/* --------------------------------------------------------------- 大範圍區塊 ---------------------------------------------------------------*/

/*--整體設定--*/
body{
background:url(https://pic.pimg.tw/lachesis7391/1518088731-646913590_l.jpg)left top repeat;
font-size:small ;
font-family:"Verdana" ;
}
#body-div{}

/*--超連結--*/
a{color:#0F1E00;

text-decoration:none ;
}
/*--滑鼠移動到超連結上時--*/
a:hover{
color: #FF87B4;
/*--text-decoration: underline ;--*/
}








/*--所有內容--*/
#container{width:950px;
text-align:left ;
margin:0px auto 10px auto ;
background:#eee ;
}
#container2{ background-color:white ;
padding:0px ;
}



}
#authority {position:absolute;
left:157px; width:30px;
}
#authority a{}
#authority a:hover{ background-color:white; border:1px inset #5A5A78;
}









/*--發表新文章功能鈕--*/
#newpost{


background-color:#FFFFB4 ;
padding:32px 5px ;
display:block; color:black ;
border:1px dotted black;
font-weight:bold;
text-align:center;
}


/*--進入後台功能鈕--*/
#backstage{background-color:#FFFFB4 ;
padding:39px 5px ;
display:block; color:black ;
border:1px dotted black;
font-weight:bold;
text-align:center;
}



/*--主要內容區+側邊欄位區--*/
#main{}





/* --------------------------------------------------------------- 頁首 ---------------------------------------------------------------*/

#header{padding-top:5px ; height:297px;
margin-bottom:15px;
background: url(https://pic.pimg.tw/lachesis7391/1517580679-745729716.jpg)right top no-repeat;

}


/*--登入功能列--*/
#login-bar{
position: absolute;
top:294px; right:157px;
text-align:center ;
border-bottom: 1px dotted black;

padding:3px 5px 3px 5px ; background-color:#FFFFB4;
}
#login-bar a{ color:black; font-weight:bold;}
#login-bar a:hover{ color:pink; }




/*--頁面上方區塊-不包括登入功能列--*/
#banner{}


/*--部落格標題--*/
#banner h1 { padding-right:20px; font-size:20px;
font-weight:bold;
text-align:right;
}
#banner h1 a{color:
#bf0060;}
#banner h1 a:hover{color:#FFF0F0;}

/*--跳到主文--*/
#banner .skiplink a{font-weight:bold; font-size:15px; padding-left:20px;
color:black; }
#banner .skiplink a:hover{color:yellow;}


/*--部落格描述--*/
#banner h2{color:#ff359a; font-weight:bold;
padding-right:20px;
text-align:right ; }


/*--部落格全站分類--*/
#blog-category{ padding-left:20px; font-weight:bold; color:black;}



/*--其他服務連結區塊--*/
#navigation{border:1px dotted black;
background-color:#FFFFB4 ; height:27px;
overflow:hidden ;
_overflow:none ;
_height:0% ;
padding: 0px ;
}

/*--其他服務連結區塊內的所有連結--*/
#navigation a{ border-right:1px dotted black;
border-left:1px dotted black;
display:block ;font-weight:bold;
width:232.2px ;
text-align:center ;
color:black ;
background-color:#FFFFB4;
padding: 3px 0px 3px 0px;
}
/*--其他服務連結區塊內的所有項目--*/
#navigation li{
float:right ;
margin: 0px 0px 0px 0px ; border:1px dotted black;
}
#navigation a:hover{border:1px inset #87A578;} /*其他服務滑鼠在連結上*/


/*--其他服務連結-相簿--*/
#link-album{ }
#navigation #link-album a:hover{
background:url() left top no-repeat;background-color:#FFF0F5;}

/*--其他服務連結-部落格--*/
#link-blog{}
#navigation #link-blog a:hover{
background:url() left top no-repeat;background-color:#E0EEE0;}


/*--其他服務連結-留言版--*/
#link-guestbook{}
#navigation #link-guestbook a:hover{
background:url() left top no-repeat;background-color:#FAFAD2;}

/*--其他服務連結-名片--*/
#link-profile{}
#navigation #link-profile a:hover{
background:url() left top no-repeat;background-color:#E0FFFF;}




/* --------------------------------------------------------------- 主要內容區 ---------------------------------------------------------------*/

/*--主要內容區--*/
#content{border-right: 1px dashed purple ;
width:680px ; background-color:#ffffce;
float:left ;

padding:10px ;
}
/*--公告注目區--*/
#spotlight{border:1px dashed darkblue;
padding:5px;
margin-bottom: 5px ;
}

/*--公告注目區標題--*/
#spotlight h5{

color:#000000 ;font-weight:bold; font-size: 14px; letter-spacing:7px;
text-align:center;
padding:0px 5px ;
margin-bottom: 5px ;
}


/*--公告注目區內容--*/
#spotlight-text{padding-bottom:5px; color:#960F3C;}




/*--所有文章區塊--*/
#article-area{border:1px solid white ;


padding: 5px ;
}


/*--所有文章區塊標題--*/
.article-area-title{

padding: 3px 7px;
}


/*--瀏覽方式--*/
#display{
text-align:right;
margin : 5px 0px ;
}
/*--瀏覽方式這四個字--*/
#display span {}
/*--標題列表/簡短摘要--*/
#display a{}
#display a:hover{color:skyblue;}

/*--單一篇文章--*/
.article{

margin-bottom: 10px ;
padding:2px ;
}


/*--單一篇文章最上方--*/
.article-head{

padding: 1px;
margin-bottom: 2px ;
}


/*--發表時間--*/
.publish{ text-align:right; font-size:14px; color:#A65554;
border-bottom: 1px dotted darkblue;
padding-bottom:5px;font-weight:bold; padding-right:18px;padding-top:5px;
background: url(https://pic.pimg.tw/lachesis7391/1517919524-2836003570.gif)right top no-repeat;


}
/*--月份--*/
.month{}
/*--日期--*/
.date{}
/*--星期--*/
.day{}
/*--年--*/
.year{}
/*--時間--*/
.time{}



/*--文章標題--*/
.title h2{padding:5px 0px 5px 0px;}

.title h2 a{background:url(https://pic.pimg.tw/lachesis7391/1433414971-3916478576.gif)left bottom no-repeat;
font-weight:bold; padding-left:27px; padding-top:3px;padding-bottom:3px;

font-size: medium ;
color:#415E7D ;
}
/*--文章標題前的密碼圖示/隱藏圖示/好友保護圖示--*/
.title h2 img{}


/*--單一篇文章中間區塊--*/
.article-body{}


/*--加入書籤--*/
.bookmark{
text-align:right ;
}


/*--文章內容--*/
.article-content{ color:#3C4B3C;
line-height: 140% ;
margin : 5px 0px ;
}


/*--繼續閱讀--*/
.more{ padding:0px 20px 0px 0px; margin:30px 70px 30px 0px;
text-align:right; letter-spacing: 3px;
background: url(http://p0.p.pixnet.net/albums/userpics/0/3/479103/1209270070.gif) right top no-repeat;
}


/*--發表時間--*/.author{ font-weight:bold; color:#695137;
text-align:right ;
margin: 5px 0px 0px 0px;
border-bottom: 1px ;



border-right: 40px ;

border-right: 30px;
padding: 10px 37px 5px 0px;

background: url(https://pic.pimg.tw/lachesis7391/1517920545-2224879372.gif) right bottom no-repeat;
}


/*--單一篇文章最下方--*/
.article-footer{

padding: 6px 10px ;
}


/*--此篇文章分類 : 個人分類+全站分類--*/
.refer{ color:#960F78;
border-bottom: 1px dashed darkblue ;
border-top: 1px dashed darkblue ;

padding-bottom: 6px ;
margin-bottom: 5px ;
}
/*--歷史上的今天標題--*/
.history h6{ font-weight:bold; padding-bottom:4px; color:#880000;
padding-left:2px;}

/*--歷史上的今天--*/
.history{
border-bottom: 1px dashed #4B87F0 ;
padding-bottom: 5px ;
margin-bottom: 5px ;
}
.history a:hover{color:skyblue;}

/*--轉寄文章--*/
.forward{
text-align:right ;
}


/*--回到頁首--*/
.back-to-top{
text-align:right ;
}

/* --------------------------------------------------------------- 引用及回應列表 ---------------------------------------------------------------*/

/*--引用及回應列表全部的大範圍--*/
#user-post{background:white;
padding:10px;
margin-bottom: 20px ;

}


/*--僅引用區塊--*/
#trackback-box{
margin-bottom: 20px;
}


/*--僅回應列表--*/
#comment-box{}


/*--引用列表+回應列表--*/
.user-post-box{
background-color:#FFFFBB;
padding: 10px;
border: 1px solid black;
}


/*--引用列表標題--*/
#trackback-title{font-weight:bold;}


/*--回應列表標題--*/
#comment-title{font-weight:bold;}


/*--引用列表標題+回應列表標題--*/
.user-post-title{
background:#FFFFB4;
color:#004B78 ;
padding: 5px 10px ;
font-size: medium ;
margin-bottom: 10px ;
}


/*--引用內容區塊--*/
#trackback-text{}


/*--回應內容區塊--*/
#comment-text{}


/*--引用內容區塊+回應內容區塊--*/
.user-post-text{
background-color:#FFFFB4 ;
padding:0px ;
}


/*--單一引用--*/
#trackback-box .single-post{}


/*--單一回應--*/
#comment-box .single-post{}


/*--單一引用+單一回應--*/
.single-post{
background:#FFFFF0 ;
margin-bottom: 20px ;
padding: 10px ;
overflow:hidden ;
_overflow:none ;
_height: 1% ;
}


/*--引用者資訊+回應者資訊--*/
.post-info{
border-bottom: 1px dashed #bbb ;
padding-bottom: 5px ;
margin-bottom: 10px ;
font-weight:bold ;
}


/*--單一引用內容+單一回應內容--*/
.post-text{
width:70%;
float:right ;
margin-bottom: 10px ;
}
#trackback-box .post-text{
width: auto ;
float:none ;
}


/*--單一引用標題+單一回應標題--*/
.post-text p{}


/*--回應者頭像--*/
.post-photo{
width:20%;
float:left ;
text-align:Center ;
}


/*--版主回覆內容--*/
.reply-text{
clear:both ;
border-top: 1px dashed #bbb ;
padding-top: 5px ;
}


/*--版主回覆資訊--*/
.reply-text p{text-align: right; font-weight:bold;
padding-top:8px;}


/*--悄悄話--*/
.secret{}


/*--留下迴響<發表留言>--*/
.post-comment{ font-weight:bold; padding-right:10px; padding-bottom:2px;

text-align:right ;
margin: 5px 0px ;
font-size: medium ;
}









/* --------------------------------------------------------------- 列表模式的文章區塊 ---------------------------------------------------------------*/

/*--列表--*/

.main-list{

padding:10px ;
margin-bottom: 15px ;
}


/*--列表表格--*/
.main-list table{
width:100% ;
margin:10px;
}

/*--列表標題--*/
.main-list h3{
background:#004BB4 ;
padding: 5px 10px ;
margin-bottom: 10px;
}


/*--列表表頭表格--*/
.main-list th{text-align:center; font-weight:bold;
border:1px solid #004BB4 ; padding-top: 3px;
padding-bottom: 4px;
}


/*--列表一般表格--*/
.main-list td{
border:1px solid #004BB4 ;
padding: 2px;
}


/*--列表文章名稱--*/
.main-list a{
}

.main-list td.list-date{color: #780000;} /*發表時間*/

/*--所有文章列表--*/
#article-list{}


/*--單一分類文章列表--*/
#category-list{}


/*--所有歷史狀態列表--*/
#murmur-list{ }


/*--頁數--*/
.page{}













/* --------------------------------------------------------------- 側邊欄位區 ---------------------------------------------------------------*/

/*--側邊欄位區--*/
#links{border-left: 1px dashed purple ;
width:240px ;background:url(https://pic.pimg.tw/lachesis7391/1187672068.gif)top right repeat;
float:left ;

padding:0px 2px 2px 2px; }





/*--單一功能區塊--*/
.box{

padding: 10px;
margin-bottom: 1px ;
}


/*--單一功能區塊標題'--*/
.box-title{
text-align:right; font-weight:bold;
font-size: 12px ;color:#000F00;
padding:8px 34px 5px 0px;


margin: 0px 2px 3px 5px;border-bottom:1px solid #D25A78;
background:url(https://pic.pimg.tw/lachesis7391/1433409657-812638737.gif)top right no-repeat;

}


/*--單一功能區塊內容--*/
.box-text{
}


/*--單一功能區塊項目--*/
.box-text li{
margin: 5px 0px ;
}


/*--單一功能區塊超連結--*/
.box-text a{
}



/*--誰來我家--*/
#visitor{}
/*--誰來我家標頭--*/
#visitor .box-title{}
/*--誰來我家內容區塊--*/
#visitor .box-text{}
/*--單一頭像列表--*/
#visitor ul{_height: 1% ;
overflow: hidden ;
_overflow: none ;

}
/*--我去誰家--*/
#crumb{}
/*--我去誰家標頭--*/
#crumb .box-title{}
/*--我去誰家內容區塊--*/
#crumb .box-text{}
/*--單一頭像列表--*/
#crumb ul{
_height: 1% ;
overflow: hidden ;
_overflow: none ;

}


/*--單一頭像--*/
#visitor li{
float:left;
}
/*--所有訪客列表--*/
#visitor .box-more{}




/*--單一頭像--*/
#crumb li{
float:left;
}
/*--所有瀏覽列表--*/
#crumb .box-more{}



/*--站方公告--*/
#announce{}
/*--站方公告標頭--*/
#announce .box-title{}
/*--站方公告內容區塊--*/
#announce .box-text{}
/*--一條站方公告--*/
#announce li{border-bottom:1px dotted #FFC125;
padding: 1px 0px 5px 0px;
text-align:left;width:98%;}
#announce li a:hover{color: skyblue;}




/*--碎碎唸--*/
#murmur{}
/*--碎碎唸標頭--*/
#murmur .box-title{}
/*--碎碎唸內容區塊--*/
#murmur .box-text{}
/*--碎碎唸內容--*/
/*--發表時間--*/
#my-time{}
/*碎碎唸文字內容*/
#murmur-text { }




/*--好友的碎碎唸聯播--*/
#broadcast{}
/*--好友的碎碎唸標頭--*/
#broadcast .box-title{}
/*--好友的碎碎唸內容區塊--*/
#broadcast .box-text{}
/*--一個好友的內容--*/
#broadcast .box-text ul{
border-bottom: 1px dotted orange ;
_height:1% ;
overflow: hidden ;
_overflow: none ;
}
/*--好友的頭像--*/
.broadcast-photo{
float:left ;
width:20px ;
}




/*--好友的碎碎唸發表時間--*/
.broadcast-time{}
/*--好友的碎碎唸發表內容--*/
.broadcast-text{}








/*--個人頭像--*/
#headshot{}
/*--個人頭像標頭--*/
#headshot .box-title{}
/*--個人頭像內容區塊--*/
#headshot .box-text{}
/*--個人頭像那張照片--*/
#headshot .box-text img{ }






/*--搜尋--*/
#search{}
/*--搜尋標頭--*/
#search .box-title{}
/*--搜尋內容區塊--*/
#search .box-text{}
/*--搜尋內容所有按鈕--*/
#search .box-text input{
width:110px ;
}
/*--搜尋輸入文字欄位--*/
#search-target{}
/*--搜尋確定鈕--*/
#search-send{}



/*--本日人氣--*/
#counter{}
/*--本日人氣標頭--*/
#counter .box-title{}
/*--本日人氣內容區塊--*/
#counter .box-text{}
/*--人氣數字--*/
#countr .box-text span{}



/*--更換樣式--*/
#change-theme{}
/*--更換樣式標頭--*/
#change-theme .box-title{}
/*--更換樣式內容區塊--*/
#change-theme .box-text{}
/*--更換樣式選單--*/
#change-theme select{
width:120px;
}



/*--新聞交換rss--*/
#feed{}
/*--新聞交換標頭--*/
#feed .box-title{}
/*--新聞交換內容區塊--*/
#feed .box-text{}
/*--新聞交換icon--*/
#feed img{}



/*--月曆--*/
#calendar{}
/*--月曆標頭--*/
#calendar .box-title{}
/*--月曆內容區塊--*/
#calendar .box-text{}
/*--月曆-月曆表格--*/
#calendar table{}
#calendar .current-month{color:#000F3C; }
#calendar th{text-align:center; font-weight:bold;
padding-bottom:4px;}
#calendar .weekday{color:#002D78;
} /*星期*/

/*--月曆-日期儲存格--*/
#calendar td{border:1px dotted black; padding:2px 4px; text-align:center;}
/*--月曆-當天有寫文章的儲存格--*/
#calendar td a{background-color:yellow;}




/*--近期文章--*/
#recent-article{}
/*--近期文章標頭--*/
#recent-article .box-title{}
/*--近期文章內容區塊--*/
#recent-article .box-text{}
/*--近期文章文章標題--*/
#recent-article .box-text a{background:url()left bottom no-repeat;}
/*--近期文章內容單項區塊--*/
#recent-article li {border-bottom:1px dotted #FFC125; padding:0px 0px 5px 15px;
background:url(http://pic.pimg.tw/lachesis7391/1209270069.gif)top left no-repeat;
}
#recent-article li :hover{}



/*--人氣文章--*/
#hot-article{}
/*--人氣文章標頭--*/
#hot-article .box-title{}
/*--人氣文章內容區塊--*/
#hot-article .box-text{}
#hot-article li {border-bottom:1px dotted #FFC125;
padding: 1px 0px 5px 13px;text-align:left;width:98%;
background:url(http://pic.pimg.tw/lachesis7391/1209270069.gif)top left no-repeat;}
#hot-article li :hover{color:skyblue;}

/*--人氣文章文章標題--*/
#hot-article .box-text a{}



/*--文章分類--*/
#category{}
/*--文章分類標頭--*/
#category .box-title{}
/*--文章分類內容區塊--*/
#category .box-text{}
/*--文章分類的分類目錄--*/
#category .box-text h6{}
/*--文章分類的文章分類名稱--*/
#category .box-text li a{}



/*--文章彙整--*/
#archive{}
/*--文章彙整標頭--*/
#archive .box-title{}
/*--文章彙整內容區塊--*/
#archive .box-text{}
/*--文章彙整月份選單--*/
#archive .box-text select{
width:120px;
}
/*--所有文章列表--*/
#archive .box-text li a{}



/*--最新迴響--*/
#latest-comment{}
/*--最新迴響標頭--*/
#latest-comment .box-title{}
/*--最新迴響內容區塊--*/
#latest-comment .box-text{}
/*--最新迴響-迴響日期--*/
#latest-comment .box-text span{}
/*--最新迴響-迴響摘要--*/
#latest-comment .box-text li a{}
#latest-comment .box-text li a:hover{color: skyblue;}

/*--最新迴響-迴響單項摘要--*/
#latest-comment .box-text li {border-bottom:1px dotted #FFC125;
padding: 0px 0px 4px 13px;text-align:left;width:98%;
background:url(http://pic.pimg.tw/lachesis7391/1209270069.gif)left top no-repeat;}
#latest-comment .box-text li:hover{color:#87A5F0;}


/*--最新引用--*/
#latest-trackback{}
/*--最新引用標頭--*/
#latest-trackback .boc-title{}
/*--最新引用內容區塊--*/
#latest-trackback .box-text{}
/*--最新引用-引用過去的文章標題--*/
#latest-trackback .box-text li a{}
/*--最新引用-引用過去的部落格主標--*/
#latest-trackback .box-text li span{}




/*--最新訂閱--*/
#subscription{}
/*--最新訂閱標頭--*/
#subscription .box-title{}
/*--最新訂閱內容區塊--*/
#subscription .box-text{}
#subscription .box-text li {border-bottom:1px dotted #FFC125; padding: 1px 0px 5px 0px;text-align:left;width:98%;}
/*--最新訂閱-訂閱對方的新文章標題--*/
#subscription .box-text li a{}
/*--最新訂閱-訂閱對方的部落格主標--*/
#subscription .box-text li span{}



/*--我的蒐藏--*/
#favorite{}
/*--我的蒐藏標頭--*/
#favorite .box-title{}
/*--我的蒐藏內容區塊--*/
#favorite .box-text{}
/*--我的蒐藏選單--*/
#favorite .box-text select{
width:120px ;
}






#mylink /*我的連結區塊*/
#mylink .box-title /*我的連結標題*/
#mylink .box-text /*我的連結內容區塊*/
#mylink .link-box /*單一連結分類*/
#mylink .inner-box h6 {f} /*單一連結標題*/
#mylink .inner-box ul li a /*單一連結項目連結*/
#mylink .inner-box ul li a:hover{} /*單一連結項目滑鼠在連結上*/



/*--所有自訂欄位--*/
.folder{}
/*--所有自訂欄位標頭--*/
.folder .box-title{font-weight:bold;}
/*--所有自訂欄位內容區塊--*/
.folder .box-text{}



/*--powered--*/
#powered{font-weight:bold; text-align:center;color:#3C0F00;}
/*--powered標頭--*/
#powered .box-title{}
/*--powered內容區塊--*/
#powered .box-text{}





/*--頁尾--*/
#footer{ background: url(http://pic.pimg.tw/lachesis7391/1188792493.gif)left bottom repeat;
clear:both ;border-top: 1px dashed purple;
background-color:black ; font-weight:bold;
padding:30px 10px ;
text-align:center ;
}


/*--頁尾-自訂聲明--*/
#footer p{}


/*--頁尾-pixnet連結--*/
#footer #bottom{}