■■■Loading□□□

各位北鼻
版主首次嘗試使用動態gif圖檔所設計的部落格模版
喜歡這款的北鼻們請自取唷
可以留言或不留言皆可
若有不滿意之處可以任意修改
但請尊重原著
不要擅自發表或分享
發表或分享時請善用引用
否則後果自行負責

免責聲明:
1.本CSS語法痞客邦模版才適用喔
2.本人非抄襲他人   若有雷同純屬巧合
3.若有侵權行為請告知   本人立刻下架
4.本語法是本人私下分享非為公開貢獻的樣式
5.以上規則希望各位能遵守  不便之處敬請見諒


語法如下


/**************************由此開始複製******************************-
作者:ccs by  陽光甜姐兒   http://b39650118.pixnet.net/blog
套用請留言，修改請留言給我
別當小偷喔，卸卸你的尊重呀
**************************************/
/*------------------------------ #Generate By Pixnet ------------------------- */
/*------------------------------ #reply -------------------------------------- */


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;
}

address,caption,cite,code,dfn,em,th,var {
font-style:normal;
font-weight:400;
}

ol,ul {
list-style:none;
}

h1,h2,h3,h4,h5,h6 {
font-size:100%;
font-weight:400;
}

pre {
font-size:1em;
}

.article-content {
_height:1%;
overflow:hidden;
_overflow:none;
border:1px solid #0048fc;
line-height:18px;
color:#0048fc;
width:624px;
overflow-x:auto;
padding:7px 7px 10px;
}

body {
font-size:10px;
font-family:"Century Gothic";
letter-spacing:1px;
background:url(http://nyokiope.com/nyokiaya/ayasozai/kabe/pmizutama/mizu2/k_0006.gif);
background-repeat:repeat;
}

#body-div {
width:900px;
background:#b4d8fc;
margin:50px auto 0;
}

br {
letter-spacing:0;
}

input,select {
background:transparent none repeat scroll 0;
border:0;
margin:0;
padding:0;
}

#authority {
z-index:3;
width:100%;
height:1px;
position:relative;
margin:0;
}

#authority #newpost {
position:absolute;
top:4px;
right:5px;
}

#authority #backstage {
position:absolute;
top:24px;
right:5px;
}

#header {
float:left;
position:relative;
width:100%;
height:130px;
background:url(http://www.geocities.jp/choco_asa/img/kabe/huyu/02/01.gif) top repeat-x;
background-image:url(http://www.geocities.jp/choco_asa/img/kabe/huyu/02/01.gif);
background-position:top;
background-repeat:repeat-x;
margin:0 0 7px;
}

#banner h1 {
position:absolute;
top:80px;
left:15px;
}

#banner h1 a {
font-size:25px;
font-family:Arial;
}

#navigation {
position:absolute;
top:40px;
right:5px;
}

#content {
text-align:left;
width:640px;
float:left;
margin:0;
padding:0;
}

#spotlight {
width:100%;
margin:0 0 6px;
padding:5px 0;
}

#spotlight h5 {
color:#0048fc;
line-height:20px;
font-weight:700;
}

#spotlight-text {
color:#0048fc;
padding:0 0 0 10px;
}

#article-box {
overflow:auto;
overflow-x:auto;
margin:0;
}

.article-area-title {
color:#0048fc;
margin:0;
padding:0;
}

#display {
margin:0 0 5px;
}

.article {
margin:0 0 20px;
}

.article-head {
height:20px;
clear:both;
border:1px solid #0048fc;
}

.article-body {
margin:2px 0 0;
}

.article-footer {
width:100%;
background:#6cb4d8;
margin:0;
padding:3px 0;
}

.publish {
float:right;
font-size:10px;
font-family:"Century Gothic";
width:30%;
height:20px;
line-height:20px;
text-align:center;
text-transform:uppercase;
background:#6cb4d8;
margin:0;
padding:0;
}

.title h2 {
float:left;
width:70%;
height:20px;
line-height:20px;
font-size:13px;
font-family:"Century Gothic";
padding:0;
}

.title h2 a {
color:#0048fc;
margin:0;
padding:0 0 0 10px;
}

.title h2 a:hover {
color:#0048fc;
}

.title h2 img {
vertical-align:middel;
}

.more {
width:100%;
margin:5px 0 0;
}

.more a {
display:block;
width:100px;
height:20px;
color:#0048fc;
margin:0 0 0 auto;
}

.author {
text-align:right;
color:#0048fc;
margin:5px 5px 5px 0;
}

.bookmark {
width:100%;
text-align:right;
}

