X-Git-Url: http://git.ithinksw.org/extjs.git/blobdiff_plain/ee06f37b0f6f6d94cd05a6ffae556660f7c4a2bc:/resources/css/grid.css..c930e9176a5a85509c5b0230e2bff5c22a591432:/resources/css/structure/grid.css

diff --git a/resources/css/grid.css b/resources/css/structure/grid.css
similarity index 59%
rename from resources/css/grid.css
rename to resources/css/structure/grid.css
index fc52c1cf..816b3cd1 100644
--- a/resources/css/grid.css
+++ b/resources/css/structure/grid.css
@@ -1,16 +1,13 @@
-/*
- * Ext JS Library 2.2.1
- * Copyright(c) 2006-2009, Ext JS, LLC.
- * licensing@extjs.com
- * 
- * http://extjs.com/license
- */
-
+/*!
+ * Ext JS Library 3.0.0
+ * Copyright(c) 2006-2009 Ext JS, LLC
+ * licensing@extjs.com
+ * http://www.extjs.com/license
+ */
 /* Grid3 styles */
 .x-grid3 {
 	position:relative;
 	overflow:hidden;
-    background-color:#fff;
 }
 
 .x-grid-panel .x-panel-body {
@@ -18,32 +15,43 @@
 }
 
 .x-grid-panel .x-panel-mc .x-panel-body {
-    border:1px solid #99bbe8;
+    border:1px solid;
 }
 
 .x-grid3 table {
     table-layout:fixed;
 }
+
 .x-grid3-viewport{
 	overflow:hidden;
 }
+
 .x-grid3-hd-row td, .x-grid3-row td, .x-grid3-summary-row td{
-	font:normal 11px arial, tahoma, helvetica, sans-serif;
     -moz-outline: none;
 	-moz-user-focus: normal;
 }
+
 .x-grid3-row td, .x-grid3-summary-row td {
     line-height:13px;
     vertical-align: top;
 	padding-left:1px;
     padding-right:1px;
     -moz-user-select: none;
+    -khtml-user-select:none;
+    -webkit-user-select:ignore;
+}
+
+.x-grid3-cell{
+    -moz-user-select: none;
+    -khtml-user-select:none;
+    -webkit-user-select:ignore;
 }
