PO這篇的意思就是......我想要改版啦!!!
不過,大概還要一段時間才會開始改...
最近懶懶懶(滾滾滾...)~
總覺得每次改出來風格都差不多-.-
都沒辦法突破啦我...嘖嘖!!
屋喔喔~我要變強ˋ口ˊ(?)
恩....膩了,還是先套用別人的好了~~~
/*------------------------------ #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 ; }
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 template exemplar - by PrincessWow
特殊版型 - 2
三欄式 / 特殊版型 / 二個捲軸 / 標頭區靠左 / 內文區靠中 / 側選單靠右
------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------- 大範圍區塊 ---------------------------------------------------------------*/
/*--整體設定--*/
body{
font-size: 8pt;
font-family:"Verdana" ;
background: url('http://p2.p.pixnet.net/albums/userpics/2/6/470926/1208233640.jpg') no-repeat left top;
texr-spacing: 1px;
}
#body-div{}
/*--超連結--*/
a{
color:#666 ;
text-decoration:none ;
}
/*--滑鼠移動到超連結上時--*/
a:hover{
color: #222 ;
}
#body-div{
width: 914px;
margin: 0 auto ;
position:relative ;
}
#authority {
position: absolute ;
top: 481px;
left: 12px ;
text-align: center ;
width: 190px;
}
#authority a{
float: left;
display: block;
background:#fff ;
filter: alpha(opacity:50);
width: 92px ;
text-align: center;
color:#000 ;
padding: 5px 0px 2px 0px ;
border: 1px solid #aaa;
font-size: 8pt;
}
#authority a:hover{
background: #fff;
filter: alpha(opacity:75);
text-decoration: none ;
}
/*--發表新文章功能鈕--*/
#authority #newpost{}
/*--進入後台功能鈕--*/
#authority #backstage{}
/*--所有內容--*/
#container{
width:930px ;
margin: 20px auto 10px auto ;
}
#container2{
margin-top: 50px;
position:relative ;
padding: 0px 10px ;
}
#container3{}
/*--主要內容區+側邊欄位區--*/
#main{
height: 470px;
overflow-y: auto;
overflow-X: hidden;
margin-bottom:10px;
}
select{
color: #555;
background: none;
}
/* --------------------------------------------------------------- 頁首 ---------------------------------------------------------------*/
#header{
padding: 0px;
margin-bottom:10px;
height:455px ;
width:190px;
position:absolute ;
top:20px;
left:10px;
_left:0px;
}
/*--登入功能列--*/
#login-bar{
text-align: right;
position: absolute;
top: -51px;
right: -710px;
padding: 5px 5px 3px 5px ;
font-size: 8pt;
background: #fff;
filter: alpha(opacity:50);
border-bottom: 1px dotted #aaa;
}
#login-bar a{
color: #646464 ;
}
#login-bar a:hover{
color: #000 ;
}
/*--頁面上方區塊-不包括登入功能列--*/
#banner{
margin-top: 150px;
padding: 20px 0px;
width: 180px;
}
/*--部落格標題--*/
#banner h1 a{
text-align: left;
color:#000 ;
font-size: 12pt;
font-weight:bold ;
}
/*--跳到主文--*/
#banner .skiplink{
display: none;
}
/*--部落格描述--*/
#banner h2{
font-size: 8pt;
padding: 5px 0px 0px 5px;
}
/*--部落格全站分類--*/
#blog-category{
float: left;
text-align: left;
position:absolute ;
top: 465px;
left: 2px;
padding: 5px 5px 3px 5px ;
font-size: 8pt;
filter: alpha(opacity:50);
border-bottom: 1px dotted #444;
}
#blog-category a{
color: #000;
}
#blog-category a:hover{
color: #111;
}
/*--其他服務連結區塊--*/
#navigation{
float: left;
text-align: center ;
position:absolute ;
top: 436px;
left: 2px;
overflow:hidden ;
_overflow:none ;
}
/*--其他服務連結區塊內的所有連結--*/
#navigation a{
float: left;
display: block;
background:#fff ;
filter: alpha(opacity:50);
width: 45px ;
text-align: center;
color:#000 ;
padding: 5px 0px 2px 0px ;
border: 1px solid #aaa;
font-size: 8pt;
}
#navigation a:hover{
background: #fff;
filter: alpha(opacity:75);
text-decoration: none ;
}
/*--其他服務連結區塊內的所有項目--*/
#navigation li{
margin: 0px 0px 0px 0px ;
}
/*--其他服務連結-相簿--*/
#link-album{
float: left;
}
/*--其他服務連結-部落格--*/
#link-blog{
float: left;
}
/*--其他服務連結-留言版--*/
#link-guestbook{
float: left;
}
/*--其他服務連結-名片--*/
#link-profile{
float: left;
}
/* --------------------------------------------------------------- 主要內容區 ---------------------------------------------------------------*/
/*--主要內容區--*/
#content{
width:490px ;
float:left ;
padding: 0px ;
margin-left: 196px ;
_margin-left: 98px ;
height:430px;
}
/*--公告注目區--*/
#spotlight{
font-family:"Arail" ;
position: absolute ;
top: 70px;
left: 0px ;
color: #646464;
padding:10px;
margin-bottom: 10px ;
}
/*--公告注目區標題--*/
#spotlight h5{
color:# 444 ;
text-align:Center ;
padding:3px 0px ;
margin-bottom: 5px ;
}
/*--公告注目區內容--*/
#spotlight-text{}
/*--所有文章區塊--*/
#article-area{
padding: 0px ;
}
/*--所有文章區塊標題--*/
.article-area-title{
padding: 3px 7px;
border:1px dotted #aaa ;
}
/*--瀏覽方式--*/
#display{
text-align:right;
margin : 5px 0px ;
}
/*--瀏覽方式這四個字--*/
#display span{}
/*--標題列表/簡短摘要--*/
#display a{}
/*--單一篇文章--*/
.article{
margin-bottom: 20px ;
padding: 5px ;
border-bottom: 1px solid #aaa;
}
/*--單一篇文章最上方--*/
.article-head {
width: 445px;
height: 23px;
background: #fff center no-repeat;
filter: alpha(opacity=70);
padding: 20px 10px 10px 10px;
margin-bottom: 10px ;
border: 1px solid #aaa;
}
/*--發表時間--*/
.publish{
float: right;
padding: 10px 0px 0px 0px;
}
/*--月份--*/
.month{}
/*--日期--*/
.date{}
/*--星期--*/
.day{}
/*--年--*/
.year{}
/*--時間--*/
.time{}
/*--文章標題--*/
.title h2 a{
font-size: 10pt ;
color:#646464 ;
}
/*--文章標題前的密碼圖示/隱藏圖示/好友保護圖示--*/
.title h2 img{}
/*--單一篇文章中間區塊--*/
.article-body{}
/*--加入書籤--*/
.bookmark{
text-align:right ;
}
/*--文章內容--*/
.article-content{
line-height: 175% ;
margin : 5px 0px ;
padding: 10px;
background: #fff;
filter: alpha(opacity=70);
}
/*--繼續閱讀--*/
.more{
padding: 5px;
}
.more a{
display: block ;
width: 44px ;
height: 32px ;
background: url('http://p2.p.pixnet.net/albums/userpics/2/6/470926/1201587809.jpg') no-repeat center;
text-indent: -5000px;
filter: gray;
}
.more a:hover{
display: block ;
width: 44px ;
height: 32px ;
background: url('http://p2.p.pixnet.net/albums/userpics/2/6/470926/1201587809.jpg') no-repeat center;
text-indent: -5000px;
filter: alpha(opacity=100);
}
/*--發表時間--*/
.author{
text-align:right ;
margin: 5px 0px 0px 0px ;
border-bottom: 1px dotted #aaa ;
padding-bottom: 5px ;
}
/*--單一篇文章最下方--*/
.article-footer{
padding: 5px 10px ;
}
/*--此篇文章分類 : 個人分類+全站分類--*/
.refer{
padding-bottom: 5px ;
margin-bottom: 5px ;
}
/*--歷史上的今天--*/
.history{
padding-bottom: 5px ;
margin-bottom: 5px ;
}
/*--轉寄文章--*/
.forward{
text-align:right ;
}
/*--回到頁首--*/
.back-to-top{
display: none;
}
/* --------------------------------------------------------------- 引用及回應列表 ---------------------------------------------------------------*/
/*--引用及回應列表全部的大範圍--*/
#user-post{
padding: 0px;
margin-bottom: 20px ;
}
/*--僅引用區塊--*/
#trackback-box{
margin-bottom: 20px;
}
/*--僅回應列表--*/
#comment-box{}
/*--引用列表+回應列表--*/
.user-post-box{
padding: 10px;
}
/*--引用列表標題--*/
#trackback-title{}
/*--回應列表標題--*/
#comment-title{
}
/*--引用列表標題+回應列表標題--*/
.user-post-title {
margin-bottom: 10px ;
padding: 5px 10px ;
border: 3px dotted #fff;
}
/*--引用內容區塊--*/
#trackback-text{}
/*--回應內容區塊--*/
#comment-text{
}
/*--引用內容區塊+回應內容區塊--*/
.user-post-text{
padding: 0px ;
margin-top: 50px
}
/*--單一引用--*/
#trackback-box .single-post{}
/*--單一回應--*/
#comment-box .single-post{
}
/*--單一引用+單一回應--*/
.single-post{
background:#fff;
filter: alpha(opacity:65);
margin: 10px ;
padding: 10px ;
overflow:hidden ;
_overflow:none ;
_height: 1% ;
border: 1px dotted #aaa;
}
/*--引用者資訊+回應者資訊--*/
.post-info{
border-bottom: 1px dashed #bbb ;
padding-bottom: 5px ;
margin-bottom: 10px ;
font-weight:bold ;
}
/*--單一引用內容+單一回應內容--*/
.post-text{
width: 300px;
margin: 10px;
}
#trackback-box .post-text{
}
/*--單一引用標題+單一回應標題--*/
.post-text p{
width: 180px ;
}
/*--回應者頭像--*/
.post-photo{
width:100px ;
float:left ;
text-align:Center ;
}
/*--版主回覆內容--*/
.reply-text{
clear:both ;
border-top: 1px dashed #bbb ;
padding: 5px ;
}
/*--版主回覆資訊--*/
.reply-text p{
}
/*--悄悄話--*/
.secret{
}
/*--留下迴響--*/
.post-comment{
float: right;
margin: 5px;
}
.post-comment a{
width: 58px;
height: 18px;
display: block;
background: url('http://p2.p.pixnet.net/albums/userpics/2/6/470926/1201589716.jpg') no-repeat center;
text-align: center;
color: #000;
padding: 5px 0px 0px 3px;
border: 1px dotted #000;
filter: alpha(opacity=60);
}
.post-comment a:hover{
filter: alpha(opacity=100);
}
input{
background: none;
color: #444;
padding: 5px 0px 0px 0px;
}
/* --------------------------------------------------------------- 列表模式的文章區塊 ---------------------------------------------------------------*/
/*--列表--*/
.main-list{
padding:10px ;
margin-bottom: 15px ;
}
/*--列表表格--*/
.main-list table{
width:95% ;
margin:10px;
}
/*--列表標題--*/
.main-list h3{
background:#fff ;
padding: 5px 10px ;
margin-bottom: 10px;
}
/*--列表表頭表格--*/
.main-list th{
border:1px solid #888 ;
padding: 2px;
}
/*--列表一般表格--*/
.main-list td{
border:1px solid #888 ;
padding: 2px;
}
/*--列表文章名稱--*/
.main-list a{
}
/*--所有文章列表--*/
#article-list{}
/*--單一分類文章列表--*/
#category-list{}
/*--所有歷史狀態列表--*/
#murmur-list{}
/*--頁數--*/
.page{}
/* --------------------------------------------------------------- 側邊欄位區 ---------------------------------------------------------------*/
/*--側邊欄位區--*/
#links{
width:200px ;
float:right;
height:450px;
}
/*--三欄式的第一欄--*/
#links-row-1{
}
/*--三欄式的第二欄--*/
#links-row-2{
}
/*--單一功能區塊--*/
.box{
border:1px solid #fff ;
padding: 10px;
margin-bottom: 15px ;
}
/*--單一功能區塊標題'--*/
.box-title{
background: url('http://p2.p.pixnet.net/albums/userpics/2/6/470926/1208234270.jpg') no-repeat center;
color: #646464;
padding: 10px 0px 8px 20px ;
font-size: 8pt;
margin-bottom: 10px ;
border: 1px solid #aaa;
}
/*--單一功能區塊內容--*/
.box-text{
}
/*--單一功能區塊項目--*/
.box-text li{
margin: 5px 0px ;
}
/*--單一功能區塊超連結--*/
.box-text a{
}
/*--誰來我家--*/
#visitor{
}
/*--誰來我家標頭--*/
#visitor .box-title{}
/*--誰來我家內容區塊--*/
#visitor .box-text{
}
/*--單一頭像列表--*/
#visitor ul{
overflow: hidden ;
_overflow: none ;
width:170px ;
}
/*--單一頭像--*/
#visitor li{
float: left;
padding: 5px;
}
/*--所有訪客列表--*/
#visitor .box-more{
}
/*--我去誰家--*/
#crumb{}
/*--我去誰家標頭--*/
#crumb .box-title{}
/*--我去誰家內容區塊--*/
#crumb .box-text{}
/*--單一頭像列表--*/
#crumb ul{
_height: 1% ;
overflow: hidden ;
_overflow: none ;
}
/*--單一頭像--*/
#crumb li{
float:left;
}
/*--所有瀏覽列表--*/
#crumb .box-more{}
/*--站方公告--*/
#announce{}
/*--站方公告標頭--*/
#announce .box-title{}
/*--站方公告內容區塊--*/
#announce .box-text{}
/*--一條站方公告--*/
#announce a{}
/*--碎碎唸--*/
#murmur{}
/*--碎碎唸標頭--*/
#murmur .box-title{}
/*--碎碎唸內容區塊--*/
#murmur .box-text{}
/*--發表時間--*/
#my-time{}
/*碎碎唸文字內容*/
#murmur-text{}
/*--好友的碎碎唸聯播--*/
#broadcast{}
/*--好友的碎碎唸標頭--*/
#broadcast .box-title{}
/*--好友的碎碎唸內容區塊--*/
#broadcast .box-text{}
/*--一個好友的內容--*/
#broadcast .box-text ul{
border-bottom: 1px dashed #777 ;
_height:1% ;
overflow: hidden ;
_overflow: none ;
}
/*--好友的頭像--*/
.broadcast-photo{
float:left ;
width:40px ;
}
/*--好友的碎碎唸發表時間--*/
.broadcast-time{}
/*--好友的碎碎唸發表內容--*/
.broadcast-text{}
/*--個人頭像--*/
#headshot{}
/*--個人頭像標頭--*/
#headshot .box-title{}
/*--個人頭像內容區塊--*/
#headshot .box-text{}
/*--個人頭像那張照片--*/
#headshot .box-text img{}
/*--搜尋--*/
#search{}
/*--搜尋標頭--*/
#search .box-title{}
/*--搜尋內容區塊--*/
#search .box-text{}
/*--搜尋內容所有按鈕--*/
#search .box-text input{
width:110px ;
}
/*--搜尋輸入文字欄位--*/
#search-target{}
/*--搜尋確定鈕--*/
#search-send{}
/*--本日人氣--*/
#counter{}
/*--本日人氣標頭--*/
#counter .box-title{}
/*--本日人氣內容區塊--*/
#counter .box-text{}
/*--人氣數字--*/
#countr .box-text span{}
/*--更換樣式--*/
#change-theme{}
/*--更換樣式標頭--*/
#change-theme .box-title{}
/*--更換樣式內容區塊--*/
#change-theme .box-text{}
/*--更換樣式選單--*/
#change-theme select{
width:120px;
}
/*--新聞交換rss--*/
#feed{}
/*--新聞交換標頭--*/
#feed .box-title{}
/*--新聞交換內容區塊--*/
#feed .box-text{}
/*--新聞交換icon--*/
#feed img{}
/*--月曆--*/
#calendar{
}
/*--月曆標頭--*/
#calendar .box-title{}
/*--月曆內容區塊--*/
#calendar .box-text{
}
/*--月曆-月曆表格--*/
#calendar table{
text-align: center;
width: 155px;
padding: 5px;
}
/*--月曆-選擇月份的那一欄--*/
#calendar .calMonthNav{
}
/*--月曆-星期幾的那一欄--*/
#calendar .calMonthHeader{
}
/*--月曆-日期儲存格--*/
#calendar td{
}
/*--月曆-當天有寫文章的儲存格--*/
#calendar td a{
color: #aaa;
}
#calendar td a:hover{
color: #444;
}
/*--近期文章--*/
#recent-article{}
/*--近期文章標頭--*/
#recent-article .box-title{}
/*--近期文章內容區塊--*/
#recent-article .box-text{}
/*--近期文章文章標題--*/
#recent-article .box-text a{}
/*--人氣文章--*/
#hot-article{}
/*--人氣文章標頭--*/
#hot-article .box-title{}
/*--人氣文章內容區塊--*/
#hot-article .box-text{}
/*--人氣文章文章標題--*/
#hot-article .box-text a{}
/*--文章分類--*/
#category{}
/*--文章分類標頭--*/
#category .box-title{}
/*--文章分類內容區塊--*/
#category .box-text{}
/*--文章分類的分類目錄--*/
#category .box-text h6{}
/*--文章分類的文章分類名稱--*/
#category .box-text li a{}
/*--文章彙整--*/
#archive{}
/*--文章彙整標頭--*/
#archive .box-title{}
/*--文章彙整內容區塊--*/
#archive .box-text{}
/*--文章彙整月份選單--*/
#archive .box-text select{
width: 180px;
font-size: 8pt;
}
/*--所有文章列表--*/
#archive .box-text li a{}
/*--最新迴響--*/
#latest-comment{}
/*--最新迴響標頭--*/
#latest-comment .box-title{}
/*--最新迴響內容區塊--*/
#latest-comment .box-text{}
/*--最新迴響-迴響日期--*/
#latest-comment .box-text span{}
/*--最新迴響-迴響摘要--*/
#latest-comment .box-text li a{}
/*--最新引用--*/
#latest-trackback{}
/*--最新引用標頭--*/
#latest-trackback .boc-title{}
/*--最新引用內容區塊--*/
#latest-trackback .box-text{}
/*--最新引用-引用過去的文章標題--*/
#latest-trackback .box-text li a{}
/*--最新引用-引用過去的部落格主標--*/
#latest-trackback .box-text li span{}
/*--最新訂閱--*/
#subscription{}
/*--最新訂閱標頭--*/
#subscription .box-title{}
/*--最新訂閱內容區塊--*/
#subscription .box-text{}
/*--最新訂閱-訂閱對方的新文章標題--*/
#subscription .box-text li a{}
/*--最新訂閱-訂閱對方的部落格主標--*/
#subscription .box-text li span{}
/*--我的蒐藏--*/
#favorite{}
/*--我的蒐藏標頭--*/
#favorite .box-title{}
/*--我的蒐藏內容區塊--*/
#favorite .box-text{}
/*--我的蒐藏選單--*/
#favorite .box-text select{
font-size:7pt;
width: 180px;
}
/*--我的連結--*/
#mylink{}
/*--我的連結標頭--*/
#mylink .box-title{}
/*--我的連結內容區塊--*/
#mylink .box-text{}
/*--我的連結-單一分類--*/
#my-link .box-text .link-box{}
/*--我的連結-單一分類標題--*/
#my-link .box-text .link-box h6{}
/*--我的連結-單一連結--*/
#my-link .box-text .link-box li a{}
/*--所有自訂欄位--*/
.folder{}
/*--所有自訂欄位標頭--*/
.folder .box-title{}
/*--所有自訂欄位內容區塊--*/
.folder .box-text{}
/*--powered--*/
#powered{}
/*--powered標頭--*/
#powered .box-title{}
/*--powered內容區塊--*/
#powered .box-text{}
/*--頁尾--*/
#footer{
float: right;
clear:both ;
padding:5px 0px ;
}
#footer a{
float: left;
display: block;
background:#fff ;
filter: alpha(opacity:50);
width: 92px ;
height: 15px;
text-align: center;
color:#000 ;
padding: 5px 0px 3px 0px ;
border: 1px solid #aaa;
text-align:center ;
font-size: 8pt;
}
#footer a:hover{
background: #fff;
filter: alpha(opacity:75);
text-decoration: none ;
}
/*--頁尾-自訂聲明--*/
#footer p{}
/*--頁尾-pixnet連結--*/
#footer #bottom{
}
留言列表
