風火山林

• 痞客邦css樣式-右欄

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

caption,th {
text-align:left;
}

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

q:before,q:after {
content:'';
}

pre {
font-size:1em;
}

.article-content {
_height:1%;
overflow:hidden;
_overflow:none;
line-height:20px;
}

.article-content p {
margin-bottom:1em;
}

br {
letter-spacing:normal;
}

body {
background:#2f2f2f;
font-family:Arial, Helvetica;
color:#666;
letter-spacing:1px;
background-image:url();
background-color:#2f2f2f;
background-position:center;
}

a {
color:#333;
text-decoration:none;
}

#authority {
text-align:center;
color:#fff;
font-size:13px;
line-height:28px;
z-index:999;
background:#55ddf1;
}

#authority a {
color:#fff;
margin-right:15px;
border:1px #fff solid;
padding:2px 10px;
}

#authority a:hover {
background:#ffec00;
color:#000;
}

#container2 {
width:980px;
position:relative;
background:url(http://pic.pimg.tw/mylove0712/5f4d4c8195148b087dee1d11b668640b.jpg) repeat-y;
margin:0 auto;
}

#header {
height:280px;
position:relative;
background:url() no-repeat center;
background-image:url();
background-color:transparent;
background-position:top;
background-repeat:no-repeat;
}

#login-bar {
font-size:9px;
text-align:left;
padding-top:13px;
padding-left:550px;
color:#55def2;
width:400px;
}

#banner {
position:absolute;
top:30px;
left:30px;
}

#banner h1 {
font-size:18px;
font-family:微軟正黑體;
font-weight:700;
}

#banner h1 a {
color:#fbfe00;
}

#banner h2 {
margin-top:5px;
font-size:13px;
color:#aaa;
width:450px;
}

#navigation li a {
display:block;
width:100%;
height:100%;
text-indent:-9999px;
}

#link-album {
position:absolute;
width:65px;
height:20px;
left:608px;
top:10px;
}

#link-blog {
position:absolute;
width:50px;
height:20px;
left:687px;
top:10px;
}

#link-guestbook {
position:absolute;
width:105px;
height:20px;
left:744px;
top:10px;
}

#link-profile {
position:absolute;
width:70px;
height:20px;
left:867px;
top:10px;
}

#main {
_height:1%;
width:960px;
margin:0 auto;
}

#content {
width:685px;
float:left;
margin-left:15px;
display:inline;
z-index:999;
position:relative;
}

#spotlight {
background:#212526;
margin-left:-15px;
padding:0;
}

#spotlight h5 {
font-family:微軟正黑體;
font-size:18px;
color:#fbfe00;
}

#spotlight-text {
font-size:13px;
color:#aaa;
}

#article-area .article-area-title {
font-size:13px;
margin-top:10px;
color:#55def2;
}

#view-mode {
font-size:13px;
margin-bottom:10px;
color:#55def2;
}

#display {
margin-bottom:20px;
color:#55def2;
}

.article {
margin-top:20px;
}

.article-head {
background:url(http://pic.pimg.tw/pixnetvisual/4b6d806d0305f.jpg?v=1265467526) no-repeat left;
height:52px;
position:relative;
font-family:微軟正黑體;
margin-left:-10px;

}

.publish {
font-size:.9em;
letter-spacing:0;
font-weight:700;
color:#000;
}

.year {
position:absolute;
top:0;
left:2px;
}

.month {
position:absolute;
top:15px;
left:2px;
}

.date {
position:absolute;
top:30px;
left:2px;
}

.title {
font-family:微軟正黑體;
font-size:18px;
padding-top:15px;
margin-left:45px;
color:#55def2;
}

.article-body {
line-height:50px;
font-size:15px;
color:#7b7b7b;
margin:0;
padding:15px 0;
margin-left:-10px;

}

.bookmark {
font-size:13px;
text-align:right;
}

.author,.author a {
font-size:13px;
margin-top:10px;
text-align:right;
}

.article-footer {
font-size:13px;
background:#212526;
color:#aaa;
padding:15px;
}

.google-adsense,.forward,.fans-club {
font-size:13px;
}

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

.refer {
float:left;
width:310px;
}

.history {
width:310px;
float:right;
}

.back-to-top {
clear:both;
text-align:right;
}

.more a {
margin-right:30px;
float:right;
}

.main-list {
color:#666;
margin:10px 0;
}

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

.main-list th {
color:#fbfe00;
font-weight:700;
padding:5px 0;
}

.list-num {
width:40px;
text-align:center;
}

.list-date {
width:120px;
text-align:center;
}

.main-list td {
padding:5px;
}

.user-post-box {
margin-bottom:5px;
}

.user-post-title {
color:#fff;
font-weight:700;
font-size:.9em;
padding-left:5px;
background:#212526;
line-height:28px;
}

.post-comment {
border:1px solid #212526;
line-height:25px;
text-align:center;
margin:10px 0;
}

#content .post-comment a {
width:100%;
height:100%;
display:block;
color:#aaa;
}

