11 position : absolute;
\r
16 /* ブラウザのレイアウト機能による auto なサイズ指定は行わない */
\r
18 /* border-box がデフォルト */
\r
19 box-sizing : border-box;
\r
20 -o-box-sizing : border-box;
\r
21 -ms-box-sizing : border-box;
\r
22 -moz-box-sizing : border-box;
\r
23 -khtml-box-sizing : border-box;
\r
24 -webkit-box-sizing : border-box;
\r
25 /* browser bug fix */
\r
26 -moz-opacity : 0.99;
\r
30 /*------------------------------------------------------------------------------------
\r
31 * mouse-operation-catcher
\r
33 .mouse-operation-catcher {
\r
34 position : absolute;
\r
38 height : 100%; /* 100% don't work for ie6, so ie6 need to set height as 'XXpx' by js */
\r
41 -moz-user-select : none;
\r
42 -khtml-user-select : none;
\r
43 -webkit-user-select : none;
\r
45 /* this makes the element blocking in IE10 >, you could experiment with the value
\r
46 see for more options this issue; https://github.com/EightMedia/hammer.js/issues/241 */
\r
47 touch-action : none;
\r
48 -ms-touch-action : none;
\r
49 touch-callout : none;
\r
50 -webkit-touch-callout : none;
\r
51 content-zooming : none;
\r
52 -ms-content-zooming : none;
\r
54 -khtml-user-drag : none;
\r
55 -webkit-user-drag : none;
\r
56 tap-highlight-color : rgba(0,0,0,0);
\r
57 -webkit-tap-highlight-color : rgba(0,0,0,0);
\r
59 .ActiveX-enabled .mouse-operation-catcher {
\r
60 background-color : #fff;
\r
61 filter : alpha( opacity=0 );
\r
62 -ms-filter : alpha( opacity=0 );
\r
65 * ie では、背景を設定しないと、 mousemove が働かない。
\r
66 * activeX 有効の場合は背景を着色して filter で透明に。
\r
67 * activeX 無効の場合は透明 gif を使用
\r
68 * background: url(4x4.gif) fixed repeat;
\r
70 .ActiveX-disabled .mouse-operation-catcher {
\r
71 background : url( "../images/opacity0.gif" ) fixed repeat;
\r
74 /*------------------------------------------------------------------------------------
\r
75 * hidden-sysyem-node
\r
77 .hidden-sysyem-node {
\r
78 position : absolute;
\r
81 visibility : hidden;
\r
84 /*------------------------------------------------------------------------------------
\r
85 * mouse-operation-catcher
\r
92 position : relative;
\r
101 position : absolute;
\r
103 box-sizing : border-box;
\r
104 -moz-box-sizing : border-box;
\r
108 --------------------------------------------------------------------------------------*/
\r
109 .ScrollBox-Scroller {
\r
110 transform : translate( 0, 0 );
\r
111 transformOrigin : '0 0';
\r
112 position : absolute;
\r
114 .ScrollBox-Scrollbar-Wrapper-V,
\r
115 .ScrollBox-Scrollbar-Wrapper-H,
\r
116 .ScrollBox-Scrollbar-Wrapper-V-withH,
\r
117 .ScrollBox-Scrollbar-Wrapper-H-withV {
\r
118 position : absolute;
\r
122 .ScrollBox-Scrollbar-Wrapper-V,
\r
123 .ScrollBox-Scrollbar-Wrapper-V-withH {
\r
128 .ScrollBox-Scrollbar-Wrapper-V {
\r
131 .ScrollBox-Scrollbar-Wrapper-V-withH {
\r
134 .ScrollBox-Scrollbar-Wrapper-H,
\r
135 .ScrollBox-Scrollbar-Wrapper-H-withV {
\r
140 .ScrollBox-Scrollbar-Wrapper-H {
\r
143 .ScrollBox-Scrollbar-Wrapper-H-withV {
\r
146 .ScrollBox-Scrollbar-Indicator-V,
\r
147 .ScrollBox-Scrollbar-Indicator-H {
\r
148 position : absolute;
\r
151 background : rgba(0,0,0,0.5);
\r
152 border : 1px solid #fff;
\r
153 border : 1px solid rgba(255,255,255,0.9);
\r
154 background-clip : padding-box;
\r
155 -o-background-clip : padding-box;
\r
156 -ms-background-clip : padding-box;
\r
157 -moz-background-clip : padding-box;
\r
158 -khtml-background-clip : padding-box;
\r
159 -webkit-background-clip : padding-box;
\r
160 box-sizing : border-box;
\r
161 -o-box-sizing : border-box;
\r
162 -ms-box-sizing : border-box;
\r
163 -moz-box-sizing : border-box;
\r
164 -khtml-box-sizing : border-box;
\r
165 -webkit-box-sizing : border-box;
\r
166 border-radius : 3px;
\r
167 -o-border-radius : 3px;
\r
168 -ms-border-radius : 3px;
\r
169 -moz-border-radius : 3px;
\r
170 -khtml-border-radius : 3px;
\r
171 -webkit-border-radius : 3px;
\r
172 transition-property : transform;
\r
173 -o-transition-property : -o-transform;
\r
174 -ms-transition-property : -ms-transform;
\r
175 -moz-transition-property : -moz-transform;
\r
176 -khtml-transition-property : -khtml-transform;
\r
177 -webkit-transition-property : -webkit-transform;
\r
178 transform: translate(0,0);
\r
179 -o-transform: translate(0,0);
\r
180 -ms-transform: translate(0,0);
\r
181 -moz-transform: translate(0,0);
\r
182 -khtml-transform: translate(0,0);
\r
183 -webkit-transform: translate(0,0);
\r
185 .ScrollBox-Scrollbar-Indicator-V {
\r
188 .ScrollBox-Scrollbar-Indicator-H {
\r