blog.css

iPhone开发指南

DIV#header {
	MARGIN: 0px auto; WIDTH: 950px; POSITION: relative
}
DIV#content {
	MARGIN: 0px auto; WIDTH: 950px; POSITION: relative
}
DIV#branding {
	MARGIN: 0px auto; WIDTH: 950px; POSITION: relative
}
DIV#header {
	Z-INDEX: 9999
}
DIV#blog_site_nav {
	MARGIN-TOP: 3px; FLOAT: left
}
DIV#blog_site_nav A.homepage {
	BACKGROUND-POSITION: left center; PADDING-LEFT: 77px; BACKGROUND-IMAGE: url(/images/logo-small.gif); BACKGROUND-REPEAT: no-repeat
}
DIV#blog_site_nav A {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; LINE-HEIGHT: 2.2em; PADDING-TOP: 3px
}
A#msna {
	TEXT-DECORATION: none
}
DIV#more_site_nav {
	BORDER-RIGHT: #ddd 1px solid; BORDER-TOP: #ddd 1px solid; LEFT: 265px; BORDER-LEFT: #ddd 1px solid; WIDTH: 70px; BORDER-BOTTOM: #ddd 1px solid; POSITION: absolute; TOP: 30px; BACKGROUND-COLOR: white; TEXT-ALIGN: left
}
DIV#more_site_nav A {
	PADDING-RIGHT: 6px; DISPLAY: block; PADDING-LEFT: 10px; PADDING-BOTTOM: 3px; LINE-HEIGHT: 20px; PADDING-TOP: 3px; TEXT-DECORATION: none
}
DIV#user_nav {
	FLOAT: right; WIDTH: 600px; PADDING-TOP: 10px
}
DIV#branding {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: none; PADDING-BOTTOM: 10px; COLOR: white; PADDING-TOP: 10px
}
DIV#branding H1 {
	FONT-SIZE: 30px; MARGIN: 0px; PADDING-TOP: 8px
}
DIV#branding A {
	COLOR: white; TEXT-DECORATION: underline
}
DIV#branding A:link {
	COLOR: white; TEXT-DECORATION: underline
}
DIV#branding A:active {
	COLOR: white; TEXT-DECORATION: underline
}
DIV#branding A:visited {
	COLOR: white; TEXT-DECORATION: underline
}
DIV#branding A:hover {
	COLOR: white; TEXT-DECORATION: none
}
DIV#branding H1 A {
	TEXT-DECORATION: none
}
DIV#branding H1 A:link {
	TEXT-DECORATION: none
}
DIV#branding H1 A:active {
	TEXT-DECORATION: none
}
DIV#branding H1 A:visited {
	TEXT-DECORATION: none
}
DIV#local {
	OVERFLOW: hidden
}
DIV#local H5 {
	MARGIN-LEFT: 10px
}
DIV#local LI {
	MARGIN-LEFT: 18px; LINE-HEIGHT: 2.1em; LIST-STYLE-TYPE: square
}
#blog_name {
	PADDING-LEFT: 38px; FLOAT: left
}
#blog_preview {
	PADDING-RIGHT: 0px; PADDING-LEFT: 20px; FLOAT: left; PADDING-BOTTOM: 0px; PADDING-TOP: 30px
}
#blog_domain {
	PADDING-RIGHT: 20px; PADDING-LEFT: 0px; FLOAT: right; PADDING-BOTTOM: 0px; PADDING-TOP: 35px
}
DIV#content {
	MARGIN-TOP: 5px
}
DIV#local {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: black 1px solid; PADDING-LEFT: 3px; PADDING-BOTTOM: 0px; MARGIN: 3px 3px 0px 0px; BORDER-LEFT: black 1px solid; WIDTH: 188px; PADDING-TOP: 10px; BORDER-BOTTOM: black 1px solid
}
DIV#main {
	BORDER-RIGHT: 1px solid; PADDING-RIGHT: 12px; BORDER-TOP: 1px solid; PADDING-LEFT: 12px; PADDING-BOTTOM: 5px; MARGIN: 3px 0px 0px 5px; OVERFLOW: hidden; BORDER-LEFT: 1px solid; WIDTH: 714px; PADDING-TOP: 5px; BORDER-BOTTOM: 1px solid
}
#blog_owner {
	PADDING-RIGHT: 13px; PADDING-LEFT: 13px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
