From 17e8e0667f85696e93374a3a67de315dc2708ce2 Mon Sep 17 00:00:00 2001
From: Massimiliano Assante <massimiliano.assante@isti.cnr.it>
Date: Sat, 9 Nov 2013 15:45:53 +0000
Subject: [PATCH] updated popup style

git-svn-id: http://svn.research-infrastructures.eu/public/d4science/gcube/trunk/portlets/user/gcube-widgets@85261 82a268e6-3cf1-43bd-a215-b396298e98cf
---
 pom.xml                                       |  2 +-
 .../user/gcubewidgets/client/GCubePanel.java  |  1 -
 .../gcubewidgets/client/WidgetFactory.java    |  2 +
 .../public/gcube_common_styles.css            | 46 ++++++++++------
 war/gcube_common_styles.css                   | 11 ++--
 war/gcubewidgets/gcube_common_styles.css      | 55 +++++++++++++------
 war/gcubewidgets/gcubewidgets.nocache.js      | 31 ++++++-----
 war/gcubewidgets/hosted.html                  | 21 +++----
 war/gcubewidgets/old-dialog.css               |  1 +
 9 files changed, 102 insertions(+), 68 deletions(-)

diff --git a/pom.xml b/pom.xml
index 4018bf3..fc421b2 100644
--- a/pom.xml
+++ b/pom.xml
@@ -140,7 +140,7 @@
 				<executions>
 					<execution>
 						<goals>
-<!-- 							<goal>compile</goal> -->
+							<goal>compile</goal>
 							<!-- <goal>test</goal> -->
 						</goals>
 					</execution>
diff --git a/src/main/java/org/gcube/portlets/user/gcubewidgets/client/GCubePanel.java b/src/main/java/org/gcube/portlets/user/gcubewidgets/client/GCubePanel.java
index 314b387..96f4382 100644
--- a/src/main/java/org/gcube/portlets/user/gcubewidgets/client/GCubePanel.java
+++ b/src/main/java/org/gcube/portlets/user/gcubewidgets/client/GCubePanel.java
@@ -22,7 +22,6 @@ import com.google.gwt.user.client.ui.Widget;
  * <code> GCubePanel </code> is the wrapper panel gCube Portlet that lays all of its widgets out in a single vertical column.
  *
  * @author Massimiliano Assante, ISTI-CNR - massimiliano.assante@isti.cnr.it