.bookmark img {
width:15px;
height:15px;
}

.refer {
width:100%;
float:left;
color:#0048fc;
background:#0048fc;
}

.refer li {
float:left;
height:20px;
line-height:20px;
overflow-y:hidden;
color:#0048fc;
margin:0 0 0 2px;
}

.refer a {
color:#0048fc;
margin:0;
padding:0;
}

.history {
width:100%;
color:#000;
background:#f5f5f5;
}

.history li {
margin:0 0 0 3px;
}

.forward {
text-align:right;
color:#0048fc;
margin:0 5px 0 0;
}

.page {
font-size:11px;
height:30px;
text-align:center;
margin:15px 0;
}

.page .pre {
font-size:25px;
float:left;
margin:-10px 0 0 10px;
}

.page .next {
font-size:25px;
float:right;
margin:-25px 10px 0 0;
}

.page a {
color:#0048fc;
display:inline;
margin:0 2px;
}

#user-post {
width:100%;
margin:15px 0 0;
}

#trackback-box {
text-align:right;
height:25px;
padding:0;
}

#trackback-box input#trackback-input {
width:400px;
background:#0048fc;
text-align:right;
font-family:Arial;
}

#trackback-box input#trackback-input img {
diplay:none;
}

#trackback-box input,select {
background:none repeat scroll 0;
height:20px;
line-height:20px;
margin:0;
padding:0;
}

#trackback-url input {
width:80px;
color:#0048fc;
margin:0 0 0 3px;
padding:0;
}

#trackback-box .single-post {
overflow:hidden;
_overflow:none;
_height:1%;
}

#comment-box {
width:100%;
}

#comment-box .single-post {
clear:both;
width:100%;
min-height:100px;
_height:100px;
position:relative;
border:1px solid #888;
margin:0 0 15px;
padding:8px 0 25px;
}

.post-info {
position:absolute;
bottom:0;
left:0;
text-align:right;
width:100%;
color:#0048fc;
border-top:1px solid #0048fc;
}

.post-photo {
position:absolute;
right:91px;
bottom:25px;
width:72px;
height:72px;
}

.post-photo img {
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
width:70px;
height:70px;
border:1px solid #ddd;
padding:1px;
}

.post-photo a img {
width:70px;
height:70px;
filter:alpha(opacity=90);
-moz-opacity:.90;
opacity:.90;
border:1px solid #0048fc;
margin:0;
}

.post-text {
border-right:1px solid #0048fc;
width:70%;
text-align:left;
color:#0048fc;
overflow-x:auto;
padding:0 10px;
}

.post-text p {
color:#0048fc;
margin:0 0 7px;
}

.reply-text {
border-right:1px solid #0048fc;
width:70%;
text-align:left;
color:#0048fc;
overflow-x:auto;
padding:10px 10px 0;
}

.reply-text a {
display:block;
width:6px;
height:6px;
line-height:6px;
text-indent:-3000px;
background:#0048fc;
border:1px solid #0048fc;
}

.reply-text a:hover {
border:1px solid #0048fc;
}

.secret {
width:620px;
height:100px;
}

.secret .post-text {
border:0;
font-size:20px;
width:620px;
height:100px;
line-height:100px;
color:#0048fc;
text-align:left;
}

.post-comment a {
color:#0048fc;
display:block;
width:146px;
height:15px;
line-height:15px;
text-align:center;
background:#0048fc;
margin:10px auto;
}

.post-comment a:hover {
color:#db611b;
background:#fb813b;
}

#user-post .page {
font-size:10px;
width:100%;
height:60px;
text-align:center;
clear:both;
margin:15px 0;
}

#user-post .page .pre {
font-size:25pt;
float:left;
margin:-10px 0 0 10px;
}

#user-post .page .next {
font-size:25pt;
float:right;
margin:-25px 10px 0 0;
}

#user-post .page a {
color:#0048fc;
margin:0 2px;
}

#comment-form {
text-align:left;
margin:0 auto;
padding:5px;
}

#comment-form p {
color:#0048fc;
text-align:right;
margin:10px 5px;
}

#comment-form table {
width:100%;
border:none;
}

#comment-form table th {
width:80px;
color:#0048fc;
text-align:center;
border:1px solid #0048fc;
margin:50px 0 5px;
padding:2px 5px;
}

#comment-form table td {
color:#0048fc;
vertical-align:top;
border:none;
padding:2px 5px;
}

#comment-form input {
color:#0048fc;
height:17px;
font-family:Arial;
border-bottom:1px solid #0048fc;
}