+
 .x-grid3-hd-row td {
     line-height:15px;
     vertical-align:middle;
-    border-left:1px solid #eee;
-    border-right:1px solid #d0d0d0;
+    border-left:1px solid;
+    border-right:1px solid;
 }
 
 .x-grid3-hd-row .x-grid3-marker-hd {
@@ -64,8 +72,8 @@
 
 .x-grid3-hd-inner {
     position:relative;
-	 cursor:inherit;
-	 padding:4px 3px 4px 5px;
+	cursor:inherit;
+	padding:4px 3px 4px 5px;
 }
 
 .x-grid3-row-body {
@@ -76,45 +84,39 @@
     -moz-outline:0 none;
     outline:0 none;
 }
+
 /* IE Quirks to clip */
 .ext-ie .x-grid3-cell-inner, .ext-ie .x-grid3-hd-inner{
 	width:100%;
 }
+
 /* reverse above in strict mode */
 .ext-strict .x-grid3-cell-inner, .ext-strict .x-grid3-hd-inner{
 	width:auto;
 }
 
-.x-grid3-col {
-	
-}
-
 .x-grid-row-loading {
-    background: #fff url(../images/default/shared/loading-balls.gif) no-repeat center center;
+    background: no-repeat center center;
 }
+
 .x-grid-page {
     overflow:hidden;
 }
+
 .x-grid3-row {
 	cursor: default;
-    border:1px solid #ededed;
-    border-top-color:#fff;
-    /*border-bottom: 1px solid #ededed;*/
+    border: 1px solid;
     width:100%;
 }
-.x-grid3-row-alt{
-	background-color:#fafafa;
-}
 
 .x-grid3-row-over {
-	border:1px solid #dddddd;
-    background: #efefef url(../images/default/grid/row-over.gif) repeat-x left top;
+	border:1px solid;
+    background: repeat-x left top;
 }
 
 .x-grid3-resize-proxy {
 	width:1px;
     left:0;
-    background-color:#777;
 	cursor: e-resize;
 	cursor: col-resize;
 	position:absolute;
@@ -125,10 +127,10 @@
 	border:0 none;
 	z-index:7;
 }
+
 .x-grid3-resize-marker {
 	width:1px;
 	left:0;
-    background-color:#777;
 	position:absolute;
 	top:0;
 	height:100px;
@@ -137,6 +139,7 @@
 	border:0 none;
 	z-index:7;
 }
+
 .x-grid3-focus {
 	position:absolute;
 	left:0;
@@ -149,51 +152,59 @@
     outline:0 none;
     -moz-user-select: text;
     -khtml-user-select: text;
+    -webkit-user-select:ignore;
 }
 
 /* header styles */
 .x-grid3-header{
-	background: #f9f9f9 url(../images/default/grid/grid3-hrow.gif) repeat-x 0 bottom;
+	background: repeat-x 0 bottom;
 	cursor:default;
     zoom:1;
     padding:1px 0 0 0;
 }
 
 .x-grid3-header-pop {
-    border-left:1px solid #d0d0d0;
+    border-left:1px solid;
     float:right;
     clear:none;
 }
+
 .x-grid3-header-pop-inner {
-    border-left:1px solid #eee;
+    border-left:1px solid;
     width:14px;
     height:19px;
-    background: transparent url(../images/default/grid/hd-pop.gif) no-repeat center center;
+    background: transparent no-repeat center center;
 }
+
 .ext-ie .x-grid3-header-pop-inner {
     width:15px;
 }
+
 .ext-strict .x-grid3-header-pop-inner {
     width:14px; 
 }
+
 .x-grid3-header-inner {
     overflow:hidden;
     zoom:1;
     float:left;
 }
+
 .x-grid3-header-offset {
     padding-left:1px;
-	 width:10000px;
+    text-align: left;
 }
 
 td.x-grid3-hd-over, td.sort-desc, td.sort-asc, td.x-grid3-hd-menu-open {
-    border-left:1px solid #aaccf6;
-    border-right:1px solid #aaccf6;
+    border-left:1px solid;
+    border-right:1px solid;
 }
+
 td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-asc .x-grid3-hd-inner, td.x-grid3-hd-menu-open .x-grid3-hd-inner {
-    background: #ebf3fd url(../images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;
+    background: repeat-x left bottom;
 
 }
+
 .x-grid3-sort-icon{
 	background-repeat: no-repeat;
 	display: none;
@@ -202,38 +213,40 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 	margin-left:3px;
 	vertical-align: middle;
 }
-.sort-asc .x-grid3-sort-icon {
-	background-image: url(../images/default/grid/sort_asc.gif);
-	display: inline;
-}
-.sort-desc .x-grid3-sort-icon {
-	background-image: url(../images/default/grid/sort_desc.gif);
+
+.sort-asc .x-grid3-sort-icon, .sort-desc .x-grid3-sort-icon {
 	display: inline;
 }
 
 /* Header position fixes for IE strict mode */
-.ext-strict .ext-ie .x-grid3-header-inner{position:relative;}
-.ext-strict .ext-ie6 .x-grid3-hd{position:relative;}
-.ext-strict .ext-ie6 .x-grid3-hd-inner{position:static;}
+.ext-strict .ext-ie .x-grid3-header-inner, .ext-strict .ext-ie6 .x-grid3-hd {
+    position:relative;
+}
+
+.ext-strict .ext-ie6 .x-grid3-hd-inner{
+    position:static;
+}
 
 /* Body Styles */
 .x-grid3-body {
 	zoom:1;
 }
+
 .x-grid3-scroller {
 	overflow:auto;
     zoom:1;
     position:relative;
 }
+
 .x-grid3-cell-text, .x-grid3-hd-text {
 	display: block;
 	padding: 3px 5px 3px 5px;
 	-moz-user-select: none;
 	-khtml-user-select: none;
-	color:black;
+    -webkit-user-select:ignore;
 }
+
 .x-grid3-split {
-	background-image: url(../images/default/grid/grid-split.gif);
 	background-position: center;
 	background-repeat: no-repeat;
 	cursor: e-resize;
@@ -248,15 +261,12 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 	z-index: 3;
 }
 
-.x-grid3-hd-text {
-	color:#15428b;
-}
 /* Column Reorder DD */
 .x-dd-drag-proxy .x-grid3-hd-inner{
-	background: #ebf3fd url(../images/default/grid/grid3-hrow-over.gif) repeat-x left bottom;
+	background: repeat-x left bottom;
 	width:120px;
 	padding:3px;
-	border:1px solid #aaccf6;
+	border:1px solid;
 	overflow:hidden;
 }
 
@@ -270,97 +280,67 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 	overflow:hidden;
 	visibility:hidden;
 	z-index:20000;
-}
-.col-move-top{
-	background:transparent url(../images/default/grid/col-move-top.gif) no-repeat left top;
-}
-.col-move-bottom{
-	background:transparent url(../images/default/grid/col-move-bottom.gif) no-repeat left top;
+    background:transparent no-repeat left top;
 }
 
 /* Selection Styles */
 .x-grid3-row-selected {
-	background: #DFE8F6 !important;
-	border:1px dotted #a3bae9;
-}
-
-.x-grid3-cell-selected{
-	background-color: #B8CFEE !important;
-	color: black;
-}
-.x-grid3-cell-selected span{
-	color: black !important;
-}
-.x-grid3-cell-selected .x-grid3-cell-text{
-	color: black;
+	border:1px dotted;
 }
 
 .x-grid3-locked td.x-grid3-row-marker, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker{
-    background: #ebeadb url(../images/default/grid/grid-hrow.gif) repeat-x 0 bottom !important;
+    background: repeat-x 0 bottom !important;
     vertical-align:middle !important;
-    color:black;
     padding:0;
-    border-top:1px solid white;
+    border-top:1px solid;
     border-bottom:none !important;
-    border-right:1px solid #6fa0df !important;
+    border-right:1px solid !important;
     text-align:center;
 }
+
 .x-grid3-locked td.x-grid3-row-marker div, .x-grid3-locked .x-grid3-row-selected td.x-grid3-row-marker div{
     padding:0 4px;
-    color:#15428b !important;
     text-align:center;
 }
 
 /* dirty cells */
 .x-grid3-dirty-cell {
-    background: transparent url(../images/default/grid/dirty.gif) no-repeat 0 0;
+    background: transparent no-repeat 0 0;
 }
 
 /* Grid Toolbars */
 .x-grid3-topbar, .x-grid3-bottombar{
-	font:normal 11px arial, tahoma, helvetica, sans-serif;
     overflow:hidden;
 	display:none;
 	zoom:1;
     position:relative;
 }
+
 .x-grid3-topbar .x-toolbar{
 	border-right:0 none;
 }
+
 .x-grid3-bottombar .x-toolbar{
 	border-right:0 none;
 	border-bottom:0 none;
-	border-top:1px solid #a9bfd3;
+	border-top:1px solid;
 }
+
 /* Props Grid Styles */
 .x-props-grid .x-grid3-cell{
 	padding:1px;
 }
+
 .x-props-grid .x-grid3-td-name .x-grid3-cell-inner{
-	background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y -16px !important;
+	background:transparent repeat-y -16px !important;
     padding-left:12px;
-    color:black !important;
 }
+
 .x-props-grid .x-grid3-body .x-grid3-td-name{
     padding:1px;
     padding-right:0;
-    background:white !important;
     border:0 none;
-    border-right:1px solid #eeeeee;
-}
-
-/* header menu */
-.xg-hmenu-sort-asc .x-menu-item-icon{
-	background-image: url(../images/default/grid/hmenu-asc.gif);
-}
-.xg-hmenu-sort-desc .x-menu-item-icon{
-	background-image: url(../images/default/grid/hmenu-desc.gif);
-}
-.xg-hmenu-lock .x-menu-item-icon{
-	background-image: url(../images/default/grid/hmenu-lock.gif);
-}
-.xg-hmenu-unlock .x-menu-item-icon{
-	background-image: url(../images/default/grid/hmenu-unlock.gif);
+    border-right:1px solid;
 }
 
 /* dd */
@@ -376,17 +356,19 @@ td.x-grid3-hd-over .x-grid3-hd-inner, td.sort-desc .x-grid3-hd-inner, td.sort-as
 
 .x-grid3-hd {
     -moz-user-select:none;
+    -khtml-user-select:none;
+    -webkit-user-select:ignore;
 }
 
 .x-grid3-hd-btn {
     display:none;
     position:absolute;
     width:14px;
-    background:#c3daf9 url(../images/default/grid/grid3-hd-btn.gif) no-repeat left center;
+    background:no-repeat left center;
     right:0;
     top:0;
     z-index:2;
-	 cursor:pointer;
+	cursor:pointer;
 }
 
 .x-grid3-hd-over .x-grid3-hd-btn, .x-grid3-hd-menu-open .x-grid3-hd-btn {
@@ -398,39 +380,42 @@ a.x-grid3-hd-btn:hover {
 }
 
 /* Expanders */
-
 .x-grid3-body .x-grid3-td-expander {
-    background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;
+    background:transparent repeat-y right;
 }
+
 .x-grid3-body .x-grid3-td-expander .x-grid3-cell-inner {
     padding:0 !important;
     height:100%;
 }
+
 .x-grid3-row-expander {
     width:100%;
     height:18px;
     background-position:4px 2px;
     background-repeat:no-repeat;
     background-color:transparent;
-	 background-image:url(../images/default/grid/row-expand-sprite.gif);
 }
+
 .x-grid3-row-collapsed .x-grid3-row-expander {
     background-position:4px 2px;
 }
+
 .x-grid3-row-expanded .x-grid3-row-expander {
     background-position:-21px 2px;
 }
+
 .x-grid3-row-collapsed .x-grid3-row-body {
     display:none !important;
 }
+
 .x-grid3-row-expanded .x-grid3-row-body {
     display:block !important;
 }
 
 /* Checkers */
-
 .x-grid3-body .x-grid3-td-checker {
-    background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;
+    background:transparent repeat-y right;
 }
 
 .x-grid3-body .x-grid3-td-checker .x-grid3-cell-inner, .x-grid3-header .x-grid3-td-checker .x-grid3-hd-inner {
@@ -444,39 +429,59 @@ a.x-grid3-hd-btn:hover {
     background-position:2px 2px;
     background-repeat:no-repeat;
     background-color:transparent;
-	 background-image:url(../images/default/grid/row-check-sprite.gif);
 }
+
 .x-grid3-row .x-grid3-row-checker {
     background-position:2px 2px;
 }
-.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker {
+
+.x-grid3-row-selected .x-grid3-row-checker, .x-grid3-hd-checker-on .x-grid3-hd-checker,.x-grid3-row-checked .x-grid3-row-checker {
     background-position:-23px 2px;
 }
+
 .x-grid3-hd-checker {
     background-position:2px 3px;
 }
+
 .x-grid3-hd-checker-on .x-grid3-hd-checker {
     background-position:-23px 3px;
 }
 
 /* Numberer */
-
 .x-grid3-body .x-grid3-td-numberer {
-    background:transparent url(../images/default/grid/grid3-special-col-bg.gif) repeat-y right;
+    background:transparent repeat-y right;
 }
+
 .x-grid3-body .x-grid3-td-numberer .x-grid3-cell-inner {
     padding:3px 5px 0 0 !important;
     text-align:right;
-	 color:#444;
 }
 
-/* All specials */
+/* Row Icon */
+
+.x-grid3-body .x-grid3-td-row-icon {
+    background:transparent repeat-y right;
+    vertical-align:top;
+    text-align:center;
+}
 
+.x-grid3-body .x-grid3-td-row-icon .x-grid3-cell-inner {
+    padding:0 !important;
+    background-position:center center;
+    background-repeat:no-repeat;
+    width:16px;
+    height:16px;
+    margin-left:2px;
+    margin-top:3px;
+}
+
+/* All specials */
 .x-grid3-body .x-grid3-row-selected .x-grid3-td-numberer,
 .x-grid3-body .x-grid3-row-selected .x-grid3-td-checker,
 .x-grid3-body .x-grid3-row-selected .x-grid3-td-expander {
-	background:transparent url(../images/default/grid/grid3-special-col-sel-bg.gif) repeat-y right;
+	background:transparent repeat-y right;
 }
+
 .x-grid3-body .x-grid3-check-col-td .x-grid3-cell-inner {
     padding: 1px 0 0 0 !important;
 }
@@ -487,55 +492,41 @@ a.x-grid3-hd-btn:hover {
     background-position:center center;
     background-repeat:no-repeat;
     background-color:transparent;
-	background-image:url(../images/default/menu/unchecked.gif);
 }
 
-
 .x-grid3-check-col-on {
     width:100%;
     height:16px;
     background-position:center center;
     background-repeat:no-repeat;
     background-color:transparent;
-	background-image:url(../images/default/menu/checked.gif);
 }
 
 /* Grouping classes */
 .x-grid-group, .x-grid-group-body, .x-grid-group-hd {
     zoom:1;
 }
+
 .x-grid-group-hd {
-    border-bottom: 2px solid #99bbe8;
+    border-bottom: 2px solid;
     cursor:pointer;
     padding-top:6px;
 }
-.x-grid-group-hd div {
-    background:transparent url(../images/default/grid/group-expand-sprite.gif) no-repeat 3px -47px;
+
+.x-grid-group-hd div.x-grid-group-title {
+    background:transparent no-repeat 3px 3px;
     padding:4px 4px 4px 17px;
-    color:#3764a0;
-    font:bold 11px tahoma, arial, helvetica, sans-serif;
-}
-.x-grid-group-collapsed .x-grid-group-hd div {
-    background-position: 3px 3px;
 }
+
 .x-grid-group-collapsed .x-grid-group-body {
     display:none;
 }
 
-.x-group-by-icon {
-    background-image:url(../images/default/grid/group-by.gif);
-}
-.x-cols-icon {
-    background-image:url(../images/default/grid/columns.gif);
-}
-.x-show-groups-icon {
-    background-image:url(../images/default/grid/group-by.gif);
-}
-
-.ext-ie .x-grid3 .x-editor .x-form-text {
+.ext-ie6 .x-grid3 .x-editor .x-form-text, .ext-ie7 .x-grid3 .x-editor .x-form-text {
     position:relative;
     top:-1px;
 }
+
 .ext-ie .x-props-grid .x-editor .x-form-text {
     position:static;
     top:0;
@@ -543,12 +534,19 @@ a.x-grid3-hd-btn:hover {
 
 .x-grid-empty {
     padding:10px;
-    color:gray;
-    font:normal 11px tahoma, arial, helvetica, sans-serif;
 }
 
-
 /* fix floating toolbar issue */
 .ext-ie7 .x-grid-panel .x-panel-bbar {
     position:relative;
 }
+
+.ext-ie6 .x-grid3-header {
+    position: relative;
+}
+
+/* column lines */
+.x-grid-with-col-lines .x-grid3-row td.x-grid3-cell {
+    padding-right:0;
+    border-right:1px solid;
+}