-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
+ body {\r
+ background : #111;\r
+ color : #eee;\r
+ }\r
+ .js-disabled body {\r
+ background : #111 url( "../img/loading.gif" ) 50% 50% no-repeat;\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,'MS Pゴシック',sans-serif;\r
+ }\r
+\r
+ .IE5x body, .IE5x textarea,\r
+ .IE6 body, .IE6 textarea, {\r
+ font-family : 'MS Pゴシック',sans-serif;\r
+ }\r
+\r
+\r
+/*------------------------------------------------------------------------------------\r
+ * X.UI\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
+ border-width : 0;\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
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 : -moz-pre-wrap; /* Mozilla */\r
- /* white-space : -hp-pre-wrap; HP Printers */\r
- white-space : normal\9; /* ie系では、 float要素へ回り込みする、 white-space の効いているテキストの位置が狂う */\r
+ white-space : -moz-pre-wrap; /* Mozilla */ \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
+\r
\r
/*------------------------------------------------------------------------------------\r
* mouse-operation-catcher\r
*/\r
- .mouse-operation-catcher {\r
+ .mouse-operation-catcher,\r
+ .mouse-operation-catcher-scrollFix {\r
position : absolute;\r
top : 0;\r
left : 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
- background-color : #fff;\r
- filter : alpha( opacity=0 );\r
- }\r
/*\r
* ie では、背景を設定しないと、 mousemove が働かない。\r
* activeX 有効の場合は背景を着色して filter で透明に。\r
* background: url(4x4.gif) fixed repeat;\r
*/\r
.mouse-operation-catcher {\r
- background : url( "../img/opacity0.gif" ) fixed repeat;\r
+ background : url( "../img/opacity0.gif" ) fixed repeat;\r
+ } \r
+ \r
+ .ActiveX .mouse-operation-catcher {\r
+ background : #fff;\r
+ filter : alpha( opacity=0 );\r
+ }\r
+ \r
+ .mouse-operation-catcher-scrollFix {\r
+ overflow : scroll;\r
+ }\r
+ .mouse-operation-catcher-scrollFix div {\r
+ width : 300%;\r
+ height : 300%;\r
+ /* background : url( "../img/grid.gif" ) repeat; */\r
}\r
\r
/*------------------------------------------------------------------------------------\r
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
.ScrollBox-Scroller {\r
- transform : translate( 0, 0 );\r
- transformOrigin : '0 0';\r
position : absolute;\r
}\r
- .ScrollBox-Scrollbar-Wrapper-V,\r
- .ScrollBox-Scrollbar-Wrapper-H,\r
- .ScrollBox-Scrollbar-Wrapper-V-withH,\r
- .ScrollBox-Scrollbar-Wrapper-H-withV {\r
- position : absolute;\r
- z-index : 100;\r
- overflow : hidden;\r
- }\r
- .ScrollBox-Scrollbar-Wrapper-V,\r
- .ScrollBox-Scrollbar-Wrapper-V-withH {\r
- width : 7px;\r
- top : 2px;\r
- right : 1px;\r
- }\r
- .ScrollBox-Scrollbar-Wrapper-V {\r
- bottom : 2px;\r
- }\r
- .ScrollBox-Scrollbar-Wrapper-V-withH {\r
- bottom : 7px;\r
- }\r
- .ScrollBox-Scrollbar-Wrapper-H,\r
- .ScrollBox-Scrollbar-Wrapper-H-withV {\r
- height : 7px;\r
- bottom : 1px;\r
- left : 2px;\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); IE5.5 ietester でインジケーターに色がつかない、、、*/\r
}\r
- .ScrollBox-Scrollbar-Wrapper-H {\r
- right : 2px;\r
+ .Root .ScrollBox-IndicatorV {\r
+ top : 0;\r
+ right : 0.1em;\r
+ left : auto;\r
+ width : 0.5em;\r
+ } \r
+ .Root .ScrollBox-IndicatorH {\r
+ top : auto;\r
+ bottom : 0.1em;\r
+ left : 0;\r
+ height : 0.5em;\r
}\r
- .ScrollBox-Scrollbar-Wrapper-H-withV {\r
- right : 7px;\r
+ .IE4 .ScrollBox-IndicatorH,\r
+ .IE5x .ScrollBox-IndicatorH {\r
+ line-height : 0.5;\r
}\r
- .ScrollBox-Scrollbar-Indicator-V,\r
- .ScrollBox-Scrollbar-Indicator-H {\r
- position : absolute;\r
- z-index : 100;\r
- background : #000;\r
- background : rgba(0,0,0,0.5);\r
- border : 1px solid #fff;\r
- border : 1px solid rgba(255,255,255,0.9);\r
- background-clip : padding-box;\r
- -o-background-clip : padding-box;\r
- -ms-background-clip : padding-box;\r
- -moz-background-clip : padding-box;\r
- -khtml-background-clip : padding-box;\r
- -webkit-background-clip : padding-box;\r
- box-sizing : border-box;\r
- -o-box-sizing : border-box;\r
- -ms-box-sizing : border-box;\r
- -moz-box-sizing : border-box;\r
- -khtml-box-sizing : border-box;\r
- -webkit-box-sizing : border-box;\r
- border-radius : 3px;\r
- -o-border-radius : 3px;\r
- -ms-border-radius : 3px;\r
- -moz-border-radius : 3px;\r
- -khtml-border-radius : 3px;\r
- -webkit-border-radius : 3px;\r
- transition-property : transform;\r
- -o-transition-property : -o-transform;\r
- -ms-transition-property : -ms-transform;\r
- -moz-transition-property : -moz-transform;\r
- -khtml-transition-property : -khtml-transform;\r
- -webkit-transition-property : -webkit-transform;\r
- transform: translate(0,0);\r
- -o-transform: translate(0,0);\r
- -ms-transform: translate(0,0);\r
- -moz-transform: translate(0,0);\r
- -khtml-transform: translate(0,0);\r
- -webkit-transform: translate(0,0);\r
- }\r
- .ScrollBox-Scrollbar-Indicator-V {\r
- width:100%;\r
- }\r
- .ScrollBox-Scrollbar-Indicator-H {\r
- height:100%;\r
- }
\ No newline at end of file