Question

请教这篇博客的CSS代码

http://whispergallery.onlybeloved.com/user8/117395/
不用火狐的，需要的是CSS代码。

我只有IE7。

你们如果有工具的话麻烦帮我把css打出来行么。。谢谢。。你们说的那些我真没有

Answer 1

http://whispergallery.onlybeloved.com//OblogStyle/OblogUserDefault4.css

Answer 2

可以使用ie8.0的管理员工具，设定用记事本编辑，然后保存，就可以得到它为你算出的css样式了。

Answer 3

你把网站另存为吧，用火狐的浏览器来另存为吧！

Answer 4

/* 由开发人员工具生成。它可能不是原始源文件的准确表示形式。*/
BODY {
MARGIN: 0px; WORD-BREAK: break-all
}
TABLE {
FONT-SIZE: 12px
}
INPUT {
FONT-SIZE: 12px
}
IMG {
BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
H1 {
BORDER-BOTTOM: #000000 1px solid; TEXT-ALIGN: left; MARGIN: auto auto auto 0px; FONT-SIZE: 12px; FONT-WEIGHT: bold
}
H2 {
TEXT-ALIGN: left; WIDTH: 100%; MARGIN-LEFT: 20px !important; FONT-SIZE: 12px; FONT-WEIGHT: bold
}
.ob_face {
BORDER-BOTTOM: #666 1px solid; BORDER-LEFT: #666 1px solid; MARGIN: 0px 10px 5px 5px; FLOAT: left; BORDER-TOP: #666 1px solid; BORDER-RIGHT: #666 1px solid
}
#saveurl {
CLEAR: both
}
#form_comment {

}
#form_comment .title {
MARGIN: 0px 0px 10px; FONT-WEIGHT: 600
}
#form_comment .d1 {
TEXT-ALIGN: left; MARGIN: 0px 0px 5px
}
#form_comment .d2 {
TEXT-ALIGN: left; MARGIN: 0px 0px 5px
}
#form_comment .d3 {
TEXT-ALIGN: left; MARGIN: 0px 0px 5px
}
#form_comment .d4 {
TEXT-ALIGN: left; MARGIN: 0px 0px 5px
}
#form_comment .d5 {
TEXT-ALIGN: left; MARGIN: 0px 0px 5px
}
#form_comment .d6 {
TEXT-ALIGN: left; MARGIN: 0px 0px 5px
}
#subject UL {
LIST-STYLE-TYPE: none; MARGIN: 0px
}
#subject_l UL {
MARGIN: 0px
}
#subject_l LI {
LIST-STYLE-TYPE: none; MARGIN: auto 5px; DISPLAY: inline
}
#newblog UL {
LIST-STYLE-TYPE: none; MARGIN: 0px
}
#comment UL {
LIST-STYLE-TYPE: none; MARGIN: 0px
}
#newmessage UL {
LIST-STYLE-TYPE: none; MARGIN: 0px
}
#ob_miniphoto {
TEXT-ALIGN: center
}
#myfriend {
TEXT-ALIGN: center
}
#myfriend LI {
BORDER-BOTTOM: #eee 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #eee 1px solid; MARGIN: 0px 10px 5px 0px; WIDTH: 64px; BACKGROUND: #f4f4f4; FLOAT: left; HEIGHT: 82px; OVERFLOW: hidden; BORDER-TOP: #eee 3px solid; BORDER-RIGHT: #eee 1px solid
}
#myfriend LI IMG.ob_face {
BORDER-BOTTOM: #fff 1px solid; BORDER-LEFT: #fff 1px solid; MARGIN: 6px; WIDTH: 48px; HEIGHT: 48px; BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid
}
#mygroups {
TEXT-ALIGN: center
}
#mygroups LI {
BORDER-BOTTOM: #eee 2px solid; TEXT-ALIGN: center; BORDER-LEFT: #eee 1px solid; MARGIN: 0px 10px 5px 0px; WIDTH: 97px; BACKGROUND: #f4f4f4; FLOAT: left; HEIGHT: 96px; OVERFLOW: hidden; BORDER-TOP: #eee 2px solid; BORDER-RIGHT: #eee 1px solid
}
#mygroups LI IMG.group_logo {
BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; MARGIN: 6px; WIDTH: 80px; HEIGHT: 60px; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid
}
#subject_index UL {
TEXT-ALIGN: left; LIST-STYLE-TYPE: none; MARGIN: 10px; WIDTH: 90%; FONT-WEIGHT: bold
}
#subject_index LI {
MARGIN: 0px
}
#subject_index H1 {
BORDER-BOTTOM: #ccc 1px solid
}
#subject_index SPAN {
FONT-STYLE: italic
}
#info UL {
PADDING-BOTTOM: 0px; LIST-STYLE-TYPE: none; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; CLEAR: both; PADDING-TOP: 0px
}
#info UL LI {
WIDTH: 50%; FLOAT: left
}
DIV#ArchivesShowList {
MARGIN: 0px 0px 20px; HEIGHT: 1%; CLEAR: both
}
DIV#ArchivesShowList #ArchivesShowListTable {
BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; WIDTH: 100%; BORDER-COLLAPSE: collapse; BORDER-TOP: 0px; BORDER-RIGHT: 0px
}
DIV#ArchivesShowList UL.ShowList_UL {
BORDER-BOTTOM: #eee 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #eee 1px solid; PADDING-BOTTOM: 0px; MARGIN: 6px 5px; PADDING-LEFT: 2px; WIDTH: 64px; PADDING-RIGHT: 2px; BACKGROUND: url(images/cierre_pie.gif) #f4f4f4 no-repeat left top; FLOAT: left; HEIGHT: 90px; OVERFLOW: hidden; BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; PADDING-TOP: 6px
}
DIV#ArchivesShowList UL.ShowList_UL LI.ShowList_UserIco A IMG {
BORDER-BOTTOM: medium none; BORDER-LEFT: medium none; ; HEIGHT: expression(this.height > 48 ? 48: true); BORDER-TOP: medium none; BORDER-RIGHT: medium none; expression: true)
}
DIV#ArchivesShowList UL.ShowList_UL LI.ShowList_UserName {
TEXT-ALIGN: center; WIDTH: 62px; TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; OVERFLOW: hidden
}
#oblog_edit {
TEXT-ALIGN: left; MARGIN: 0px; WIDTH: 360px
}
#oblog_edit DIV.quote {
BORDER-BOTTOM: #ccc 1px solid; BORDER-LEFT: #ccc 1px solid; PADDING-BOTTOM: 5px; MARGIN: 5px 20px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #f3f3f3; BORDER-TOP: #ccc 1px solid; BORDER-RIGHT: #ccc 1px solid; PADDING-TOP: 5px
}
#morelog LI {
TEXT-ALIGN: left; LIST-STYLE-TYPE: none
}
DIV.quote {
BORDER-BOTTOM: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; PADDING-BOTTOM: 5px; MARGIN: 5px 20px; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; BACKGROUND: #fffff3; COLOR: #000; CLEAR: both; BORDER-TOP: #cccccc 1px solid; BORDER-RIGHT: #cccccc 1px solid; PADDING-TOP: 5px
}
#ob_usertags LI {
PADDING-BOTTOM: 8px; LIST-STYLE-TYPE: none; PADDING-LEFT: 8px; WIDTH: 100px; PADDING-RIGHT: 8px; DISPLAY: inline; PADDING-TOP: 8px
}
#showpage {
TEXT-ALIGN: center
}
#blogaddon LI {
LIST-STYLE-TYPE: none; FONT-WEIGHT: 600
}
#blogaddon LI A {
FONT-WEIGHT: 400; TEXT-DECORATION: underline
}
#blogaddon LI A:hover {
TEXT-DECORATION: none
}
DIV#ob_userinfo {
PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; PADDING-TOP: 13px
}
DIV#ob_userinfo UL.top {
BORDER-BOTTOM: 0px; BORDER-LEFT: 0px; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; BACKGROUND: none transparent scroll repeat 0% 0%; CLEAR: both; BORDER-TOP: 0px; BORDER-RIGHT: 0px; PADDING-TOP: 0px
}
DIV#ob_userinfo UL.top LI {
MARGIN: 0px 3px -1px 0px; BACKGROUND: #f4f4f4; FLOAT: left
}
DIV#ob_userinfo UL.top LI A {
TEXT-ALIGN: center; PADDING-BOTTOM: 3px; PADDING-LEFT: 5px; WIDTH: 80px; PADDING-RIGHT: 5px; DISPLAY: block; LETTER-SPACING: 1px; HEIGHT: 10px; COLOR: #777 !important; FONT-WEIGHT: 600 !important; PADDING-TOP: 3px
}
DIV#ob_userinfo UL.top LI A:hover {
BACKGROUND: #ecf3fc
}
DIV#ob_userinfo UL.top LI.nowselect {
Z-INDEX: 999; BORDER-BOTTOM: 0px; POSITION: relative; BORDER-LEFT: 1px outset; BACKGROUND: #fff; BORDER-TOP: 1px outset; BORDER-RIGHT: 1px outset
}
DIV#ob_userinfo UL.top LI.nowselect A {
COLOR: #333 !important; FONT-WEIGHT: 600
}
DIV#ob_userinfo UL.top LI.nowselect A:hover {
BACKGROUND: #fff
}
DIV#ob_userinfo UL {
BORDER-BOTTOM: #e0dfe3 1px solid; BORDER-LEFT: #e0dfe3 1px solid; PADDING-BOTTOM: 8px; MARGIN: 0px; PADDING-LEFT: 8px; PADDING-RIGHT: 8px; BACKGROUND: #fff; CLEAR: both; BORDER-TOP: #e0dfe3 1px solid; BORDER-RIGHT: #e0dfe3 1px solid; PADDING-TOP: 8px
}
DIV#ob_userinfo UL LI {
LIST-STYLE-POSITION: outside; LIST-STYLE-TYPE: none
}
DIV#ob_userinfo UL.ob_user_info IMG.ob_face_info {
BORDER-BOTTOM: #999 1px solid; BORDER-LEFT: #999 1px solid; MARGIN: 8px 18px 500px 8px; WIDTH: 48px; FLOAT: left; HEIGHT: 48px; BORDER-TOP: #999 1px solid; BORDER-RIGHT: #999 1px solid
}
DIV#ob_userinfo UL.ob_user_info LI {
LIST-STYLE-POSITION: outside; LINE-HEIGHT: 1.8; LIST-STYLE-TYPE: none; COLOR: #333
}
DIV#ob_userinfo UL.ob_user_friend {
Z-INDEX: 10; POSITION: relative; HEIGHT: 100%
}
DIV#ob_userinfo UL.ob_user_friend LI {
BORDER-BOTTOM: #eee 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #eee 1px solid; PADDING-BOTTOM: 4px; MARGIN: 0px 15px 10px 0px; PADDING-LEFT: 4px; WIDTH: 60px; PADDING-RIGHT: 4px; BACKGROUND: #f4f4f4; FLOAT: left; HEIGHT: 70px; BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; PADDING-TOP: 4px
}
DIV#ob_userinfo UL.ob_user_friend LI A {
COLOR: #333 !important
}
DIV#ob_userinfo UL.ob_user_friend LI A:hover {
COLOR: #666 !important; TEXT-DECORATION: underline
}
DIV#ob_userinfo UL.ob_user_friend LI IMG {
BORDER-BOTTOM: #fff 1px solid; BORDER-LEFT: #fff 1px solid; WIDTH: 48px; HEIGHT: 48px; BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid
}
DIV#ob_userinfo UL.ob_user_group {
Z-INDEX: 10; POSITION: relative; HEIGHT: 100%
}
DIV#ob_userinfo UL.ob_user_group LI {
BORDER-BOTTOM: #eee 1px solid; TEXT-ALIGN: center; BORDER-LEFT: #eee 1px solid; PADDING-BOTTOM: 4px; MARGIN: 0px 15px 10px 0px; PADDING-LEFT: 4px; WIDTH: 130px; PADDING-RIGHT: 4px; BACKGROUND: #f4f4f4; FLOAT: left; HEIGHT: 110px; BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid; PADDING-TOP: 4px
}
DIV#ob_userinfo UL.ob_user_group LI A {
COLOR: #333 !important
}
DIV#ob_userinfo UL.ob_user_group LI A:hover {
COLOR: #666 !important; TEXT-DECORATION: underline
}
DIV#ob_userinfo UL.ob_user_group LI IMG {
BORDER-BOTTOM: #fff 1px solid; BORDER-LEFT: #fff 1px solid; WIDTH: 120px; HEIGHT: 90px; BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid
}
#oblog_usercontent DIV.photo_album {
PADDING-BOTTOM: 0px; MARGIN: 8px 0px; PADDING-LEFT: 0px; WIDTH: 130px; PADDING-RIGHT: 0px; BACKGROUND: url(../Images/photo_album.gif) no-repeat left top; HEIGHT: 160px; PADDING-TOP: 10px
}
#oblog_usercontent DIV.photo_ico TABLE {
HEIGHT: 100px
}
#oblog_usercontent DIV.photo_ico A IMG {
; WIDTH: expression(this.width >100 && this.height < this.width ? 100: true); MAX-WIDTH: 100px; ; HEIGHT: expression(this.height > 100 ? 100: true); MAX-HEIGHT: 100px; VERTICAL-ALIGN: middle
}
#oblog_usercontent DIV.photo_album_name {
WIDTH: 100px; TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; OVERFLOW: hidden
}
#oblog_usercontent DIV.photo_album_list {
PADDING-BOTTOM: 0px; MARGIN: 8px 0px; PADDING-LEFT: 0px; WIDTH: 130px; PADDING-RIGHT: 0px; HEIGHT: 160px; PADDING-TOP: 10px
}
#oblog_usercontent DIV.photo_album_list DIV.photo_ico {
BORDER-BOTTOM: #eee 1px solid; BORDER-LEFT: #eee 1px solid; MARGIN: 0px 0px 10px; BACKGROUND: #f4f4f4; HEIGHT: 120px; BORDER-TOP: #eee 1px solid; BORDER-RIGHT: #eee 1px solid
}
#oblog_usercontent DIV.photo_album_list DIV.photo_ico TABLE {
HEIGHT: 120px
}
#oblog_usercontent DIV.photo_name {
WIDTH: 130px; TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; OVERFLOW: hidden
}
#visitor {
TEXT-ALIGN: center
}
#visitor LI {
BORDER-BOTTOM: #eee 0px solid; TEXT-ALIGN: center; BORDER-LEFT: #eee 0px solid; MARGIN: 0px 10px 5px 0px; WIDTH: 64px; FLOAT: left; HEIGHT: 82px; OVERFLOW: hidden; BORDER-TOP: #eee 0px solid; BORDER-RIGHT: #eee 0px solid
}
#visitor LI IMG.ob_face {
BORDER-BOTTOM: #fff 1px solid; BORDER-LEFT: #fff 1px solid; MARGIN: 6px; WIDTH: 48px; HEIGHT: 48px; BORDER-TOP: #fff 1px solid; BORDER-RIGHT: #fff 1px solid
}
#powered {
TEXT-ALIGN: center; MARGIN: 0px auto; WIDTH: 100%; HEIGHT: 15px; CLEAR: both
}