xtheme-aero.css

纯JS的数据列表 6000行数据 需要9秒

#x-msg-box .x-dlg-bd{
	background: #cfe0f5;
	border: 0 none;
}

body.x-masked #x-msg-box .x-dlg-bd, body.x-body-masked #x-msg-box .x-dlg-bd{
	background: #c4d2e3;
	border: 0 none;
}

/* BorderLayout */
.x-layout-container{
	background: #deecfd;
}

.x-layout-collapsed{
	background-color: #deecfd;
	border: 1px solid #99bbe8;
}

.x-layout-collapsed-over{
	background-color: #f5f9fe;
}

.x-layout-panel{
	border: 1px solid #99bbe8;
}

.x-layout-nested-layout .x-layout-panel {
	border: 0 none;
}

.x-layout-split{
	background-color: #deecfd;
}

.x-layout-panel-hd{
	background: url(../images/aero/grid/grid-hrow.gif) #ebeadb repeat-x;
	border-bottom: 1px solid #99bbe8;
}

.x-layout-panel-hd-text {
	color: #15428b;
	font: bold 11px tahoma,arial,verdana,sans-serif;
}

.x-layout-split-h{
	background: #deecfd;
}

.x-layout-split-v{
	background: #deecfd;
}

.x-layout-panel .x-tabs-top .x-tabs-wrap{
	border: 0 none;
	border-bottom: 1px solid #8db2e3;
}

.x-layout-panel .x-tabs-bottom .x-tabs-wrap{
	border: 0 none;
	border-top: 1px solid #8db2e3;
}

.x-layout-nested-layout .x-layout-panel-north {
	border-bottom: 1px solid #99bbe8;
}

.x-layout-nested-layout .x-layout-panel-south {
	border-top: 1px solid #99bbe8;
}

.x-layout-nested-layout .x-layout-panel-east {
	border-left: 1px solid #99bbe8;
}

.x-layout-nested-layout .x-layout-panel-west {
	border-right: 1px solid #99bbe8;
}

.x-layout-panel-dragover {
	border: 2px solid #99bbe8;
}

.x-layout-panel-proxy {
	background-image: url(../images/aero/layout/gradient-bg.gif);
	background-color: #f3f2e7;
	border: 1px dashed #99bbe8;
}

.x-layout-container .x-layout-tabs-body{
	border: 0 none;
}

/** Resizable */
.x-resizable-proxy{
	border: 1px dashed #3b5a82;
}

/* grid */
.x-grid-hd-text {
	color: #15428b;
	font-weight: bold;
}

.x-grid-locked .x-grid-body td {
	background: #fbfdff;
	border-right: 1px solid #deecfd;
	border-bottom: 1px solid #deecfd !important;
}

.x-grid-locked .x-grid-body td .x-grid-cell-inner {
	border-top: 0 none;
}

.x-grid-locked .x-grid-row-alt td{
	background: #f5fafe;
}

.x-grid-locked .x-grid-row-selected td{
	color: #ffffff !important;
	background-color: #316ac5 !important;
}

.x-grid-hd{
	border-bottom: 0;
	background: none;
}

.x-grid-hd-row{
	height: auto;
}

.x-grid-hd-over {
	border-bottom: 0 none;
}

.x-grid-hd-over .x-grid-hd-body{
	background: none;
	border-bottom: 0 none;
}

.x-grid-hd-over .x-grid-hd-body{
	background-color: transparent;
	border-bottom: 0;
}

.x-grid-split {
	background-image: url(../images/aero/grid/grid-blue-split.gif);
}

.x-grid-header{
	background: url(../images/aero/grid/grid-hrow.gif);
	border: 0 none;
	border-bottom: 1px solid #6f99cf;
}

.x-grid-row-alt{
	background-color: #f5f5f5;
}

.x-grid-row-over td, .x-grid-locked .x-grid-row-over td{
	background-color: #d9e8fb;
}

.x-grid-col {
	border-right: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
}

.x-grid-header .x-grid-hd-inner {
	padding-bottom: 1px;
}

.x-grid-header  .x-grid-hd-text {
	padding-bottom: 3px;
}

.x-grid-hd-over .x-grid-hd-inner {
	border-bottom: 1px solid #316ac5;
	padding-bottom: 0;
}

.x-grid-hd-over .x-grid-hd-text {
	background: #d5e4f5;
	border-bottom: 1px solid #ffffff;
	padding-bottom: 2px;
}

.x-grid-header .sort-asc .x-grid-hd-inner, .x-grid-header .sort-desc .x-grid-hd-inner {
	border-bottom: 1px solid #316ac5;
	padding-bottom: 0;
}

.x-grid-header .sort-asc  .x-grid-hd-text, .x-grid-header .sort-desc .x-grid-hd-text {
	border-bottom: 0 none;
	padding-bottom: 3px;
}

.x-grid-header .sort-asc .x-grid-sort-icon {
	background-image: url(../images/aero/grid/sort_asc.gif);
}

.x-grid-header .sort-desc .x-grid-sort-icon {
	background-image: url(../images/aero/grid/sort_desc.gif);
}

