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: 11px; font-family:"Verdana" ; } #body-div{} /*--超連結--*/ a{ color:#006842 ; text-decoration:none ; } /*--滑鼠移動到超連結上時--*/ a:hover{ color:red ; text-decoration: underline ; } /*--登入後最上方的後台功能列--*/ #authority{ background:#888 ; padding: 10px 0px ; text-align:center ; } /*--登入後最上方的後台功能列的所有按鈕--*/ #authority a{ background:#555 ; padding:5px 10px ; color:#fff ; } /*--發表新文章功能鈕--*/ #authority #newpost{} /*--進入後台功能鈕--*/ #authority #backstage{} /*--所有內容--*/ #container{ width:900px ; margin:80px auto 10px auto ; background:#fff ;border-left:1px solid #000 ;border-right:1px solid #000 ;border-bottom:1px solid #000 ;border-top:1px solid #000 ; } #container2{ position:relative ; padding:10px ; } #container3{} /*--主要內容區+側邊欄位區--*/ #main{ overflow:hidden ; margin-bottom:10px; } /* --------------------------------------------------------------- 頁首 ---------------------------------------------------------------*/ #header{ background:transparent ; padding:10px; margin-bottom:10px; height:100px ; width:200px; position:absolute ; top:10px; left:10px; _left:0px; } /*--登入功能列--*/ #login-bar{display:none; text-align:right ; position:absolute ; top:-28px; width:200px; right:-700px; } /*--頁面上方區塊-不包括登入功能列--*/ #banner{background:#FFF ; margin:-5px 0px 0px -10px ;width:65px; height:460px ;background:url(http://p3.p.pixnet.net/albums/userpics/3/8/812238/1216993753.png) no-repeat; } } /*--部落格標題--*/ #banner h1 a{margin:-120px 0px 0px 0px ; font-size: large ;position:absolute ; font-weight:bold ; } /*--跳到主文--*/ #banner .skiplink{display:none;} /*--部落格描述--*/ #banner h2{margin:-50px 0px 0px 0px ;position:absolute ;} /*--部落格全站分類--*/ #blog-category{margin:10px 0px 0px 900px ;position:absolute ;} /*--其他服務連結區塊--*/ #navigation{position:absolute ; background:transparent ; overflow:none ; _height:20% ; padding: 5px ;margin:0px 0px 0px -80px ; } /*--其他服務連結區塊內的所有連結--*/ #navigation a{ width:79px ; text-align:center ; color:#000 ; background:#000 ; padding: 3px 0px ; } /*--其他服務連結區塊內的所有項目--*/ #navigation li{ margin: -100px 0px 0px -30px ; } #navigation li a { display:block; width:79px; height:70px; font-size:0; color:#fff; } #link-album a { background:url(http://p3.p.pixnet.net/albums/userpics/3/8/812238/1216992748.png) no-repeat 0; } #link-blog a { background:url(http://p3.p.pixnet.net/albums/userpics/3/8/812238/1216992750.png) no-repeat 0; } #link-guestbook a { background:url(http://p3.p.pixnet.net/albums/userpics/3/8/812238/1216992752.png) no-repeat 0; } #link-profile a { background:url(http://p3.p.pixnet.net/albums/userpics/3/8/812238/1216992754.png) no-repeat 0; } #link-album a:hover { background:url(http://p3.p.pixnet.net/albums/userpics/3/8/812238/1216992747.png) no-repeat 0; } #link-blog a:hover { background:url(http://p3.p.pixnet.net/albums/userpics/3/8/812238/1216992749.png) no-repeat 0; } #link-guestbook a:hover { background:url(http://p3.p.pixnet.net/albums/userpics/3/8/812238/1216992751.png) no-repeat 0; } #link-profile a:hover { background:url(http://p3.p.pixnet.net/albums/userpics/3/8/812238/1216992753.png) no-repeat 0; } /* --------------------------------------------------------------- 主要內容區 ---------------------------------------------------------------*/ /*--主要內容區--*/ #content{ width:580px ;height:500px ; float:left ; background:#fff ; padding:10px ; margin-left: 60px ; _margin-left: 98px ; height:430px; overflow:auto ; } /*--公告注目區--*/ #spotlight{ background:#aaa ; padding:10px; margin-bottom: 10px ; } /*--公告注目區標題--*/ #spotlight h5{ color:#fff ; background:#999 ; text-align:Center ; padding:3px 0px ; margin-bottom: 5px ; } /*--公告注目區內容--*/ #spotlight-text{} /*--所有文章區塊--*/ #article-area{ border:1px solid #000 ; padding: 10px ; } /*--所有文章區塊標題--*/ .article-area-title{ background:#999 ; padding: 3px 7px; } /*--瀏覽方式--*/ #display{ text-align:right; margin : 5px 0px ; } /*--瀏覽方式這四個字--*/ #display span{} /*--標題列表/簡短摘要--*/ #display a{} /*--單一篇文章--*/ .article{ background:#aaa ; margin-bottom: 20px ; padding:10px ; } /*--單一篇文章最上方--*/ .article-head{ background:#888 ; padding: 5px; margin-bottom: 10px ; } /*--發表時間--*/ .publish{} /*--月份--*/ .month{} /*--日期--*/ .date{} /*--星期--*/ .day{} /*--年--*/ .year{} /*--時間--*/ .time{} /*--文章標題--*/ .title h2 a{ font-size: medium ; color:#55d5ff ; } /*--文章標題前的密碼圖示/隱藏圖示/好友保護圖示--*/ .title h2 img{} /*--單一篇文章中間區塊--*/ .article-body{} /*--加入書籤--*/ .bookmark{ text-align:right ; } /*--文章內容--*/ .article-content{ line-height: 140% ; margin : 5px 0px ; } /*--繼續閱讀--*/ .more{} /*--發表時間--*/ .author{ text-align:right ; margin: 5px 0px 0px 0px ; border-bottom: 1px dashed #888 ; padding-bottom: 5px ; } /*--單一篇文章最下方--*/ .article-footer{ background:#bbb ; 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:#bbb; padding:15px; margin-bottom: 20px ; } /*--僅引用區塊--*/ #trackback-box{ margin-bottom: 20px; } /*--僅回應列表--*/ #comment-box{} /*--引用列表+回應列表--*/ .user-post-box{ background:#aaa ; padding: 10px; border:3px solid #fff ; } /*--引用列表標題--*/ #trackback-title{} /*--回應列表標題--*/ #comment-title{} /*--引用列表標題+回應列表標題--*/ .user-post-title{ background:#666 ; color:#fff ; padding: 5px 10px ; font-size: medium ; margin-bottom: 10px ; } /*--引用內容區塊--*/ #trackback-text{} /*--回應內容區塊--*/ #comment-text{} /*--引用內容區塊+回應內容區塊--*/ .user-post-text{ background:#999 ; padding:20px ; } /*--單一引用--*/ #trackback-box .single-post{} /*--單一回應--*/ #comment-box .single-post{} /*--單一引用+單一回應--*/ .single-post{ background:#888 ; margin-bottom: 20px ; padding: 10px ; overflow:hidden ; _overflow:none ; _height: 1% ; } /*--引用者資訊+回應者資訊--*/ .post-info{ border-bottom: 1px dashed #bbb ; padding-bottom: 5px ; margin-bottom: 10px ; font-weight:bold ; } /*--單一引用內容+單一回應內容--*/ .post-text{ width: 200px ; float:right ; margin-bottom: 10px ; } #trackback-box .post-text{ width: auto ; float:none ; } /*--單一引用標題+單一回應標題--*/ .post-text p{ width: 180px ; } /*--回應者頭像--*/ .post-photo{ width:100px ; float:left ; text-align:Center ; } /*--版主回覆內容--*/ .reply-text{ clear:both ; border-top: 1px dashed #bbb ; padding-top: 5px ; } /*--版主回覆資訊--*/ .reply-text p{ } /*--悄悄話--*/ .secret{} /*--留下迴響--*/ .post-comment{ text-align:right ; margin: 5px 0px ; font-size: medium ; } /* --------------------------------------------------------------- 列表模式的文章區塊 ---------------------------------------------------------------*/ /*--列表--*/ .main-list{ background:#aaa ; padding:10px ; margin-bottom: 15px ; } /*--列表表格--*/ .main-list table{ width:95% ; margin:10px; } /*--列表標題--*/ .main-list h3{ background:#888 ; 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:220px ; float:right; height:450px; overflow:auto ; } /*--三欄式的第一欄--*/ #links-row-1{ } /*--三欄式的第二欄--*/ #links-row-2{ } /*--單一功能區塊--*/ .box{ border:1px solid #fff ; padding: 10px; margin-bottom: 15px ; } /*--單一功能區塊標題'--*/ .box-title{ background:#aaa ; text-align:center ; padding: 4px ; font-size: medium ; margin-bottom: 10px ; _height:1% ; } /*--單一功能區塊內容--*/ .box-text{ } /*--單一功能區塊項目--*/ .box-text li{ margin: 5px 0px ; } /*--單一功能區塊超連結--*/ .box-text a{ } /*--誰來我家--*/ #visitor{} /*--誰來我家標頭--*/ #visitor .box-title{} /*--誰來我家內容區塊--*/ #visitor .box-text{} /*--單一頭像列表--*/ #visitor ul{ _height: 1% ; overflow: hidden ; _overflow: none ; } /*--單一頭像--*/ #visitor li{ float:left; } /*--所有訪客列表--*/ #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{} /*--月曆-選擇月份的那一欄--*/ #calendar .calMonthNav{} /*--月曆-星期幾的那一欄--*/ #calendar .calMonthHeader{} /*--月曆-日期儲存格--*/ #calendar td{} /*--月曆-當天有寫文章的儲存格--*/ #calendar td a{} /*--近期文章--*/ #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:120px; } /*--所有文章列表--*/ #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{ width:120px ; } /*--我的連結--*/ #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{display:none; clear:both ; background:#ccc ; padding:5px 10px ; text-align:center ; } /*--頁尾-自訂聲明--*/ #footer p{} /*--頁尾-pixnet連結--*/ #footer #bottom{}