X-Git-Url: http://git.roojs.org/?a=blobdiff_plain;f=css%2Fgrid.css;h=8e544d3e6b13167bc0411042b678efca7b63e0b7;hb=5f0c20d0c4e6eb4fb63ad64ac5dd3323de1b6c0c;hp=b671113764083f95fe5d826440c7c0fdd2d8a99f;hpb=4d9cd83949f3c24871af08cebb30b1f8102ac4c9;p=roojs1

diff --git a/css/grid.css b/css/grid.css
index b671113764..8e544d3e6b 100644
--- a/css/grid.css
+++ b/css/grid.css
@@ -1,58 +1,62 @@
-
-/** unknown styles from new grid **/
-
-/*
-.x-layout-grid-wrapper
-
-
-.x-grid-container
-
-
-.x-grid
-*/
-.x-grid {
-    background-color:#FFFFFF;
-    position:relative;
-    overflow:hidden;
-    
-}
-
-.x-grid-locked,
-.x-grid-viewport
-{
-    
-    position: absolute;
-    display: block;
-    z-index: 2;
-    top: 0px;
-    left: 0px;
-    overflow: hidden;
-}
- .x-grid-scroller {
-    overflow: auto;
-}
-     
-
-.x-grid-hd-text {
-	font-size: 8pt;
-    padding-left: 6px;
-}
-.x-grid-hd-text,
+/* <script type="text/javascript"> */
+/** unknown styles from new grid **/
+
+/*
+.x-layout-grid-wrapper
+
+
+.x-grid-container
+
+
+.x-grid
+*/
+
+
+
+
+.x-grid {
+    background-color:#FFFFFF;
+    position:relative;
+    overflow:hidden;
+    
+}
+
+.x-grid-locked,
+.x-grid-viewport
+{
+    
+    position: absolute;
+    display: block;
+    z-index: 2;
+    top: 0px;
+    left: 0px;
+    overflow: hidden;
+}
+ .x-grid-scroller {
+    overflow: auto;
+}
+     
+
+.x-grid-hd-text {
+	font-size: 8pt;
+    padding-left: 6px;
+}
+.x-grid-hd-text,
 .x-grid-cell-text {
 	display: block;
 	overflow: hidden;
-	padding: 3px 5px;
-    /* stops jumping? */
+	padding: 3px 5px;
+    /* stops jumping? */
     -moz-user-select: none;
 /*	white-space: nowrap; */
 }
 .x-grid-col{
 	cursor: default;
-	height:21px !important;
+	height:16px !important;
 	box-sizing: border-box;
 	-moz-box-sizing: border-box;
 /*	position:absolute; 
-	display:block;
+	display:block;
     */
 	-moz-outline: none;
 	-moz-user-focus: normal;
@@ -85,7 +89,7 @@
 	font: normal 8pt arial;
 	border: 0;
 	padding-top:2px;
-	padding-left:3px;
+	padding-left:3px;
     height: 18px;
 }
 .x-grid-editor-container{
@@ -142,10 +146,10 @@ select.x-grid-editor{
 	-moz-box-sizing: border-box;
 	display: block;
 	position: absolute;
-	overflow:hidden;
-    width: 100%;
-    height: 22px;
-    border-bottom: 1px solid #333;
+	overflow:hidden;
+    width: 100%;
+    height: 22px;
+    border-bottom: 1px solid #333;
     cursor: pointer;
 }
 .x-grid-column-sizer {
@@ -187,15 +191,15 @@ select.x-grid-editor{
 }
 .x-grid-drop-ok{
    background-image: url(../images/default/grid/drop-yes.gif);
-}
-
-.x-grid-hd-row img.x-grid-sort-icon {
-    height: 4px;
-	width: 13px;
-    border: 0;
-    margin-left: 4px;
-    vertical-align: middle;
-    
+}
+
+.x-grid-hd-row img.x-grid-sort-icon {
+    height: 4px;
+	width: 13px;
+    border: 0;
+    margin-left: 4px;
+    vertical-align: middle;
+    
 }
 .x-grid-hd-row .sort-asc img.x-grid-sort-icon {
 	background-image: url(../images/default/grid/sort_asc.gif);
@@ -273,42 +277,42 @@ select.x-grid-editor{
 .x-grid-page-number{
 	width:24px;
 	height:14px;	
-}
-
+}
+
  
 .x-grid-page-first button {
-	background: url(../images/default/grid/page-first.gif) no-repeat;
+	background: url(../images/default/grid/page-first.gif) no-repeat;
     width:16px;
 }
 .x-grid-loading button {
-	background: url(../images/default/grid/done.gif) no-repeat;
+	background: url(../images/default/grid/done.gif) no-repeat;
     width:16px;
 }
 .x-grid-page-last button {
-	background: url(../images/default/grid/page-last.gif) no-repeat;
+	background: url(../images/default/grid/page-last.gif) no-repeat;
     width:16px;
-}
+}
 .x-date-mp-next,
-.x-grid-page-next button 
+.x-grid-page-next button 
 {
-	background: url(../images/default/grid/page-next.gif) no-repeat;
+	background: url(../images/default/grid/page-next.gif) no-repeat;
     width:16px;
-}
+}
 .x-date-mp-prev,
-.x-grid-page-prev button 
+.x-grid-page-prev button 
 {
-	background: url(../images/default/grid/page-prev.gif) no-repeat;
+	background: url(../images/default/grid/page-prev.gif) no-repeat;
     width:16px;
-}
-.x-date-mp-prev, 
-.x-date-mp-next
-{
-    display: block;
-    width: 16px;
-    height: 16px;
-}
-    
-
+}
+.x-date-mp-prev, 
+.x-date-mp-next
+{
+    display: block;
+    width: 16px;
+    height: 16px;
+}
+    
+
 
 .x-item-disabled .x-grid-loading button {
 	background: url(../images/default/grid/loading.gif) no-repeat;
@@ -395,18 +399,19 @@ select.x-grid-editor{
 .x-props-grid .x-grid-num-editor{
 	text-align:left;
 }
-.x-grid-row td,
-.x-grid-hd-row td
+.x-grid-row td,
+.x-grid-hd-row td
 {
-	font: normal 8pt arial;
+	font: normal 8pt tahoma,arial,helvetica;
 	border-bottom: 1px solid #f1efe2;
+    border-left: 1px solid #f1efe2;
 	overflow: visible;
 	white-space: nowrap;
 	/* height:21px; */
 	/* width:10000px; */
 	/* box-sizing: border-box;
 	-moz-box-sizing: border-box;
-	display:block;
+	display:block;
     */
 	/* position:absolute; */
 }
@@ -417,13 +422,19 @@ select.x-grid-editor{
 	background-color: #f1f1f1;
 	color: black;
 }
-.x-grid-row-selected{
+.x-grid-cell-selected,
+.x-grid-row-selected {
 	background-color: #316ac5 !important;
 	color: white;
 }
-.x-grid-row-selected span{
+/*.x-grid-row-selected span{
 	color: white !important;
-} 
+}
+*/
+
+
+
+
 /* 
   To have the scrollbars overlap the header, change .x-grid-wrap top style to 0 and 
   and ygrid-wrap-body top to 22px
@@ -466,39 +477,73 @@ select.x-grid-editor{
 	position: absolute;
 	top: 0;
 	z-index: 12;
-}
-
-
-
-.x-grid-simple-view .x-grid-col{
-	 height:100% !important;
-	 position:static;
-	 display:table-cell;
-	 display:inline-block;
-}
-.x-grid-simple-view .x-grid-row{
-	 position:static; 
-	 display: table-row;
-}
-
- /* -----------------------   PAGING ---------------------- */
- 
- .x-paging-info
- {
-     position: absolute;
-     right: 7px;
-     top: 7px;
-}
-
-.x-grid-topbar, .x-grid-bottombar
-{
-    line-height: 0px; 
-    display: none;
-    
-}
-/* --- checkbox wrapping hides background -- */
-.x-grid-editor .x-form-check-wrap {
-    background-color:#FFFFFF;
-    padding: 2px 0px;
-    
-} 
\ No newline at end of file
+}
+
+
+
+.x-grid-simple-view .x-grid-col{
+	 height:100% !important;
+	 position:static;
+	 display:table-cell;
+	 display:inline-block;
+}
+.x-grid-simple-view .x-grid-row{
+	 position:static; 
+	 display: table-row;
+}
+
+ /* -----------------------   PAGING ---------------------- */
+ 
+ .x-paging-info
+ {
+     position: absolute;
+     right: 7px;
+     top: 7px;
+}
+
+.x-grid-topbar, .x-grid-bottombar
+{
+    line-height: 0px; 
+    display: none;
+    position: relative;
+    height: 24px;
+    top: 0;
+    
+}
+/* --- checkbox wrapping hides background -- */
+.x-grid-editor .x-form-check-wrap {
+    background-color:#FFFFFF;
+    padding: 2px 0px;
+    
+} 
+
+.x-grid-row-selected .x-grid-check-icon-toggle,
+.x-grid-check-icon-checked {
+    background:transparent url(../../roojs1/images/default/menu/chk-sprite.gif) no-repeat scroll 0 -16px;
+    height:16px;
+    width:16px;
+}
+.x-grid-check-icon-toggle,
+.x-grid-check-icon {
+    background:transparent url(../../roojs1/images/default/menu/chk-sprite.gif) no-repeat scroll 0 0;
+    height:16px;
+    width:16px;
+}
+
+
+
+
+.x-grid-dd-above td {
+    border-top: 20px solid #fcfcfc;
+    
+}
+.x-grid-dd-below td {
+    border-bottom: 20px solid #fcfcfc;
+    
+}
+ 
+.x-grid-row-fadeout {
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s 1s, opacity 1s linear;
+}
\ No newline at end of file