Note：Pixnet CSS Stylesheet @ Silver Star ,team.

Note：Pixnet CSS Stylesheet
Pixnet CSS 樣式表架構

簡單整理過的樣式表，應該還蠻完整的
省略掉大部分 a, a:hover, ul, ol,之類的樣式
並加上註解，方便對照

/*--------------------------預設全域屬性*/

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, 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;}

.article-content p{margin-bottom: 1em;}

.article-content li{list-style-type: disc; margin-left:20px;}

.article-content ol li{list-style-type: decimal; margin-left:20px;}

a {text-decoration: none;outline:none;}

br{letter-spacing: normal;}

/*--------------------------all setting*/

* {/*全域屬性*/

margin: 0px; padding: 0px;}

HTML {/*整個網頁，主要用來更改捲軸樣式*/

SCROLLBAR-FACE-COLOR:  ;

SCROLLBAR-HIGHLIGHT-COLOR: ;

SCROLLBAR-SHADOW-COLOR: ;

SCROLLBAR-3DLIGHT-COLOR:  ;

SCROLLBAR-ARROW-COLOR: ;

SCROLLBAR-TRACK-COLOR:  ;

SCROLLBAR-DARKSHADOW-COLOR: ;

overflow-x:;

}

a {/*全域超連結*/}

a:hover {/*全域滑過連結*/}

hr {/*全域分隔線樣式，非預設要自己加*/

border: 1px inset;

display: block;

height: 0px;

margin: 0.5em auto !important;

}



body {/*整個頁面*/}

#blog-main {/*在部落首頁時body的ID*/}

#article-main {/*在單篇文章時body的ID*/}

#category-main  {/*在文章分類時body的ID*/}

	#body-div {/*#authority + #container + #extradiv*/}

/*--------------------------authority*/
#authority {/*管理列*/}

/*--------------------------container*/

#container{}

	#container2{}

		#container3{/*#header + #main + #footer*/}

/*--------------------------header*/

#header {/*#login-bar + #banner + #navigation*/}

#login-bar {/*登入列*/}

#banner {/*橫幅*/}

	#banner h1 {/*部落格標題*/}

	#banner h2 {/*部落格描述*/}

	#banner .skiplink{/*跳到主文*/}

	#banner #blog-category {/*全站分類*/}

#navigation {/*導覽列*/}

	#navigation li {}

		#navigation li#link-album a{/*相簿*/}

		#navigation li#link-blog a{/*部落格*/}

		#navigation li#link-guestbook a{/*留言*/}

		#navigation li#link-profile a{/*名片*/}

/*--------------------------main*/
#main {/*#content + #Links*/}

/*--------------------------content*/

#content {/*#spotlight + #article-area*/}

	#spotlight {/*公告版位*/}

	#article-area {/*#article-box + .page*/}

/*--------------------------article-box*/

#article-box {/*.article-area-title + #view-mode + .article*/}

	.article-area-title {/*目前分類*/}

	#view-mode {/*瀏覽方式*/}

		#display{}

/*--------------------------article*/

.article {/*.article-head + .article-body + .article-footer*/}

.article-head {/*.publish + .title*/}

	.publish {/*發表時間*/}

		.publish .month {/*月*/}

		.publish .date {/*日*/}

		.publish .day {/*星期*/}

		.publish .year {/*年*/}

		.publish .time {/*時間*/}

	.title {/*文章標題*/}

.article-body {/*.bookmark + .article-content + .pix-related-post + .author + .forward*/}

	.bookmark {/*加入書籤、分享*/}

	.article-content {/*文章內文*/}

		.article-content-inner {}

			.more{/*繼續閱讀*/}

			.article-keyword {/*文章標籤*/}

	.pix-related-post {/*您可能有興趣的文章*/}

	.author {/*文末發表者*/}

	.forward {/*轉寄文章*/}

.article-footer{/*.history + .refer + .back-to-top*/}

	.history {/*歷史上的今天*/}

	.refer {/*文章分類*/}

	.back-to-top {/*回到頁首*/}

/*--------------------------list*/

.main-list {/*標題模式文章列表*/}

	.list-num {}

	.list-date {}

	.list-title {}

	.list-visit {}

	.list-comment{}

/*--------------------------post-box*/

#user-post {/*#trackback-box + #comment-box*/}

