X-Git-Url: http://git.osdn.jp/view?a=blobdiff_plain;f=0.6.x%2Fcss%2Fxui.css;h=cfebdabe2bec4b9da0b668f2e9a29af4727f5be6;hb=9e04e2a1221a92960a74e550bc3fd809caf3cd1c;hp=ba028ee4a53980f8ed66a7076f526d025aa176b5;hpb=2621070c032954702155d4a315535b8b1aafd616;p=pettanr%2FclientJs.git

diff --git a/0.6.x/css/xui.css b/0.6.x/css/xui.css
index ba028ee..cfebdab 100644
--- a/0.6.x/css/xui.css
+++ b/0.6.x/css/xui.css
@@ -1,27 +1,58 @@
-html, body {
-	margin   : 0;
-	padding  : 0;
-	width    : 100%;
-	height   : 100%;
-	overflow : hidden;
-}
 
-.PageRoot {
-	height             : 100%;
-	position : relative;
+	html {
+		font-size                : 100%; /* 1 */
+		-webkit-text-size-adjust : 100%; /* 2 */
+		   -moz-text-size-adjust : 100%; /* 2 */
+		    -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;
+	}
+
+	.IE5x body,
+	.IE6 body,
+	.IE7 body,
+	.IE8 body {
+		font-size : 16px; /* px 指定しないと ie8- で要素のサイズが狂う */
+	}
+
+	/*
+	 * http://loconet.web2.jp/blog/archives/2007/02/cssfontfamily.html
+	 */
+	body, textarea {
+		font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
+	}
+	.IE5x body, .IE5x textarea,
+	.IE6  body, .IE6  textarea,  {
+		font-family: 'ＭＳ Ｐゴシック',sans-serif;
+	}
+
+.Root {
+	height   : 100%;
 }
 
-.PageRoot,
-.PageRoot div {
+.Root,
+.Root div {
 /* 要素は絶対配置される */
 	position           : absolute;
 	top                : 0;
 	left               : 0;
 	width              : 100%;
+	height             : auto;
 	padding            : 0;
 	margin             : 0;
 /* ブラウザのレイアウト機能による auto なサイズ指定は行わない */
 	overflow           : hidden;
+	border-style       : solid;
+
 /* border-box がデフォルト 
 	box-sizing         : border-box;
 	-o-box-sizing      : border-box;
@@ -30,10 +61,9 @@ html, body {
 	-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 */
@@ -41,8 +71,15 @@ html, body {
 	/* 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}
@@ -76,10 +113,9 @@ html, body {
 		        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 );
-		-ms-filter       : alpha( opacity=0 );
 	}
 	/*
 	 * ie では、背景を設定しないと、 mousemove が働かない。
@@ -99,9 +135,46 @@ html, body {
 	left       : 0;
 	top        : 0;
 	visibility : hidden;
-	z-index    : 99;
+	/*z-index    : 99;*/
+}
+.hidden-iframe {
+	z-index     : -1;
+	visibility  : hidden;
+	overflow    : hidden;
+	border      : 0;
+	outline     : 0;
+	margin      : -10px 0 0 -10px;
+	padding     : 0;
+	min-width   : 0;
+	min-height  : 0;
+	width       : 10px;
+	height      : 10px;
+	max-width   : 10px;
+	max-height  : 10px;
+	top         : -20px;
+	left        : -20px;
 }
 
+/* Fix for WebAudio
+ * 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;
+	}
+	@-webkit-keyframes anim-void {
+		from {
+			top: 0px;
+		}
+		to {
+			top: 1px;
+		}
+	}
+
 /*  Scrollbox
 --------------------------------------------------------------------------------------*/
 	.ScrollBox-Scroller {