夢想的初衷 - 蜻蜓

/*------------------------------ #Generate End ------------------------------- */
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;
}
td {
border: 1px solid #ccc;
}
fieldset,img {
border:0;
}
address,caption,cite,code,dfn,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% ;
overflow: hidden ;
_overflow: none;
}

/*------------------------------ #Open ------------------------------- */
html{
SCROLLBAR-FACE-COLOR: #fff;
SCROLLBAR-HIGHLIGHT-COLOR: #000;
SCROLLBAR-SHADOW-COLOR: #000;
SCROLLBAR-3DLIGHT-COLOR: #000;
SCROLLBAR-ARROW-COLOR: #000;
SCROLLBAR-TRACK-COLOR: #000;
SCROLLBAR-DARKSHADOW-COLOR: #000;
SCROLLBAR-BASE-COLOR: #000;
}
body{
font-family:arial;
font-size: 9pt;
color:#555;
letter-spacing: 1px;
background:#000;
margin: 0px auto;
}
a{
text-decoration:none ;
color:#000;
}
a:hover{
color:#777;
}
br {
letter-spacing: 0;
}
input {
border: 0px solid #ccc;
background: #eee;
font-size: 9pt;
font-family: arial;
color: #777;
height: 18px;
padding: 0px 5px;
vertical-align: middle;
-moz-border-radius: 5px;
}
textarea {
background:#eee;
overflow:hidden ;
border: 0px;
}
#body-div{
overflow:hidden ;
width: 1004px;
margin: 0 auto;
background: url('http://pic.pimg.tw/gomay520/b1951f8c3b9d9b5f56f738556e2527d9.jpg') repeat-y left top;
}
/* AUTHORITY
-------------------------------------------------------------------------*/
#authority{
height:0px;
position:absolute;
z-index:99999;
}
#authority a{
background: #fff;
padding: 3px;
position:relative;
top: 420px;
left: 0px;
float:left;
margin: 0px 7px 0px 0px;
color:#000;
font-weight:bold;
}
#authority a:hover{
}

/* CONTAINER
-------------------------------------------------------------------------*/
#container{
}
#container2{
}
#container3{
}

#main{
margin: 0px 62px 0px 0px;
}
#main:after{
content:"." ;
height:0 ;
display:block ;
clear:both ;
visibility:hidden ;
overflow:hidden ;
}

/* HEADER 橫幅
-------------------------------------------------------------------------*/

#header{
position:relative;
width:1004px;
height:450px;
background: url('https://fbcdn-sphotos-c-a.akamaihd.net/hphotos-ak-xfa1/t31.0-8/10548886_899665463381046_3986638089444157271_o.jpg') no-repeat left top;
color:#555;
}
#header a{
color:#555;
}
#header a:hover{
color:#555;
}

#banner{
position:absolute;
left: 520px;
top:40px;
}

#banner h1 a{
width: 430px;
font-size: 25px;
font-family: simhei;
display: block;
color:#fff;
overflow: hidden;
}
#banner h1 a:hover{
color:#fff;
}
#banner h2{
word-break: break-all;
text-align: left;
width: 545px;
height: auto;
line-height: 18px;
overflow: hidden;
position:relative;
top: 10px;
left: 0px;
color:#fff;
}
#banner h2 a{
color:#777;
}
#banner .skiplink{
display: none;
}
#blog-category{
position:absolute;
top:120px;
left:0px;
color:#777;
}
#blog-category a{color:#777;}
#blog-category a:hover{color:#777;}
#login-bar {
width: 519px;
position:absolute;
left:470px;
top:410px;
color:#fff;
text-align:left;
}
#login-bar a{
color:#fff;
}
#navigation{
position:absolute;
top:359px;
left:465px;
}
#navigation li{
float:left;
}
#navigation a{
margin-right: 0px;
text-indent: -5000px;
display:block;
width:122px;
height:28px;
color:#fff;
}

/* H5 spotlight
-------------------------------------------------------------------------*/

#spotlight{
width:490px;
margin-top:10px;
}
#spotlight h5{
font-weight: bold;
color:#000;
text-align:left;
padding:4px 0px;
}
#spotlight-text{
color: #555;
text-align:left;
width:490px ;
padding:10px 0px;
line-height: 21px;
}

