xtheme-aero.css

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

/*
 * Ext JS Library 1.1.1
 * Copyright(c) 2006-2007, Ext JS, LLC.
 * [e-mail]
 * 
 * http://www.extjs.com/license
 */

/* menus */
.x-menu {
	border: 1px solid #718bb7;
	z-index: 15000;
	zoom: 1;
	background: #f0f0f0 url(../images/aero/menu/menu.gif) repeat-y;
	padding: 2px;
}

.x-menu-list{
	background:transparent;
	border:0 none;
}

.x-menu-item-icon {
	margin-right: 8px;
}

.x-menu-sep {
	background-color:#e0e0e0;
	border-bottom:1px solid #fff;
	margin-left:3px;
}
.x-menu-item {
	color:#222;
}
.x-menu-item-active {
	color: #233d6d;
	background: #ebf3fd url(../images/aero/menu/item-over.gif) repeat-x left bottom;
	border:1px solid #aaccf6;
	padding: 0;
}

.x-date-mmenu .x-menu-list{
	padding: 0;
}

.x-date-mmenu .x-menu-list{
	border: 0 none;
}

.x-menu .x-color-palette, .x-menu .x-date-picker{
	margin-left: 26px;
}

.x-menu-plain .x-color-palette, .x-menu-plain .x-date-picker{
	margin: 0;
	border: 0 none;
}


.x-menu-check-item .x-menu-item-icon{
	background-image: url(../images/aero/menu/unchecked.gif);
}

.x-menu-item-checked .x-menu-item-icon{
	background-image:url(../images/aero/menu/checked.gif);
}

.x-menu-group-item .x-menu-item-icon{
	background: transparent;
}

.x-menu-item-checked .x-menu-group-item .x-menu-item-icon{
    background: transparent url(../images/default/menu/group-checked.gif) no-repeat center;
}
/**
* Tabs
*/
.x-tabs-wrap, .x-layout-panel .x-tabs-top .x-tabs-wrap {
	background: #deecfd;
	border: 1px solid #8db2e3;
	padding-bottom: 2px;
	padding-top: 0;
}

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

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

.x-tabs-strip .on .x-tabs-text {
	cursor: default;
	color: #15428b;
}

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

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

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

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

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

.x-tabs-bottom .x-tabs-wrap, .x-layout-panel .x-tabs-bottom .x-tabs-wrap {
	background: #deecfd;
	border: 1px solid #8db2e3;
	padding-top: 2px;
	padding-bottom: 0;
}

