*請勿右鍵
體諒我這可憐的高三生,學測神馬的逼迫我好緊・゜・(PД`q。)・゜・
一直沒有發文感覺痞客邦要變廢墟了,於是來打掃一下以免生菌
在此告知此樣式的topbar有瑕疵,如不介意可以使用,謝謝。
*記得刪掉
☆〞跟樣式有關的注意事項
◆ 左側欄為固定勿放置超過2~3樣
◆ 除游標其餘禁止修改。
◆ 沒放商標不代表可以隨便。
◆ 勿二次修改後發表。
◆ 此樣式不適合加上公告欄位。
#comment-form table {
border:0;
width:95%;
_width:95%;
margin:0 auto;
}
#comment-form td,#comment-form th {
border:0;
padding:3px 5px;
}
#comment-form input#send-comment {
padding:3px 5px;
}
.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;
}
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-weight:normal;
}
q:before,q:after {
content:'';
}
pre {
font-size:1em;
}
.article-content {
_height:1%;
overflow:hidden;
_overflow:none;
line-height:16px;
_line-height:19px;
color:#5DAC81;
margin:0 0 0 10px;
}
body {
font-size:12px;
_font-size:9px;
color:#5DAC81;
line-height:20px;
letter-spacing:2px;
font-family: "Century Gothic";
background-image:none;
background-color:#A8D8B9;
background-position:undefined;
}
HTML {
scrollbar-face-color:#FFF;
scrollbar-highlight-color:#FFF;
overflow:auto;
overflow-x:hidden;
scrollbar-shadow-color:#fff;
scrollbar-3dlight-color:#fff;
scrollbar-arrow-color:#333;
scrollbar-track-color:#fff;
scrollbar-darkshadow-color:#fff;
}
br {
letter-spacing:0;
}
a {
color:#5DAC81;
text-decoration:none;
}
a:hover {
color:#A8D8B9;
text-decoration:none;
}
#container {
width:100%;
background:none;
margin:20px auto 10px;
}
#container2 {
position:relative;
padding:10px;
}
#container3 {
background:url() left top no-repeat;
margin-top:0px;
_margin-top:-35px;
_margin-left:10px;
}
#main {
margin-top:0px;
_margin-top:10px;
overflow:hidden;
margin-bottom:5px;
}
#banner {
background:none;
margin-left:13px;
_margin-left:10px;
margin-bottom:10px;
height:120px;
width:255px;
position:absolute;
top:0;
left:10px;
_left:3px;
_top:25px;
}
#banner h1 a {
margin-top:4px;
font-size:large;
color:#5DAC81;
}
#banner h2 {
background-color:#A8D8B9;
line-height:20px;
height:60px;
width:250px;
position:relative;
left:0;
font-size: 12px;
top:25px;
color:#5DAC81;
opacity:1;
overflow:auto;
}
#banner h2 a:hover{
color:#A8D8B9;}
#navigation {
background:none;
overflow:hidden;
_overflow:none;
_height:1%;
padding:10px;
}
a {
display:lnline;
width:70px;
text-align:right;
color:#5DAC81;
background:none;
padding:0;
}
#navigation li a:hover{color:#5DAC81;}
#navigation li {
padding-left:3px;
padding-right:3px;
margin:0 0 10px;
}
#link-profile {
text-align:right;
position:absolute;
top:150px;
_top:160px;
left:20px;
_left:10px;
border-left:8px solid #5DAC81;
}
#link-album {
text-align:right;
position:absolute;
top:150px;
_top:160px;
left:77px;
_left:70px;
border-left:8px solid #5DAC81;
}
#link-blog {
text-align:right;
position:absolute;
top:150px;
_top:160px;
left:133px;
_left:129px;
border-left:8px solid #5DAC81;
}
#link-guestbook {
text-align:right;
position:absolute;
top:150px;
_top:160px;
left:203px;
_left:202px;
border-left:8px solid #5DAC81;
}
#link-guestbook text {
padding-left:3px;
}
#content {
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
width:750px;
float:right;
background:#fff;
overflow-x:hidden;
padding:0 10px 10px 0;
}
#spotlight {display: none;
border-right:1px solid #ccc;
border-left:8px solid #bbb;
border-bottom:1px solid #ccc;
width:670px;
background:none;
margin-top:0;
margin-bottom:10px;
margin-left:15px;
_margin-left:15px;
}
#spotlight h5 {display: none;
padding-left:10px;
color:#000;
font-size:10px;
_font-size:9px;
}
#spotlight-text {display: none;
color:#333;
padding:5px;
}
#article-area {
width:750px;
margin-top:0;
margin-left:0;
_margin-left:0;
padding:5px;
}
.article-area-title {
background:none;
margin-left:10px;
padding:0;
}
#display {
text-align:right;
margin-right:10px;
}
.article {
background:none;
margin-bottom:0;
padding:10px;
}
.article-head {
background:none;
margin-bottom:10px;
padding:5px;
}
.publish {
position:relative;
top:25px;
_top:2px;
left:555px;
_left:553px;
font-size:9px;
font-family:Century Gothic;
width:200px;
letter-spacing:1px;
}
.month {
text-transform:uppercase;
font-size:9px;
font-family:Century Gothic;
padding-left:8px;
}
.date {
font-size:9px;
font-family:Century Gothic;
}
.day {
text-transform:uppercase;
font-size:9px;
font-family:Century Gothic;
}
.year {
font-size:9px;
_font-size:9px;
font-family:Century Gothic;
}
.title h2 a {
background:url() left no-repeat;
padding-left:0px;
padding-bottom:5px;
_padding-bottom:3px;
padding-top:5px;
_padding-top:7px;
width:650px;
font-size:large;
_font-size:13px;
color:#5DAC81;
font-family:Verdana;
}
.bookmark {
text-align:right;
}
.author {
height:10px;
text-align:right;
letter-spacing:1px;
font-size:10px;
_font-size:9px;
font-family:Century Gothic;
margin:5px 0 0;
}
.article-footer {
font-size:10px;
_font-size:9px;
margin-top:-40px;
padding:0;
}
.refer {
font-size:10px;
_font-size:9px;
font-family:Century Gothic;
color:#5DAC81;
letter-spacing:1px;
margin-bottom:10px;
_margin-bottom:0;
margin-top:45px;
_margin-top:35px;
width:100%;
margin-left:10px;
_margin-left:-2px;
}
.refer li {
display:lnline;
font-size:0;
letter-spacing:0;
float:right;
margin-right:10px;
_margin-right:0;
height:19px;
}
.refer a {display: none;
_padding:2px 0 0 15px;
font-size:10px;
_font-size:9px;
font-family:verdana;
letter-spacing:1px;
background:url() left no-repeat;
margin:0;
padding:0 0 0 15px;
}
.forward {display: none;
text-align:left;
position:relative;
top:40px;
_top:15px;
left:5px;
}
.forward a {display: none;
letter-spacing:0;
text-indent:-5000px;
font-size:0;
width:66px;
height:16px;
background:url(http://pic.pimg.tw/miublog/499e57dc9b050.gif) left top no-repeat;
display:block;
color:#FFF;
}
#user-post {
width:98%;
_width:98%;
background:none;
margin-top:40px;
_margin-top:-20px;
margin-left:20px;
_margin-left:0;
}
#trackback-box {
width:680px;
_width:680px;
height:10px;
margin-left:-10px;
_margin-left:10px;
_margin-right:0;
margin-top:-30px;
_margin-top:0;
}
#comment-box {
margin-top:30px;
}
.user-post-box {
background:none;
border:none;
}
.user-post-title {
background:#A8D8B9;
color:#5DAC81;
font-size:10px;
_font-size:9px;
margin-bottom:10px;
font-family:Century Gothic;
padding:0 10px;
}
#trackback-text {
font-size:10px;
_font-size:9px;
font-family:Century Gothic;
display:none;
padding:0;
}
#comment-text {
margin-right:10px;
_margin-right:10px;
line-height:17px;
width:600px;
}
.user-post-text {
width:600px;
background:none;
padding:0;
}
#trackback-box .single-post {
padding:0;
}
#comment-box .single-post {
border:none;
background:#A8D8B9;
padding:0 10px 10px;
}
.single-post {
background:#A8D8B9;
filter:alpha(opacity=90);
width:100%;
margin-left:-15px;
_margin-left:0;
margin-bottom:20px;
overflow:hidden;
_overflow:none;
_height:1%;
padding:0 0 5px;
}
.post-info {
margin-left:5px;
font-size:10px;
_font-size:9px;
letter-spacing:1px;
font-family:"Century Gothic";
}
.post-text {
margin-left:3px;
_margin-left:2px;
width:80%;
_height:140px;
float:left;
font-size:10px;
_font-size:9px;
font-family:Century Gothic;
padding:0 10px 0 0;
}
#trackback-box .post-text {
width:auto;
float:none;
}
.post-photo {
float:right;
width:50px;
height:50px;
}
.post-photo img {
width:50px;
height:50px;
margin:0;
}
.reply-text {
font-size:10px;
_font-size:9px;
clear:both;
background:#00AA90;
color:#A8D8B9;
padding:5px;
}
.post-comment {
text-align:center;
height:25px;
line-height:25px;
background:none;
margin:10px auto;
}
#comment-form {
width:535px;
_margin:0 10px 10px 60px;
margin:0 20px 10px 60px;
}
#comment-form p {
_margin:5px 10px 10px 10px;
border-bottom:none;
text-align:right;
margin:5px 10px 10px 0;
padding:5px 0;
}
#comment-form th {
width:70px;
vertical-align:top;
text-align:right;
}
#comment-form input {
font-family:Century Gothic;
_font-size:9px;
font-size:10px;
color:#5DAC81;
border:none;
width:375px;
background:none;
padding:1px 5px;
}
#comment-form input.radio {
border:none;
width:auto;
background:none;
margin:0;
padding:0;
}
input#blogcommenttext_name {
width:84%;
}
#comment-form td textarea {
width:375px;
background:none;
color:#5DAC81;
height:100px;
font-size:10px;
_font-size:9px;
padding:5px;
}
input#send-comment {
font-family:Century Gothic;
font-size:10px;
color:#666;
background:#fff;
width:50px!important;
margin-right:30px;
height:20px;
line-height:13px;
}
.main-list {
background:#fff;
width:98%;
margin-left:15px;
}
.list-date {
font-family:"Century Gothic";
font-size:9px;
text-align:center;
width:95px;
}
.list-visit {
margin-left:3px;
font-family:"Century Gothic";
font-size:9px;
}
.list-title {
width:60%;
padding:3px;
}
.main-list table {
width:98%;
}
.main-list h3 {
background:#fff;
}
.main-list th {
padding-left:4px;
height:15px;
}
.main-list td {
padding:3px;
}
links{border: 0px #fff solid;font:8pt calibri;}
#links-row-1 a{color: #096148;}
#links-row-1 a:hover{color: #5DAC81;}
#links-row-1{text-align: left; filter:alpha(opacity=40);-moz-opacity:0.4;-khtml-opacity: 0.4;opacity: 0.4;position:fixed;left: -200px;top: 0px;width: 200px;background:#24936E;padding:10px ; -webkit-transition: all 1s ease-in-out;-moz-transition: all 1s ease-in-out;-o-transition: all 1s ease-in-out;-ms-transition: all 1s ease-in-out;z-index:20; color:#096148;}
#links-row-1:hover{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;opacity: 0.8;position:fixed;left: 0px;top: 0px;width: 200px;background:#24936E;padding:10px ;z-index:20;}
#links-row-2{}
#links-row-2{}
.box {
border:none;
margin-bottom:15px;
padding:0;
}
.box-title {
font-size:10px;
_font-size:9px;
padding-top:3px;
}
.box-text {
padding-bottom:3px;
}
.box-text li {
margin:5px 0;
}
#visitor ul {
_height:1%;
overflow:hidden;
_overflow:none;
padding-bottom:-2px;
}
#visitor .box-text li a img,.box-text li a img {
height:30px;
width:30px;
margin-right:4px;
margin-top:-2px;
border:none;
}
#visitor a img {
filter:blur(add=ture,direction=135,strength=6);
}
#visitor .box-text li a:hover img {
filter:alpha(opacity=100);
}
#crumb ul {
_height:1%;
overflow:hidden;
_overflow:none;
}
#murmur {display: none;
position:absolute;
top:140px;
_top:150px;
left:300px;
_left:305px;
width:680px;
}
#murmur .box-text {
line-height:10px;
font-family:verdana;
font-size:10px;
_font-size:9px;
display:inline;
padding:0;
}
.murmur-time {
font-family:"Century Gothic";
font-size:10px;
_font-size:9px;
line-height:10px;
margin:0;
padding:0;
}
#murmur-text {
letter-spacing:1px;
width:660px;
font-size:10px;
_font-size:9px;
}
#murmur .box-more {
width:50px;
margin-left:630px;
_margin-left:633px;
margin-top:-15px;
_margin-top:-15px;
}
#murmur .box-more a {
margin-left:5px;
float:right;
text-indent:-5000px;
width:10px;
height:10px;
font-size:0;
background:#eee;
}
#murmur .box-more a:hover {
background:#ccc;
}
#broadcast {
line-height:15px;
}
#broadcast .box-text ul {
border-bottom:display:none;
_height:15px;
overflow:hidden;
_overflow:none;
}
.broadcast-time {display: none;
color:#333;
font-family:"Century Gothic";
font-size:9px;
_font-size:9px;
}
.broadcast-time span {
font-family:"Century Gothic";
font-size:10px;
_font-size:9px;
}
.broadcast-text {
overflow:hidden;
height:12px;
line-height:13px;
padding-top:2px;
padding-bottom:2px;
_padding-bottom:0;
margin-bottom:0;
border-bottom:1px solid #ccc;
}
#search .box-text {display: none;
margin-top:5px;
}
#search .box-text ul {
width:240px;
}
#search .box-text input {
display:inline;
font-family:verdana;
font-size:10px;
_font-size:9px;
color:#666;
background:#fff;
border:1px solid #ccc!important;
}
#search-target {
border:0;
font-size:10px;
font-family:Verdana;
width:150px;
height:15px;
line-height:20px;
color:#CCC;
}
#counter {
position:absolute;
left:20px;
top:115px;
_top:2px;
_left:15px;
width:300px;
}
#counter .box-text {
display:lnline;
color:#5DAC81;
font-size:10px;
_font-size:9px;
}
#counter .box-text span {
font-family:"Century Gothic";
font-size:9px;
_font-size:9px;
}
#feed img {
width:83px;
height:15px;
}
#calendar {display: none;
width:200px;
font-family:"Century Gothic";
font-size:10px;
_font-size:9px;
}
#calendar .box-text {
color:#555;
text-align:center;
font-family:"Century Gothic";
font-size:9px;
_font-size:9px;
}
#calendar table {
width:95%;
text-align:center;
}
#calendar .calMonthNav {
text-align:center;
font-family:"Century Gothic";
font-size:9px;
}
#calendar td {
_padding-bottom:2px;
text-align:center;
font-size:9px;
_font-size:9px;
}
#calendar td a {
color:#5DAC81;
text-align:center;
margin:1px;
padding:4px;
}
#recent-article {
top:0;
width:450px;
}
#recent-article .box-text a {
letter-spacing:1px;
width:200px;
line-height:14px;
_line-height:13px;
padding-bottom:0;
_padding-bottom:0;
_padding-top:1px;
padding-right:25px;
}
#hot-article {
font-size:10px;
_font-size:9px;
font-family:Century Gothic;
position:absolute;
top:4px;
_top:18px;
left:730px;
width:200px;
}
#hot-article .box-text {
margin-top:-5px;
_margin-top:-5px;
font-size:10px;
_font-size:9px;
font-family:Century Gothic;
letter-spacing:1px;
line-height:19px;
_line-height:19px;
}
#hot-article .box-text a {
width:200px;
font-size:10px;
_font-size:9px;
font-family:"Century Gothic";
letter-spacing:1px;
padding-bottom:0;
_pdding-bottom:0;
}
#category {
font-size:10px;
_font-size:9px;
font-family:Century Gothic;
line-height:15px;
}
#category .box-text {
font-size:10px;
_font-size:9px;
font-family:Century Gothic;
}
#category .box-text h6 {
font-size:10px;
_font-size:9px;
font-family:Century Gothic;
line-height:18px;
}
#category .box-text li a {
font-size:10px;
_font-size:9px;
font-family:Century Gothic;
}
#category .box-text li a:hover {
font-size:10px;
_font-size:9px;
font-family:Century Gothic;
color:0;
}
#latest-comment .box-text {
letter-spacing:1px;
}
最新迴響-迴響日期--*/
#latest-comment .box-text span {
font-family:"Century Gothic";
font-size:9px;
color:#5DAC81;
}
#latest-comment a,#recent-article a,.broadcast-text a {
display:block;
}
#latest-comment .box-text li {
overflow:hidden;
margin-top:0;
font-family:"Century Gothic";
letter-spacing:1px;
font-size:10px;
_font-size:9px;
line-height:19px;
}
#latest-comment .box-text li a {
padding-bottom:17px;
_padding-bottom:2px;
font-size:10px;
_font-size:9px;
line-height:15px;
}
#latest-comment .box-text li span {
font-size:10px;
_font-size:9px;
font-family:"Century Gothic";
}
input {
font-family:Century Gothic;
font-size:8px;
color:#5DAC81;
border:1px solid #A8D8B9;
background:#A8D8B9;
padding:2px;
}
#trackback-input{
border:#A8D8B9 1px solid;
font-size:8px;
color:#5DAC81;
font-family:Century Gothic;
background:#A8D8B9;}
#trackback-box #trackback-url {
margin:10px;}
#trackback-text .post-info {
padding: 5px;
height: 25px; }
#trackback-box .post-text {
width: auto ;
float: none ; }
#my-link .box-text .link-box {
width:70px;
}
.folder .box-title {
height:24px;
width:240px;
padding-left:10px;
text-align:left;
line-height:20px;
_line-height:24px;
font-size:10px;
_font-size:9px;
}
#latest-comment .box-text li a,#category .box-text.ul {
font-family:"Century Gothic";
height:0;
}
#header {
background-image:none;
background-position:undefined;
}
fieldset,img,abbr,acronym {
border:0;
}
#login-bar,#banner .skiplink,#blog-category,#blog-category li,#blog-category a,.time,.more,.history,.forward a img,.back-to-top,#trackback-title,#comment-title,.reply-text p,#comment-form th font,.comment-form-title,#visitor .box-more,#murmur .box-title,.broadcast-photo,#counter .box-title,#recent-article .box-title,#hot-article .box-title,#category .box-text img,.list-title img,.refer img,.history img,.hidden-message,.post-text img,#recent-article a img,#latest-comment li img,.secret,#footer p,#footer #bottom,#bottom-pixnet {
display:none;
}
#banner h1 a:hover,.title h2 a:hover {
color:#5DAC81;
}
#link-profile a:hover,#link-album a:hover,#link-blog a:hover,#link-guestbook a:hover {
color:#000;
}
.list-comment,#latest-comment .box-text span,.user-ip,#hot-article.box,.span.post-time,#category,#latest-comment.box,#category .box-text h6,#category .box-text.ul {
font-family:"Century Gothic";
font-size:9px;
}
.page,#calendar .calMonthHeader,#calendar th {
text-align:center;
}
#visitor li,#crumb li {
float:left;
}
#visitor .box-title,#crumb .box-title,#broadcast .box-title,#headshot .box-title,#search .box-title,#feed .box-title,#calendar .box-title {
height:24px;
width:240px;
padding-left:10px;
text-align:left;
line-height:20px;
_line-height:24px;
}
#search .box-text li,#counter li {
display:inline;
}
search-submit,#search-send {
font-size:10px;
_font-size:9px;
color:#5DAC81;
width:50px!important;
height:20px;
line-height:13px;
}
#change-theme select,#archive .box-text select,#favorite .box-text select {
width:120px;
}
#recent-article .box-text,#recent-article .box-text li {
float:left;
display:block;
letter-spacing:1px;
}
#category .box-title,#latest-comment .box-title {
font-size:10px;
_font-size:9px;
height:24px;
width:240px;
padding-left:10px;
text-align:left;
line-height:20px;
_line-height:24px;
}
#links .box-title{text-align:center;}
#counter.box{text-align: left;}
#topbar{Opacity:0;-webkit-transition: all .8s;-moz-transition: all .8s;-o-transition:all .8s;transition: all .8s;}#topbar:hover{Opacity:1;}
#user-info .user-action{display: none;}
#user-info .box-text{height:90px;}
#user-info dl{display: none;}
#user-info .user-action{display: none;}
#pixblogad { height:0px; overflow:hidden; }
#pixblogad-banner2{display:none;}
.recommended-posts {display:none}
#container #links-row-1 div.hslice[id*="-mib-"],
#container #links-row-1 div.hslice[id*="-Mib-"],
#container #links-row-1 div.hslice[id*="-mIb-"],
#container #links-row-1 div.hslice[id*="-miB-"]{ display:none !important; }
#container #links-row-1 div[class*="-mib-"],
#container #links-row-1 div[class*="-Mib-"],
#container #links-row-1 div[class*="-mIb-"],
#container #links-row-1 div[class*="-miB-"]{ display:none !important; }
::-webkit-scrollbar{background:#f8f8f8!important;width:7px!important;}
::-webkit-scrollbar-thumb {background:#5DAC81 !important;}
::selection { background: #f9f9f9; color: #A8D8B9 ; }
::-moz-selection { background: #f9f9f9; color: #A8D8B9 ; }
.topbar {background-color:#A8D8B9;}
#user-info .box-title{display: none;}
#topbar {width:100%;}
#user-info .user-img {
margin-bottom:5px;
width: 95px;
}
#user-info .user-img img{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius:5px;
padding:0px;
border:0px;
margin-bottom:5px;
}
留言列表