#spotlight-text a{
color: #555;
font-weight:normal;
text-decoration:underline;
}
#spotlight-text a:hover{ color:#555; }

/* CONTENT
-------------------------------------------------------------------------*/

#content{
width:680px ;
float:right;
_overflow: hidden;
position:relative;
}
.article-head{
margin-bottom: 15px ;
_height: 1% ;
}
.publish{
padding: 0px 0px 0px 0px;
text-align:left;
font-size: 10pt;
color:#555;
font-weight: bold;
}
.title{
margin: 5px 0px 0px 0px ;
padding: 0px;
font-size: 12pt;
text-align:left;
}
.title a{
font-weight:bold;
color:#000;
}
.title a:hover{
color:#000;
}

/* article
-------------------------------------------------------------------------*/
#article-area{ /*文章+列表+回應區塊*/
padding-left: 20px;
margin: 0px;
overflow: hidden;
background-color:#FFFFFF;
background-width:720px;
}
.article-body{
overflow: hidden;
border-top: 2px solid #000;
}
.article-content table td{
padding: 5px;
}
.article-content{
font-size: 9pt;
padding: 10px 0px;
line-height:20px;
}
.more {
margin: 20px 10px 20px 0px;
}
.more a{
color:#3a3a37;
}
.more a:hover{
}
.author{
color: #000;
text-align:right ;
padding: 5px 5px 5px 0px;
margin: 0px 0px 0px 0px;
}
.author a{
color: #555;
}
.author a:hover{
color: #555;
}
.article-footer{
text-align:right ;
color:#555;
line-height:19px ;
}
.bookmark{
text-align:right ;
padding: 20px 0px 0px 0px;
}
.back-to-top {
margin: 0px 0px 20px 0px;
}
.back-to-top a{
padding: 2px;
background: #000;
color: #fff;
}
.history, .refer{
display:none;
}
.forward{
text-align:right;
margin: 5px 5px 0px 0px;
}
.forward img{
width: 10px;
height: 10px;
filter :gray;
padding-right: 2px;
}
/* main-list
-------------------------------------------------------------------------*/
#article-box{
margin: 10px 0px 0px 0px;
}
.main-list table{
border-collapse : collapse ;
width:100% ;
margin: 20px 0px 0px 0px;
}
.main-list table td {
border:1px solid #86d1e4;
border-top:0px solid #86d1e4;
border-left:0px solid #86d1e4;
border-right:0px solid #86d1e4;
}
.main-list td ,
.main-list th{
padding: 5px ;
}

/* post-comment & page
-------------------------------------------------------------------------*/
.post-comment{
text-align:center;
}
.post-comment a{
padding: 4px;
background: #000;
color: #fff;
}
.post-comment a:hover{
color: #555;
}

/* COMMENT
-------------------------------------------------------------------------*/
#user-post{
}
.user-post-title{
color:#000;
font-size: 9pt ;
font-family:"arial" ;
margin: 20px 0px 0px 0px ;
}
#trackback-url{
text-align:left ;
}
#trackback-input{
color: #fff;
background:#555;
}
#trackback-url input{
color: #fff;
background:#555;
}

.user-post-text{
text-align:center ;
margin: auto 0px;
}
*.single-post{
position: relative;
text-align:left;
overflow:hidden ;
_height:1% ;
line-height: 18px;
width: 488px;
word-break: break-all;
margin: 10px auto;
padding: 40px 0px 10px 0px;
background:#ccc;
}

img.pixnet-user {
display: none;
}
.post-info{
border-bottom: 2px solid #fff;
width: 488px;
position: absolute;
top: 0px;
left: 0px;
overflow: hidden;
color: #555;
padding: 4px 5px;
margin: 0px 0px 0px 0px;
}
.post-info a {
color: #555;
font-size: 9pt;
font-family:"arial" ;
}
.user-ip { display:none; }
.post-photo{
width:55px ;
float:left ;
text-align:center ;
padding: 5px 0px 10px 5px;
}
.post-photo img{
width:40px;
height:40px ;
background:#fff;
border:1px solid #a1744a;
}
.post-text{
float:right;
width:420px;
line-height:20px ;
color:#555;
padding: 0px 5px 0px 0px;
}
.post-text p{
font-weight: bold ;
color:#000;
}

