style.css

STM32的仿真器可以用简易的并口来开发

 {
	WORD-BREAK: break-all
}
BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; FONT: 12px Arial, Helvetica, sans-serif; COLOR: #333; PADDING-TOP: 0px; TEXT-ALIGN: center
}
#wrap {
	PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; MARGIN: 0px auto; WIDTH: 770px; PADDING-TOP: 0px; TEXT-ALIGN: left
}
A {
	COLOR: #000; TEXT-DECORATION: none
}
A:hover {
	COLOR: #000098; TEXT-DECORATION: underline
}
A:visited {
	COLOR: #666
}
A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
LI CITE {
	FONT-SIZE: 12px; FLOAT: right; WIDTH: 4em; COLOR: #999; FONT-STYLE: normal
}
LI CITE A {
	FONT-SIZE: 12px! important; COLOR: #999
}
LI CITE A:visited {
	COLOR: #999
}
.xspace-ajaxdiv {
	BORDER-RIGHT: #bbb 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #bbb 1px solid; PADDING-LEFT: 5px; BACKGROUND: #fcffef; PADDING-BOTTOM: 5px; BORDER-LEFT: #bbb 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #bbb 1px solid; POSITION: absolute; TEXT-ALIGN: left
}
.xspace-ajaxdiv H5 {
	FONT-SIZE: 1em; MARGIN: 0px; LINE-HEIGHT: 24px
}
.xspace-ajaxdiv H5 A {
	FONT-WEIGHT: normal; FLOAT: right
}
.xspace-ajaxcontent {
	BORDER-RIGHT: #eee 1px solid; BORDER-TOP: #eee 1px solid; BACKGROUND: #fff; BORDER-LEFT: #eee 1px solid; BORDER-BOTTOM: #eee 1px solid
}
.xspace-ajaxcontent FORM {
	MARGIN: 0px
}
.pages {
	BACKGROUND: url(../images/dotline_h.gif) repeat-x 50% top; HEIGHT: 32px; TEXT-ALIGN: right
}
.xspace-page {
	FLOAT: right; MARGIN: 5px 5px 0px 0px
}
.xspace-page A {
	BORDER-RIGHT: #90aab4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cee3ea 1px solid; DISPLAY: inline; PADDING-LEFT: 5px; BACKGROUND: #f5fbff; FLOAT: left; PADDING-BOTTOM: 0px; BORDER-LEFT: #cee3ea 1px solid; LINE-HEIGHT: 20px; MARGIN-RIGHT: 3px; PADDING-TOP: 0px; BORDER-BOTTOM: #90aab4 1px solid
}
.xspace-page SPAN {
	BORDER-RIGHT: #90aab4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cee3ea 1px solid; DISPLAY: inline; PADDING-LEFT: 5px; BACKGROUND: #f5fbff; FLOAT: left; PADDING-BOTTOM: 0px; BORDER-LEFT: #cee3ea 1px solid; LINE-HEIGHT: 20px; MARGIN-RIGHT: 3px; PADDING-TOP: 0px; BORDER-BOTTOM: #90aab4 1px solid
}
SPAN.xspace-totlerecord {
	COLOR: #090
}
SPAN.xspace-totlepages {
	COLOR: #090
}
SPAN.xspace-totlerecord {
	MARGIN-RIGHT: 0px; BORDER-RIGHT-STYLE: none
}
SPAN.xspace-current {
	FONT-WEIGHT: bold; BORDER-LEFT-COLOR: #0a0; BACKGROUND: #f90; BORDER-BOTTOM-COLOR: #060; COLOR: #fff; BORDER-TOP-COLOR: #0a0; BORDER-RIGHT-COLOR: #060
}
#notice {
	BORDER-RIGHT: #b2c9d3 1px solid; BORDER-TOP: #86b9d6 4px solid; BACKGROUND: #fff; MARGIN: 200px auto 0px; BORDER-LEFT: #b2c9d3 1px solid; BORDER-BOTTOM: #b2c9d3 1px solid
}
#notice_message {
	PADDING-RIGHT: 1em; PADDING-LEFT: 1em; FONT-SIZE: 1.17em; PADDING-BOTTOM: 1.5em; PADDING-TOP: 1.5em
}
.warning#notice_message {
	COLOR: red
}
#notice_links {
	PADDING-RIGHT: 1em; BORDER-TOP: #f5f5f5 1px solid; PADDING-LEFT: 1em; BACKGROUND: #f5fbff; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 2em; PADDING-TOP: 0px
}
#notice_links A {
	MARGIN: 0px 2px
}
H3.tabs {
	PADDING-LEFT: 0px! important; HEIGHT: 26px; BACKGROUND-COLOR: #e8f7fc! important
}
.tab {
	BORDER-RIGHT: #c1d8e0 1px solid; PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FONT-WEIGHT: normal; FLOAT: left; PADDING-BOTTOM: 0px; CURSOR: pointer; PADDING-TOP: 0px
}
.curtab {
	FONT-WEIGHT: bold; BACKGROUND: #fff; BORDER-RIGHT-COLOR: #b2c9d3
}
FORM {
	MARGIN: 0px
}
INPUT {
	FONT: 1em Arial, Helvetica, sans-serif
}
TEXTAREA {
	FONT: 1em Arial, Helvetica, sans-serif
}
BUTTON {
	FONT: 1em Arial, Helvetica, sans-serif
}
SELECT {
	FONT: 1em Arial, Helvetica, sans-serif
}
BUTTON {
	BORDER-RIGHT: #86b9d6 1px solid; PADDING-RIGHT: 0.3em; BORDER-TOP: #c9e3f0 1px solid; PADDING-LEFT: 0.3em; BACKGROUND: #e2f0f9; PADDING-BOTTOM: 0px; BORDER-LEFT: #c9e3f0 1px solid; CURSOR: pointer; PADDING-TOP: 0px; BORDER-BOTTOM: #86b9d6 1px solid; HEIGHT: 1.8em
}
LABEL {
	CURSOR: pointer; MARGIN-RIGHT: 0.5em
}
#headertab {
	MARGIN-BOTTOM: 4px
}
#topmenu {
	VERTICAL-ALIGN: middle; WIDTH: 100%
}
#topmenu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/headermenu_bg.gif) #fafcff; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; FONT-FAMILY: Simsun,simsun; LIST-STYLE-TYPE: none
}
 HTML #topmenu UL {
	HEIGHT: 1%
}
UNKNOWN {
	OVERFLOW: hidden
}
#topmenu LI {
	FLOAT: left; MARGIN: 0px 6px; LINE-HEIGHT: 24px; WHITE-SPACE: nowrap; HEIGHT: 24px
}
#topmenu A {
	COLOR: #154ba0
}
#logo {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: top; PADDING-TOP: 5px
}
.banner {
	CLEAR: both; MARGIN-BOTTOM: 4px; OVERFLOW: hidden; WIDTH: 770px
}
#menu {
	CLEAR: both; BORDER-TOP: #86b9d6 3px solid; BACKGROUND: url(../images/menu_bg.gif); OVERFLOW: hidden; WIDTH: 770px; LINE-HEIGHT: 25px; BORDER-BOTTOM: #86b9d6 1px solid
}
#menu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 1em; OVERFLOW: hidden; WIDTH: 100%; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
#menu LI {
	FLOAT: left; MARGIN: 0px 2px; OVERFLOW: hidden; WIDTH: 6em; WHITE-SPACE: nowrap
}
#menu DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 1.5em; OVERFLOW: hidden; PADDING-TOP: 0px; HEIGHT: 25px
}
#menu DT {
	FLOAT: left; WIDTH: 4em; WHITE-SPACE: nowrap
}
#menu DT A {
	COLOR: #5086a5! important
}
#menu DD {
	FLOAT: left; MARGIN: 0px 2px; OVERFLOW: hidden; WIDTH: 6em; WHITE-SPACE: nowrap
}
#navigation {
	CLEAR: both; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 1.2em; PADDING-TOP: 1.2em
}
#navigation LABEL {
	LINE-HEIGHT: 20px
}
#navigation P {
	MARGIN: 0px
}
#navigation P A {
	MARGIN: 0px 0.5em
}
#navigation P STRONG {
	MARGIN: 0px 0.5em
}
#searchform {
	FLOAT: right
}
#searchform  {
	VERTICAL-ALIGN: middle
}
#searchform BUTTON {
	MARGIN-LEFT: 0.5em
}
.simplepage#navigation {
	PADDING-RIGHT: 0px; BORDER-TOP: #86b9d6 3px solid; PADDING-LEFT: 0px; BACKGROUND: url(../images/title_icon.gif) #eff5ff no-repeat 10px 6px; MARGIN-BOTTOM: 1em; PADDING-BOTTOM: 0px; OVERFLOW: hidden; LINE-HEIGHT: 30px; PADDING-TOP: 0px; BORDER-BOTTOM: #86b9d6 1px solid; HEIGHT: 26px
}
.simplepage#navigation P {
	FLOAT: right; MARGIN-RIGHT: 0.5em
}
.simplepage#navigation H1 {
	PADDING-LEFT: 32px; FONT-SIZE: 1.2em; MARGIN: 0px
}
.simplepage#navigation H2 {
	PADDING-LEFT: 32px; FONT-SIZE: 1.2em; MARGIN: 0px
}
.content {
	WIDTH: 100%
}
.contentL {
	WIDTH: 100%
}
.contentR {
	WIDTH: 100%
}
 HTML .content {
	HEIGHT: 1%
}
 HTML .contentL {
	HEIGHT: 1%
}
 HTML .contentR {
	HEIGHT: 1%
}
UNKNOWN {
	OVERFLOW: hidden
}
.sideL {
	FLOAT: left; OVERFLOW: hidden; WIDTH: 210px
}
.sideR {
	FLOAT: right; OVERFLOW: hidden; WIDTH: 190px
}
.mainarea {
	FLOAT: left; MARGIN: 0px 4px; WIDTH: 362px
}
.contentL .mainarea {
	MARGIN: 0px 0px 0px 4px; WIDTH: 556px
}
.contentR .mainarea {
	MARGIN: 0px 6px 0px 0px; WIDTH: 574px
}
.blocktitle {
	PADDING-RIGHT: 0px; BORDER-TOP: #86b9d6 3px solid; PADDING-LEFT: 0px; MARGIN-BOTTOM: 6px; PADDING-BOTTOM: 0px; LINE-HEIGHT: 30px; PADDING-TOP: 1px
}
.blocktitle H2 {
	PADDING-LEFT: 32px; FONT-SIZE: 1.17em; BACKGROUND: url(../images/title_icon.gif) #e2f0f9 no-repeat 10px 6px; MARGIN: 0px
}
.blocktitle A.more {
	MARGIN-TOP: 2px
}
.block {
	BORDER-RIGHT: #b2c9d3 1px solid; BORDER-TOP: #b2c9d3 1px solid; BACKGROUND: #fff; MARGIN: 0px 0px 6px; BORDER-LEFT: #b2c9d3 1px solid; BORDER-BOTTOM: #b2c9d3 1px solid
}
.block H3 {
	PADDING-LEFT: 0.5em; FONT-SIZE: 1em; BACKGROUND: url(../images/dotline_h.gif) repeat-x 50% bottom; MARGIN: 1px 0px 0px; COLOR: #5086a5; LINE-HEIGHT: 26px
}
.block H3 A {
	COLOR: #5086a5
}
 HTML .sideblock H3 {
	HEIGHT: 1%
}
.blockintro {
	MARGIN: 8px; LINE-HEIGHT: 1.6em
}
.blockintro A {
	COLOR: #316aa5
}
.blockintroimg {
	BORDER-RIGHT: #e2f0f9 4px solid; BORDER-TOP: #e2f0f9 4px solid; FLOAT: right; MARGIN: 5px 0px 2px 5px; BORDER-LEFT: #e2f0f9 4px solid; WIDTH: 80px; BORDER-BOTTOM: #e2f0f9 4px solid; HEIGHT: 80px
}
.block DL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 10px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 100%; LINE-HEIGHT: 1.5em; PADDING-TOP: 5px
}
.block DT {
	PADDING-RIGHT: 0px; PADDING-LEFT: 8px; BACKGROUND: url(../images/list_icon.gif) no-repeat 0px 12px; PADDING-BOTTOM: 0px; MARGIN: 0px 5px; PADDING-TOP: 5px
}
.block DT A {
	COLOR: #316aa5
}
.block DD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 8px; BACKGROUND: url(../images/dotline_h.gif) repeat-x 50% bottom; PADDING-BOTTOM: 5px; MARGIN: 0px 5px; COLOR: #999; PADDING-TOP: 0px
}
.block DD A {
	COLOR: #999
}
.cleanblock {
	BACKGROUND: #f5fbff
}
.topblock {
	BORDER-TOP: #86b9d6 3px solid
}
#headline {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; PADDING-TOP: 5px; HEIGHT: 58px
}
#headline STRONG {
	FONT-SIZE: 1.2em
}
#headline P {
	MARGIN: 0.3em 0px
}
#headline IMG {
	BORDER-RIGHT: #fff 4px solid; BORDER-TOP: #fff 4px solid; FLOAT: right; BORDER-LEFT: #fff 4px solid; WIDTH: 48px; BORDER-BOTTOM: #fff 4px solid; HEIGHT: 48px
}
.msgtitlelist {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 1.8em; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.msgtitlelist LI {
	PADDING-LEFT: 0.8em; BACKGROUND: url(../images/list_icon.gif) no-repeat 3px 0.68em; OVERFLOW: hidden; HEIGHT: 1.8em
}
.block .msgtitlelist {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px; PADDING-BOTTOM: 3px; PADDING-TOP: 3px
}
.linelist LI {
	LINE-HEIGHT: 2.03em; HEIGHT: 2.03em
}
.linelist LI A {
	FONT-SIZE: 1.17em
}
.linelist STRONG {
	FONT-SIZE: 12px; COLOR: #5086a5! important
}
.linelist STRONG A {
	FONT-SIZE: 12px; COLOR: #5086a5! important
}
.list2col {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; BACKGROUND: url(../images/dotline_v.gif) repeat-y center 50%; PADDING-BOTTOM: 10px; MARGIN: 0px; LINE-HEIGHT: 1.8em; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
 HTML .list2col {
	HEIGHT: 1%
}
UNKNOWN {
	OVERFLOW: hidden
}
.list2col LI {
	DISPLAY: inline; PADDING-LEFT: 10px; BACKGROUND: url(../images/list_icon.gif) no-repeat 3px 7px; FLOAT: left; MARGIN: 0px 5px; OVERFLOW: hidden; WIDTH: 265px; HEIGHT: 1.8em
}
.messagelist {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 5px; MARGIN: 0px; LINE-HEIGHT: 1.6em; PADDING-TOP: 5px; LIST-STYLE-TYPE: none
}
.messagelist LI {
	MARGIN: 5px 0px 25px
}
.messagelist H4 {
	PADDING-LEFT: 5px; FONT-SIZE: 1.17em; BACKGROUND: url(../images/dotline_h.gif) #e8f7fc repeat-x 50% bottom; MARGIN: 5px 0px; LINE-HEIGHT: 2em
}
.messagelist H4 EM {
	PADDING-RIGHT: 5px; FLOAT: right; FONT-STYLE: normal
}
.messagelist H4 A {
	COLOR: #316aa5
}
.messagelist H4 A:visited {
	FONT-WEIGHT: normal
}
.messagelist P {
	MARGIN: 5px 0px
}
.messagelist P A {
	COLOR: #316aa5
}
.newslist {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 2.2em; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.newslist LI {
	PADDING-LEFT: 1em; FONT-SIZE: 1.17em; BACKGROUND: url(../images/list_icon.gif) no-repeat 8px 0.7em
}
.cleanlist {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 5px; MARGIN: 0px; LINE-HEIGHT: 1.6em; PADDING-TOP: 5px; LIST-STYLE-TYPE: none
}
.cleanlist H4 {
	FONT-SIZE: 1.17em; BACKGROUND: url(../images/dotline_h.gif) repeat-x 50% bottom; MARGIN: 0px; LINE-HEIGHT: 2em
}
.cleanlist H4 EM {
	FLOAT: right; FONT-STYLE: normal
}
.cleanlist H4 A {
	PADDING-LEFT: 10px; FONT-WEIGHT: normal; BACKGROUND: url(../images/list_icon.gif) no-repeat 0px 0.4em
}
.cleanlist H4 EM A {
	PADDING-LEFT: 0px; BACKGROUND-IMAGE: none
}
.cleanlist P {
	DISPLAY: none
}
.thumbmsglist {
	PADDING-RIGHT: 10px; PADDING-LEFT: 10px; PADDING-BOTTOM: 10px; MARGIN: 0px; PADDING-TOP: 10px; LIST-STYLE-TYPE: none
}
.thumbmsglist LI {
	PADDING-LEFT: 100px; HEIGHT: 100px
}
.thumbmsglist LI DIV {
	BORDER-RIGHT: #dfdfdf 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #dfdfdf 1px solid; DISPLAY: inline; PADDING-LEFT: 5px; FLOAT: left; PADDING-BOTTOM: 5px; MARGIN-LEFT: -100px; BORDER-LEFT: #dfdfdf 1px solid; WIDTH: 75px; PADDING-TOP: 5px; BORDER-BOTTOM: #dfdfdf 1px solid; POSITION: relative; HEIGHT: 75px; TEXT-ALIGN: center
}
.thumbmsglist LI DIV IMG {
	; WIDTH: expression(this.width > 75 && this.height < this.width ? 75: true); ; HEIGHT: expression(this.height > 75 ? 75: true); max-height: 75px; max-width: 75px
}
.thumbmsglist LI P {
	MARGIN: 0px
}
.thumbmsglist LI EM {
	MARGIN-TOP: 6px; FLOAT: right; FONT-STYLE: normal
}