#content .post-comment a:hover {
background:#666;
}

.single-post {
position:relative;
_height:90px;
min-height:90px;
border-bottom:1px #212526 solid;
font-size:.8em;
padding:5px;
}

.post-photo {
float:left;
margin-right:5px;
display:inline;
margin-top:10px;
}

.post-photo img {
width:50px;
height:50px;
border:3px #fbfe00 solid;
}

.post-text {
width:610px;
display:block;
float:right;
margin-top:10px;
margin-bottom:10px;
}

.reply-text {
clear:both;
background:#1d2021;
color:#666;
margin:10px 0;
padding:10px;
}

.reply-text p {
color:#666;
margin-top:10px;
}

.single-post.secret .post-text {
float:none;
width:auto;
}

#trackback-box #trackback-url {
margin-bottom:2px;
padding:10px;
}

#trackback-box .post-text {
width:auto;
float:none;
}

#comment-form {
font-size:.8em;
margin:10px auto;
padding:15px;
}

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

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

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

#comment-form table th {
color:#9c9c9c;
vertical-align:top;
width:100px;
border:none;
padding:2px 5px;
}

#comment-form input {
height:17px;
font-family:Arial;
font-size:11px;
color:#aaa;
border:none;
background:#1d2021;
}

#comment-form input.radio {
border:none;
width:auto;
background:none;
margin:0;
padding:0;
}

#comment-form input#blogcommenttext_name {
width:85%;
}

#comment-form input#send-comment {
border:0;
width:80px;
background:#1d2021;
color:#aaa;
}

#comment-form textarea {
width:99%;
height:90px;
font-family:Arial;
font-size:13px;
line-height:18px;
border:none;
color:#aaa;
background:#1d2021;
}

.page {
font-size:13px;
height:30px;
margin-top:20px;
padding-top:5px;
text-align:center;
}

.page a {
color:#666;
margin-right:5px;
padding:0 5px;
}

.page SPAN,.page a:hover {
background:url(http://pic.pimg.tw/pixnetvisual/4b6d806c43775.jpg?v=1265467526) no-repeat center;
color:#1d2021;
padding:2px 6px;
}

#links {
overflow:hidden;
width:205px;
float:right;
display:inline;
margin-right:15px;
margin-top:0;
}

.box {
border-bottom:1px #2e7680 solid;
}

.box-title {
height:22px;
padding-top:8px;
padding-left:15px;
background:url(http://pic.pimg.tw/pixnetvisual/4b6d806ba0707.jpg?v=1265467526) no-repeat left;
font-size:.9em;
color:#55def2;
font-weight:700;
}

.box-text {
font-size:13px;
line-height:18px;
color:#666;
padding:5px 0px 15px;
}

.box-more {
text-align:right;
clear:both;
margin:5px 0;
}

#headshot li#headshot-img {
float:left;
margin-right:20px;
}

#headshot li#friend-apply {
display:block;
margin-top:20px;
}

#headshot li#send-message {
display:block;
}

#calendar table {
width:100%;
}

#calendar th {
color:#55def2;
text-align:center;
font-weight:700;
padding:2px;
}

#calendar td {
color:#666;
text-align:center;
padding:2px;
}

#calendar .calMonthHeader {
text-align:center;
width:150px;
}

#calendar td a {
color:#666;
background:url(http://pic.pimg.tw/pixnetvisual/4b6d806c43775.jpg?v=1265467526) no-repeat center;
padding:2px 6px;
}

#visitor li,#crumb li {
float:left;
display:inline;
margin-right:3px;
margin-bottom:5px;
}

#visitor li img,#crumb li img {
border:1px #888 solid;
width:40px;
height:40px;
}

#broadcast ul {
overflow:hidden;
_overflow:none;
_height:1%;
margin-bottom:10px;
}

#broadcast .broadcast-photo {
float:left;
margin-right:5px;
display:inline;
}

#search input#search-target {
float:left;
}

#footer {
clear:both;
text-align:left;
padding-top:30px;
margin-top:30px;
color:#666;
padding-left:18px;
}

#footer p {
line-height:15px;
font-size:13px;
}

#bottom {
clear:both;
text-align:left;
line-height:15px;
font-size:13px;
padding-bottom:15px;
}

fieldset,img,abbr,acronym {
border:0;
}

a:hover,#footer a {
color:#666;
}

#login-bar a,#display a,#display SPAN,.title a,.article-body a,.article-footer a,.post-info,.post-info a,#calendar th a,#calendar td b {
color:#55def2;
}

#banner .skiplink,#banner #blog-category,.day,.time,#comment-form table tr.comment-form-title,#comment-form table th font,#banner .skiplink,#banner #blog-category,.day,.time,#comment-form table tr.comment-form-title,#comment-form table th font,.,#toolbar-box,.recommended-posts3 {
display:none;
}

.main-list a,#links a {
color:#999;
}

#headshot ul,#visitor ul,#crumb ul {
overflow:hidden;
_overflow:none;
_height:1%;
}

#category .box-text .inner-box ul {
padding-left:18px;
}