#trackback-box .post-text{
float:none ;
width:auto ;
padding:0px 0px 7px 7px ;
}

.reply-text{
clear:both ;
float:right;
width:405px ;
color: #000;
line-height:21px ;
margin: 5px 0px 0px 0px;
padding: 0px 5px 0px 5px;
border-left: 5px solid #000;
}
.reply-text textarea{
width: 95%;
height: 1%;
background:#fff;
overflow:hidden ;
border: 0px;
}
.reply-text a{
color: #555;
}
.single-post.secret{
min-height:20px;
_height: 20px;
line-height:20px;
padding-left:0px;
width: 488px;
padding-top:15px !important;
}

.single-post.secret .post-text{
color:#000;
}

/* LINKS
-------------------------------------------------------------------------*/

#links{
width: 250px;
float: left;
}

#links a{
color:#555;
}
.box{
}
h4.box-title{
color: #000;
text-align: center;
font-weight: bold;
background:#fff;
padding: 5px 0px;
}
.box-text{
word-break: break-all;
margin: 0px 0px 20px 0px;
padding: 15px 1px 0px 1px;
font-size: 9pt;
color: #777;
line-height: 21px;
}
.box li{
}
#links .box-text a {
display:block ;
color:#fff;
}
#links .box-text a:hover{
color:#555;
}
.box-more{
margin: 5px 0px 0px 0px;
text-align:right;
}
.box-more a{
padding: 1px 3px;
color:#000;
border:1px solid #fff;
background:#fff;
}
.box-more a:hover{
border:1px solid #fff;
background:#fff;
}
#links .box .box-more a{
color:#000;
display:inline ;
}

/* Links2
-------------------------------------------------------------------------*/

#calendar table{
width:100%;
margin:0 auto ;
color:#fff;
}

#calendar table th,
#calendar table td{
text-align: center;
font-size:11px;
color:#555;
border:4px solid #000;
background: #fff;
}
#calendar .box-text td a{
color: #fff;
font-weight:bold;
background: #000;
}
#calendar .box-text td a:hover{
color: #fff;
font-weight: bold;
background: #000;
}

#visitor{
_height: 1%;
overflow: hidden;
_overflow: none;
}
#visitor .box-text li{
FLOAT:left;
}
#visitor .box-text li a{
margin: 0px 4px 2px 0px;
width: 25px;
height: 25px;
}
#visitor .box-text li a:hover{
background: none;
}
#visitor .box-text li img{
margin: 0px 0px 0px 0px;
}
#visitor .box-text li a img{
height:25px;
width:25px;
}
#visitor .box-text li a:hover img {
height:25px;
width:25px
}
#visitor .box-more {clear:both;}

#crumb ul{
_height: 1% ;
overflow: hidden ;
_overflow: none ;
}
#crumb li{
float:left ;
}

#latest-comment a{
text-align:right ;
}
#latest-comment span{
font-weight:bold ;
}

#links #latest-trackback .box-text a{
border-bottom:0px ;
text-align:left ;
}
#latest-trackback li{
padding:0px 0px 3px 0px ;
margin:0px 0px 3px 0px ;
text-align:left;
}

#links #subsc<x>ription .box-text li a{
border: 0 ;
text-align:left ;
}
#links #subsc<x>ription .box-text li{
padding:0px 0px 3px 0px ;
margin:0px 0px 3px 0px ;
text-align:left;
}

#subscription .box-text{
text-align: left;
}
#subscription .box-text li a{
text-align: left;
}

#search {}
#search .box-text li{
display: inline;
}
input#search-target {
width: 100px;
background: #eee;

}

#feed li{
}

/* FOOTER 頁尾
-------------------------------------------------------------------------*/
#footer{
border-top: 5px solid #000;
clear:both ;
overflow: hidden;
letter-spacing: 1px;
line-height:20px ;
color:#FFFFFF;
margin: 10px 10px;
padding: 10px 50px 0px 0px;
text-align: right;
background-color:#000;
}

#footer a{
color:#FFFFFF;
}