From: Michael <michael@roojs.com>
Date: Tue, 3 Mar 2015 05:02:18 +0000 (+0800)
Subject: css/grid.css
X-Git-Url: http://git.roojs.org/?p=roojs1;a=commitdiff_plain;h=1db1159a004e069dad9557a072b0542bae2b8a84

css/grid.css
---

diff --git a/css/grid.css b/css/grid.css
index 2aa97c9065..c68aad6289 100644
--- a/css/grid.css
+++ b/css/grid.css
@@ -1,52 +1,52 @@
-/* <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,
+/* <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; */
 }
@@ -56,7 +56,7 @@
 	box-sizing: border-box;
 	-moz-box-sizing: border-box;
 /*	position:absolute; 
-	display:block;
+	display:block;
     */
 	-moz-outline: none;
 	-moz-user-focus: normal;
@@ -89,7 +89,7 @@
 	font: normal 8pt arial;
 	border: 0;
 	padding-top:2px;
-	padding-left:3px;
+	padding-left:3px;
     height: 18px;
 }
 .x-grid-editor-container{
@@ -146,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 {
@@ -191,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);
@@ -277,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;
@@ -399,11 +399,11 @@ 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 tahoma,arial,helvetica;
-	border-bottom: 1px solid #f1efe2;
+	border-bottom: 1px solid #f1efe2;
     border-left: 1px solid #f1efe2;
 	overflow: visible;
 	white-space: nowrap;
@@ -411,7 +411,7 @@ select.x-grid-editor{
 	/* width:10000px; */
 	/* box-sizing: border-box;
 	-moz-box-sizing: border-box;
-	display:block;
+	display:block;
     */
 	/* position:absolute; */
 }
@@ -421,19 +421,25 @@ select.x-grid-editor{
 .x-grid-row-over{
 	background-color: #f1f1f1;
 	color: black;
-}
+}
 .x-grid-cell-selected,
 .x-grid-row-selected {
 	background-color: #316ac5 !important;
 	color: white;
-}
-/*.x-grid-row-selected span{
-	color: white !important;
-}
-*/
-
-
-
+}
+/*.x-grid-row-selected span{
+	color: white !important;
+}
+*/
+
+/*fade out effect by Michael*/
+.fadeout {
+  visibility: hidden;
+  opacity: 0;
+  transition: visibility 0s 2s, opacity 2s linear;
+}
+
+
 /* 
   To have the scrollbars overlap the header, change .x-grid-wrap top style to 0 and 
   and ygrid-wrap-body top to 22px
@@ -476,67 +482,67 @@ 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;
-    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-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;
+    
 }
\ No newline at end of file