#comment-form textarea {
color:#0048fc;
width:100%;
height:120px;
font-family:Arial;
line-height:18px;
border:1px solid #0048fc;
}

#comment-form #send-comment {
width:50px;
height:25px;
border:1px solid #0048fc;
}

.main-list table {
width:100%;
margin:10px auto 0;
}

.list-date {
font-family:"Century Gothic";
text-align:center;
color:#0048fc;
letter-spacing:0;
line-height:13px;
width:80px;
}

.list-num {
border:1px solid #0048fc;
color:#0048fc;
text-align:center;
}

.list-title {
vertical-align:top;
color:#0048fc;
}

.list-title a {
color:#555;
margin:0 0 0 5px;
}

.list-title a:hover {
color::#0048fc;
}

#links {
float:right;
width:250px;
text-align:left;
position:relative;
margin:0;
padding:0;
}

#links .box {
overflow-x:hidden;
overflow-y:hidden;
margin:0 0 15px;
}

.box-title {
font-size:15px;
text-align:right;
color:#0048fc;
line-height:20px;
height:20px;
border:1px solid #0048fc;
clear:both;
padding:0 10px 0 0;
}

.box-text {
color:#0048fc;
margin:3px 0 0;
padding:0 0 0 3px;
}

.box-text a {
line-height:17px;
color:#0048fc;
}

.box#murmur {
position:absolute;
top:-74px;
left:-637px;
width:280px;
height:70px;
overflow:auto;
}

#murmur .box-text {
text-align:left;
line-height:20px;
}

#murmur .box-text .box-more {
float:left;
margin:0;
}

#murmur .box-text .box-more a {
color:#0048fc;
}

#recent-article .box-text a {
display:block;
height:17px;
line-height:17px;
overflow-y:hidden;
border-bottom:1px dotted #0048fc;
}

#latest-comment .box-text {
font-family:"Century Gothic";
text-align:left;
letter-spacing:0;
color:#0048fc;
}

#latest-comment .box-text li {
height:19px;
line-height:19px;
overflow-y:hidden;
border-bottom:1px dotted #0048fc;
}

#latest-comment .box-text a {
letter-spacing:1px;
text-align:left;
padding:0 0 0 3px;
}

#category .box-text a {
display:block;
height:17px;
line-height:17px;
border-bottom:1px dotted #0048fc;
}

#category .box-text h6 {
color:#0048fc;
padding:0;
}

#subscription .box-text li a {
display:block;
height:16px;
line-height:16px;
text-align:left;
}

#broadcast .box-text li {
display:inline;
}

#broadcast .box-text .broadcast-photo {
width:18%;
float:right;
}

#broadcast .box-text .broadcast-photo img {
width:45px;
height:45px;
border:1px solid #0048fc;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

#broadcast .box-text .broadcast-time {
float:left;
width:80%;
height:17px;
line-height:17px;
text-align:left;
}

#broadcast .box-text .broadcast-text {
width:80%;
float:left;
}

#broadcast .box-text .broadcast-text a {
display:block;
width:100%;
line-height:16px;
margin:0 0 0 3px;
}

#mylink .box-text a {
display:block;
height:16px;
line-height:16px;
border-bottom:1px dotted #0048fc;
}

#mylink .box-text .inner-box h6 {
clear:both;
color:#0048fc;
line-height:22px;
text-align:center;
padding:0;
}

#search .box-text li {
float:left;
}

#search-target {
color:#0048fc;
width:200px;
height:20px;
border-bottom:1px solid #0048fc;
margin:3px 0 0;
}

#search-submit {
background:transparent none repeat scroll 0;
color:#0048fc;
width:30px;
height:20px;
border:1px solid #0048fc;
margin:3px 0 0 5px;
}

#hot-article .box-text a {
display:block;
line-height:17px;
border-bottom:1px dotted #0048fc;
}

#calendar table {
text-align:center;
margin:0 auto;
}

#calendar .month-nav .current-month {
line-height:20px;
border:0;
}

#calendar .weekday th {
line-height:18px;
border:0;
font-weight:700;
}

#calendar td {
width:32px;
height:18px;
text-align:center;
border:1px solid #0048fc;
}

#calendar td a {
font-weight:700;
line-height:18px;
display:block;
background:#6cb4d8;
color:#e5e5e5;
}

#calendar td a:hover {
color:#E69200;
}

#calendar th {
border:1px solid #0048fc;
text-align:center;
}

#headshot .box-text a {
display:block;
width:94px;
height:20px;
line-height:20px;
text-align:center;
background:#b4d8fc;
filter:alpha(opacity=80);
-moz-opacity:.80;
opacity:.80;
margin:0;
}

