X-Git-Url: http://git.osdn.jp/view?a=blobdiff_plain;f=0.6.x%2Fcss%2Fxui.css;h=cfebdabe2bec4b9da0b668f2e9a29af4727f5be6;hb=9e04e2a1221a92960a74e550bc3fd809caf3cd1c;hp=2cec8d33d7a50d196ab8520ebbdf1ac5e282930c;hpb=d836e6243878426d4cfd7a14ceb9b77db9f92b57;p=pettanr%2FclientJs.git diff --git a/0.6.x/css/xui.css b/0.6.x/css/xui.css index 2cec8d3..cfebdab 100644 --- a/0.6.x/css/xui.css +++ b/0.6.x/css/xui.css @@ -6,29 +6,41 @@ -ms-text-size-adjust : 100%; /* 2 */ text-size-adjust : 100%; /* 2 */ } - - html, body { width : 100%; height : 100%; overflow : hidden; - margin : 0; - padding : 0;/* opera 8 */ - border : 0; + margin : 0; + padding : 0;/* opera 8 */ + border : 0; } - body { + .IE5x body, + .IE6 body, + .IE7 body, + .IE8 body { font-size : 16px; /* px 指定しないと ie8- で要素のサイズが狂う */ } -.PageRoot { + /* + * http://loconet.web2.jp/blog/archives/2007/02/cssfontfamily.html + */ + body, textarea { + font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'MS Pゴシック',sans-serif; + } + .IE5x body, .IE5x textarea, + .IE6 body, .IE6 textarea, { + font-family: 'MS Pゴシック',sans-serif; + } + +.Root { height : 100%; } -.PageRoot, -.PageRoot div { +.Root, +.Root div { /* 要素は絶対配置される */ position : absolute; top : 0; @@ -39,7 +51,7 @@ margin : 0; /* ブラウザのレイアウト機能による auto なサイズ指定は行わない */ overflow : hidden; - + border-style : solid; /* border-box がデフォルト box-sizing : border-box; @@ -49,10 +61,9 @@ -khtml-box-sizing : border-box; -webkit-box-sizing : border-box;*/ /* browser bug fix */ - -moz-opacity : 0.99; + zoom : 1; - - *word-break : break-all; /* ie5+ */ + word-wrap : break-word; /* IE5.5?5?, Firefox3.5, Chrome1 Opera10.5 Safari1 */ white-space : pre; /* CSS 2.0 */ white-space : pre-wrap; /* CSS 2.1 */ @@ -60,8 +71,15 @@ /* white-space : -pre-wrap; Opera 4-6 */ white-space : -o-pre-wrap; /* Opera 7 */ white-space : -moz-pre-wrap; /* Mozilla */ - /* white-space : -hp-pre-wrap; HP Printers */ - white-space : normal\9; /* ie系では、 float要素へ回り込みする、 white-space の効いているテキストの位置が狂う */ + /* white-space : -hp-pre-wrap; HP Printers */ +} +.IE5x .Root, .IE5x .Root div, +.IE6 .Root, .IE6 .Root div, +.IE7 .Root, .IE7 .Root div, { + word-break : break-all; /* ie5+ */ +} +.IE .Root, .IE .Root div { + white-space : normal/* ie系では、 float要素へ回り込みする、 white-space の効いているテキストの位置が狂う */ } * {zoom:1} @@ -95,7 +113,7 @@ tap-highlight-color : rgba(0,0,0,0); -webkit-tap-highlight-color : rgba(0,0,0,0); } - .ActiveX-enabled .mouse-operation-catcher { + .ActiveX .mouse-operation-catcher { background-color : #fff; filter : alpha( opacity=0 ); } @@ -141,12 +159,12 @@ * see http://qiita.com/sou/items/5688d4e7d3a37b4e2ff1 --------------------------------------------------------------------------------------*/ #fps-slowdown-make-sound-noisy { - width: 0px; - height: 0px; - position: absolute; - -webkit-animation-name: anim-void; - -webkit-animation-duration: 1s; - -webkit-animation-iteration-count: infinite; + width : 0px; + height : 0px; + position : absolute; + -webkit-animation-name : anim-void; + -webkit-animation-duration : 1s; + -webkit-animation-iteration-count : infinite; } @-webkit-keyframes anim-void { from {