DIV#blog_owner_logo {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; VERTICAL-ALIGN: middle; BORDER-LEFT: #ccc 1px solid; WIDTH: 160px; LINE-HEIGHT: 160px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 160px; TEXT-ALIGN: center
}
 HTML DIV#blog_owner_logo {
	DISPLAY: block; FONT-SIZE: 140px
}
DIV#blog_owner_logo IMG {
	VERTICAL-ALIGN: middle
}
#blog_owner_name {
	FONT-WEIGHT: bolder; PADDING-TOP: 5px
}
#user_visits {
	MARGIN-BOTTOM: 20px
}
#user_visits DIV {
	MARGIN: 10px 0px 0px 5px; OVERFLOW: hidden; WIDTH: 75px; HEIGHT: 90px
}
#more_user_visits {
	HEIGHT: 20px! important
}
#blog_actions {
	MARGIN-BOTTOM: 20px
}
#blog_actions UL LI {
	MARGIN-LEFT: 10px; LIST-STYLE-TYPE: none
}
DIV#rss LI {
	LIST-STYLE-TYPE: none
}
DIV#blog_nav {
	RIGHT: 20px; MARGIN-BOTTOM: 15px
}
DIV#pre_next {
	FLOAT: right; PADDING-TOP: 5px; TEXT-ALIGN: right
}
DIV#pre_next A {
	PADDING-RIGHT: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat
}
DIV#pre_next A.next {
	BACKGROUND-POSITION: left center; BACKGROUND-IMAGE: url(/images/gray_west_arrow.gif)
}
DIV#pre_next A.pre {
	BACKGROUND-POSITION: right center; BACKGROUND-IMAGE: url(/images/gray_east_arrow.gif)
}
.blog_main {
	BORDER-RIGHT: 1px solid; PADDING-RIGHT: 11px; BORDER-TOP: 1px solid; PADDING-LEFT: 11px; MARGIN-BOTTOM: 15px; PADDING-BOTTOM: 5px; OVERFLOW: auto; BORDER-LEFT: 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: 1px solid
}
.blog_title {
	MARGIN-BOTTOM: 15px
}
.blog_bottom {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 15px
}
.blog_bottom LI {
	BORDER-RIGHT: 1px solid; PADDING-RIGHT: 10px; DISPLAY: inline; FLOAT: left; MARGIN: 0px 10px 0px 0px; LIST-STYLE-TYPE: none
}
.blog_bottom LI.last {
	BORDER-RIGHT-STYLE: none
}
.blog_bottom A.more {
	PADDING-RIGHT: 50px; BACKGROUND-POSITION: right center; BACKGROUND-IMAGE: url(/images/icon_more.gif); BACKGROUND-REPEAT: no-repeat
}
.blog_comment {
	PADDING-RIGHT: 15px; BORDER-TOP: gray 1px solid; MARGIN-TOP: 15px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; WIDTH: 685px; PADDING-TOP: 15px
}
.comment_title {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.comment_content {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.comment_title .delete {
	RIGHT: 30px; POSITION: absolute
}
.comment_content {
	MARGIN-BOTTOM: 10px
}
DIV.picture_thumb {
	FLOAT: left; MARGIN: 0px 12px; OVERFLOW: hidden; WIDTH: 142px; HEIGHT: 170px; TEXT-ALIGN: center
}
DIV.picture_thumb LI {
	MARGIN: 0px; LIST-STYLE-TYPE: none
}
DIV.picture_full {
	BORDER-TOP: gray 1px solid; OVERFLOW: auto; WIDTH: 100%; PADDING-TOP: 15px; TEXT-ALIGN: center
}
DIV.picture_full UL {
	PADDING-BOTTOM: 20px; MARGIN: 10px 0px; WIDTH: 100%; TEXT-ALIGN: left
}
DIV.picture_full LI {
	PADDING-RIGHT: 0px; PADDING-LEFT: 10px; PADDING-BOTTOM: 5px; MARGIN: 0px; PADDING-TOP: 15px; LIST-STYLE-TYPE: none
}
.show_full_flag {
	FLOAT: right
}
DIV.digg {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FLOAT: right; PADDING-BOTTOM: 0px; WIDTH: 52px; PADDING-TOP: 0px; TEXT-ALIGN: center
}
.digg H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND-IMAGE: url(/images/digg.jpg); PADDING-BOTTOM: 7px; PADDING-TOP: 7px; BACKGROUND-REPEAT: no-repeat
}
.digg H3.digged {
	BACKGROUND-IMAGE: url(/images/digged.jpg)
}
.digg H3 A {
	BACKGROUND-POSITION: left center; PADDING-LEFT: 15px; FONT-WEIGHT: normal; FONT-SIZE: 14px; BACKGROUND-REPEAT: no-repeat; TEXT-DECORATION: none
}
.digg H3 SPAN {
	BACKGROUND-POSITION: left center; PADDING-LEFT: 15px; FONT-WEIGHT: normal; FONT-SIZE: 14px; BACKGROUND-REPEAT: no-repeat; TEXT-DECORATION: none
}
.digg H3 A.digg {
	BACKGROUND-IMAGE: url(/images/icon_digg.gif); COLOR: #152f93
}
.digg H3 SPAN.digg {
	BACKGROUND-IMAGE: url(/images/icon_digg.gif); COLOR: #152f93
}
.digg H3 A.bury {
	BACKGROUND-IMAGE: url(/images/icon_bury.gif); COLOR: #a03a32
}
.digg H3 SPAN.bury {
	BACKGROUND-IMAGE: url(/images/icon_bury.gif); COLOR: #a03a32
}
H3.type_good {
	BACKGROUND-POSITION: 0px 13px; PADDING-LEFT: 25px; BACKGROUND-REPEAT: no-repeat
}
H3.type_mid {
	BACKGROUND-POSITION: 0px 13px; PADDING-LEFT: 25px; BACKGROUND-REPEAT: no-repeat
}
H3.type_original {
	BACKGROUND-POSITION: 0px 13px; PADDING-LEFT: 25px; BACKGROUND-REPEAT: no-repeat
}
H3.type_translate {
	BACKGROUND-POSITION: 0px 13px; PADDING-LEFT: 25px; BACKGROUND-REPEAT: no-repeat
}
H3.type_reprint {
	BACKGROUND-POSITION: 0px 13px; PADDING-LEFT: 25px; BACKGROUND-REPEAT: no-repeat
}
H3.type_good {
	BACKGROUND-IMAGE: url(/images/blog/type_good.png)
}
H3.type_mid {
	BACKGROUND-IMAGE: url(/images/blog/type_mid.png)
}
H3.type_original {
	BACKGROUND-IMAGE: url(/images/blog/type_original.png)
}
H3.type_translate {
	BACKGROUND-IMAGE: url(/images/blog/type_translate.png)
}
H3.type_reprint {
	BACKGROUND-IMAGE: url(/images/blog/type_reprint.png)
}
#guest_book_emotes A {
	DISPLAY: block; FLOAT: left; WIDTH: 125px; COLOR: black; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
#resume {
	WIDTH: 100%
}
#resume LABEL.title {
	FONT-WEIGHT: normal; WIDTH: 200px
}
#resume LABEL {
	FONT-WEIGHT: normal; WIDTH: 50px
}
DIV.group {
	HEIGHT: 160px
}
DIV.group DIV.content {
	FLOAT: right; WIDTH: 630px
}
#blog_options LI {
	MARGIN-LEFT: 0px; LIST-STYLE-TYPE: none
}
#blog_options LABEL {
	WIDTH: 150px
}
TD.row1 {
	VERTICAL-ALIGN: top; WIDTH: 160px; BACKGROUND-COLOR: transparent
}
H3 SPAN {
	PADDING-LEFT: 30px; FONT-WEIGHT: normal; FONT-SIZE: 12px
}
DIV.blog_title H3 {
	FONT-SIZE: 16px; PADDING-TOP: 10px
}
DIV.blog_title H3 SPAN {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN-LEFT: 5px
}
DIV.blog_title H3 SPAN A {
	MARGIN-LEFT: 8px
}
TABLE.admin {
	MARGIN-BOTTOM: 20px; WIDTH: 100%
}
TABLE.admin THEAD {
	FONT-WEIGHT: bold; FONT-SIZE: 13px
}
TABLE.admin TBODY TD {
	PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px dashed; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; PADDING-TOP: 5px
}
DIV#favorite_tag_list {
	PADDING-BOTTOM: 10px
}
DIV#favorite_tag_list SPAN {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px
}