css/grid.css

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