Version 0.6.190, fix X.UI.ScrollBox & X.UI.Gesture.

[pettanr/clientJs.git] / 0.6.x / css / xui.css

diff --git a/0.6.x/css/xui.css b/0.6.x/css/xui.css
index e676fed..41efe9a 100644 (file)
--- a/0.6.x/css/xui.css
+++ b/0.6.x/css/xui.css
@@ -35,6 +35,11 @@
                font-family: 'ＭＳ Ｐゴシック',sans-serif;\r
        }\r
 \r
+       .js-disabled {\r
+               background       : #111 url( "../img/loading.gif" ) 50% 50% no-repeat;\r
+       }\r
+\r
+\r
 .Root {\r
        height   : 100%;\r
 }\r
@@ -52,7 +57,7 @@
 /* ブラウザのレイアウト機能による auto なサイズ指定は行わない */\r
        overflow           : hidden;\r
        border-style       : solid;\r
-\r
+       border-width       : 0;\r
 /* border-box がデフォルト \r
        box-sizing         : border-box;\r
        -o-box-sizing      : border-box;\r
@@ -113,10 +118,6 @@
                        tap-highlight-color : rgba(0,0,0,0);\r
                -webkit-tap-highlight-color : rgba(0,0,0,0);\r
        }\r
-       .ActiveX .mouse-operation-catcher {\r
-               background-color : #fff;\r
-               filter           : alpha( opacity=0 );\r
-       }\r
        /*\r
         * ie では、背景を設定しないと、 mousemove が働かない。\r
         * activeX 有効の場合は背景を着色して filter で透明に。\r
@@ -124,65 +125,13 @@
         * background:                  url(4x4.gif) fixed repeat;\r
         */\r
        .mouse-operation-catcher {\r
-               background : url( "../img/opacity0.gif" ) fixed repeat;\r
-       }\r
-\r
-\r
-.slidein, .slideout {\r
-       position   : relative;\r
-       width      : 200px;\r
-       height     : 200px;\r
-       margin     : 1em auto;\r
-       background : #000;\r
+               background       : url( "../img/opacity0.gif" ) fixed repeat;\r
+       }       \r
        \r
-       -webkit-transition : 0.5s ease-in-out; /* win safari3.2 */\r
-       -webkit-transition : -webkit-transform 0.5s ease-in-out; /* win safari4 delay は指定しない */\r
-          -moz-transition :    -moz-transform 0.5s ease-in-out 0s;\r
-           -ms-transition :     -ms-transform 0.5s ease-in-out 0s;\r
-            -o-transition :      -o-transform 0.5s ease-in-out 0s;\r
-               transition :         transform 0.5s ease-in-out 0s;\r
-\r
-       /* http://blog.webcreativepark.net/2012/10/19-161432.html */\r
-       -webkit-backface-visibility : hidden;\r
-          -moz-backface-visibility : hidden;\r
-               backface-visibility : hidden;\r
-}\r
-.slidein .slider {\r
-       -webkit-transform : translate(100px,0); /* win safari3.2 */\r
-       -webkit-transform : translateX(100px) translateZ(0); /* safari4 */\r
-          -moz-transform : translateX(100px) translateZ(0);\r
-           -ms-transform : translateX(100px) translateZ(0);\r
-            -o-transform : translateX(100px) translateZ(0);\r
-               transform : translateX(100px) translateZ(0);\r
-}\r
-.slideout .slider {\r
-       -webkit-transform : translate(0,0); /* win safari3.2 */\r
-       -webkit-transform : translateX(0) translateZ(0); /* safari4 */\r
-          -moz-transform : translateX(0) translateZ(0);\r
-           -ms-transform : translateX(0) translateZ(0);\r
-            -o-transform : translateX(0) translateZ(0);\r
-               transform : translateX(0) translateZ(0);\r
-}\r
-.slider {\r
-       position : absolute;\r
-       top      : 0;\r
-       height   : 0;\r
-}\r
-.slider div {\r
-       position : absolute;\r
-       top      : 0;\r
-       width    : 200px;\r
-       height   : 200px;\r
-}\r
-.slider-red {\r
-       left       : 0;\r
-       background : #f00;\r
-}\r
-.slider-blue {\r
-       left       : 200;\r
-       background : #00f;\r
-}\r
-\r
+       .ActiveX .mouse-operation-catcher {\r
+               background       : #fff;\r
+               filter           : alpha( opacity=0 );\r
+       }\r
 \r
 /*------------------------------------------------------------------------------------\r
  *  hidden-sysyem-node\r
@@ -235,17 +184,14 @@
 /*  Scrollbox\r
 --------------------------------------------------------------------------------------*/\r
        .ScrollBox-Scroller {\r
-               transform       : translate( 0, 0 );\r
-               transformOrigin : '0 0';\r
                position        : absolute;\r
        }\r
                .Root .ScrollBox-IndicatorV,\r
                .Root .ScrollBox-IndicatorH {\r
-                       position   : absolute;\r
-                       overflow   : hidden;\r
-                       background : #000;\r
-                       background : rgba(0,0,0,0.5);\r
-                       border     : 0;\r
+                       position     : absolute;\r
+                       overflow     : hidden;\r
+                       background   : #000;\r
+                       background   : rgba(0,0,0,0.5);\r
                }\r
                .Root .ScrollBox-IndicatorV {\r
                        top    : 0;\r
@@ -259,3 +205,7 @@
                        left   : 0;\r
                        height : 0.5em;\r
                }\r
+               .IE4  .ScrollBox-IndicatorH,\r
+               .IE5x .ScrollBox-IndicatorH {\r
+                       line-height : 0.5;\r
+               }\r