#headshot .box-text #headshot-img {
width:94px;
height:94px;
}

#headshot .box-text #headshot-img img {
width:90px;
height:90px;
background:#b4d8fc;
border:1px solid #0048fc;
padding:2px;
}

#archive .box-text .box-more {
text-align:right;
margin:5px 4px 0 0;
}

#feed .box-text {
text-align:center;
}

#feed .box-text li {
float:left;
margin:0 0 0 2px;
}

#announce .box-text a {
display:block;
border-bottom:1px dotted #0048fc;
}

#powered .box-text ul li {
letter-spacing:0;
color:#555;
display:inline;
line-height:20px;
}

#footer {
height:30px;
text-align:left;
clear:both;
border-top:1px solid #0048fc;
}

#footer p {
float:left;
width:60%;
line-height:30px;
}

#footer #bottom {
float:right;
width:40%;
text-align:right;
}

#footer #bottom a {
line-height:30px;
}

#box160309 {
position:absolute;
top:-120px;
left:-636px;
text-align:left;
width:100%;
}

fieldset,img,abbr,acronym,#calendar .month-nav .cal-backward,#calendar .month-nav .cal-forward {
border:0;
}

caption,th,#favorite .box-text {
text-align:left;
}

a,.article-content a {
text-decoration:none;
color:#db611b;
}

a:hover,.article-content a:hover {
text-decoration:none;
color:#f57d38;
}

#authority a,#navigation a {
display:block;
width:100px;
height:15px;
line-height:15px;
color:#0048fc;
background:#fff;
text-align:center;
filter:alpha(opacity=70);
-moz-opacity:.70;
opacity:.70;
margin:2px 0 0;
}

#authority a:hover,#navigation a:hover {
background:#f0f0f0;
color:#db611b;
}

#login-bar,#banner h2,#banner .skiplink,#blog-category,body#blog-main .article-footer,body#blog-main #content .refer,.refer li img,.history h6,.forward img,.back-to-top,#trackback-title,#comment-title,.post-info img,.post-info a.reply-message,.post-text p img,.reply-text p,#comment-form table tr.comment-form-title,.main-list table th,#murmur .box-title,#murmur .box-text .murmur-time,#latest-comment .box-text ul li img,#category .box-text .box-more,#visitor .box-text .box-more,#crumb .box-text .box-more,#headshot .box-text #send-message,#headshot .box-text #send-pixnetWish,#powered .box-text ul li a img,#box160309 .box-title,#box114335 .box-title {
display:none;
}

#display span,.page a:hover,#user-post .page a:hover {
color:#ddd;
}

.month,.date,.day,.year,.time,#broadcast .box-text .broadcast-time a:hover {
color:#333;
}

.more a:hover,.author a:hover,.refer a:hover,.history a:hover,.post-info a,.box-text a:hover {
color:#aaa;
}

.author a,.forward a,.post-info .floor {
color:#000;
}

.history a,.forward a:hover,#comment-form table th font,#murmur .box-text .box-more a:hover {
color:#555;
}

.page span,.post-info a:hover,#user-post .page span,#latest-comment .box-text span,#broadcast .box-text .broadcast-time span,#broadcast .box-text .broadcast-time a {
color:#888;
}

.post-info span.post-time,.post-info .user-ip {
color:#888;
font-size:10px;
}

.post-photo a:hover img,#broadcast .box-text .broadcast-photo a:hover img,#visitor a:hover img,#crumb a:hover img {
filter:alpha(opacity=50);
-moz-opacity:.50;
opacity:.50;
}

.list-visit,.list-comment {
text-align:right;
color:#fff;
}

#subscription .box-text li span,#latest-trackback .box-text li span {
display:block;
height:16px;
line-height:16px;
border-bottom:1px dotted #f0f0f0;
text-align:right;
color:#888;
}

#broadcast .box-text ul,#box114335 {
clear:both;
}

#visitor .box-text ul,#crumb .box-text .ul {
_height:1%;
overflow:hidden;
_overflow:none;
clear:both;
}

#visitor li,#crumb li {
float:left;
margin:2px 2px 0 0;
}

#visitor li a,#crumb li a {
border:1px solid #f0f0f0;
display:block;
background:#fff;
width:45px;
height:45px;
}

#visitor li a:hover,#crumb li a:hover {
border:1px solid #aaa;
}

#visitor img,#crumb img {
width:45px;
height:45px;
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

#favorite .box-text select,#archive .box-text select {
width:98%;
}