OSDN Git Service

Version 0.6.140, fix size detection @IE.
[pettanr/clientJs.git] / 0.6.x / css / xui.css
index ba028ee..2cec8d3 100644 (file)
@@ -1,14 +1,30 @@
-html, body {\r
-       margin   : 0;\r
-       padding  : 0;\r
-       width    : 100%;\r
-       height   : 100%;\r
-       overflow : hidden;\r
-}\r
+\r
+       html {\r
+               font-size                : 100%; /* 1 */\r
+               -webkit-text-size-adjust : 100%; /* 2 */\r
+                  -moz-text-size-adjust : 100%; /* 2 */\r
+                   -ms-text-size-adjust : 100%; /* 2 */\r
+                       text-size-adjust : 100%; /* 2 */\r
+       }\r
+       \r
+\r
+\r
+       html,\r
+       body {\r
+               width    : 100%;\r
+               height   : 100%;\r
+               overflow : hidden;\r
+               margin      : 0;\r
+               padding     : 0;/* opera 8 */\r
+               border      : 0;\r
+       }\r
+\r
+       body {\r
+               font-size : 16px; /* px 指定しないと ie8- で要素のサイズが狂う */\r
+       }\r
 \r
 .PageRoot {\r
-       height             : 100%;\r
-       position : relative;\r
+       height   : 100%;\r
 }\r
 \r
 .PageRoot,\r
@@ -18,10 +34,13 @@ html, body {
        top                : 0;\r
        left               : 0;\r
        width              : 100%;\r
+       height             : auto;\r
        padding            : 0;\r
        margin             : 0;\r
 /* ブラウザのレイアウト機能による auto なサイズ指定は行わない */\r
        overflow           : hidden;\r
+\r
+\r
 /* border-box がデフォルト \r
        box-sizing         : border-box;\r
        -o-box-sizing      : border-box;\r
@@ -79,7 +98,6 @@ html, body {
        .ActiveX-enabled .mouse-operation-catcher {\r
                background-color : #fff;\r
                filter           : alpha( opacity=0 );\r
-               -ms-filter       : alpha( opacity=0 );\r
        }\r
        /*\r
         * ie では、背景を設定しないと、 mousemove が働かない。\r
@@ -99,8 +117,45 @@ html, body {
        left       : 0;\r
        top        : 0;\r
        visibility : hidden;\r
-       z-index    : 99;\r
+       /*z-index    : 99;*/\r
 }\r
+.hidden-iframe {\r
+       z-index     : -1;\r
+       visibility  : hidden;\r
+       overflow    : hidden;\r
+       border      : 0;\r
+       outline     : 0;\r
+       margin      : -10px 0 0 -10px;\r
+       padding     : 0;\r
+       min-width   : 0;\r
+       min-height  : 0;\r
+       width       : 10px;\r
+       height      : 10px;\r
+       max-width   : 10px;\r
+       max-height  : 10px;\r
+       top         : -20px;\r
+       left        : -20px;\r
+}\r
+\r
+/* Fix for WebAudio\r
+ * see http://qiita.com/sou/items/5688d4e7d3a37b4e2ff1\r
+--------------------------------------------------------------------------------------*/\r
+       #fps-slowdown-make-sound-noisy {\r
+               width: 0px;\r
+               height: 0px;\r
+               position: absolute;\r
+               -webkit-animation-name: anim-void;\r
+               -webkit-animation-duration: 1s;\r
+               -webkit-animation-iteration-count: infinite;\r
+       }\r
+       @-webkit-keyframes anim-void {\r
+               from {\r
+                       top: 0px;\r
+               }\r
+               to {\r
+                       top: 1px;\r
+               }\r
+       }\r
 \r
 /*  Scrollbox\r
 --------------------------------------------------------------------------------------*/\r