.x-dd-drag-proxy .x-grid-hd-inner{
	background: url(../images/aero/grid/grid-hrow.gif) #ebeadb repeat-x;
	height: 22px;
	width: 120px;
}

.x-grid-locked td.x-grid-row-marker, .x-grid-locked .x-grid-row-selected td.x-grid-row-marker{
	background: url(../images/aero/grid/grid-hrow.gif) #ebeadb repeat-x 0 0 !important;
	vertical-align: middle !important;
	color: #000000;
	padding: 0;
	border-top: 1px solid #ffffff;
	border-bottom: 1px solid #6f99cf !important;
	border-right: 1px solid #6f99cf !important;
	text-align: center;
}

.x-grid-locked td.x-grid-row-marker div, .x-grid-locked .x-grid-row-selected td.x-grid-row-marker div{
	padding: 0 4px;
	color: #15428b !important;
	text-align: center;
}

/** Toolbar */
.x-toolbar{
	padding: 2px 2px 2px 2px;
	background: url(../images/default/toolbar/tb-bg.gif) #d0def0 repeat-x;
}

.x-toolbar .ytb-sep{
	background-image: url(../images/aero/grid/grid-blue-split.gif);
}

.x-toolbar .x-btn-over .x-btn-left{
	background: url(../images/aero/toolbar/tb-btn-sprite.gif) no-repeat 0 0;
}

.x-toolbar .x-btn-over .x-btn-right{
	background: url(../images/aero/toolbar/tb-btn-sprite.gif) no-repeat 0 -21px;
}

.x-toolbar .x-btn-over .x-btn-center{
	background: url(../images/aero/toolbar/tb-btn-sprite.gif) repeat-x 0 -42px;
}

.x-toolbar .x-btn-click .x-btn-left, .x-toolbar .x-btn-pressed .x-btn-left, .x-toolbar .x-btn-menu-active .x-btn-left{
	background: url(../images/aero/toolbar/tb-btn-sprite.gif) no-repeat 0 -63px;
}

.x-toolbar .x-btn-click .x-btn-right, .x-toolbar .x-btn-pressed .x-btn-right, .x-toolbar .x-btn-menu-active .x-btn-right{
	background: url(../images/aero/toolbar/tb-btn-sprite.gif) no-repeat 0 -84px;
}

.x-toolbar .x-btn-click .x-btn-center, .x-toolbar .x-btn-pressed .x-btn-center, .x-toolbar .x-btn-menu-active .x-btn-center{
	background: url(../images/aero/toolbar/tb-btn-sprite.gif) repeat-x 0 -105px;
}

/*************** TABS 2 *****************/
/**
* Tabs
*/
.x-tab-panel-header, .x-tab-panel-footer {
	background: #deecfd;
	border: 1px solid #8db2e3;
}

.x-tab-panel-header {
	background: #deecfd;
	border: 1px solid #8db2e3;
	padding-bottom: 2px;
}

.x-tab-panel-footer {
	background: #deecfd;
	border: 1px solid #8db2e3;
	padding-top: 2px;
}

.x-tab-strip-top{
	padding-top: 1px;
	background: url(../images/aero/tabs/tab-strip-bg.gif) #cedff5 repeat-x bottom;
	border-bottom: 1px solid #8db2e3;
}

.x-tab-strip-bottom{
	padding-bottom: 1px;
	background: url(../images/aero/tabs/tab-strip-btm-bg.gif) #cedff5 repeat-x top;
	border-top: 1px solid #8db2e3;
	border-bottom: 0 none;
}

.x-tab-strip .x-tab-strip-text {
	color: #15428b;
	font: bold 11px tahoma,arial,verdana,sans-serif;
}

.x-tab-strip .x-tab-strip-active .x-tab-text {
	cursor: default;
	color: #15428b;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-right {
	background: url(../images/aero/tabs/tab-sprite.gif) no-repeat right 0;
}

.x-tab-strip-top .x-tab-strip-active .x-tab-left {
	background: url(../images/aero/tabs/tab-sprite.gif) no-repeat 0 -100px;
}

.x-tab-strip-top .x-tab-right {
	background: url(../images/aero/tabs/tab-sprite.gif) no-repeat right -50px;
}

.x-tab-strip-top .x-tab-left {
	background: url(../images/aero/tabs/tab-sprite.gif) no-repeat 0 -150px;
}

.x-tab-strip-bottom .x-tab-right {
	background: url(../images/aero/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
}

.x-tab-strip-bottom .x-tab-left {
	background: url(../images/aero/tabs/tab-btm-inactive-left-bg.gif) no-repeat bottom left;
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-right {
	background: url(../images/aero/tabs/tab-btm-right-bg.gif) no-repeat bottom left;
}

.x-tab-strip-bottom .x-tab-strip-active .x-tab-left {
	background: url(../images/aero/tabs/tab-btm-left-bg.gif) no-repeat bottom right;
}

.x-tab-panel-body-top {
	border: 1px solid #8db2e3;
	border-top: 0 none;
}

.x-tab-panel-body-bottom {
	border: 1px solid #8db2e3;
	border-bottom: 0 none;
}