.x-tabs-bottom .x-tabs-strip-wrap{
	padding-top: 0;
	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-tabs-bottom .x-tabs-strip .x-tabs-right {
	background: transparent url(../images/aero/tabs/tab-btm-inactive-right-bg.gif) no-repeat bottom right;
}

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

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

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

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

/*
* Basic-Dialog 
*/
.x-dlg-proxy {
	background: #c7dffc;
	border: 1px solid #a5ccf9;
}

.x-dlg-shadow{
	background: #cccccc;
	opacity: .3;
	-moz-opacity: .3;
	filter: alpha(opacity=30);
}

.x-dlg {
	background: transparent;
}

.x-dlg .x-dlg-hd {
	background: url(../images/aero/basic-dialog/hd-sprite.gif) repeat-x 0 -82px;
	background-color: #aabaca;
	color: #15428b;
	zoom: 1;
	padding-top: 7px;
}

.x-dlg .x-dlg-hd-left {
	opacity: .85;
	-moz-opacity: .85;
	filter: alpha(opacity=80);
	background: url(../images/aero/basic-dialog/hd-sprite.gif) no-repeat 0 -41px;
	zoom: 1;
}

.x-dlg-modal .x-dlg-hd-left {
	opacity: .75;
	-moz-opacity: .75;
	filter: alpha(opacity=70);
}

.x-dlg .x-dlg-hd-right {
	background: url(../images/aero/basic-dialog/hd-sprite.gif) no-repeat right 0;
	zoom: 1;
}

.x-dlg .x-dlg-dlg-body{
	padding: 0 0 0;
	position: absolute;
	top: 24px;
	left: 0;
	z-index: 1;
	border: 0 none;
	background: transparent;
}

.x-dlg .x-dlg-bd{
	background: #ffffff;
	border: 1px solid #96b9e6;
}

.x-dlg .x-dlg-ft{
	border: 0 none;
	background: transparent;
	padding-bottom: 8px;
}

.x-dlg .x-dlg-bg{
	filter: alpha(opacity=80);
	opacity: .85;
	-moz-opacity: .85;
	zoom: 1;
}

.x-dlg-modal .x-dlg-bg {
	opacity: .75;
	-moz-opacity: .75;
	filter: alpha(opacity=70);
}

.x-dlg .x-dlg-bg-center {
	padding: 2px 7px 7px 7px;
	background: transparent url(../images/aero/basic-dialog/bg-center.gif) repeat-x bottom;
	zoom: 1;
}

.x-dlg .x-dlg-bg-left{
	padding-left: 7px;
	background: transparent url(../images/aero/basic-dialog/bg-left.gif) no-repeat bottom left;
	zoom: 1;
}

.x-dlg .x-dlg-bg-right{
	padding-right: 7px;
	background: transparent url(../images/aero/basic-dialog/bg-right.gif) no-repeat bottom right;
	zoom: 1;
}

.x-dlg-auto-tabs .x-dlg-dlg-body, .x-dlg-auto-layout .x-dlg-dlg-body{
	background: transparent;
	border: 0 none;
}

.x-dlg-auto-tabs .x-dlg-bd, .x-dlg-auto-layout .x-dlg-bd{
	background: #ffffff;
	border: 1px solid #e9f3f5;
}

.x-dlg-auto-tabs .x-tabs-top .x-tabs-body,.x-dlg-auto-tabs .x-tabs-bottom .x-tabs-body{
	border-color: #8db2e3;
}

.x-dlg-auto-tabs .x-tabs-top .x-tabs-wrap,.x-dlg-auto-tabs .x-tabs-bottom .x-tabs-wrap{
	border-color: #8db2e3;
}

.x-dlg .x-dlg-toolbox {
	width: 50px;
	height: 20px;
	right: 5px;
	top: 5px;
}

.x-dlg .x-dlg-close, .x-dlg .x-dlg-collapse {
	width: 21px;
	height: 20px;
	margin: 0;
}

.x-dlg .x-dlg-close {
	background-image: url(../images/aero/basic-dialog/aero-close.gif);
}

.x-dlg .x-dlg-collapse {
	background-image: url(../images/aero/basic-dialog/collapse.gif);
}

.x-dlg-collapsed {
	border-bottom: 1px solid #96b9e6;
}

.x-dlg .x-dlg-close-over {
	background-image: url(../images/aero/basic-dialog/aero-close-over.gif);
}

.x-dlg .x-dlg-collapse-over {
	background-image: url(../images/aero/basic-dialog/collapse-over.gif);
}

.x-dlg-collapsed .x-dlg-collapse {
	background-image: url(../images/aero/basic-dialog/expand.gif);
}

.x-dlg-collapsed .x-dlg-collapse-over {
	background-image: url(../images/aero/basic-dialog/expand-over.gif);
}

.x-dlg div.x-resizable-handle-east{
	background-image: url(../images/aero/s.gif);
	border: 0 none;
}

.x-dlg div.x-resizable-handle-south{
	background-image: url(../images/aero/s.gif);
	border: 0 none;
}

.x-dlg div.x-resizable-handle-west{
	background-image: url(../images/aero/s.gif);
	border: 0 none;
}

.x-dlg div.x-resizable-handle-southeast{
	background-image: url(../images/aero/basic-dialog/se-handle.gif);
	background-position: bottom right;
	width: 9px;
	height: 9px;
	border: 0;
	right: 2px;
	bottom: 2px;
}

.x-dlg div.x-resizable-handle-southwest{
	background-image: url(../images/aero/s.gif);
	background-position: top right;
	margin-left: 1px;
	margin-bottom: 1px;
	border: 0;
}

.x-dlg div.x-resizable-handle-north{
	background-image: url(../images/aero/s.gif);
	border: 0 none;
}