- * @version December 2009 (0.2b) 
  */
 public class GCubePanel extends VerticalPanel implements HasCaption {
 
diff --git a/src/main/java/org/gcube/portlets/user/gcubewidgets/client/WidgetFactory.java b/src/main/java/org/gcube/portlets/user/gcubewidgets/client/WidgetFactory.java
index b240320..39b5c87 100644
--- a/src/main/java/org/gcube/portlets/user/gcubewidgets/client/WidgetFactory.java
+++ b/src/main/java/org/gcube/portlets/user/gcubewidgets/client/WidgetFactory.java
@@ -24,8 +24,10 @@ public class WidgetFactory implements EntryPoint {
 	 * This is the entry point method.
 	 */
 	public void onModuleLoad() {
+		//showSample();
 	}
 	private void showSample() {
+		
 		//
 		PushButton button = new PushButton("Click me");
 		
diff --git a/src/main/java/org/gcube/portlets/user/gcubewidgets/public/gcube_common_styles.css b/src/main/java/org/gcube/portlets/user/gcubewidgets/public/gcube_common_styles.css
index d35b3a3..b9ed829 100644
--- a/src/main/java/org/gcube/portlets/user/gcubewidgets/public/gcube_common_styles.css
+++ b/src/main/java/org/gcube/portlets/user/gcubewidgets/public/gcube_common_styles.css
@@ -1,7 +1,7 @@
 /**
  * Common CSS for gCube Portlets
  * 
- *  Massimiliano Assante, March 2013
+ *  Massimiliano Assante, November 2013
  */ /****** PANELS STYLES *******/
  
  @import url(normalize.css);
@@ -145,7 +145,7 @@
 	border: 1px solid  #BBB;
 	-moz-border-radius: 2em;
 	-webkit-border-radius: 2em;
-	border-radius: 2em;
+	border-radius: 4px;
 	background: #F2F2F2 url(gcube_images/white-grad.png) repeat-x scroll left top;
 	font-size: 12px;
 	cursor: pointer;
@@ -281,20 +281,37 @@
 .gcube_DialogBox {
 	z-index: 10001;
 	background: #FFFFFF none repeat-x scroll 0 0;
-	border: 9px solid rgb(80, 80, 80); /* for not understanding rgba prop browsers*/
-	border: 9px solid rgba(0, 0, 0, 0.60);
-	-webkit-background-clip: padding-box; /* for Safari */
-    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
-	border-radius: 6px;
-	-moz-border-radius: 6px;
-	-webkit-border-radius: 6px;
+
+	border: 2px solid #CCC;
+
+	border-radius: 4px;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+}
+
+.gcube_DialogBox .Caption {
+	color: #19326C;
+	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
+		"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+	font-size: 15px;
+	font-weight: normal;
+	padding: 5px;
+
+}
+
+.gcube_DialogBox .dialogContent div {
+	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
+		"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+	font-size: 13px;
+	color: #555;
 }
 
 .gcube_DialogBox .dialogTop {
-	background: #2999c9;
+	background: #EDEDEF;
 	margin: 0px;
 	padding-left: 5px;
 	height: 20px;
+	border-bottom: 1px #CCC solid;
 }
 
 .gcube_DialogBox .dialogMiddleCenter {
@@ -318,14 +335,7 @@
 	height: 5px;
 }
 
-.gcube_DialogBox .Caption {
-	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
-	font-size: 14px;
-	font-weight: bold;
-	color: #FFF;
-	padding: 5px;
-	
-}
+
 
 /****** DECORATED TAB BAR  - TAB PANEL ********/
 .gwt-TabPanel {
diff --git a/war/gcube_common_styles.css b/war/gcube_common_styles.css
index 849a8a4..ad74b4f 100644
--- a/war/gcube_common_styles.css
+++ b/war/gcube_common_styles.css
@@ -281,7 +281,7 @@
 }
 
 .gcube_DialogBox .dialogTop {
-	background: #2999c9;
+	background: green;
 	margin: 0px;
 	padding-left: 5px;
 	height: 20px;
@@ -309,10 +309,11 @@
 }
 
 .gcube_DialogBox .Caption {
-	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
-	font-size: 14px;
-	font-weight: bold;
-	color: #FFF;
+	color: #4c68a6;
+	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
+		"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+	font-weight: 300;
+	font-size: 12px !important;
 	padding: 5px;
 	
 }
diff --git a/war/gcubewidgets/gcube_common_styles.css b/war/gcubewidgets/gcube_common_styles.css
index 12f4cb6..dbdc640 100644
--- a/war/gcubewidgets/gcube_common_styles.css
+++ b/war/gcubewidgets/gcube_common_styles.css
@@ -5,7 +5,6 @@
  */ /****** PANELS STYLES *******/
  
  @import url(normalize.css);
- @import url(switchbutton.css);
  
 /* Use it for your portlet main Panel */
 .gcube_panel {
@@ -119,6 +118,16 @@
 }
 
 /****** FORM COMPONENTS STYLES ******/
+
+.gwt-CheckBox {
+	font-family: Arial, Helvetica, sans-serif;
+	font-size: 12px;
+}
+
+.gwt-CheckBox label {
+	padding: 3px;
+}
+
 .gwt-TextBox {
 	background: #FFFFFF url(gcube_images/text-bg.gif) repeat-x scroll 0 0;
 	border: 1px solid #B5B8C8;
@@ -136,7 +145,7 @@
 	border: 1px solid  #BBB;
 	-moz-border-radius: 2em;
 	-webkit-border-radius: 2em;
-	border-radius: 2em;
+	border-radius: 4px;
 	background: #F2F2F2 url(gcube_images/white-grad.png) repeat-x scroll left top;
 	font-size: 12px;
 	cursor: pointer;
@@ -272,20 +281,37 @@
 .gcube_DialogBox {
 	z-index: 10001;
 	background: #FFFFFF none repeat-x scroll 0 0;
-	border: 9px solid rgb(80, 80, 80); /* for not understanding rgba prop browsers*/
-	border: 9px solid rgba(0, 0, 0, 0.60);
-	-webkit-background-clip: padding-box; /* for Safari */
-    background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */
-	border-radius: 6px;
-	-moz-border-radius: 6px;
-	-webkit-border-radius: 6px;
+
+	border: 2px solid #CCC;
+
+	border-radius: 4px;
+	-moz-border-radius: 4px;
+	-webkit-border-radius: 4px;
+}
+
+.gcube_DialogBox .Caption {
+	color: #177ffc;
+	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
+		"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+	font-size: 15px;
+	font-weight: normal;
+	padding: 5px;
+
+}
+
+.gcube_DialogBox .dialogContent div {
+	font-family: "HelveticaNeue-Light", "Helvetica Neue Light",
+		"Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+	font-size: 13px;
+	color: #555;
 }
 
 .gcube_DialogBox .dialogTop {
-	background: #2999c9;
+	background: #ebebeb;
 	margin: 0px;
 	padding-left: 5px;
 	height: 20px;
+	border-bottom: 1px #CCC solid;
 }
 
 .gcube_DialogBox .dialogMiddleCenter {
@@ -309,14 +335,7 @@
 	height: 5px;
 }
 
-.gcube_DialogBox .Caption {
-	font-family: 'lucida grande', tahoma, verdana, arial, sans-serif;
-	font-size: 14px;
-	font-weight: bold;
-	color: #FFF;
-	padding: 5px;
-	
-}
+
 
 /****** DECORATED TAB BAR  - TAB PANEL ********/
 .gwt-TabPanel {
diff --git a/war/gcubewidgets/gcubewidgets.nocache.js b/war/gcubewidgets/gcubewidgets.nocache.js
index e012922..ae20e09 100644
--- a/war/gcubewidgets/gcubewidgets.nocache.js
+++ b/war/gcubewidgets/gcubewidgets.nocache.js
@@ -1,16 +1,17 @@
-function gcubewidgets(){var N='',ub='" for "gwt:onLoadErrorFn"',sb='" for "gwt:onPropertyErrorFn"',gb='"><\/script>',X='#',Sb='.cache.html',Z='/',Rb=':',mb='::',$b='<script defer="defer">gcubewidgets.onInjectionDone(\'gcubewidgets\')<\/script>',fb='<script id="',pb='=',Y='?',Db='ActiveXObject',rb='Bad handler "',Eb='ChromeTab.ChromeFrame',Zb='DOMContentLoaded',Qb="GWT module 'gcubewidgets' may need to be (re)compiled",hb='SCRIPT',eb='__gwt_marker_gcubewidgets',ib='base',ab='baseUrl',R='begin',Q='bootstrap',Cb='chromeframe',_='clear.cache.gif',ob='content',W='end',Tb='gcube_common_styles.css',O='gcubewidgets',cb='gcubewidgets.nocache.js',lb='gcubewidgets::',Kb='gecko',Lb='gecko1_8',S='gwt.codesvr=',T='gwt.hosted=',U='gwt.hybrid',tb='gwt:onLoadErrorFn',qb='gwt:onPropertyErrorFn',nb='gwt:property',Yb='head',Ob='hosted.html?gcubewidgets',Xb='href',Jb='ie6',Ib='ie8',Hb='ie9',vb='iframe',$='img',wb="javascript:''",Ub='link',Nb='loadExternalRefs',jb='meta',yb='moduleRequested',V='moduleStartup',Gb='msie',kb='name',Ab='opera',xb='position:absolute;width:0;height:0;border:none',Vb='rel',Fb='safari',bb='script',Pb='selectingPermutation',P='startup',Wb='stylesheet',db='undefined',Mb='unknown',zb='user.agent',Bb='webkit';var l=window,m=document,n=l.__gwtStatsEvent?function(a){return l.__gwtStatsEvent(a)}:null,o=l.__gwtStatsSessionId?l.__gwtStatsSessionId:null,p,q,r,s=N,t={},u=[],v=[],w=[],x=0,y,z;n&&n({moduleName:O,sessionId:o,subSystem:P,evtGroup:Q,millis:(new Date).getTime(),type:R});if(!l.__gwt_stylesLoaded){l.__gwt_stylesLoaded={}}if(!l.__gwt_scriptsLoaded){l.__gwt_scriptsLoaded={}}function A(){var b=false;try{var c=l.location.search;return (c.indexOf(S)!=-1||(c.indexOf(T)!=-1||l.external&&l.external.gwtOnLoad))&&c.indexOf(U)==-1}catch(a){}A=function(){return b};return b}
-function B(){if(p&&q){var b=m.getElementById(O);var c=b.contentWindow;if(A()){c.__gwt_getProperty=function(a){return F(a)}}gcubewidgets=null;c.gwtOnLoad(y,O,s,x);n&&n({moduleName:O,sessionId:o,subSystem:P,evtGroup:V,millis:(new Date).getTime(),type:W})}}
-function C(){function e(a){var b=a.lastIndexOf(X);if(b==-1){b=a.length}var c=a.indexOf(Y);if(c==-1){c=a.length}var d=a.lastIndexOf(Z,Math.min(c,b));return d>=0?a.substring(0,d+1):N}
-function f(a){if(a.match(/^\w+:\/\//)){}else{var b=m.createElement($);b.src=a+_;a=e(b.src)}return a}
-function g(){var a=E(ab);if(a!=null){return a}return N}
-function h(){var a=m.getElementsByTagName(bb);for(var b=0;b<a.length;++b){if(a[b].src.indexOf(cb)!=-1){return e(a[b].src)}}return N}
-function i(){var a;if(typeof isBodyLoaded==db||!isBodyLoaded()){var b=eb;var c;m.write(fb+b+gb);c=m.getElementById(b);a=c&&c.previousSibling;while(a&&a.tagName!=hb){a=a.previousSibling}if(c){c.parentNode.removeChild(c)}if(a&&a.src){return e(a.src)}}return N}
-function j(){var a=m.getElementsByTagName(ib);if(a.length>0){return a[a.length-1].href}return N}
-var k=g();if(k==N){k=h()}if(k==N){k=i()}if(k==N){k=j()}if(k==N){k=e(m.location.href)}k=f(k);s=k;return k}
-function D(){var b=document.getElementsByTagName(jb);for(var c=0,d=b.length;c<d;++c){var e=b[c],f=e.getAttribute(kb),g;if(f){f=f.replace(lb,N);if(f.indexOf(mb)>=0){continue}if(f==nb){g=e.getAttribute(ob);if(g){var h,i=g.indexOf(pb);if(i>=0){f=g.substring(0,i);h=g.substring(i+1)}else{f=g;h=N}t[f]=h}}else if(f==qb){g=e.getAttribute(ob);if(g){try{z=eval(g)}catch(a){alert(rb+g+sb)}}}else if(f==tb){g=e.getAttribute(ob);if(g){try{y=eval(g)}catch(a){alert(rb+g+ub)}}}}}}
-function E(a){var b=t[a];return b==null?null:b}
-function F(a){var b=v[a](),c=u[a];if(b in c){return b}var d=[];for(var e in c){d[c[e]]=e}if(z){z(a,d,b)}throw null}
-var G;function H(){if(!G){G=true;var a=m.createElement(vb);a.src=wb;a.id=O;a.style.cssText=xb;a.tabIndex=-1;m.body.appendChild(a);n&&n({moduleName:O,sessionId:o,subSystem:P,evtGroup:V,millis:(new Date).getTime(),type:yb});a.contentWindow.location.replace(s+J)}}
-v[zb]=function(){var c=navigator.userAgent.toLowerCase();var d=function(a){return parseInt(a[1])*1000+parseInt(a[2])};if(function(){return c.indexOf(Ab)!=-1}())return Ab;if(function(){return c.indexOf(Bb)!=-1||function(){if(c.indexOf(Cb)!=-1){return true}if(typeof window[Db]!=db){try{var b=new ActiveXObject(Eb);if(b){b.registerBhoIfNeeded();return true}}catch(a){}}return false}()}())return Fb;if(function(){return c.indexOf(Gb)!=-1&&m.documentMode>=9}())return Hb;if(function(){return c.indexOf(Gb)!=-1&&m.documentMode>=8}())return Ib;if(function(){var a=/msie ([0-9]+)\.([0-9]+)/.exec(c);if(a&&a.length==3)return d(a)>=6000}())return Jb;if(function(){return c.indexOf(Kb)!=-1}())return Lb;return Mb};u[zb]={gecko1_8:0,ie6:1,ie8:2,ie9:3,opera:4,safari:5};gcubewidgets.onScriptLoad=function(){if(G){q=true;B()}};gcubewidgets.onInjectionDone=function(){p=true;n&&n({moduleName:O,sessionId:o,subSystem:P,evtGroup:Nb,millis:(new Date).getTime(),type:W});B()};D();C();var I;var J;if(A()){if(l.external&&(l.external.initModule&&l.external.initModule(O))){l.location.reload();return}J=Ob;I=N}n&&n({moduleName:O,sessionId:o,subSystem:P,evtGroup:Q,millis:(new Date).getTime(),type:Pb});if(!A()){try{alert(Qb);return;var K=I.indexOf(Rb);if(K!=-1){x=Number(I.substring(K+1));I=I.substring(0,K)}J=I+Sb}catch(a){return}}var L;function M(){if(!r){r=true;if(!__gwt_stylesLoaded[Tb]){var a=m.createElement(Ub);__gwt_stylesLoaded[Tb]=a;a.setAttribute(Vb,Wb);a.setAttribute(Xb,s+Tb);m.getElementsByTagName(Yb)[0].appendChild(a)}B();if(m.removeEventListener){m.removeEventListener(Zb,M,false)}if(L){clearInterval(L)}}}
-if(m.addEventListener){m.addEventListener(Zb,function(){H();M()},false)}var L=setInterval(function(){if(/loaded|complete/.test(m.readyState)){H();M()}},50);n&&n({moduleName:O,sessionId:o,subSystem:P,evtGroup:Q,millis:(new Date).getTime(),type:W});n&&n({moduleName:O,sessionId:o,subSystem:P,evtGroup:Nb,millis:(new Date).getTime(),type:R});m.write($b)}
+function gcubewidgets(){var O='',wb='" for "gwt:onLoadErrorFn"',ub='" for "gwt:onPropertyErrorFn"',hb='"><\/script>',Y='#',Rb='.cache.html',$='/',kb='//',Qb=':',ob='::',Zb='<script defer="defer">gcubewidgets.onInjectionDone(\'gcubewidgets\')<\/script>',gb='<script id="',rb='=',Z='?',tb='Bad handler "',Yb='DOMContentLoaded',Pb="GWT module 'gcubewidgets' may need to be (re)compiled",ib='SCRIPT',fb='__gwt_marker_gcubewidgets',jb='base',bb='baseUrl',S='begin',R='bootstrap',ab='clear.cache.gif',qb='content',X='end',Sb='gcube_common_styles.css',P='gcubewidgets',db='gcubewidgets.nocache.js',nb='gcubewidgets::',Jb='gecko',Kb='gecko1_8',T='gwt.codesvr=',U='gwt.hosted=',V='gwt.hybrid',vb='gwt:onLoadErrorFn',sb='gwt:onPropertyErrorFn',pb='gwt:property',Xb='head',Nb='hosted.html?gcubewidgets',Wb='href',Ib='ie6',Hb='ie8',Gb='ie9',xb='iframe',_='img',yb="javascript:''",Tb='link',Mb='loadExternalRefs',lb='meta',Ab='moduleRequested',W='moduleStartup',Fb='msie',mb='name',Cb='opera',zb='position:absolute;width:0;height:0;border:none',Ub='rel',Eb='safari',cb='script',Ob='selectingPermutation',Q='startup',Vb='stylesheet',eb='undefined',Lb='unknown',Bb='user.agent',Db='webkit';var m=window,n=document,o=m.__gwtStatsEvent?function(a){return m.__gwtStatsEvent(a)}:null,p=m.__gwtStatsSessionId?m.__gwtStatsSessionId:null,q,r,s,t=O,u={},v=[],w=[],x=[],y=0,z,A;o&&o({moduleName:P,sessionId:p,subSystem:Q,evtGroup:R,millis:(new Date).getTime(),type:S});if(!m.__gwt_stylesLoaded){m.__gwt_stylesLoaded={}}if(!m.__gwt_scriptsLoaded){m.__gwt_scriptsLoaded={}}function B(){var b=false;try{var c=m.location.search;return (c.indexOf(T)!=-1||(c.indexOf(U)!=-1||m.external&&m.external.gwtOnLoad))&&c.indexOf(V)==-1}catch(a){}B=function(){return b};return b}
+function C(){if(q&&r){var b=n.getElementById(P);var c=b.contentWindow;if(B()){c.__gwt_getProperty=function(a){return G(a)}}gcubewidgets=null;c.gwtOnLoad(z,P,t,y);o&&o({moduleName:P,sessionId:p,subSystem:Q,evtGroup:W,millis:(new Date).getTime(),type:X})}}
+function D(){function e(a){var b=a.lastIndexOf(Y);if(b==-1){b=a.length}var c=a.indexOf(Z);if(c==-1){c=a.length}var d=a.lastIndexOf($,Math.min(c,b));return d>=0?a.substring(0,d+1):O}
+function f(a){if(a.match(/^\w+:\/\//)){}else{var b=n.createElement(_);b.src=a+ab;a=e(b.src)}return a}
+function g(){var a=F(bb);if(a!=null){return a}return O}
+function h(){var a=n.getElementsByTagName(cb);for(var b=0;b<a.length;++b){if(a[b].src.indexOf(db)!=-1){return e(a[b].src)}}return O}
+function i(){var a;if(typeof isBodyLoaded==eb||!isBodyLoaded()){var b=fb;var c;n.write(gb+b+hb);c=n.getElementById(b);a=c&&c.previousSibling;while(a&&a.tagName!=ib){a=a.previousSibling}if(c){c.parentNode.removeChild(c)}if(a&&a.src){return e(a.src)}}return O}
+function j(){var a=n.getElementsByTagName(jb);if(a.length>0){return a[a.length-1].href}return O}
+function k(){var a=n.location;return a.href==a.protocol+kb+a.host+a.pathname+a.search+a.hash}
+var l=g();if(l==O){l=h()}if(l==O){l=i()}if(l==O){l=j()}if(l==O&&k()){l=e(n.location.href)}l=f(l);t=l;return l}
+function E(){var b=document.getElementsByTagName(lb);for(var c=0,d=b.length;c<d;++c){var e=b[c],f=e.getAttribute(mb),g;if(f){f=f.replace(nb,O);if(f.indexOf(ob)>=0){continue}if(f==pb){g=e.getAttribute(qb);if(g){var h,i=g.indexOf(rb);if(i>=0){f=g.substring(0,i);h=g.substring(i+1)}else{f=g;h=O}u[f]=h}}else if(f==sb){g=e.getAttribute(qb);if(g){try{A=eval(g)}catch(a){alert(tb+g+ub)}}}else if(f==vb){g=e.getAttribute(qb);if(g){try{z=eval(g)}catch(a){alert(tb+g+wb)}}}}}}
+function F(a){var b=u[a];return b==null?null:b}
+function G(a){var b=w[a](),c=v[a];if(b in c){return b}var d=[];for(var e in c){d[c[e]]=e}if(A){A(a,d,b)}throw null}
+var H;function I(){if(!H){H=true;var a=n.createElement(xb);a.src=yb;a.id=P;a.style.cssText=zb;a.tabIndex=-1;n.body.appendChild(a);o&&o({moduleName:P,sessionId:p,subSystem:Q,evtGroup:W,millis:(new Date).getTime(),type:Ab});a.contentWindow.location.replace(t+K)}}
+w[Bb]=function(){var b=navigator.userAgent.toLowerCase();var c=function(a){return parseInt(a[1])*1000+parseInt(a[2])};if(function(){return b.indexOf(Cb)!=-1}())return Cb;if(function(){return b.indexOf(Db)!=-1}())return Eb;if(function(){return b.indexOf(Fb)!=-1&&n.documentMode>=9}())return Gb;if(function(){return b.indexOf(Fb)!=-1&&n.documentMode>=8}())return Hb;if(function(){var a=/msie ([0-9]+)\.([0-9]+)/.exec(b);if(a&&a.length==3)return c(a)>=6000}())return Ib;if(function(){return b.indexOf(Jb)!=-1}())return Kb;return Lb};v[Bb]={gecko1_8:0,ie6:1,ie8:2,ie9:3,opera:4,safari:5};gcubewidgets.onScriptLoad=function(){if(H){r=true;C()}};gcubewidgets.onInjectionDone=function(){q=true;o&&o({moduleName:P,sessionId:p,subSystem:Q,evtGroup:Mb,millis:(new Date).getTime(),type:X});C()};E();D();var J;var K;if(B()){if(m.external&&(m.external.initModule&&m.external.initModule(P))){m.location.reload();return}K=Nb;J=O}o&&o({moduleName:P,sessionId:p,subSystem:Q,evtGroup:R,millis:(new Date).getTime(),type:Ob});if(!B()){try{alert(Pb);return;var L=J.indexOf(Qb);if(L!=-1){y=Number(J.substring(L+1));J=J.substring(0,L)}K=J+Rb}catch(a){return}}var M;function N(){if(!s){s=true;if(!__gwt_stylesLoaded[Sb]){var a=n.createElement(Tb);__gwt_stylesLoaded[Sb]=a;a.setAttribute(Ub,Vb);a.setAttribute(Wb,t+Sb);n.getElementsByTagName(Xb)[0].appendChild(a)}C();if(n.removeEventListener){n.removeEventListener(Yb,N,false)}if(M){clearInterval(M)}}}
+if(n.addEventListener){n.addEventListener(Yb,function(){I();N()},false)}var M=setInterval(function(){if(/loaded|complete/.test(n.readyState)){I();N()}},50);o&&o({moduleName:P,sessionId:p,subSystem:Q,evtGroup:R,millis:(new Date).getTime(),type:X});o&&o({moduleName:P,sessionId:p,subSystem:Q,evtGroup:Mb,millis:(new Date).getTime(),type:S});n.write(Zb)}
 gcubewidgets();
\ No newline at end of file
diff --git a/war/gcubewidgets/hosted.html b/war/gcubewidgets/hosted.html
index f6c5d82..48b87f3 100644
--- a/war/gcubewidgets/hosted.html
+++ b/war/gcubewidgets/hosted.html
@@ -160,8 +160,7 @@ function __gwt_disconnected_impl() {
   __gwt_displayGlassMessage('GWT Code Server Disconnected',
       'Most likely, you closed GWT Development Mode. Or, you might have lost '
       + 'network connectivity. To fix this, try restarting GWT Development Mode and '
-      + '<a style="color: #FFFFFF; font-weight: bold;" href="javascript:location.reload()">'
-      + 'REFRESH</a> this page.');
+      + 'refresh this page.');
 }
 
 // Keep track of z-index to allow layering of multiple glass messages
@@ -295,20 +294,22 @@ gwtOnLoad = function(errFn, modName, modBase){
       if (errFn) {
         errFn(modName);
       } else {
-        __gwt_displayGlassMessage("Plugin failed to connect to Development Mode server at " +
-            simpleEscape($hosted),
-            "Follow the underlying troubleshooting instructions");
-        loadIframe("http://code.google.com/p/google-web-toolkit/wiki/TroubleshootingOOPHM");
+        __gwt_displayGlassMessage(
+            "Plugin failed to connect to Development Mode server at " + simpleEscape($hosted),
+            "Follow the troubleshooting instructions at "
+            + "<a href='http://code.google.com/p/google-web-toolkit/wiki/TroubleshootingOOPHM'>"
+            + "http://code.google.com/p/google-web-toolkit/wiki/TroubleshootingOOPHM</a>");
       }
     }
   }
 }
 
 function simpleEscape(originalString) {
-  return originalString.replace("&","&amp;")
-    .replace("<","&lt;")
-    .replace(">","&gt;")
-    .replace("\"","&quot;");
+  return originalString.replace(/&/g,"&amp;")
+    .replace(/</g,"&lt;")
+    .replace(/>/g,"&gt;")
+    .replace(/\'/g, "&#39;")
+    .replace(/\"/g,"&quot;");
 }
 
 window.onunload = function() {
diff --git a/war/gcubewidgets/old-dialog.css b/war/gcubewidgets/old-dialog.css
index d8c004b..8fd8d65 100644
--- a/war/gcubewidgets/old-dialog.css
+++ b/war/gcubewidgets/old-dialog.css
@@ -28,6 +28,7 @@
 	border-radius: 4px !important;
 	-moz-border-radius: 4px !important;;
 	-webkit-border-radius: 4px !important;
+	margin: 5px !important;
 }
 
 .gwt-Button:active {