overflow : hidden;\r
}\r
\r
+.PageRoot div {\r
+/* 要素は絶対配置される */\r
+ position : absolute;\r
+ top : 0;\r
+ left : 0;\r
+ padding : 0;\r
+ margin : 0;\r
+/* ブラウザのレイアウト機能による auto なサイズ指定は行わない */\r
+ overflow : hidden;\r
+/* border-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
+/* browser bug fix */\r
+ -moz-opacity : 0.99;\r
+ zoom : 1;\r
+}\r
+\r
+* {zoom:1}\r
+\r
+/*------------------------------------------------------------------------------------\r
+ * mouse-operation-catcher\r
+ */\r
+ .mouse-operation-catcher {\r
+ position : absolute;\r
+ top : 0;\r
+ left : 0;\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
+ -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
+ -ms-touch-action : none;\r
+ touch-callout : none;\r
+ -webkit-touch-callout : none;\r
+ content-zooming : none;\r
+ -ms-content-zooming : 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
+ -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
+ -ms-filter : alpha( opacity=0 );\r
+ }\r
+ /*\r
+ * ie では、背景を設定しないと、 mousemove が働かない。\r
+ * activeX 有効の場合は背景を着色して filter で透明に。\r
+ * activeX 無効の場合は透明 gif を使用\r
+ * background: url(4x4.gif) fixed repeat;\r
+ */\r
+ .mouse-operation-catcher {\r
+ background : url( "../img/opacity0.gif" ) fixed repeat;\r
+ }\r
+\r
+/*------------------------------------------------------------------------------------\r
+ * hidden-sysyem-node\r
+ */\r
+.hidden-system-node {\r
+ position : absolute;\r
+ left : 0;\r
+ top : 0;\r
+ visibility : hidden;\r
+ z-index : 99;\r
+}\r
+\r
+/*------------------------------------------------------------------------------------\r
+ * mouse-operation-catcher\r
+ */\r
+.jul-hover {\r
+ opacity : 0.5;\r
+}\r
+\r
.PageRoot {\r
position : relative;\r
}\r
.VBox,\r
.HBox,\r
.TileBox,\r
-.ChromeBox {\r
+.ChromeBox,\r
+.ScrollBox {\r
position : absolute;\r
+ overflow : hidden;\r
box-sizing : border-box;\r
-moz-box-sizing : border-box;\r
-}
\ No newline at end of file
+}\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
+ }\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
OSDN Git Service
