main.css

OA系统源码

BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; SCROLLBAR-FACE-COLOR: #f0f0f0; FONT-SIZE: 9pt; PADDING-BOTTOM: 0px; MARGIN: 0px; SCROLLBAR-HIGHLIGHT-COLOR: white; SCROLLBAR-SHADOW-COLOR: white; SCROLLBAR-3DLIGHT-COLOR: white; SCROLLBAR-ARROW-COLOR: #006699; PADDING-TOP: 0px; SCROLLBAR-TRACK-COLOR: white; SCROLLBAR-DARKSHADOW-COLOR: white; BACKGROUND-COLOR: #ffffff
}
TABLE {
	FONT-SIZE: 9pt
}
TD {
	FONT-SIZE: 9pt
}
TR {
	FONT-SIZE: 9pt
}
P {
	FONT-SIZE: 9pt
}
A:link {
	COLOR: #052f47; TEXT-DECORATION: none
}
A:visited {
	COLOR: #052f47; TEXT-DECORATION: none
}
A:hover {
	COLOR: #3366ff; TEXT-DECORATION: underline
}
.slider {
	BACKGROUND-POSITION: 50% top; PADDING-LEFT: 6px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/workflow/bg2.gif); LINE-HEIGHT: 28px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 28px
}
.slider .command {
	FONT-WEIGHT: bold; LIST-STYLE-IMAGE: url(..\images\ico-step.gif); VERTICAL-ALIGN: baseline; TEXT-ALIGN: left
}
.slider .command-item {
	
}
.slider .help {
	PADDING-RIGHT: 6px
}
.slider .help-item {
	
}
.tool-item {
	BORDER-RIGHT: #99ccff 1px; PADDING-RIGHT: 1px; BORDER-TOP: #99ccff 1px; PADDING-LEFT: 1px; PADDING-BOTTOM: 0px; MARGIN: 1px; BEHAVIOR: url(../Style/tool_item.htc); BORDER-LEFT: #99ccff 1px; CURSOR: default; COLOR: black; LINE-HEIGHT: 100%; PADDING-TOP: 1px; BORDER-BOTTOM: #99ccff 1px; BACKGROUND-COLOR: transparent
}
.tool-item-image {
	
}
.tool-item-mouseover {
	BORDER-RIGHT: #316ac5 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #316ac5 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 0px; MARGIN: 0px; BEHAVIOR: url(../Style/tool_item.htc); BORDER-LEFT: #316ac5 1px solid; CURSOR: hand; COLOR: navy; LINE-HEIGHT: 100%; PADDING-TOP: 1px; BORDER-BOTTOM: #316ac5 1px solid; BACKGROUND-COLOR: #99cccc
}
.tool-item-mousedown {
	BORDER-RIGHT: #316ac5 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #316ac5 1px solid; PADDING-LEFT: 1px; PADDING-BOTTOM: 0px; MARGIN: 0px; BEHAVIOR: url(../Style/tool_item.htc); BORDER-LEFT: #316ac5 1px solid; CURSOR: hand; LINE-HEIGHT: 100%; PADDING-TOP: 1px; BORDER-BOTTOM: #316ac5 1px solid; BACKGROUND-COLOR: #6699cc
}
.single-tool {
	BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; FONT-SIZE: 9px; BORDER-LEFT: silver 1px solid; LINE-HEIGHT: 18px; BORDER-BOTTOM: silver 1px solid; HEIGHT: 18px; BACKGROUND-COLOR: #bedce6; TEXT-ALIGN: left
}
.multiple-tool {
	BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; FONT-SIZE: 9px; BORDER-LEFT: silver 1px solid; LINE-HEIGHT: 16px; BORDER-BOTTOM: silver 1px solid; HEIGHT: 16px; BACKGROUND-COLOR: #bedce6; TEXT-ALIGN: left
}
.multiple-grid {
	BORDER-RIGHT: silver 1px solid; BORDER-TOP: silver 1px solid; MARGIN-TOP: 5px; FONT-SIZE: 9pt; VERTICAL-ALIGN: top; BORDER-LEFT: silver 1px solid; BORDER-BOTTOM: silver 1px solid; BACKGROUND-COLOR: transparent
}
.multiple-grid .header {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 12px; COLOR: black; LINE-HEIGHT: 20px; PADDING-TOP: 5px; BORDER-BOTTOM: silver 2px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #cbe396
}
.multiple-grid .body {
	
}
.multiple-grid .item {
	COLOR: #000066
}
.multiple-grid .tight-item {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 12px; VERTICAL-ALIGN: baseline; COLOR: #000066; LINE-HEIGHT: 20px; PADDING-TOP: 0px
}
.multiple-grid .selected-item {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 12px; BACKGROUND-COLOR: #d1e5b4
}
.multiple-grid .alternating-Item {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 12px; VERTICAL-ALIGN: baseline; LINE-HEIGHT: 20px; PADDING-TOP: 0px
}
.multiple-grid .edit-item {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 12px; VERTICAL-ALIGN: baseline; LINE-HEIGHT: 20px; PADDING-TOP: 0px
}
.pager {
	BACKGROUND-POSITION: 50% top; MARGIN-TOP: 6px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../Images/workflow/bg1.gif); LINE-HEIGHT: 28px; BACKGROUND-REPEAT: repeat-x; HEIGHT: 28px
}
.root-area {
	
}
.wfgraph {
	MARGIN-TOP: 5px; FONT-SIZE: 12px; MARGIN-LEFT: 5px; FONT-FAMILY: "Verdana" , "Arial" , "Helvetica" , "sans-serif"
}
.wfgraph .connector {
	
}
.wfgraph .connector .diagram {
	WIDTH: 400px; BORDER-BOTTOM: gray 1px solid; TEXT-ALIGN: center
}
.wfgraph .connector .graph {
	DISPLAY: inline-block; VERTICAL-ALIGN: top; WIDTH: 400px; BACKGROUND-COLOR: #f0f0f0; TEXT-ALIGN: center
}
.wfgraph .connector .ruler {
	VERTICAL-ALIGN: bottom; WIDTH: 15px; TEXT-ALIGN: center
}
.wfgraph .connector .intro {
	DISPLAY: block; PADDING-LEFT: 10px; WIDTH: 200px
}
.wfgraph .activity {
	DISPLAY: inline; MARGIN: 5px; VERTICAL-ALIGN: top; WIDTH: 70px
}
.wfgraph .activity .icon {
	TEXT-ALIGN: center
}
.wfgraph .activity .note {
	PADDING-RIGHT: 5px; MARGIN-TOP: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; OVERFLOW: hidden; LINE-HEIGHT: 18px; PADDING-TOP: 5px; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; HEIGHT: 30px; TEXT-ALIGN: center
}
.with-dropdown-panel {
	BEHAVIOR: url(../Style/htc_show_dropdown_panel.htc)
}
.dropdown-panel {
	
}
.with-tree-panel {
	BACKGROUND-IMAGE: url(../Images/treeimages/Rplus.gif); BEHAVIOR: url(../Style/htc_show_tree_panel.htc)
}
.tree-panel {
	
}
.posit {
	BORDER-RIGHT: #cbe396 1px solid; BORDER-TOP: #cbe396 1px solid; DISPLAY: block; BORDER-LEFT: #cbe396 1px solid; BORDER-BOTTOM: #cbe396 1px solid
}
.posit .header {
	BORDER-RIGHT: #cbe396 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #cbe396 1px solid; DISPLAY: block; PADDING-LEFT: 5px; FONT-WEIGHT: bold; BORDER-LEFT: #cbe396 1px solid; BORDER-BOTTOM: #cbe396 1px solid; HEIGHT: 20px; BACKGROUND-COLOR: #cbe396
}
.posit .note-item {
	BORDER-TOP: #cbe396 1px solid; PADDING-LEFT: 5px; BORDER-BOTTOM: #cbe396 1px solid; BACKGROUND-COLOR: #f0f0f0
}
.posit .note-value {
	BORDER-TOP: #cbe396 1px solid; PADDING-LEFT: 12px; BORDER-BOTTOM: #cbe396 1px solid
}
.posit-1 {
	
}
.posit-1 .leader-image {
	
}
.posit-1 .header {
	BORDER-BOTTOM: #006666 1px solid
}
.posit-1 .content {
	
}
.article {
	BACKGROUND-COLOR: #999999
}
.article-title {
	PADDING-LEFT: 5px; FONT-WEIGHT: bold; FONT-SIZE: 12pt; COLOR: #052f47; PADDING-TOP: 10px; BORDER-BOTTOM: #84a92e 1px solid; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"; HEIGHT: 40px; BACKGROUND-COLOR: #cbe396
}
.article-summary {
	PADDING-LEFT: 5px; FONT-SIZE: 8pt; BACKGROUND: #f0f0f0; COLOR: #666666; LINE-HEIGHT: 22px; BORDER-BOTTOM: #999999 1px solid; FONT-FAMILY: "Verdana", "Arial", "Helvetica", "sans-serif"
}
.article-page-tab {
	PADDING-TOP: 10px; BORDER-BOTTOM: #3c647b 1px solid
}
.article-page-body {
	BORDER-RIGHT: #3c647b 1px solid; PADDING-RIGHT: 5px; PADDING-LEFT: 5px; FONT-SIZE: 12px; PADDING-BOTTOM: 5px; VERTICAL-ALIGN: top; BORDER-LEFT: #3c647b 1px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #3c647b 1px solid; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 400px; BACKGROUND-COLOR: #ffffff
}
.header-grid {
	
}
.header-grid .hlighted-item {
	FONT-WEIGHT: bold; FONT-SIZE: medium; TEXT-DECORATION: underline
}
.header-grid .dimmed-item {
	PADDING-LEFT: 4px; FONT-SIZE: 9pt; COLOR: #888888; BACKGROUND-COLOR: #f0f0f0
}
.process-task-notice {
	PADDING-LEFT: 5px; HEIGHT: 10px; BACKGROUND-COLOR: lightsalmon
}
.process-report {
	
}
.workflow-task-grid {
	
}
.workflow-task-grid .hlighted-item {
	BORDER-RIGHT: red 1px solid; BORDER-TOP: red 1px solid; BORDER-LEFT: red 1px solid; BORDER-BOTTOM: red 1px solid
}
.workflow-task-grid .dimmed-item {
	
}
.form {
	
}
.form-header {
	BORDER-RIGHT: #cbe396 1px solid; BORDER-TOP: #cbe396 1px solid; MARGIN-TOP: 5px; BORDER-LEFT: #cbe396 1px solid; LINE-HEIGHT: 20px; HEIGHT: 20px
}
.form-header .open-and-pack {
	BORDER-RIGHT: #cbe396 1px solid; BACKGROUND-POSITION: center center; BORDER-TOP: #cbe396 1px solid; BEHAVIOR: url(../Style/htc_show_form_body.htc); BORDER-LEFT: #cbe396 1px solid; WIDTH: 20px; LINE-HEIGHT: 20px; BORDER-BOTTOM: #cbe396 1px solid; BACKGROUND-REPEAT: no-repeat; BACKGROUND-COLOR: #cbe396
}
.form-header .header-title {
	PADDING-LEFT: 5px; BACKGROUND-COLOR: #cbe396; TEXT-DECORATION: underline
}
.form-body {
	BORDER-RIGHT: #cbe396 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #cbe396 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; BORDER-LEFT: #cbe396 1px solid; LINE-HEIGHT: 20px; PADDING-TOP: 2px; BORDER-BOTTOM: #cbe396 1px solid
}
.form-body INPUT {
	BORDER-RIGHT: #cbe396 1px solid; BORDER-TOP: #cbe396 1px solid; BORDER-LEFT: #cbe396 1px solid; BORDER-BOTTOM: #cbe396 1px solid
}
.form-body TEXTAREA {
	BORDER-RIGHT: #cbe396 1px solid; BORDER-TOP: #cbe396 1px solid; BORDER-LEFT: #cbe396 1px solid; BORDER-BOTTOM: #cbe396 1px solid
}
.form-body .input-header {
	WIDTH: 20px; HEIGHT: 20px
}
.form-body .input-name {
	PADDING-RIGHT: 5px; DISPLAY: block; PADDING-LEFT: 5px; OVERFLOW: visible; WIDTH: 70px; COLOR: #a0a0a0; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #f0f0f0
}
.form-body .input-name-1 {
	DISPLAY: block; PADDING-LEFT: 5px; OVERFLOW: visible; WIDTH: 100%; COLOR: #bebebe; WHITE-SPACE: nowrap; BACKGROUND-COLOR: #f0f0f0
}
.form-body .input-value {
	PADDING-RIGHT: 5px; PADDING-LEFT: 5px
}
.form-body .input-value-1 {
	PADDING-LEFT: 15px; WIDTH: 100%
}
.menu {
	
}
.menu-header {
	BACKGROUND-POSITION: center center; FONT-SIZE: 13px; BACKGROUND-IMAGE: url(../images/leftmenu-btnbg.gif); WIDTH: 100%; COLOR: #000000; BACKGROUND-REPEAT: repeat-x; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; HEIGHT: 28px
}
.menu-header .header-icon {
	PADDING-RIGHT: 6px; PADDING-TOP: 3px; TEXT-ALIGN: right
}
.menu-header .header-title {
	FONT-SIZE: 13px; BEHAVIOR: url(../Style/htc_show_menu_body.htc); WIDTH: 80%; CURSOR: hand; COLOR: #000000; PADDING-TOP: 3px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif
}
.menu-body {
	PADDING-RIGHT: 5px; BACKGROUND-POSITION: right bottom; BORDER-TOP: #3c647b 1px solid; PADDING-LEFT: 5px; FONT-SIZE: 12px; BACKGROUND-IMAGE: url(../images/personbodybg2.gif); MARGIN-BOTTOM: 1px; PADDING-BOTTOM: 2px; COLOR: #1a1a4f; PADDING-TOP: 2px; BACKGROUND-REPEAT: no-repeat; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; BACKGROUND-COLOR: #ffffff
}
.meta-body .item {
	
}
.menu-body .item-icon {
	BORDER-RIGHT: #3c647b 1px solid; PADDING-BOTTOM: 4px; WIDTH: 14px; BORDER-BOTTOM: #3c647b 1px solid; TEXT-ALIGN: right
}
.menu-body .item-text {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; VERTICAL-ALIGN: baseline; PADDING-TOP: 3px; BORDER-BOTTOM: #3c647b 1px solid
}
.menu-body .selected-item-icon {
	
}
.menu-body .selected-item-text {
	
}
.selection {
	BORDER-TOP: #cbe396 1px solid; BORDER-BOTTOM: #cbe396 1px solid
}
.selection-enabler {
	BEHAVIOR: url(../Style/htc_move_selection_panel.htc); POSITION: relative
}
.selection-field {
	BORDER-RIGHT: #cbe396 1px solid; BORDER-TOP: #cbe396 1px solid; BORDER-LEFT: #cbe396 1px solid; LINE-HEIGHT: 17px; BORDER-BOTTOM: #cbe396 1px solid
}
.selection-field-tool {
	MARGIN-LEFT: 2px; CURSOR: hand
}
.selection-field-value {
	PADDING-LEFT: 5px
}
.selection-header {
	BORDER-RIGHT: #cbe396 1px solid; BORDER-TOP: #cbe396 1px solid; VISIBILITY: visible; BORDER-LEFT: #cbe396 1px solid; CURSOR: move; LINE-HEIGHT: 17px; BORDER-BOTTOM: #cbe396 1px solid; POSITION: absolute; BACKGROUND-COLOR: #cbe396
}
.selection-header-tool {
	CURSOR: hand
}
.selection-body {
	BORDER-TOP: #cbe396 1px solid; CURSOR: auto
}
.selection-body-separator {
	BORDER-RIGHT: #cbe396 1px solid; BORDER-LEFT: #cbe396 1px solid
}
.selection-body-item {
	BORDER-RIGHT: #cbe396 1px solid; BORDER-TOP: #cbe396 1px solid; BORDER-LEFT: #cbe396 1px solid; BORDER-BOTTOM: #cbe396 1px solid
}
.Login-Background {
	BACKGROUND-IMAGE: url(../Images/oalogin.gif)
}