1237152_218120065019562_557661525_n

*請勿右鍵

分隔線

Speak Time

體諒我這可憐的高三生,學測神馬的逼迫我好緊・゜・(PД`q。)・゜・

一直沒有發文感覺痞客邦要變廢墟了,於是來打掃一下以免生菌

在此告知此樣式的topbar有瑕疵,如不介意可以使用,謝謝。

Link Time

441

  

*記得刪掉

《更多樂果請點我》

 Rule Time

☆〞跟樣式有關的注意事項

 

◆ 左側欄為固定勿放置超過2~3樣

◆ 除游標其餘禁止修改。

 

◆ 沒放商標不代表可以隨便。

 

◆ 勿二次修改後發表。

 

◆ 此樣式不適合加上公告欄位。

Share Time

 

 

未命名7

 Receive Time

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

 

分隔線

咖哩家外框

arrow
arrow
    全站熱搜

    藤本 明 發表在 痞客邦 留言(1) 人氣()