⭐ 欢迎来到虫虫下载站! | 📦 资源下载 📁 资源专辑 ℹ️ 关于我们
⭐ 虫虫下载站

📄 style.css

📁 一个js绘制工作流界面源码
💻 CSS
📖 第 1 页 / 共 2 页
字号:
HTML {
	OVERFLOW-Y: scroll
}
A:link {
	COLOR: #0066cc; TEXT-DECORATION: none
}
A:visited {
	COLOR: #0066cc; TEXT-DECORATION: none
}
A:hover {
	COLOR: #333333; TEXT-DECORATION: underline
}
A:active {
	COLOR: #333333; TEXT-DECORATION: underline
}
A.A1:link {
	COLOR: #003366; TEXT-DECORATION: underline
}
A.A1:visited {
	COLOR: #003366; TEXT-DECORATION: underline
}
A.A1:active {
	COLOR: #124164; TEXT-DECORATION: underline
}
A.A1:hover {
	COLOR: #124164; TEXT-DECORATION: underline
}
BODY {
	FONT-SIZE: 12pt
}
IMG {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px
}
TABLE {
	BORDER-COLLAPSE: collapse
}
.bodycolor {
	BACKGROUND: #d6e4ef
}
.loginbodycolor {
	BACKGROUND: #6ba2d8
}
.topbar {
	FONT-SIZE: 9pt; BACKGROUND: url(topbar.gif) #c4d9ef
}
.topbar2 {
	FONT-SIZE: 9pt; BACKGROUND: url(menubg.gif) #c4d9ef
}
.panel {
	BACKGROUND: #c4d9ef; COLOR: #654125
}
.timebar {
	BACKGROUND: #cedff1
}
.menu_tr1 {
	FONT-SIZE: 9pt; BACKGROUND-IMAGE: url(topbar.gif); CURSOR: pointer; COLOR: #000000
}
.menu_tr2 {
	FONT-SIZE: 9pt; BACKGROUND: #cedff1; CURSOR: pointer; COLOR: #000000
}
.small {
	FONT-SIZE: 9pt
}
.small1 {
	FONT-SIZE: 9pt; COLOR: #000000
}
.big {
	FONT-SIZE: 12pt
}
.big1 {
	FONT-SIZE: 12pt; COLOR: #000000
}
.big2 {
	FONT-SIZE: 18pt
}
.big3 {
	FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #124164
}
.big4 {
	COLOR: #ff0000
}
.verybig {
	FONT-SIZE: 24pt
}
INPUT.SmallButton {
	BORDER-RIGHT: #6e91c7 1px solid; BORDER-TOP: #6e91c7 1px solid; FONT-SIZE: 9pt; BACKGROUND: url(button_bg.gif) #f4fbe1; VERTICAL-ALIGN: middle; BORDER-LEFT: #6e91c7 1px solid; BORDER-BOTTOM: #6e91c7 1px solid; HEIGHT: 20px; TEXT-DECORATION: none
}
INPUT.ArrowButton {
	BORDER-RIGHT: #6e91c7 1px solid; BORDER-TOP: #6e91c7 1px solid; FONT-SIZE: 9pt; BACKGROUND: url(button_bg.gif) #f4fbe1; VERTICAL-ALIGN: middle; BORDER-LEFT: #6e91c7 1px solid; BORDER-BOTTOM: #6e91c7 1px solid; HEIGHT: 20px; TEXT-DECORATION: none
}
INPUT.SmallButton:hover {
	BORDER-RIGHT: #80aa00 1px solid; BORDER-TOP: #99cc00 1px solid; FONT-SIZE: 9pt; BACKGROUND: url(bg_input_btn_hover.png) #f4fadf; BORDER-LEFT: #99cc00 1px solid; COLOR: #395500; BORDER-BOTTOM: #80aa00 1px solid
}
INPUT.ArrowButton:hover {
	BORDER-RIGHT: #80aa00 1px solid; BORDER-TOP: #99cc00 1px solid; FONT-SIZE: 9pt; BACKGROUND: url(bg_input_btn_hover.png) #f4fadf; BORDER-LEFT: #99cc00 1px solid; COLOR: #395500; BORDER-BOTTOM: #80aa00 1px solid
}
INPUT.BigButton {
	BORDER-RIGHT: #6e91c7 1px solid; BORDER-TOP: #6e91c7 1px solid; FONT-SIZE: 12pt; BACKGROUND: url(button_bg.gif) #f4fbe1; MARGIN: 1px; VERTICAL-ALIGN: middle; BORDER-LEFT: #6e91c7 1px solid; BORDER-BOTTOM: #6e91c7 1px solid; HEIGHT: 24px; TEXT-DECORATION: none
}
INPUT.BigButton:hover {
	BORDER-RIGHT: #80aa00 1px solid; BORDER-TOP: #99cc00 1px solid; FONT-SIZE: 12pt; BACKGROUND: url(bg_input_btn_hover.png) #f4fadf; BORDER-LEFT: #99cc00 1px solid; COLOR: #395500; BORDER-BOTTOM: #80aa00 1px solid
}
INPUT.SmallButtonAHover {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: url(btn_a.png) no-repeat 0px -21px; BORDER-LEFT: 0px; WIDTH: 50px; CURSOR: pointer; COLOR: #000000; BORDER-BOTTOM: 0px; HEIGHT: 21px
}
INPUT.SmallButtonA {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: url(btn_a.png) no-repeat; BORDER-LEFT: 0px; WIDTH: 50px; CURSOR: pointer; COLOR: #36434e; BORDER-BOTTOM: 0px; HEIGHT: 21px
}
INPUT.SmallButtonA:hover {
	BACKGROUND-POSITION: 0px -21px
}
INPUT.SmallButtonBHover {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: url(btn_b.png) no-repeat 0px -21px; BORDER-LEFT: 0px; WIDTH: 74px; CURSOR: pointer; COLOR: #000000; BORDER-BOTTOM: 0px; HEIGHT: 21px
}
INPUT.SmallButtonB {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: url(btn_b.png) no-repeat; BORDER-LEFT: 0px; WIDTH: 74px; CURSOR: pointer; COLOR: #36434e; BORDER-BOTTOM: 0px; HEIGHT: 21px
}
INPUT.SmallButtonB:hover {
	BACKGROUND-POSITION: 0px -21px
}
INPUT.SmallButtonCHover {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: url(btn_c.png) no-repeat 0px -21px; BORDER-LEFT: 0px; WIDTH: 105px; CURSOR: pointer; COLOR: #000000; BORDER-BOTTOM: 0px; HEIGHT: 21px
}
INPUT.SmallButtonC {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: url(btn_c.png) no-repeat; BORDER-LEFT: 0px; WIDTH: 105px; CURSOR: pointer; COLOR: #36434e; BORDER-BOTTOM: 0px; HEIGHT: 21px
}
INPUT.SmallButtonC:hover {
	BACKGROUND-POSITION: 0px -21px
}
INPUT.SmallButtonDHover {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: url(btn_d.png) no-repeat 0px -21px; BORDER-LEFT: 0px; WIDTH: 160px; CURSOR: pointer; COLOR: #000000; BORDER-BOTTOM: 0px; HEIGHT: 21px
}
INPUT.SmallButtonD {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: url(btn_d.png) no-repeat; BORDER-LEFT: 0px; WIDTH: 160px; CURSOR: pointer; COLOR: #36434e; BORDER-BOTTOM: 0px; HEIGHT: 21px
}
INPUT.SmallButtonD:hover {
	BACKGROUND-POSITION: 0px -21px
}
INPUT.SmallButtonEHover {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: url(btn_e.png) no-repeat 0px -21px; BORDER-LEFT: 0px; WIDTH: 245px; CURSOR: pointer; COLOR: #000000; BORDER-BOTTOM: 0px; HEIGHT: 21px
}
INPUT.SmallButtonE {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; BACKGROUND: url(btn_e.png) no-repeat; BORDER-LEFT: 0px; WIDTH: 245px; CURSOR: pointer; COLOR: #36434e; BORDER-BOTTOM: 0px; HEIGHT: 21px
}
INPUT.SmallButtonE:hover {
	BACKGROUND-POSITION: 0px -21px
}
INPUT.BigButtonAHover {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 12pt; BACKGROUND: url(big_btn_a.png) no-repeat 0px -24px; BORDER-LEFT: 0px; WIDTH: 60px; CURSOR: pointer; COLOR: #000000; BORDER-BOTTOM: 0px; HEIGHT: 24px
}
INPUT.BigButtonA {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 12pt; BACKGROUND: url(big_btn_a.png) no-repeat; BORDER-LEFT: 0px; WIDTH: 60px; CURSOR: pointer; COLOR: #36434e; BORDER-BOTTOM: 0px; HEIGHT: 24px
}
INPUT.BigButtonA:hover {
	BACKGROUND-POSITION: 0px -24px
}
INPUT.BigButtonBHover {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 12pt; BACKGROUND: url(big_btn_b.png) no-repeat 0px -24px; BORDER-LEFT: 0px; WIDTH: 84px; CURSOR: pointer; COLOR: #000000; BORDER-BOTTOM: 0px; HEIGHT: 24px
}
INPUT.BigButtonB {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 12pt; BACKGROUND: url(big_btn_b.png) no-repeat; BORDER-LEFT: 0px; WIDTH: 84px; CURSOR: pointer; COLOR: #36434e; BORDER-BOTTOM: 0px; HEIGHT: 24px
}
INPUT.BigButtonB:hover {
	BACKGROUND-POSITION: 0px -24px
}
INPUT.BigButtonCHover {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 12pt; BACKGROUND: url(big_btn_c.png) no-repeat 0px -24px; BORDER-LEFT: 0px; WIDTH: 125px; CURSOR: pointer; COLOR: #000000; BORDER-BOTTOM: 0px; HEIGHT: 24px
}
INPUT.BigButtonC {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 12pt; BACKGROUND: url(big_btn_c.png) no-repeat; BORDER-LEFT: 0px; WIDTH: 125px; CURSOR: pointer; COLOR: #36434e; BORDER-BOTTOM: 0px; HEIGHT: 24px
}
INPUT.BigButtonC:hover {
	BACKGROUND-POSITION: 0px -24px
}
INPUT.BigButtonDHover {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 12pt; BACKGROUND: url(big_btn_d.png) no-repeat 0px -24px; BORDER-LEFT: 0px; WIDTH: 195px; CURSOR: pointer; COLOR: #000000; BORDER-BOTTOM: 0px; HEIGHT: 24px
}
INPUT.BigButtonD {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 12pt; BACKGROUND: url(big_btn_d.png) no-repeat; BORDER-LEFT: 0px; WIDTH: 195px; CURSOR: pointer; COLOR: #36434e; BORDER-BOTTOM: 0px; HEIGHT: 24px
}
INPUT.BigButtonD:hover {
	BACKGROUND-POSITION: 0px -24px
}
INPUT.BigButtonEHover {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 12pt; BACKGROUND: url(big_btn_e.png) no-repeat 0px -24px; BORDER-LEFT: 0px; WIDTH: 305px; CURSOR: pointer; COLOR: #000000; BORDER-BOTTOM: 0px; HEIGHT: 24px
}
INPUT.BigButtonE {
	BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 12pt; BACKGROUND: url(big_btn_e.png) no-repeat; BORDER-LEFT: 0px; WIDTH: 305px; CURSOR: pointer; COLOR: #36434e; BORDER-BOTTOM: 0px; HEIGHT: 24px
}
INPUT.BigButtonE:hover {
	BACKGROUND-POSITION: 0px -24px
}
INPUT.BigInput {
	BORDER-RIGHT: #c0bbb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c0bbb4 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 10pt; BACKGROUND: url(bg_input_text.png) white repeat-x 0px -1px; PADDING-BOTTOM: 1px; VERTICAL-ALIGN: middle; BORDER-LEFT: #c0bbb4 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #c0bbb4 1px solid
}
TEXTAREA.BigInput {
	BORDER-RIGHT: #c0bbb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c0bbb4 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 10pt; BACKGROUND: url(bg_input_text.png) white repeat-x 0px -1px; PADDING-BOTTOM: 1px; VERTICAL-ALIGN: middle; BORDER-LEFT: #c0bbb4 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #c0bbb4 1px solid
}
INPUT.BigInput:hover {
	BORDER-RIGHT: #99cc00 1px solid; BORDER-TOP: #99cc00 1px solid; FONT-SIZE: 10pt; BACKGROUND: url(bg_input_text_hover.png) white repeat-x left top; BORDER-LEFT: #99cc00 1px solid; BORDER-BOTTOM: #99cc00 1px solid
}
TEXTAREA.BigInput:hover {
	BORDER-RIGHT: #99cc00 1px solid; BORDER-TOP: #99cc00 1px solid; FONT-SIZE: 10pt; BACKGROUND: url(bg_input_text_hover.png) white repeat-x left top; BORDER-LEFT: #99cc00 1px solid; BORDER-BOTTOM: #99cc00 1px solid
}
INPUT.SmallInput {
	BORDER-RIGHT: #c0bbb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c0bbb4 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 9pt; BACKGROUND: url(bg_input_text.png) white repeat-x 0px -1px; PADDING-BOTTOM: 1px; VERTICAL-ALIGN: middle; BORDER-LEFT: #c0bbb4 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #c0bbb4 1px solid
}
TEXTAREA.SmallInput {
	BORDER-RIGHT: #c0bbb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c0bbb4 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 9pt; BACKGROUND: url(bg_input_text.png) white repeat-x 0px -1px; PADDING-BOTTOM: 1px; VERTICAL-ALIGN: middle; BORDER-LEFT: #c0bbb4 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #c0bbb4 1px solid
}
INPUT.SmallInput:hover {
	BORDER-RIGHT: #99cc00 1px solid; BORDER-TOP: #99cc00 1px solid; FONT-SIZE: 9pt; BACKGROUND: url(bg_input_text_hover.png) white repeat-x left top; BORDER-LEFT: #99cc00 1px solid; BORDER-BOTTOM: #99cc00 1px solid
}
TEXTAREA.SmallInput:hover {
	BORDER-RIGHT: #99cc00 1px solid; BORDER-TOP: #99cc00 1px solid; FONT-SIZE: 9pt; BACKGROUND: url(bg_input_text_hover.png) white repeat-x left top; BORDER-LEFT: #99cc00 1px solid; BORDER-BOTTOM: #99cc00 1px solid
}
INPUT.BigInputMoney {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 12pt; BACKGROUND: #f8f8f8; BORDER-LEFT: black 1px solid; COLOR: #006; LINE-HEIGHT: normal; BORDER-BOTTOM: 1px double; FONT-STYLE: normal; HEIGHT: 22px; TEXT-ALIGN: right; FONT-VARIANT: normal
}
INPUT.BigStatic {
	BORDER-RIGHT: #c0bbb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c0bbb4 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 10pt; BACKGROUND: #e0e0e0; PADDING-BOTTOM: 1px; VERTICAL-ALIGN: middle; BORDER-LEFT: #c0bbb4 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #c0bbb4 1px solid
}
TEXTAREA.BigStatic {
	BORDER-RIGHT: #c0bbb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c0bbb4 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 10pt; BACKGROUND: #e0e0e0; PADDING-BOTTOM: 1px; VERTICAL-ALIGN: middle; BORDER-LEFT: #c0bbb4 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #c0bbb4 1px solid
}
INPUT.SmallStatic {
	BORDER-RIGHT: #c0bbb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c0bbb4 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 9pt; BACKGROUND: #e0e0e0; PADDING-BOTTOM: 1px; VERTICAL-ALIGN: middle; BORDER-LEFT: #c0bbb4 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #c0bbb4 1px solid
}
TEXTAREA.SmallStatic {
	BORDER-RIGHT: #c0bbb4 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #c0bbb4 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 9pt; BACKGROUND: #e0e0e0; PADDING-BOTTOM: 1px; VERTICAL-ALIGN: middle; BORDER-LEFT: #c0bbb4 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #c0bbb4 1px solid
}
SELECT.BigSelect {
	BORDER-RIGHT: #c0bbb4 1px solid; BORDER-TOP: #c0bbb4 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 12pt; BACKGROUND: url(bg_input_text.png) white repeat-x left top; BORDER-LEFT: #c0bbb4 1px solid; COLOR: #000066; LINE-HEIGHT: normal; BORDER-BOTTOM: 1px double; FONT-STYLE: normal; HEIGHT: 22px; FONT-VARIANT: normal
}
SELECT.BigSelect:hover {
	BORDER-RIGHT: #c0bbb4 1px solid; BORDER-TOP: #c0bbb4 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 12pt; BACKGROUND: url(bg_input_text_hover.png) white repeat-x left top; BORDER-LEFT: #c0bbb4 1px solid; COLOR: #000066; LINE-HEIGHT: normal; BORDER-BOTTOM: 1px double; FONT-STYLE: normal; HEIGHT: 22px; FONT-VARIANT: normal
}
SELECT.SmallSelect {
	BORDER-RIGHT: #c0bbb4 1px solid; BORDER-TOP: #c0bbb4 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 9pt; BACKGROUND: url(bg_input_text.png) white repeat-x left top; BORDER-LEFT: #c0bbb4 1px solid; COLOR: #000066; LINE-HEIGHT: normal; BORDER-BOTTOM: 1px double; FONT-STYLE: normal; HEIGHT: 18px; FONT-VARIANT: normal
}
SELECT.SmallSelect:hover {
	BORDER-RIGHT: #c0bbb4 1px solid; BORDER-TOP: #c0bbb4 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 9pt; BACKGROUND: url(bg_input_text_hover.png) white repeat-x left top; BORDER-LEFT: #c0bbb4 1px solid; COLOR: #000066; LINE-HEIGHT: normal; BORDER-BOTTOM: 1px double; FONT-STYLE: normal; HEIGHT: 18px; FONT-VARIANT: normal
}
SELECT.BigStatic {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 12pt; BACKGROUND: #e0e0e0; BORDER-LEFT: black 1px solid; COLOR: #000066; LINE-HEIGHT: normal; BORDER-BOTTOM: 1px double; FONT-STYLE: normal; HEIGHT: 22px; FONT-VARIANT: normal
}
SELECT.SmallStatic {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; FONT-WEIGHT: normal; FONT-SIZE: 9pt; BACKGROUND: #e0e0e0; BORDER-LEFT: black 1px solid; COLOR: #000066; LINE-HEIGHT: normal; BORDER-BOTTOM: black 1px solid; FONT-STYLE: normal; HEIGHT: 18px; FONT-VARIANT: normal
}
.TableControl {
	BACKGROUND: #def1f1

⌨️ 快捷键说明

复制代码 Ctrl + C
搜索代码 Ctrl + F
全屏模式 F11
切换主题 Ctrl + Shift + D
显示快捷键 ?
增大字号 Ctrl + =
减小字号 Ctrl + -