#comment-form table {
width:96%;
margin:0 auto
}
#comment-form td,#comment-form th {
border:1px solid #555;
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
}
fieldset,img {
border: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-size:100%;
font-weight:normal
}
q:before,q:after {
content:''
}
abbr,acronym {
border:0
}
pre {
font-size:1em
}
.article-content {
_height:1%;
line-height:140%;
margin:5px 0
}
body {
font-size:small;
font-family:"Verdana";
font-family:Courier NEW;
background:#fcc
}
p {
padding-bottom:7px;
color:#777
}
::selection {
background:#eee;
color:#bbb
}
a {
color:#777;
text-decoration:none;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease
}
a:hover {
color:eee;
text-decoration:none
}
#container {
width:880px;
margin:10px auto;
background:#fcc
}
#container2 {
padding:10px
}
img {
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease
}
#header {
background:#fcc;
padding:0;
margin-bottom:10px;
width:860px;
height:170px;
position:fixed;
top:0;
margin-right:10px
}
#topbar {
text-align:right;
position:absolute;
left:40px;
width:0;
height:0;
background:#fff!important;
margin:13px;
display:none
}
#topbar a {
background:#fff
}
#topbar input,#topbar button,#topbar h2,#topbar button,#topbar img {
display:none
}
#banner h1 a {
font-size:0;
color:#777;
font-weight:bold;
width:120px;
height:120px;
display:block
}
#banner h1 {
width:120px;
height:120px;
background:url(http://i.imgur.com/cKq2avL.jpg) #fff no-repeat center;
margin-left:15px;
margin-top:0;
position:fixed
}
#banner h2 {
margin:25px;
margin-top:20px;
height:70px;
width:615px;
position:relative;
opacity:.5;
overflow:auto;
overflow-x:auto;
overflow-y:none;
padding:5px;
margin-left:200px;
border-bottom:1px #777 dotted;
border-top:1px #777 dotted
}
#navigation {
position:fixed;
width:590px;
float:right;
background:#fcc;
overflow:hidden;
_overflow:none;
_height:1%;
padding:10px;
top:100px;
margin-left:230px;
background:url(http://i.imgur.com/7r0faiv.png) left no-repeat
}
#navigation a {
display:block;
width:115px;
height:30px;
text-align:center;
padding:5px 0;
font-size:0;
margin-bottom:20px
}
#navigation li {
float:right;
margin:0 10px 0 0
}
#link-album {
background:url(http://i.imgur.com/Ro4rA2m.png)bottom;
width:90px;
height:30px
}
#link-blog {
background:url(http://i.imgur.com/dB6arlu.png) bottom;
width:115px;
height:30px
}
#link-guestbook {
background:url(http://imgur.com/rJ87HrP.png)bottom;
width:115px;
height:30px
}
#link-profile {
background:url(http://i.imgur.com/3NDYQwt.png)bottom;
width:115px;
height:30px
}
#content {
margin-top:120px;
width:790px;
float:center;
background:#fff;
padding:10px;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease;
margin-left:15px;
padding-bottom:70px
}
#content:hover .publish {
margin-left:600px;
opacity:.5
}
#spotlight {
background:#fff;
padding:10px;
margin-bottom:10px
}
#spotlight h5 {
color:#777;
background:#fff;
text-align:Center;
padding:3px 0;
margin-bottom:5px
}
#article-area {
padding:10px
}
.article-area-title {
background:none;
padding:3px 7px
}
#display {
text-align:right;
margin:5px 0
}
.article {
background:#fff;
margin-bottom:20px;
padding:10px;
border-bottom:1px #eee solid
}
.article-head {
background:none;
padding:5px;
margin-bottom:10px;
text-align:left;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:10px
}
.publish {
margin-left:500px;
position:absolute;
opacity:0;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease;
background:none;
-webkit-border-radius:600px;
-moz-border-radius:600px;
border-radius:600px;
font-family:"Times New Roman";
font-size:15px;
color:#bbb;
padding:5px
}
.date {
font-family:"Times New Roman";
font-size:20px
}
.month {
font-family:"Times New Roman";
font-size:18px
}
.year,.day,.time {
-moz-transform-origin:bottom;
-moz-transform:skewX(20deg);
-webkit-transform-origin:bottom;
-webkit-transform:skewX(20deg);
-o-transform-origin:bottom;
-o-transform:skewX(20deg);
-ms-transform-origin:bottom;
-ms-transform:skewX(20deg);
transform-origin:bottom;
transform:skewX(20deg)
}
.title h2 a {
font-size:medium;
color:#bbb
}
.bookmark {
text-align:right
}
.more a {
color:#fff;
background:url(http://i.imgur.com/bCOt7DE.jpg) top center no-repeat;
height:20px;
width:120px;
display:block;
font-size:0;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:10px;
float:right;
opacity:.6;
display:none
}
.more a:hover {
padding:5px
}
.author {
text-align:right;
opacity:0;
margin:5px 0 0;
padding-bottom:5px;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease
}
.author:hover {
opacity:.5
}
.article-footer {
padding:5px 10px
}
.refer {
border-bottom:1px dashed #888;
padding-bottom:5px;
margin-bottom:5px
}
.history {
border-bottom:1px dashed #888;
padding-bottom:5px;
margin-bottom:5px
}
.forward {
text-align:right
}
.back-to-top {
text-align:right
}
#user-post {
background:#fff;
padding:px;
margin-bottom:20px
}
#trackback-box {
margin-bottom:20px
}
.user-post-box {
position:relative;
margin-bottom:10px
}
.user-post-title {
border-bottom:1px solid #eee;
background:#fff;
color:#666;
line-height:28px;
height:28px;
padding:2px 10px;
display:none
}
.user-post-text {
background:#fff
}
.single-post {
border-bottom:1px dotted #ddd;
position:relative;
min-height:90px;
_height:90px;
color:#777;
padding:5px;
margin:10px
}
.post-info {
padding-bottom:5px;
margin-bottom:10px;
font-weight:bold
}
.post-photo {
position:absolute;
right:10px;
top:30px
}
.post-photo img {
width:35px;
height:35px;
border:2px #ddd solid
}
.reply-text {
border-top:1px dotted #ddd;
padding:10px;
background:#fff;
margin-top:10px;
margin-bottom:10px;
color:#777
}
.main-list {
background:#fff;
padding:10px;
margin-bottom:15px
}
.main-list table {
width:95%;
margin:10px
}
.main-list h3 {
padding:5px 10px;
margin-bottom:10px
}
.main-list th {
padding:2px
}
.main-list td {
padding:2px
}
.page {
background:none;
float:center;
text-align:center;
font-family:"ParkAvenue BT";
font-size:13pt
}
.page a {
-webkit-border-radius:100px;
-moz-border-radius:100px;
border-radius:100px;
color:#777;
padding:5px
}
.page a:hover {
font-size:17pt
}
#links {
height:300px;
width:5px;
float:right;
background:#f66;
padding:10px;
top:220px;
margin-left:810px;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease;
position:fixed;
overflow:hidden;
_overflow:none;
color:#fff;
font-size:8pt
}
#links a {
color:#fff;
font-size:8pt
}
#links:hover .box {
opacity:.9
}
#links:hover {
width:200px
}
#links-row-1 {
width:230px;
height:300px;
overflow-x:hidden;
overflow-y:auto
}
.box {
padding:5px;
margin-bottom:5px;
opacity:0
}
.box-title {
border-top:1px #fff dotted;
background:none;
text-align:center;
padding:4px;
font-size:small;
margin-bottom:10px;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease
}
.box-text li {
margin:0
}
#visitor .box-text li a {
display:block;
width:25px;
height:25px;
border:none;
background:#eee;
margin:3px
}
#visitor .box-text li a img {
width:0;
height:0
}
#visitor .box-text li a:hover img {
display:block;
width:25px;
height:25px
}
#visitor ul,#crumb ul {
_height:1%;
overflow:hidden;
_overflow:none
}
#visitor li,#crumb li {
float:left
}
#visitor {
background:none
}
#visitor li a img {
width:25px;
height:25px;
margin:0
}
#crumb ul {
_height:1%;
overflow:hidden;
_overflow:none
}
#crumb li {
float:left
}
#broadcast .box-text ul {
border-bottom:1px dashed #777;
_height:1%;
overflow:hidden;
_overflow:none
}
.broadcast-photo {
float:left;
width:40px
}
#user-info img {
width:100px;
height:100px;
-webkit-border-radius:1px;
-moz-border-radius:1px;
border-radius:10px;
margin-right:700px
}
.add_friend,.add_subs {
background:#fafafa;
color:#bbb;
border:1px #fafafa solid
}
#search-send {
background:#fafafa
}
#recent-article li {
margin:5px 0;
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease
}
#recent-article li:hover {
padding-left:10px
}
#category {
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease!important
}
#category .box-text li {
-moz-transition:all .6s ease;
-webkit-transition:all .6s ease;
transition:all .6s ease;
background:none;
padding:5px;
background:#FF9797
}
#category li:hover {
background:#FFB5B5
}
#category .box-more {
display:none
}
#category h6 img {
display:none
}
#latest-comment .box-text {
color:#fff;
}
#latest-comment .box-text li {
padding-top:2px
}
#footer {
clear:both;
background:#fcc;
padding:5px 10px;
text-align:center;
position:fixed;
bottom:0;
width:810px;
height:80px;
background:url(http://i.imgur.com/f5ntAEQ.png)#ffcccc no-repeat center
}
#bottom {
color:#fcc
}
#user-info.box-title,#user-info .box-title,#friend-apply/*申請好友*/,.refer/*文章附加資訊*/,.back-to-top,#recent-article a img,#headshot.box-text,#headshot li#headshot-img,.bottom-pixnet,.bottom-skiplink,.forward/*轉寄文章*/,.title h2 img/*文章標題前的密碼圖示/隱藏圖示/好友保護圖示*/,#friend-apply,.history,.bookmark,#category box-more,#category img,#banner .skiplink,#p.skiplink,#blog-category,#box-more,box-title,#pixblogad,.recommended-posts,.pixels,.box-more,#login-bar,#trackback-box,.user-post-title img,.post-comment,.time,.article-area-title,#latest-comment span,dd,dt,.homepage,.comment-icon,#view-mode span,#pixblogad-banner2 {
display:none
}
#links-row-1 > div {
z-index:5
}
#links-row-1 > div:first-child {
margin-top:-999em!important;
position:absolute;
z-index:0
}
留言列表