3 font-size : 100%; /* 1 */
\r
4 -webkit-text-size-adjust : 100%; /* 2 */
\r
5 -moz-text-size-adjust : 100%; /* 2 */
\r
6 -ms-text-size-adjust : 100%; /* 2 */
\r
7 text-size-adjust : 100%; /* 2 */
\r
18 padding : 0;/* opera 8 */
\r
23 font-size : 16px; /* px 指定しないと ie8- で要素のサイズが狂う */
\r
33 position : absolute;
\r
40 /* ブラウザのレイアウト機能による auto なサイズ指定は行わない */
\r
44 /* border-box がデフォルト
\r
45 box-sizing : border-box;
\r
46 -o-box-sizing : border-box;
\r
47 -ms-box-sizing : border-box;
\r
48 -moz-box-sizing : border-box;
\r
49 -khtml-box-sizing : border-box;
\r
50 -webkit-box-sizing : border-box;*/
\r
51 /* browser bug fix */
\r
52 -moz-opacity : 0.99;
\r
55 *word-break : break-all; /* ie5+ */
\r
56 word-wrap : break-word; /* IE5.5?5?, Firefox3.5, Chrome1 Opera10.5 Safari1 */
\r
57 white-space : pre; /* CSS 2.0 */
\r
58 white-space : pre-wrap; /* CSS 2.1 */
\r
59 white-space : pre-line; /* CSS 3.0 */
\r
60 /* white-space : -pre-wrap; Opera 4-6 */
\r
61 white-space : -o-pre-wrap; /* Opera 7 */
\r
62 white-space : -moz-pre-wrap; /* Mozilla */
\r
63 /* white-space : -hp-pre-wrap; HP Printers */
\r
64 white-space : normal\9; /* ie系では、 float要素へ回り込みする、 white-space の効いているテキストの位置が狂う */
\r
69 /*------------------------------------------------------------------------------------
\r
70 * mouse-operation-catcher
\r
72 .mouse-operation-catcher {
\r
73 position : absolute;
\r
77 height : 100%; /* 100% don't work for ie6, so ie6 need to set height as 'XXpx' by js */
\r
80 -moz-user-select : none;
\r
81 -khtml-user-select : none;
\r
82 -webkit-user-select : none;
\r
84 /* this makes the element blocking in IE10 >, you could experiment with the value
\r
85 see for more options this issue; https://github.com/EightMedia/hammer.js/issues/241 */
\r
86 touch-action : none;
\r
87 -ms-touch-action : none;
\r
88 touch-callout : none;
\r
89 -webkit-touch-callout : none;
\r
90 content-zooming : none;
\r
91 -ms-content-zooming : none;
\r
93 -khtml-user-drag : none;
\r
94 -webkit-user-drag : none;
\r
95 tap-highlight-color : rgba(0,0,0,0);
\r
96 -webkit-tap-highlight-color : rgba(0,0,0,0);
\r
98 .ActiveX-enabled .mouse-operation-catcher {
\r
99 background-color : #fff;
\r
100 filter : alpha( opacity=0 );
\r
103 * ie では、背景を設定しないと、 mousemove が働かない。
\r
104 * activeX 有効の場合は背景を着色して filter で透明に。
\r
105 * activeX 無効の場合は透明 gif を使用
\r
106 * background: url(4x4.gif) fixed repeat;
\r
108 .mouse-operation-catcher {
\r
109 background : url( "../img/opacity0.gif" ) fixed repeat;
\r
112 /*------------------------------------------------------------------------------------
\r
113 * hidden-sysyem-node
\r
115 .hidden-system-node {
\r
116 position : absolute;
\r
119 visibility : hidden;
\r
124 visibility : hidden;
\r
128 margin : -10px 0 0 -10px;
\r
140 /* Fix for WebAudio
\r
141 * see http://qiita.com/sou/items/5688d4e7d3a37b4e2ff1
\r
142 --------------------------------------------------------------------------------------*/
\r
143 #fps-slowdown-make-sound-noisy {
\r
146 position: absolute;
\r
147 -webkit-animation-name: anim-void;
\r
148 -webkit-animation-duration: 1s;
\r
149 -webkit-animation-iteration-count: infinite;
\r
151 @-webkit-keyframes anim-void {
\r
161 --------------------------------------------------------------------------------------*/
\r
162 .ScrollBox-Scroller {
\r
163 transform : translate( 0, 0 );
\r
164 transformOrigin : '0 0';
\r
165 position : absolute;
\r
167 .ScrollBox-Scrollbar-Wrapper-V,
\r
168 .ScrollBox-Scrollbar-Wrapper-H,
\r
169 .ScrollBox-Scrollbar-Wrapper-V-withH,
\r
170 .ScrollBox-Scrollbar-Wrapper-H-withV {
\r
171 position : absolute;
\r
175 .ScrollBox-Scrollbar-Wrapper-V,
\r
176 .ScrollBox-Scrollbar-Wrapper-V-withH {
\r
181 .ScrollBox-Scrollbar-Wrapper-V {
\r
184 .ScrollBox-Scrollbar-Wrapper-V-withH {
\r
187 .ScrollBox-Scrollbar-Wrapper-H,
\r
188 .ScrollBox-Scrollbar-Wrapper-H-withV {
\r
193 .ScrollBox-Scrollbar-Wrapper-H {
\r
196 .ScrollBox-Scrollbar-Wrapper-H-withV {
\r
199 .ScrollBox-Scrollbar-Indicator-V,
\r
200 .ScrollBox-Scrollbar-Indicator-H {
\r
201 position : absolute;
\r
204 background : rgba(0,0,0,0.5);
\r
205 border : 1px solid #fff;
\r
206 border : 1px solid rgba(255,255,255,0.9);
\r
207 background-clip : padding-box;
\r
208 -o-background-clip : padding-box;
\r
209 -ms-background-clip : padding-box;
\r
210 -moz-background-clip : padding-box;
\r
211 -khtml-background-clip : padding-box;
\r
212 -webkit-background-clip : padding-box;
\r
213 box-sizing : border-box;
\r
214 -o-box-sizing : border-box;
\r
215 -ms-box-sizing : border-box;
\r
216 -moz-box-sizing : border-box;
\r
217 -khtml-box-sizing : border-box;
\r
218 -webkit-box-sizing : border-box;
\r
219 border-radius : 3px;
\r
220 -o-border-radius : 3px;
\r
221 -ms-border-radius : 3px;
\r
222 -moz-border-radius : 3px;
\r
223 -khtml-border-radius : 3px;
\r
224 -webkit-border-radius : 3px;
\r
225 transition-property : transform;
\r
226 -o-transition-property : -o-transform;
\r
227 -ms-transition-property : -ms-transform;
\r
228 -moz-transition-property : -moz-transform;
\r
229 -khtml-transition-property : -khtml-transform;
\r
230 -webkit-transition-property : -webkit-transform;
\r
231 transform: translate(0,0);
\r
232 -o-transform: translate(0,0);
\r
233 -ms-transform: translate(0,0);
\r
234 -moz-transform: translate(0,0);
\r
235 -khtml-transform: translate(0,0);
\r
236 -webkit-transform: translate(0,0);
\r
238 .ScrollBox-Scrollbar-Indicator-V {
\r
241 .ScrollBox-Scrollbar-Indicator-H {
\r