#trackback-box .user-post-box {/*引用區塊*/}

	#trackback-title .user-post-title {/*區塊標題*/}

	#trackback-url {/*引用網址、我要引用的區塊*/}

		#trackback-box input#trackback-input {/*網址鈕*/}

	#trackback-text .user-post-text {}

		.single-post {}

			.post-info {/*作者資訊*/}

			.post-text {/*內文*/}



#comment-box .user-post-box {/*留言區塊*/}

	#comment-title .user-post-title {/*區塊標題*/}

	.post-comment {/*發表留言按鈕*/}

	#comment-text .user-post-text {}

		.single-post.secret{/*悄悄話區塊*/}

		.single-post.secret .post-text{/*悄悄話文字*/}

		.single-post {/*單一留言區塊*/}

			.post-info {/*作者資訊*/}

			.post-photo {/*大頭貼*/}

			.post-text {/*內文*/}

			.reply-text {/*版主回覆*/}

	#comment-area {/*發表回應區整個區塊*/}

		#comment-area-2{/*.comment-identity + .comment-body*/}

/*--------------------------comment-area*/

#comment-area {}

	#comment-area-2 {}

		.comment-identity {/*登入資訊區塊*/}

			.openid-identity {/*名稱*/}

				a.not-me {/*登出按鈕*/}

		.comment-body {/*留言區塊*/}

			.comment-textarea {/*文字輸入區塊*/}

				.private-message {/*悄悄話區塊*/}

			.captcha {/*魔法數字*/}

			.comment-extra {/*其他選項*/}

				button {/*送出留言按鈕*/}

				.extra {/*其他選項 展開*/}

/*--------------------------page*/
.page {/*頁尾翻頁*/}

/*--------------------------links*/

#links {/*側欄區塊*/}

	#links-row-1{/*第一欄*/}

	#links-row-2{/*第二欄*/}

/*--------------------------box*/

.box {/*單一欄位*/}

	.box-title {/*欄位標題*/}

	.box-text {/*欄位文字*/}



	.box-more {/*所有文章列表、全部展開/收合按鈕*/}

	.inner-box {/*文章分類目錄*/}

		h6 /*主目錄*/

		ul /*子目錄*/

/*--------------------------box id*/

#user-info {/*個人資訊*/}

#recent-article {/*最新文章*/}

#latest-trackback {/*最新引用*/}

#latest-comment {/*最新留言*/}

#archive {/*文章精選*/}

#calendar {/*月曆*/}

#category {/*文章分類*/}

#counter {/*參觀人氣*/}

#search {/*文章搜尋*/}

#visitor {/*誰來我家*/}

#crumb {/*我去誰家*/}

#hot-article {/*熱門文章*/}

#newsfeed {/*動態訂閱*/}

#friendbox {/*我的好友*/}

#qrcode {/*QR Code*/}

#hiiir {/*好時光貼曆*/}

#albumshow {/*相簿幻燈片*/}

#powered {/*Powered By*/}

#feed {/*新聞交換 RSS*/}

#subscription {/*RSS訂閱*/}

#mylink {/*我的連結*/}

#events {/*活動快報*/}

#announce {/*站方公告*/}

/*--------------------------footer*/

#footer {/*頁尾*/}

	#bottom {/*底部*/}

本著作由Evan‧A‧D‧E製作
以創用CC 姓名標示-非商業性-禁止改作 3.0 Unported 授權條款釋出。

pixnet CSS 樣式表樣式結構

Evan‧A‧D‧E

Silver Star ,team.

Evan‧A‧D‧E 發表在痞客邦留言(0) 人氣()

E-mail轉寄

Silver Star ,team.

Evan‧A‧D‧E 's Blog - Evan [ˈɝvən]

Since Feb. 2006 - From Wretch to Pixnet

Note：Pixnet CSS Stylesheet

留言列表

最新留言

最新文章

文章分類

Black Novel (2)

Works by Tony Chen (3)

文章搜尋

文章精選

RSS訂閱

參觀人氣

Silver Star ,team.

Evan‧A‧D‧E 's Blog - Evan [ˈɝvən] Since Feb. 2006 - From Wretch to Pixnet

Note：Pixnet CSS Stylesheet

留言列表

最新留言

最新文章

文章分類

Black Novel (2)

Works by Tony Chen (3)

文章搜尋

文章精選

RSS訂閱

參觀人氣

Evan‧A‧D‧E 's Blog - Evan [ˈɝvən]

Since Feb. 2006 - From Wretch to Pixnet