height : 100%;\r
overflow : hidden;\r
margin : 0;\r
- padding : 0;/* opera 8 */\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
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
+ font-family : 'MS Pゴシック',sans-serif;\r
}\r
\r
-.PageRoot {\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
/* ブラウザのレイアウト機能による 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
/* browser bug fix */\r
\r
zoom : 1;\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 : -moz-pre-wrap; /* Mozilla */\r
- /* white-space : -hp-pre-wrap; HP Printers */ \r
+ white-space : -moz-pre-wrap; /* Mozilla */ \r
}\r
-.IE5x .PageRoot, .IE5x .PageRoot div,\r
-.IE6 .PageRoot, .IE6 .PageRoot div,\r
-.IE7 .PageRoot, .IE7 .PageRoot div, {\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 .PageRoot, .IE .PageRoot div {\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 .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
/* 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
+ .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-V,\r
- .ScrollBox-Scrollbar-Wrapper-V-withH {\r
- width : 7px;\r
- top : 2px;\r
- right : 1px;\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-V {\r
- bottom : 2px;\r
+ .IE4 .ScrollBox-IndicatorH,\r
+ .IE5x .ScrollBox-IndicatorH {\r
+ line-height : 0.5;\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
- }\r
- .ScrollBox-Scrollbar-Wrapper-H {\r
- right : 2px;\r
- }\r
- .ScrollBox-Scrollbar-Wrapper-H-withV {\r
- right : 7px;\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
+\r
+.IE8 * {\r
+ filter : inherit;\r
+}\r