追憶逝水年華

因為所以想弄個直式的版面所以就只好自己動手寫CSS
不過pixnet有些格式是固定的動不了，這部份沒法做到完美……QQ
另外因為直排的關係，因此有幾點比較麻煩的地方使用前需注意
一、請滑鼠移動到頁面最右方滑出隱藏式側邊欄
二、橫向捲軸請按住[SHIFT]滾動滑鼠來拉動，或者直接拉動捲軸

另外，因為是第一次寫直式版，所以就盡量做基本版型不用到任何圖片
可自由修改版面使用
唯一要求請保留開頭的版權宣告文字，謝謝

版面參考截圖，如有任何問題歡迎留言反應

以下語法

/***********************************************/
/******** Tzarevitch(玼瑕)©All Rights Reserved. *******/
/*** http://tzarevitch.pixnet.net/blog/post/45466875 ***/
/*********************************************/
/*基本設定*/
html{background:#113344;padding:0;margin:0;}

body{
overflow:hidden;cursor:crosshair;
background:linear-gradient(top,#000000,#113344);
background:-ms-linear-gradient(top,#000000,#113344);
background:-moz-linear-gradient(top,#000000,#113344);
background:-webkit-linear-gradient(top,#000000,#113344);
height:100%;
line-height:150%;
color:gray;
font-size:15px;
font-family:arial;
font-weight:normal;
text-align:center;
text-decoration:none;
letter-spacing:1px;
padding:0;
margin:0;}

a{cursor:nw-resize;background:none;border:0;color:dimgray;font-size:15px;font-family:arial;font-weight:normal;text-decoration:underline;}
a:link,a:visited{color:slategray;}
a:hover{position:relative;top:1px;text-decoration:line-through;}
a:active{text-decoration:overline;}

a img{background:none;border:0px;padding:0;margin:0;}

input{background:darkslategray;border:3px dotted gray;color:gray;padding:0;margin:0;}
button{background:#223344;border:3px double gray;border-radius:5px;color:gray;padding:0;margin:0;}
ul,li{padding:0;margin:0;}



/*站方工具列*/
.topbar-placeholder{z-index:5;
opacity:0.8;filter:alpha(opacity=80);
-webkit-filter:opacity(80%);-moz-filter:opacity(80%);filter:opacity(80%);
background:none;color:silver;padding:0;margin:0;}
#topbar{background:darkslategray;border-bottom:3px dotted gray;color:silver;padding:0;margin:0;}
.topbar__logo,.topbar__logo__title,ul.topbar__logo__chanenl-lists,li.topbar__logo__channel,
.topbar__user is-login,a.topbar__user__avator,ul.topbar__user__lists,li.topbar__user__list{background:none;border:0;}

.topbar__logo__title{-webkit-filter:grayscale(80%);-moz-filter:grayscale(80%);filter:grayscale(80%);
border:0;padding:0;}

.topbar__logo ul{display:block;width:100px;left:20px;}
li.topbar__logo__channel{width:100px;height:20px;top:10px;}

.topbar__logo__channel a.topbar__logo__channel-link,.topbar__logo__channel a.topbar__logo__channel-link:link,.topbar__logo__channel a.topbar__logo__channel-link:visited,.topbar__logo__channel a.topbar__logo__channel-link:active,.topbar__logo__channel a.topbar__logo__channel-link:hover,a.topbar__user__list__link,a.topbar__user__list__link:link,a.topbar__user__list__link:visited,a.topbar__user__list__link:active,a.topbar__user__list__link:hover{width:100px;height:20px;top:0;background:darkslategray;color:silver;font-size:13px;border:0;padding:0;margin:0;}

/*站方工具列-文章頁面*/
a.topbar__related-article__cat-name{color:silver!important;text-shadow:0 0 10px dimgray,0 0 10px dimgray;}

.topbar__related-article__cat:hover{background:none!important;}
.topbar__related-article__txt{color:silver;}

.topbar__related-article__showcase{opacity:0.8;filter:alpha(opacity=80);
-webkit-filter:opacity(80%);-moz-filter:opacity(80%);filter:opacity(80%);}
.topbar__related-article__showcase,.topbar__related-article-list,.topbar__related-article,.topbar__related-article-link,.topbar__related-article-link{background:none!important;}

.topbar__related-article-link img{opacity:0.8;filter:alpha(opacity=80);
-webkit-filter:sepia(80%);-moz-filter:sepia(80%);filter:sepia(80%);}
.topbar__related-article-link img:hover{opacity:1;filter:alpha(opacity=1);
-webkit-filter:sepia(0%);-moz-filter:sepia(0%);filter:sepia(0%);}


/*站方工具列-搜尋＆公告*/
.topbar__search,.topbar__notification{-webkit-filter:grayscale(80%);-moz-filter:grayscale(80%);filter:grayscale(80%);
background:none;}
.topbar__search__btns{color:silver;background:none;width:70px;}
.topbar__search input{background:darkslategray;border:2px dotted gray;color:silver;}
.topbar__search button,.topbar__search button:hover{
background:#223344;border:3px double gray;border-radius:6px;color:silver;line-height:25px;padding:0;margin:0;}
.topbar__search button:hover{border-color:silver;}

.topbar__announce{color:silver;padding:0 5px 0 5px;}
.topbar__announce a{left:0;padding:0;margin:0;}
.topbar__announce a:hover{left:0;padding:0;margin:0;}


/*通知*/
.topbar__notification,.topbar__notification li,.topbar__notification span{background:none!important;border:0;color:silve;padding:0;margin:0;}

.topbar__notification__lists{
position:absolute;top:45px!important;left:-230px!important;
width:300px!important;
background:darkslategray!important;
border:3px dotted gray!important;
padding:0;margin:0;}

.topbar__notification__lists a,.topbar__notification__list--footer{padding:0;margin:0;}

.topbar__notification__list--header{text-align:center;padding:0;margin:0;}
.topbar__notification__list--header__link{
background:#223344;border:3px double gray!important;border-radius:5px;color:gray!important;font-size:13px!important;text-decoration:none;
line-height:100%;font-weight:normal;margin-top:5px!important;}
.topbar__notification__list--header__link:hover{top:0;border:3px double silver;color:silver;}

.topbar__notification__list--header__title{color:silver;}

.topbar__notification__list--body,.topbar__notification__msglist__info,.topbar__flip,.topbar__notification__msglist__text,.topbar__notification__list--footer{
color:lightslategray;text-align:left;padding:0;margin:0;}
.topbar__notification__msglist__text{padding-left:10px;}
.topbar__notification__msglist img{background:darkslategray;border:3px dotted gray;padding:0;margin:0;}
.topbar__notification__msglist__text a{color:silver;}

.topbar__notification__msglist__time{font-size:13px;color:lightslategray;}

.topbar__notification__list--footer__link{background:#223344;border:3px double gray;border-radius:5px;color:gray;font-size:13px;text-decoration:none;font-weight:normal;line-height:100%;}
.topbar__notification__list--footer__link:hover{top:0;background:#223344!important;border:3px double silver;color:silver!important;}

/*登入*/
.topbar__user is-login,a.topbar__user__avator,ul.topbar__user__lists,li.topbar__user__list{background:none;border:0;color:silver;padding:0;margin:0;}

a.topbar__user__list__link,a.topbar__user__list__link:link,a.topbar__user__list__link:visited,a.topbar__user__list__link:active,a.topbar__user__list__link:hover{width:100px;height:20px;background:darkslategray;border:0;color:silver;font-size:13px;line-height:130%;padding:0;margin:0;}



/*主頁面*/
.main-container,#body-div,#container,#container2,#container3,#main,#article-area{
overflow:hidden;height:100%;text-align:center;padding:0;margin:0;}

/*title*/
#header{position:absolute;top:50px;left:10px;width:800px;padding:0;margin:0;}
#banner h1 a{z-index:9;
position:absolute;top:-5px;left:300px;width:200px;color:silver;font-size:20px;text-decoration:none;text-shadow:0 0 10px white,0 0 10px white;}
#banner h1 a:active,#banner h1 a:hover{position:absolute;top:-6px;left:299px;color:white;text-shadow:0 0 20px white,0 0 20px white;}

#banner .skiplink{position:absolute;top:-8px;left:250px;
opacity:0.8;filter:alpha(opacity=80);
-webkit-filter:opacity(80%);-moz-filter:opacity(80%);filter:opacity(80%);color:gray;}
#blog-category{position:absolute;top:-6px;left:80px;
opacity:0.8;filter:alpha(opacity=80);
-webkit-filter:opacity(80%);-moz-filter:opacity(80%);filter:opacity(80%);color:gray;font-size:10px;}
#banner .skiplink a,#banner .skiplink a:link,#banner .skiplink a:visited,#blog-category a,#blog-category a:link,#blog-category a:visited{
background:#223344;border:3px double gray;border-radius:6px;color:dimgray;font-size:10px;text-decoration:none;font-weight:normal;}
#banner .skiplink a:active,#banner .skiplink a:hover,#blog-category a:active,#blog-category a:hover{
top:0;border:3px double silver;color:silver;text-decoration:none;font-weight:normal;}

#banner h2{
-webkit-writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;
position:absolute;top:30px;left:-30px;width:auto;height:auto;min-height:500px;
color:#224444;font-size:11px;text-align:left;text-shadow:0 0 20px darkslategray,0 0 20px darkslategray;padding-left:10px;}

/*部落格連結*/
#navigation{
z-index:8;
position:absolute;top:-5px;left:500px;width:400px;height:50px;text-align:left;}
#navigation li{display:inline;}
#navigation a{width:100px;
opacity:0.8;filter:alpha(opacity=80);
-webkit-filter:opacity(80%);-moz-filter:opacity(80%);filter:opacity(80%);
background:#223344;border:3px double gray;border-radius:6px;
font-size:15px;color:gray;text-decoration:none;padding:2px 10px 2px 10px;margin:0 10px 0 10px;}
#navigation a:active,#navigation a:hover{top:0;border-color:silver;color:silver;}



/*主頁面-首頁*/
#content{opacity:0.8;filter:alpha(opacity=80);
-webkit-filter:opacity(80%);-moz-filter:opacity(80%);filter:opacity(80%);
-webkit-writing-mode:vertical-rl;-moz-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;
overflow-x:auto;overflow-y:hidden;
float:left;
width:100%;height:84%;
text-align:center;
padding:20px 0 10px 0;
margin:20px 0 0 0;}

#content::-webkit-scrollbar{background:none;}
#content::-webkit-scrollbar-thumb{opacity:0.6;filter:alpha(opacity=60);
-webkit-filter:opacity(60%);background-color:#112222;border-radius:9px;}

#spotlight{opacity:0.8;filter:alpha(opacity=80);
-webkit-filter:grayscale(80%);-moz-filter:grayscale(80%);filter:grayscale(80%);
width:auto;height:450px;
background:linear-gradient(left,#223344,rgba(11,22,33,1));
background:-ms-linear-gradient(left,#223344,rgba(11,22,33,1));
background:-moz-linear-gradient(left,#223344,rgba(11,22,33,1));
background:-webkit-linear-gradient(left,#223344,rgba(11,22,33,1));
border:3px dotted gray;color:silver;font-size:13px;text-align:center;padding:0;margin:10px;margin-right:50px;}
#spotlight h5{font-size:16px;text-shadow:0 0 20px silver;padding:0;margin:10px;}
#spotlight-text{text-align:left;padding:10px;margin:0;}
#spotlight-text a{font-size:13px;}

/*文章區塊*/
#article-box{text-align:left;color:silver;padding:30px 20px 0 20px;margin:0;}

.article,.article-head{right:-10px;padding:0;margin:0;}
.publish{float:left;display:block;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);transform:rotate(-90deg);
top:-10px;height:50px;width:45px;background:#223344;border:3px dotted gray;border-radius:30px;
font-size:10px;text-align:center;line-height:110%;padding:5px 4px 0 4px;margin:0;}
.title{list-style-type:none;border-right:1px dashed #112244;}
.title h2{border-right:3px dotted gray;border-radius:1px;padding:70px 10px 0 0;}
.title h2 img{width:0px;height:0px;background:darkslategray;border:3px dotted black;padding:3px;margin:3px;}
.title h2 a{color:silver;text-decoration:none;font-size:16px;text-shadow:0 0 10px white;}
.title h2 a:hover{top:0;color:white;text-shadow:0 0 20px white;}

.article-body,.article-content,.article-content-inner{padding:0;margin:0;}
.article-content{padding:20px 0 0 0;margin:0;}
.article-content-inner{border-top:3px dotted gray;padding:10px 0 0 0;margin:0;}

.more{float:right;position:relative;right:-20px;margin-left:-20px;}
.more a,.more a:link,.more a:visited{
background:#223344;border:3px double gray;border-radius:5px;font-size:10px;color:dimgray;text-decoration:none;}
.more a:active,.more a:hover{top:0;border-color:silver;color:silver;}

.author,.article-footer,.refer{clear:both;color:dimgray;text-align:right;font-size:13px;padding:0;margin:0;}
.author a,.article-footer a,.refer a{font-size:13px;}
.refer li{list-style-type:none;}

/*頁碼*/
.page{clear:both;text-align:center;white-space:nowrap;padding:0;margin:0;}
.page span{border:3px dotted darkslategray;border-radius:15px;color:darkslategray;font-size:13px;font-weight:bold;padding:8px 0 8px 0;}
.page a{font-size:13px;padding:8px 0 8px 0;}
.page a.next,.page a.next:link,.page a.next:visited,.page a.pre,.page a.pre:link,.page a.pre:visited{
background:#223344;border:3px double gray;border-radius:5px;color:dimgray;text-decoration:none;}
.page a.next:active,.page a.next:hover,.page a.pre:active,.page a.pre:hover{top:0;border-color:silver;color:silver;}



/*文章內容主頁*/
#article-main .article{border-bottom:3px dotted gray;border-radius:9px;padding:0;margin:0;}
#article-main .article-content-inner{border:0;}

.article-content-inner img,#article-main .article-content-inner img{opacity:0.7;filter:alpha(opacity=70);
-webkit-filter:opacity(70%);-moz-filter:opacity(70%);filter:opacity(70%);max-width:400px;}
.article-content-inner img:hover,#article-main .article-content-inner img:hover{opacity:0.9;filter:alpha(opacity=99);
-webkit-filter:opacity(99%);-moz-filter:opacity(99%);filter:opacity(99%);max-width:100%;}

.author-profile,.author-profile__header,.author-profile__main,.author-profile__content,.social-links,.author-profile__info{
width:auto;height:auto;padding:0;margin:0!important;}
.author-profile{clear:both;float:right;text-align:right;padding-right:20px;}
.author-profile__header{color:silver;font-size:14px;text-shadow:0 0 10px dimgray,0 0 10px dimgray;}
.author-profile__content{text-align:left;padding:5px;}
.author-profile__content a.author-profile__name{color:silver!important;font-size:20px;text-decoration:none;text-shadow:0 0 10px white;}
.author-profile__content a.author-profile__name:active,.author-profile__content a.author-profile__name:hover{
color:white!important;text-shadow:0 0 10px white,0 0 10px white;}
.social-links{padding:0;margin:0;}
.social-link__icon{width:20px!important;height:20px!important;border:2px dotted gray;border-radius:12px;padding:0;margin:0;}
.author-profile__info{display:none!important;width:200px;height:20px;
-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);transform:rotate(90deg);}

.adsbyfalcon{-webkit-filter:sepia(70%);-moz-filter:sepia(70%);filter:sepia(70%);
-webkit-transform:rotate(-30deg);-moz-transform:rotate(-30deg);transform:rotate(-30deg);white-space:nowrap;padding:0;margin:0;}
#user-post .adsbyfalcon{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);transform:rotate(-45deg);}
.adsbyfalcon:hover,#user-post .adsbyfalcon:hover{-webkit-filter:sepia(10%);-moz-filter:sepia(10%);filter:sepia(10%);
-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);transform:rotate(-10deg);}
.pix-related-post . demo{border:1px dotted gray;width:200px;}
.demo li{display:inline;white-space:nowrap;}

.forward{text-align:right;padding:0;margin:0;}

#article-main .article-footer{opacity:0.7;filter:alpha(opacity=70);
-webkit-filter:opacity(70%);-moz-filter:opacity(70%);filter:opacity(70%);
background:linear-gradient(right,#113344,rgba(11,22,33,.7));
background:-ms-linear-gradient(right,#113344,rgba(11,22,33,.7));
background:-moz-linear-gradient(right,#113344,rgba(11,22,33,.7));
background:-webkit-linear-gradient(right,#113344,rgba(11,22,33,.7));}
.article-footer img{width:0px;height:0px;background:darkslategray;border:3px dotted #113344;padding:3px;margin:3px;}
.history,.history h6{font-size:13px;padding:0;margin:0;}

/*留言區*/
#user-post{border:0;text-align:left;padding:0;margin:80px 0 0 0;}
.user-post-box,.user-post-text,.post-info,.post-photo img{padding:0;margin:0;}
#user-post li{list-style-type:none;padding:0;margin:0;}
.user-post-title{color:silver;font-size:16px;}
.user-post-title img{width:0;height:0;background:gray;border:3px dotted #113344;padding:3px;margin:0;}

.post-comment{padding:20px 0 0 0;margin:5px 0 0 10px;}
.post-comment a{
background:#223344;border:3px double gray;border-radius:6px;color:dimgray;font-size:12px;text-decoration:none;font-weight:normal;}
.post-comment a:active,.post-comment a:hover{top:0;border:3px double silver;color:silver;text-decoration:none;font-weight:normal;}

.single-post{border-right:3px dotted gray;border-bottom:3px dotted gray;border-radius:20px;
padding:20px 0 0 0;margin:20px 10px 0 10px;}

.post-info{float:right;font-size:12px;padding:0;margin:0;}

.post-photo{float:left;position:relative;}
.post-photo img{position:relative;top:-40px;right:-10px;width:50px;height:50px;background:#223344;border:3px dotted gray;border-radius:30px;}
.user-name img,.openid-identity img,.post-text .comment-icon{
width:0;height:0;background:darkslategray;border:3px dotted #113344;padding:3px;margin:0;}

.post-text{clear:both;color:#557777;padding:0;margin:20px 0 0 20px;}

.reply-text{clear:both;
background:linear-gradient(right,#113344,rgba(11,22,33,.5));
background:-ms-linear-gradient(right,#113344,rgba(11,22,33,.5));
background:-moz-linear-gradient(right,#113344,rgba(11,22,33,.5));
background:-webkit-linear-gradient(right,#113344,rgba(11,22,33,.5));
padding:0;margin:0;margin-top:80px!important;}

.reply-text div{color:lightslategray;padding:10px 10px 0 0;margin:0;}
.reply-text p{text-align:right;font-size:12px;padding:0;margin:0;}
.reply-text p a{font-size:12px;}

.reply-text form{-webkit-filter:grayscale(30%);-moz-filter:grayscale(30%);filter:grayscale(30%);
text-align:center;padding:0;margin:0;}
textarea{background:#223344;border:3px dotted gray;color:gray;font-size:13px;padding:0;margin:0;}
textarea::-webkit-scrollbar{background:none;}
textarea::-webkit-scrollbar-thumb{background-color:#112222;border-radius:15px;}
.reply-text textarea{width:200px!important;height:200px;
-webkit-filter:grayscale(50%);-moz-filter:grayscale(50%);filter:grayscale(50%);
border:0;border-radius:9px;padding:0;margin:5px;}
.reply-text input{background:#223344;border:3px double gray!important;color:gray!important;font-size:12px!important;padding:0;margin:3px;}

#comment_form{clear:both;float:right;
-webkit-writing-mode:lr-tb;-moz-writing-mode:lr-tb;-ms-writing-mode:lr-tb;writing-mode:lr-tb;}



/*文章列表模式*/
#view-mode{padding:0;margin:0;}
#display a{background:#223344;border:3px double gray;border-radius:6px;color:dimgray;font-size:12px;text-decoration:none;font-weight:normal;}
#display a:active,#display a:hover{top:0;border:3px double silver;color:silver;text-decoration:none;font-weight:normal;}

.main-list{margin-top:50px;}
.main-list table{height:90%;border-bottom:3px dotted gray;border-radius:20px;}
th.list-date,th.list-title,th.list-visit,th.list-comment{border-left:3px dotted gray;color:#557777;}
th{white-space:nowrap;text-align:center;padding:0 0 10px 0;}
td{white-space:nowrap;padding:5px 0 0 5px;}

.list-title{white-space:normal;}

td.list-date{font-size:11px;}
td.list-title{border-right:1px dotted gray;font-size:16px;}
td.list-visit,td.list-comment{border-right:1px dotted gray;color:dimgray;text-align:center;}



/*側邊區*/
#links{
overflow-x:hidden;overflow-y:auto;
z-index:3;float:right;
width:200px;height:100%;
position:absolute;
top:0px;right:-180px;
opacity:0.7;filter:alpha(opacity=70);
-webkit-filter:opacity(70%);-moz-filter:opacity(70%);filter:opacity(70%);
background:linear-gradient(left,#113344,rgba(0,0,0,1));
background:-moz-linear-gradient(left,#113344,rgba(0,0,0,1));
background:-webkit-linear-gradient(left,#113344,rgba(0,0,0,1));
-webkit-transition:right 0.5s ease-out;
-moz-transition:right 0.5s ease-out;
-o-transition:right 0.5s ease-out;
transition:right 0.5s ease-out;
font-size:13px;
padding:0;margin:0;}
#links a{font-size:13px;}

#links::-webkit-scrollbar{background:black;}
#links::-webkit-scrollbar-thumb{-webkit-filter:grayscale(50%);background-color:#112222;border-radius:9px;}
#links:hover{right:0px;}
#links-row-1,#links-row-2,.hslice{text-align:center;padding:0margin:0;}

.hslice img,.hslice .dark,noscript,.mib__video-player-background,.u-mib-non-visible{
opacity:0.7;filter:alpha(opacity=70);
-webkit-filter:sepia(90%);-moz-filter:sepia(90%);filter:sepia(90%);}
.hslice .dark{margin:0 0 10px 0;vertical-align:middle;}
.hslice img:hover,.hslice .dark:hover,noscript:hover,mib__video-player-background:hover,.u-mib-non-visible:hover{
opacity:0.9;filter:alpha(opacity=90);
-webkit-filter:sepia(40%);-moz-filter:sepia(40%);filter:sepia(40%);}
.hslice a img:hover,.box-title img:hover{position:relative;top:-1px;}

.box-title{border-left:3px dotted gray;border-radius:20px;
color:silver;font-size:15px;text-shadow:0 0 10px dimgray,0 0 10px dimgray;text-align:left;padding:5px 0 5px 10px;margin:0 0 0 5px;}
.box-title img,.box-title img:hover{opacity:0.7;filter:alpha(opacity=70);
-webkit-filter:opacity(70%);-moz-filter:opacity(70%);filter:opacity(70%);
width:0;height:0;background:gray;border:3px dotted #113344;padding:3px;margin:0;}
.box-text{border-left:2px dotted gray;text-align:center;padding:0;margin:0 0 10px 10px!important;}
.box-text ul{padding:0 0 5px 20px;margin:0;}


/*側邊-頭像*/
#user-info .box-text{color:silver;}
#user-info .box-text img{margin-left:30px;}
#user-info dl{text-align:left;}

/*日曆*/
#calendar .box-text{color:dimgray;}
#calendar table{width:100%;}
#calendar .current-month{border-bottom:1px dotted gray;color:gray;}

#calendar .cal-backward,#calendar .cal-forward{
background:#223344;border:3px double gray;border-radius:5px;color:dimgray;text-decoration:none;}
#calendar .cal-backward:hover,#calendar .cal-forward:hover{top:0;border-color:silver;color:silver;}

#calendar .weekday th{color:dimgray;}
#calendar .weekday #sun,#calendar .weekday #sat{color:silver;}
#calendar td{color:dimgray;text-decoration:line-through;}
#calendar td.today{color:gray;font-weight:bolder;text-decoration:none;}
#calendar td a{border:3px dotted darkslategray;border-radius:9px;color:darkslategray;text-decoration:none;padding:1px;}
#calendar td a:active,#calendar td a:hover{border-color:white;color:white;}

/*文章分類*/
#category .box-text{color:silver;}
#category .box-more img{opacity:0.7;filter:alpha(opacity=70);
-webkit-filter:opacity(70%);-moz-filter:opacity(70%);filter:opacity(70%);
width:0px;height:0px;background:gray;border:2px dotted #113344;padding:3px;margin:0 5px 0 5px;}
.inner-box{text-align:left;padding:0;margin-left:20px;}

.inner-box h6{opacity:0.7;filter:alpha(opacity=70);
-webkit-filter:opacity(70%);-moz-filter:opacity(70%);filter:opacity(70%);
color:silver;font-size:14px;line-height:150%;padding:0;margin:0;}
.inner-box h6 img{display:none;}
.inner-box li{list-style-type:square;white-space:nowrap;}

/*最新文章＆最新回覆＆熱門＆新訂閱＆站方公告*/
#recent-article .box-text,#latest-comment .box-text,#hot-article .box-text,#subscription .box-text,#announce .box-text{text-align:left;}
#recent-article .box-text img,#latest-comment .box-text img{opacity:0.7;filter:alpha(opacity=70);
-webkit-filter:opacity(70%);-moz-filter:opacity(70%);filter:opacity(70%);
width:0px;height:0px;background:gray;border:2px dotted #113344;padding:3px;margin:0 0 5px 5px;}
#recent-article .box-text li,#latest-comment .box-text li,#hot-article .box-text li,#subscription .box-text li,#announce .box-text li{
list-style-type:none;white-space:nowrap;}
#latest-comment .box-text a{display:block;margin:0 0 0 20px}

/*時間列表＆搜尋＆訂閱＆人氣＆參觀＆QR＆訪客＆好友＆我去＆動態訂閱*/
select,#search-target{width:150px;background:darkslategray;border:2px dotted gray;color:silver;text-align:center;padding:1px;margin:3px;}
option,optgroup{width:120px;background:darkslategray;text-align:center;}
#search-target{width:120px;}

#user-info dd a,#archive .box-more a,#search-submit,#visitor .box-more a,#crumb .box-more a,#friendbox-open-friends-iframe,#newsfeed .box-more a,#show-all-newsfeed{background:#223344;border:3px double gray;border-radius:6px;color:silver;color:gray;font-size:10px;text-decoration:none;padding:0;margin:5px;}
#friendbox-open-friends-iframe{border:3px double gray!important;font-size:10px!important;}
#show-all-newsfeed{font-size:10px!important;line-height:110%;}
#user-info dd a:hover,#archive .box-more a:hover,#visitor .box-more a:hover,#friendbox-open-friends-iframe:hover,#crumb .box-more a:hover,#newsfeed .box-more a:hover,#show-all-newsfeed:hover{border-color:silver;color:silver;}

#search li,#feed li,#counter li,#visitor li,#friendbox li,#crumb li,#subscriptions li,#powered li{list-style-type:none;}
#visitor li,#friendbox li{display:inline;}
#subscriptions li{border:0!important;text-align:left;padding:0;}
#visitor .box-text ul,#friendbox .box-text ul{text-align:center;padding:0 0 0 10px;}
#ul-visitors,#ul-visitors li,#friendbox .friendlist,#crumb ul{padding:0;margin:0;}
.friendlist{width:180px;height:167px!important;}
#ul-visitors img,#friendbox .friendlist img,#crumb .box-text img,#newsfeed .newsfeed-entry img{
width:30px;height:30px;background:#223344;border:3px dotted gray!important;border-radius:20px;padding:0;margin:0;}

#qrcode .qrcode{padding:0;margin:0;}



/*頁底*/
#footer{
background:linear-gradient(top,#113344,rgba(11,22,33,.7));
background:-moz-linear-gradient(top,#113344,rgba(11,22,33,.7));
background:-webkit-linear-gradient(top,#113344,rgba(11,22,33,.7));
color:#557777;font-size:10px;text-align:center;white-space:nowrap;padding:0;margin:0;}
#footer a{;font-size:10px;}
#footer p{float:left;width:30%;text-align:right;padding:5px;margin:0;}
#bottom{float:right;width:65%;text-align:left;padding:5px;margin:0;}