blog.css

几个运用了DWR框架编写的AJAX代码,

}
.highlight A:active {
	FONT-WEIGHT: bold; COLOR: #e28822; TEXT-DECORATION: none
}
.highlight A:visited {
	FONT-WEIGHT: bold; COLOR: #e28822; TEXT-DECORATION: none
}
.highlight A:hover {
	COLOR: #ffffff; BACKGROUND-COLOR: #e28822; TEXT-DECORATION: none
}
.rss {
	PADDING-RIGHT: 50px; BACKGROUND-POSITION: right center; BACKGROUND-IMAGE: url(/images/rss.png); MARGIN-RIGHT: 5px; BACKGROUND-REPEAT: no-repeat
}
.row1 {
	FONT-WEIGHT: bold; WIDTH: 155px; BACKGROUND-COLOR: #efefef
}
.row2 {
	BACKGROUND-COLOR: #dee3e7
}
.row3 {
	BACKGROUND-COLOR: #eee
}
.crumbs A {
	TEXT-DECORATION: underline
}
.flash_error {
	PADDING-RIGHT: 40px; PADDING-LEFT: 40px; FONT-WEIGHT: bold; PADDING-BOTTOM: 10px; MARGIN: 0px 10px; PADDING-TOP: 10px; BACKGROUND-REPEAT: no-repeat
}
.flash_notice {
	PADDING-RIGHT: 40px; PADDING-LEFT: 40px; FONT-WEIGHT: bold; PADDING-BOTTOM: 10px; MARGIN: 0px 10px; PADDING-TOP: 10px; BACKGROUND-REPEAT: no-repeat
}
.flash_error {
	BACKGROUND-IMAGE: url(/images/icon_error_lrg.gif); COLOR: #f30
}
.flash_notice {
	BACKGROUND-IMAGE: url(/images/icon_success_lrg.gif)
}
SELECT.validation-failed {
	BORDER-RIGHT: #dd7870 1px solid; BORDER-TOP: #dd7870 1px solid; BACKGROUND: url(/images/invalid_line.gif) #ffffff repeat-x center bottom; BORDER-LEFT: #dd7870 1px solid; BORDER-BOTTOM: #dd7870 1px solid
}
INPUT.validation-failed {
	BORDER-RIGHT: #dd7870 1px solid; BORDER-TOP: #dd7870 1px solid; BACKGROUND: url(/images/invalid_line.gif) #ffffff repeat-x center bottom; BORDER-LEFT: #dd7870 1px solid; BORDER-BOTTOM: #dd7870 1px solid
}
TEXTAREA.validation-failed {
	BORDER-RIGHT: #dd7870 1px solid; BORDER-TOP: #dd7870 1px solid; BACKGROUND: url(/images/invalid_line.gif) #ffffff repeat-x center bottom; BORDER-LEFT: #dd7870 1px solid; BORDER-BOTTOM: #dd7870 1px solid
}
* HTML SELECT.validation-failed {
	BACKGROUND-COLOR: #dd7870
}
SPAN.field_error {
	DISPLAY: none
}
DIV.quote_title {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; MARGIN: 5px 0px 0px 15px; PADDING-TOP: 5px
}
DIV.quote_div {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 3px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 3px; BACKGROUND: #fafafa; PADDING-BOTTOM: 3px; MARGIN: 0px 5px 5px 15px; BORDER-LEFT: #ccc 1px solid; PADDING-TOP: 3px; BORDER-BOTTOM: #ccc 1px solid
}
DIV.attachments {
	BORDER-TOP: #999999 1px solid; MARGIN-TOP: 10px
}
DIV.attachments UL {
	LIST-STYLE-TYPE: none
}
DIV.postauthor UL {
	LIST-STYLE-TYPE: none
}
DIV.attachments UL {
	BORDER-RIGHT: #cccccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cccccc 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; MARGIN: 5px; BORDER-LEFT: #cccccc 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #cccccc 1px solid
}
IMG.magplus {
	CURSOR: url("/images/magplus.gif"), pointer
}
SPAN.logo {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; DISPLAY: block; FONT-SIZE: 48px; VERTICAL-ALIGN: middle; BORDER-LEFT: #ccc 1px solid; WIDTH: 50px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 50px; TEXT-ALIGN: center
}
SPAN.thumb_box {
	BORDER-RIGHT: #ccc 1px solid; BORDER-TOP: #ccc 1px solid; DISPLAY: block; FONT-SIZE: 90px; VERTICAL-ALIGN: middle; BORDER-LEFT: #ccc 1px solid; WIDTH: 130px; BORDER-BOTTOM: #ccc 1px solid; HEIGHT: 95px; TEXT-ALIGN: center
}
SPAN.logo IMG {
	VERTICAL-ALIGN: middle
}
SPAN.thumb_box IMG {
	VERTICAL-ALIGN: middle
}
.right {
	FLOAT: right
}
.left {
	FLOAT: left
}
.tooltip {
	FONT-SIZE: 12px; Z-INDEX: 10000! important; OVERFLOW: hidden; POSITION: absolute! important
}
.tooltip .xtop {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%
}
.tooltip .xbottom {
	DISPLAY: block; FONT-SIZE: 1px; BACKGROUND: none transparent scroll repeat 0% 0%
}
.tooltip .xb1 {
	DISPLAY: block; OVERFLOW: hidden
}
.tooltip .xb2 {
	DISPLAY: block; OVERFLOW: hidden
}
.tooltip .xb3 {
	DISPLAY: block; OVERFLOW: hidden
}
.tooltip .xb4 {
	DISPLAY: block; OVERFLOW: hidden
}
.tooltip .xb1 {
	HEIGHT: 1px
}
.tooltip .xb2 {
	HEIGHT: 1px
}
.tooltip .xb3 {
	HEIGHT: 1px
}
.tooltip .xb2 {
	BORDER-RIGHT: #333 1px solid; BACKGROUND: #666; BORDER-LEFT: #333 1px solid
}
.tooltip .xb3 {
	BORDER-RIGHT: #333 1px solid; BACKGROUND: #666; BORDER-LEFT: #333 1px solid
}
.tooltip .xb4 {
	BORDER-RIGHT: #333 1px solid; BACKGROUND: #666; BORDER-LEFT: #333 1px solid
}
.tooltip .xbottom .xb2 {
	BACKGROUND: #666
}
.tooltip .xbottom .xb3 {
	BACKGROUND: #666
}
.tooltip .xbottom .xb4 {
	BACKGROUND: #666
}
.tooltip .xb1 {
	BACKGROUND: #333; MARGIN: 0px 5px
}
.tooltip .xb2 {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 2px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px 3px; BORDER-RIGHT-WIDTH: 2px
}
.tooltip .xb3 {
	MARGIN: 0px 2px
}
.tooltip .xb4 {
	MARGIN: 0px 1px; HEIGHT: 2px
}
.tooltip .xboxcontent {
	BORDER-RIGHT: #333 1px solid; PADDING-RIGHT: 0.5em; BORDER-TOP: #333 0px solid; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #333 1px solid; COLOR: #000; PADDING-TOP: 0px; BORDER-BOTTOM: #333 0px solid; BACKGROUND-COLOR: #666; WORD-WRAP: break-word; text-shadow: 2px 2px 0px #CCC
}
DIV#page {
	WIDTH: 100%; PADDING-TOP: 5px
}
DIV#header {
	HEIGHT: 30px
}
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#site_logo {
	MARGIN-TOP: 5px; FLOAT: left
}
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; 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
}
#blog_actions {
	MARGIN-BOTTOM: 20px
}
#blog_actions UL LI {
	MARGIN-LEFT: 10px; LIST-STYLE-TYPE: none
}
DIV#rss LI {
	LIST-STYLE-TYPE: none
}
DIV#pre_next {
	PADDING-RIGHT: 20px; FLOAT: 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: 12px; BORDER-TOP: 1px solid; PADDING-LEFT: 12px; 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
}
#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
}
UL#blog_option LI {
	MARGIN-LEFT: 0px; LIST-STYLE-TYPE: none
}
UL#blog_option 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
}