Version 0.6.170, X.Audio is working ADVANCED_OPTIMIZATIONS.

[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 36a29a0..cfebdab 100644 (file)
--- a/0.6.x/css/xui.css
+++ b/0.6.x/css/xui.css
@@ -1,27 +1,58 @@
-html, body {\r
-       margin   : 0;\r
-       padding  : 0;\r
-       width    : 100%;\r
-       height   : 100%;\r
-       overflow : hidden;\r
-}\r
 \r
-.PageRoot {\r
-       height             : 100%;\r
-       position : relative;\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
+       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
+       .IE5x body,\r
+       .IE6 body,\r
+       .IE7 body,\r
+       .IE8 body {\r
+               font-size : 16px; /* px 指定しないと ie8- で要素のサイズが狂う */\r
+       }\r
+\r
+       /*\r
+        * http://loconet.web2.jp/blog/archives/2007/02/cssfontfamily.html\r
+        */\r
+       body, textarea {\r
+               font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;\r
+       }\r
+       .IE5x body, .IE5x textarea,\r
+       .IE6  body, .IE6  textarea,  {\r
+               font-family: 'ＭＳ Ｐゴシック',sans-serif;\r
+       }\r
+\r
+.Root {\r
+       height   : 100%;\r
 }\r
 \r
-.PageRoot,\r
-.PageRoot div {\r
+.Root,\r
+.Root div {\r
 /* 要素は絶対配置される */\r
        position           : absolute;\r
        top                : 0;\r
        left               : 0;\r
        width              : 100%;\r
+       height             : auto;\r
        padding            : 0;\r
        margin             : 0;\r
 /* ブラウザのレイアウト機能による auto なサイズ指定は行わない */\r
        overflow           : hidden;\r
+       border-style       : solid;\r
+\r
 /* border-box がデフォルト \r
        box-sizing         : border-box;\r
        -o-box-sizing      : border-box;\r
@@ -30,10 +61,9 @@ html, body {
        -khtml-box-sizing  : border-box;\r
        -webkit-box-sizing : border-box;*/\r
 /* browser bug fix */\r
-       -moz-opacity       : 0.99;\r
+\r
        zoom               : 1;\r
-       \r
-       *word-break        : break-all;  /* ie5+ */\r
+\r
        word-wrap          : break-word; /* IE5.5?5?, Firefox3.5, Chrome1 Opera10.5 Safari1 */\r
        white-space        : pre;           /* CSS 2.0 */\r
        white-space        : pre-wrap;      /* CSS 2.1 */\r
@@ -41,8 +71,15 @@ html, body {
        /* white-space : -pre-wrap;     Opera 4-6 */\r
        white-space        : -o-pre-wrap;   /* Opera 7 */\r
        white-space        : -moz-pre-wrap; /* Mozilla */\r
-       /* white-space : -hp-pre-wrap;  HP Printers */\r
-       white-space        : normal\9;   /* ie系では、 float要素へ回り込みする、 white-space の効いているテキストの位置が狂う */\r
+       /* white-space : -hp-pre-wrap;  HP Printers */   \r
+}\r
+.IE5x .Root, .IE5x .Root div,\r
+.IE6  .Root, .IE6  .Root div,\r
+.IE7  .Root, .IE7  .Root div, {\r
+       word-break  : break-all;  /* ie5+ */\r
+}\r
+.IE .Root, .IE .Root div {\r
+       white-space : normal/* ie系では、 float要素へ回り込みする、 white-space の効いているテキストの位置が狂う */\r
 }\r
 \r
 * {zoom:1}\r
@@ -76,7 +113,7 @@ html, body {
                        tap-highlight-color : rgba(0,0,0,0);\r
                -webkit-tap-highlight-color : rgba(0,0,0,0);\r
        }\r
-       .ActiveX-enabled .mouse-operation-catcher {\r
+       .ActiveX .mouse-operation-catcher {\r
                background-color : #fff;\r
                filter           : alpha( opacity=0 );\r
        }\r
@@ -100,6 +137,43 @@ html, body {
        visibility : hidden;\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