-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
-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
white-space : pre-line; /* CSS 3.0 */\r
/* white-space : -pre-wrap; Opera 4-6 */\r
- /* white-space : -o-pre-wrap; Opera 7 */\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
width : 100%;\r
height : 100%; /* 100% don't work for ie6, so ie6 need to set height as 'XXpx' by js */\r
\r
- user-select : none;\r
- -moz-user-select : none;\r
- -khtml-user-select : none;\r
+ user-select : none;\r
+ -moz-user-select : none;\r
+ -khtml-user-select : none;\r
-webkit-user-select : none;\r
\r
/* this makes the element blocking in IE10 >, you could experiment with the value\r
see for more options this issue; https://github.com/EightMedia/hammer.js/issues/241 */\r
- touch-action : none;\r
+ touch-action : none;\r
-ms-touch-action : none;\r
- touch-callout : none;\r
+ touch-callout : none;\r
-webkit-touch-callout : none;\r
- content-zooming : none;\r
+ content-zooming : none;\r
-ms-content-zooming : none;\r
- user-drag : none;\r
- -khtml-user-drag : none;\r
+ user-drag : none;\r
+ -khtml-user-drag : none;\r
-webkit-user-drag : none;\r
- tap-highlight-color : rgba(0,0,0,0);\r
+ 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
- -ms-filter : alpha( opacity=0 );\r
}\r
/*\r
* ie では、背景を設定しないと、 mousemove が働かない。\r
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
.ScrollBox-Scroller {\r
OSDN Git Service
