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 {/*底部*/}


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

Silver Star ,team.

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