/*------------------------------ #Generate By Pixnet ------------------------- */
/*------------------------------ #comment-table ------------------------------ */
#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;
}
/*------------------------------ #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;
}
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% ;
overflow: hidden ;
_overflow: none;
}
/*------------------------------
搞飄修正自pixnet範本
http://ggp0819.pixnet.net/blog/
------------------------------*/
body{
background:url() repeat-x top #fff;
font-family:"Verdana" ;
}
a{
color:#cc0099;
text-decoration:none;
}
#authority{
position: absolute;
left: 5px;
z-index:300;
}
#authority a{
color:#999 ;
padding: 0px 5px;
font-size:12px;
*font-size:10px;
}
#authority a:hover{
color:#ff9900 ;
}
#container{
background:url(http://pic.pimg.tw/shelleynashe/4b322a7122662.jpg) no-repeat top #fff ;
width:1000px ;
margin: auto ;
font-size:13px ;
}
#container2{
}
#main{
background:url(http://p9.p.pixnet.net/albums/userpics/9/9/235499/48c61875115c7.jpg) repeat-y center ;
overflow:hidden;
padding:10px 20px;
_height: 1%;
}
/*------------------------------ HEADER ------------------------------*/
#header{
position:relative;
height:500px;
padding:10px ;
margin:0px ;
}
#login-bar{
position:absolute ;
top:0px ;
left:500px ;
color:#3333ff;
}
#login-bar a{
color:#3333ff;
}
#banner{
margin-bottom:10px ;
}
#banner h1 a{
font-size:30px ;
font-family:"verdana" ;
color:#CC0066 ;
font-weight: bold ;
position: absolute;
left:40px;
top:440px;
}
#banner h1 a:hover{
color:#ff33cc;
}
#banner h2{
position: absolute;
left:620px;
top:440px;
}
#banner p.skiplink,#blog-category{
display:none;
}
/*------------------------------ NAVIGATION ------------------------------*/
#navigation{
position:absolute;
left:360px;
top:500px;
}
#navigation li{
width:60px;
float: left ;
margin-right: 3px ;
}
#navigation a{
display:block ;
height:27px ;
width:64px ;
padding-top:3px ;
font-size: 20px ;
color:#333399 ;
text-align:Center ;
font-weight: bold ;
}
#navigation a:hover{
color:#ff9900;
}
/*---------------------------------CONTENT--------------------------------*/
#content{
position: relative;
float: right ;
width: 580px;
overflow:hidden ;
right: 188px;
}
#content a{
}
#spotlight{
padding:10px 0px;
margin:0px 15px;
border-bottom:1px #999 solid;
}
#spotlight h5{
color:#cfb79d;
font-size:18px;
text-align:center;
font-weight:bold ;
padding:0px 0px 5px 0px;
}
#spotlight-text{
color:#636 ;
}
#spotlight a{
color:#fff ;
}
h3.article-area-title,#view-mode{
display:none;
}
#sequence{
width:220px ;
float:right ;
text-align:right ;
}
#display{
width:425px;
float:left ;
}
#article-area{
padding:10px ;
}
.article-content{
line-height: 160% ;
}
.article-head{
background:url(http://pic.pimg.tw/shelleynashe/4b32371dcc46c.gif) no-repeat top left ;
padding: 0px 0px 10px 0px ;
margin-bottom:20px;
}
.article-head a{
font-weight: bold ;
}
.article-head a:hover{
color:#ff9900;
}
.article{
_height:1% ;
margin-bottom: 10px;
}
.publish {
padding:0px 0px 5px 80px ;
color:#3399cc ;
}
.publish .month ,
.publish .date,
.publish .day ,
.publish .year{
font-size: x-small ;
}
.title{
color:#cc0099 ;
padding:0px 0px 0px 80px;
}
.title a{
text-align:left;
color:#cc0099 ;
font-size:18px;
}
.article-body{
padding:7px ;
border-bottom: 1px dashed #999 ;
}
.bookmark{
text-align:right ;
margin-bottom:10px ;
}
.article-body p{
line-height:160% ;
}
.author{
text-align:right ;
}
.related{
margin: 10px 0px 15px 20px ;
}
.article-footer{
padding:6px ;
}
.history{
text-align:right ;
}
.back-to-top{
text-align:right ;
}
.refer{
float:left ;
}
.trackback-url{
clear:both ;
}
.forward{
clear:both ;
text-align:right ;
}
/*---------------------------------------ARTICLE-LIST----------------------------------------*/
.article-list table{
width:96% ;
}
/*-----------------------------------------MAIN-LIST--------------------------------------------*/
.main-list{
margin-bottom:30px ;
}
.main-list table{
width: 95% ;
margin: 0 auto ;
}
.main-list th,
.main-list td{
border:1px solid #999 ;
padding: 3px 5px;
}
/*--------------------------------- LINKS --------------------------------*/
#links{
float: left;
width: 380px;
color:#888;
}
#links-row-1{
float: left;
width: 180px;
_height: 1%;
}
#links-row-2{
float: right;
width: 180px;
position: relative;
left: 580px;
}
#links a{
color:#cc0099;
}
.box{
margin-bottom:10px ;
}
.box-title{
color:#444 ;
background:url(http://p9.p.pixnet.net/albums/userpics/9/9/235499/48ca153356fe4.gif) no-repeat top #fff ;
padding: 12px 0px 8px 0px;
margin: 0px 0px 5px 0px ;
font-size:15px ;
font-weight: bold ;
height: 23px;
}
.box li{
border-bottom: 1px dashed #999 ;
padding: 3px 0px ;
}
.box-more{
text-align:right ;
margin: 0px 0px 2px 0px ;
}
#links .box-more a{
color:#424242 ;
padding:2px 4px 2px 4px ;
}
#links .box-more a:hover{
background:#999 ;
color:#fff;
}
.box h6{
margin-top:5px ;
}
/*-----------------------CALENDAR---------------------------*/
#calendar table{
width:90% ;
margin:0 auto ;
}
#calendar th,
#calendar td{
text-align:center ;
}
/*-----------------------murmur---------------------------*/
#murmur{
overflow:hidden ;
_height:1% ;
}
#murmur li{
border:none ;
}
/*-------------------------------BROADCAST----------------------------*/
#broadcast li{
border: 0 ;
padding: 0;
}
#broadcast ul{
border-bottom: 1px dashed #999 ;
padding: 5px 0px ;
}
.broadcast-photo{
width: 50px ;
text-align:left ;
float:left ;
}
.broadcast-time span{
font-size: 10px;
display:block ;
}
.broadcast-text{
padding:0px 5px;
clear:both ;
}
/*-----------------------------------SEARCH------------------------------------------*/
#search-table{
margin: 0 auto ;
}
#search .box-text {
text-align:center;
}
/*-----------------------NEW-COMMENT---------------------------*/
#new-comment a{
display:block ;
margin:3px 0px 0px 10px ;
}
#new-comment span {
padding-right:5px ;
font-weight:bold ;
font-size:10px ;
letter-spacing:-1px ;
}
#new-comment li{
display:block ;
}
#category .box-more a,
#mylink .box-more a{
padding:0px ;
border:0px ;
}
/*-----------------------RECENT-ARTICLE---------------------------*/
#recent-article img{
padding-right:4px ;
}
/*-----------------------NEW-TRACKBACK---------------------------*/
#new-trackback a{
display:block ;
}
#new-trackback span{
text-align:right ;
display:block ;
}
/*-----------------------SUBSCRIPTION---------------------------*/
#subscription a{
display:block ;
}
#subscription span{
text-align:right ;
display:block ;
}
/*-----------------------POWERED---------------------------*/
#powered .box-text{
text-align:center ;
}
#powered li{
border:0px ;
padding:0px ;
}
#counter li,#headshot li,#feed li,#search li{
border:none;
}
#counter .box-text,#headshot .box-text,#feed .box-text{
text-align:center;
}
/*-----------------------USER-POST-BOX---------------------------*/
.user-post-box{
padding:10px ;
}
.user-post-title{
font-size:22px ;
font-family:"Simhei" ;
margin:0px 0px 10px 0px;
color:#ff9900;
}
.post-comment{
font-size:18px ;
text-align:center ;
margin:0px 5px 15px 5px;
}
#content .post-comment a{
color:#666 ;
padding:3px 10px 5px 10px ;
}
.single-post{
background:#eee ;
padding:10px ;
_height: 1% ;
overflow:hidden ;
_overflow:none ;
margin-bottom:20px ;
}
.post-info{
border-bottom:1px dashed #888 ;
margin-bottom:5px ;
padding-bottom:5px;
color:#424242 ;
font-weight:bold ;
}
.user-name{
font-size:16px ;
font-family:"Georgia" ;
color:#ff9900;
}
.post-photo{
width:100px ;
text-align:center ;
float:left ;
}
.post-text{
width:400px ;
padding:0px 0px 5px 0px;
float:right ;
color:#666 ;
}
.reply-text{
background:#777 ;
color:#fff;
padding:5px ;
margin-left:115px;
clear:both ;
}
#trackback-box .post-text{
width:auto ;
float:none ;
}
#trackback-url{
margin-bottom:10px;
}
#footer{
display:block ;
clear:both ;
background:url(http://p9.p.pixnet.net/albums/userpics/9/9/235499/48c61875115c7.jpg) repeat-y center ;
text-align:center ;
padding:5px 0px ;
}
#footer p{
width:560px;
margin:auto;
}
div.page{
text-align:center;
}
/*------------ VISITOR -----------*/
#visitor,
#crumb{}
#visitor ul,#crumb ul{
overflow: hidden;
_overflow: none;
_height: 1%;
}
#visitor li,#crumb li{
float: left;
margin-right: 3px;
margin-bottom: 3px;
line-height: 0;
}
#visitor li img,
#crumb li img {
width: 30px;
height: 30px;
}
#visitor .box-more,
#crumb .box-more{
margin-top: 10px;
}
/*------------------------------ comment-table ------------------------------ */
#comment-form table{
width: 96% ;
margin: 0 auto ;
}
#comment-form td{
border: 1px solid #444 ;
padding: 5px;
}
/*------------------------------ comment-table ------------------------------ */
/*
#comment-form table{
width: 95% ;
margin: 0 auto ;
}
#comment-form td{
border: 1px solid #fba5bf ;
padding: 5px 10px ;
}
.comment-form-title td{
background:#ffbcd0 ;
color: #c5003b ;
font-size: 1.2em ;
font-weight:bold !important;
}
.comment-form-title td H4{
font-weight:bold ;
}
*/
公告版位
- Dec 25 Fri 2009 23:51
☆【自製樣式】 修慈(脩慈.脩香.修香) - 網誌01 ☆
全站熱搜
留言列表
發表留言