[kune-commits] r1292 - in kune-sandbox: . lib src/cc/kune/sandbox src/cc/kune/sandbox/client war

Vicente J. Ruiz Jurado vjrj_ at ourproject.org
Fri Mar 25 11:09:09 CET 2011


Author: vjrj_
Date: 2011-03-25 11:09:09 +0100 (Fri, 25 Mar 2011)
New Revision: 1292

Added:
   kune-sandbox/.classpath
   kune-sandbox/.project
   kune-sandbox/lib/gin-r137.jar
   kune-sandbox/lib/guice-3.0-rc2.jar
   kune-sandbox/lib/gwtp-all-0.5.jar
   kune-sandbox/war/cbg_button.css
   kune-sandbox/war/kune-chat.css
   kune-sandbox/war/kune-common.css
   kune-sandbox/war/kune-hablar.css
   kune-sandbox/war/kune-message.css
   kune-sandbox/war/ws.css
Modified:
   kune-sandbox/src/cc/kune/sandbox/KuneSandbox.gwt.xml
   kune-sandbox/src/cc/kune/sandbox/client/KuneSandboxEntryPoint.java
   kune-sandbox/war/Kune_sandbox.css
   kune-sandbox/war/Kune_sandbox.html
Log:
sandbox updated

Added: kune-sandbox/.classpath
===================================================================
--- kune-sandbox/.classpath	                        (rev 0)
+++ kune-sandbox/.classpath	2011-03-25 10:09:09 UTC (rev 1292)
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<classpath>
+	<classpathentry kind="src" path="src"/>
+	<classpathentry kind="src" output="test-classes" path="test"/>
+	<classpathentry kind="con" path="com.google.gwt.eclipse.core.GWT_CONTAINER"/>
+	<classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER"/>
+	<classpathentry kind="lib" path="lib/GWT FX v0.5.0 MS 1.jar"/>
+	<classpathentry kind="lib" path="lib/gxt.jar"/>
+	<classpathentry combineaccessrules="false" kind="src" path="/kune"/>
+	<classpathentry kind="lib" path="lib/gin-r137.jar"/>
+	<classpathentry kind="lib" path="lib/guice-3.0-rc2.jar"/>
+	<classpathentry kind="lib" path="lib/gwtp-all-0.5.jar"/>
+	<classpathentry kind="output" path="war/WEB-INF/classes"/>
+</classpath>

Added: kune-sandbox/.project
===================================================================
--- kune-sandbox/.project	                        (rev 0)
+++ kune-sandbox/.project	2011-03-25 10:09:09 UTC (rev 1292)
@@ -0,0 +1,29 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<projectDescription>
+	<name>kune-sandbox</name>
+	<comment></comment>
+	<projects>
+		<project>kune</project>
+	</projects>
+	<buildSpec>
+		<buildCommand>
+			<name>org.eclipse.jdt.core.javabuilder</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>com.google.gdt.eclipse.core.webAppProjectValidator</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+		<buildCommand>
+			<name>com.google.gwt.eclipse.core.gwtProjectValidator</name>
+			<arguments>
+			</arguments>
+		</buildCommand>
+	</buildSpec>
+	<natures>
+		<nature>org.eclipse.jdt.core.javanature</nature>
+		<nature>com.google.gwt.eclipse.core.gwtNature</nature>
+	</natures>
+</projectDescription>

Added: kune-sandbox/lib/gin-r137.jar
===================================================================
(Binary files differ)


Property changes on: kune-sandbox/lib/gin-r137.jar
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: kune-sandbox/lib/guice-3.0-rc2.jar
===================================================================
(Binary files differ)


Property changes on: kune-sandbox/lib/guice-3.0-rc2.jar
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Added: kune-sandbox/lib/gwtp-all-0.5.jar
===================================================================
(Binary files differ)


Property changes on: kune-sandbox/lib/gwtp-all-0.5.jar
___________________________________________________________________
Name: svn:mime-type
   + application/octet-stream

Modified: kune-sandbox/src/cc/kune/sandbox/KuneSandbox.gwt.xml
===================================================================
--- kune-sandbox/src/cc/kune/sandbox/KuneSandbox.gwt.xml	2011-03-24 23:10:11 UTC (rev 1291)
+++ kune-sandbox/src/cc/kune/sandbox/KuneSandbox.gwt.xml	2011-03-25 10:09:09 UTC (rev 1292)
@@ -4,6 +4,7 @@
   <inherits name='com.google.gwt.user.User' />
   <inherits name="cc.kune.msgs.KuneMsgs" />
   <inherits name="cc.kune.core.Core" />
+  <inherits name="cc.kune.wave.KuneWave" />
   <inherits name="org.adamtacy.GWTEffects"></inherits>
   <!-- Inherit the default GWT style sheet. You can change -->
   <!-- the theme of your GWT application by uncommenting -->
@@ -19,5 +20,5 @@
   <public path="public" />
   <stylesheet src="kune-sandbox.css" />
   <set-property name="user.agent" value="safari,gecko1_8" />
-   <inherits name="com.extjs.gxt.ui.GXT" /> 
+  <inherits name="com.extjs.gxt.ui.GXT" />
 </module>

Modified: kune-sandbox/src/cc/kune/sandbox/client/KuneSandboxEntryPoint.java
===================================================================
--- kune-sandbox/src/cc/kune/sandbox/client/KuneSandboxEntryPoint.java	2011-03-24 23:10:11 UTC (rev 1291)
+++ kune-sandbox/src/cc/kune/sandbox/client/KuneSandboxEntryPoint.java	2011-03-25 10:09:09 UTC (rev 1292)
@@ -1,9 +1,12 @@
 package cc.kune.sandbox.client;
 
 import cc.kune.common.client.noti.NotifyLevel;
-import cc.kune.common.client.ui.PopupPanelBottomCentered;
-import cc.kune.common.client.ui.PopupPanelTopCentered;
-import cc.kune.core.client.ui.dialogs.TwoButtonsDialog;
+import cc.kune.common.client.ui.MaskWidget;
+import cc.kune.common.client.ui.PopupBottomPanel;
+import cc.kune.common.client.ui.PopupTopPanel;
+import cc.kune.core.client.tool.ToolSelectorItemPanel;
+import cc.kune.core.client.tool.ToolSelectorPanel;
+import cc.kune.core.client.ui.dialogs.BasicDialog;
 import cc.kune.msgs.client.CloseCallback;
 import cc.kune.msgs.client.UserMessage;
 import cc.kune.msgs.client.UserMessagesPanel;
@@ -11,9 +14,11 @@
 
 import com.extjs.gxt.ui.client.widget.button.Button;
 import com.google.gwt.core.client.EntryPoint;
+import com.google.gwt.user.client.DOM;
 import com.google.gwt.user.client.Timer;
 import com.google.gwt.user.client.ui.IsWidget;
 import com.google.gwt.user.client.ui.Label;
+import com.google.gwt.user.client.ui.RootPanel;
 import com.google.gwt.user.client.ui.VerticalPanel;
 
 /**
@@ -21,48 +26,115 @@
  */
 public class KuneSandboxEntryPoint implements EntryPoint {
 
+    private PopupBottomPanel pop;
+
     /**
      * This is the entry point method.
      */
     @Override
     public void onModuleLoad() {
+        // testUserMessages();
+        // testDialogs();
+        ToolSelectorPanel toolSelector = new ToolSelectorPanel();
+        ToolSelectorItemPanel toolItem1 = new ToolSelectorItemPanel();
+        toolItem1.getLabel().setText("documents");
+        ToolSelectorItemPanel toolItem2 = new ToolSelectorItemPanel();
+        toolItem2.getLabel().setText("something very longgggggg");
+        ToolSelectorItemPanel toolItem3 = new ToolSelectorItemPanel();
+        toolItem3.getLabel().setText("media");
+        toolSelector.addItem(toolItem1);
+        toolSelector.addItem(toolItem2);
+        toolSelector.addItem(toolItem3);
+        toolItem1.setSelected(true);
+        toolItem2.setSelected(false);
+        toolItem3.setSelected(false);
+        toolSelector.asWidget().setWidth("200px");
+        // toolSelector.addWidget(new Label("Test"));
+        RootPanel.get().add(toolSelector.asWidget());
+    }
+
+    private void postAdd(final PopupBottomPanel pop) {
+        pop.setCenterPosition();
+    }
+
+    private void postAdd(final PopupTopPanel pop) {
+        pop.setCenterPosition();
+    }
+
+    private void testDialogs() {
+        final PopupTopPanel pop2 = new PopupTopPanel(false, true);
+        pop2.setGlassEnabled(true);
+        final BasicDialog dialog = new BasicDialog();
+        pop2.add(dialog);
+
+        dialog.getTitleText().setText("Title");
+        dialog.getFirstBtnText().setText("Accept");
+        dialog.getSecondBtnText().setText("Cancel");
+        dialog.setFirstBtnTabIndex(2);
+        dialog.setSecondBtnTabIndex(3);
+        final VerticalPanel sPanel = new VerticalPanel();
+        sPanel.add(new Label("lo que sea"));
+        final Button btn = new Button("lo que sea");
+        btn.setTabIndex(1);
+        btn.focus();
+        sPanel.add(btn);
+        sPanel.setSize("300px", "150px");
+        dialog.getInnerPanel().add((IsWidget) sPanel);
+        final Label label = new Label("Test label");
+        // final NotifyLevelImages levelImg =
+        // GWT.create(NotifyLevelImages.class);
+        // dialog.getBottomPanel().add(new MessagePanel(levelImg, "kk"));
+        final MaskWidget mask = new MaskWidget();
+
+        RootPanel.get().add(label);
+        pop2.showNear(label);
+        // final String zIndex = DOM.getStyleAttribute(pop2.getElement(),
+        // "zIndex");
+        DOM.setStyleAttribute(pop.getElement(), "zIndex", "10000");
+        mask.mask(pop2, "JAarrrrr!");
+    }
+
+    private void testUserMessages() {
         final UserMessagesPanel panel = new UserMessagesPanel();
         UserMessage.setFadeMills(3000);
         UserMessage.setCloseTitle("Close message");
         panel.setWidth("422px");
         final UserMessagesPresenter presenter = new UserMessagesPresenter();
         presenter.init(panel);
-        final PopupPanelBottomCentered pop = new PopupPanelBottomCentered();
+
+        pop = new PopupBottomPanel();
         final CloseCallback closeCalback = new CloseCallback() {
             @Override
             public void onClose() {
                 pop.setCenterPosition();
             }
         };
-        presenter.add(NotifyLevel.info, "Title", "Lorem ipsum dolor sit amet, consectetuer adipiscing elit", false,
+        presenter.add(NotifyLevel.info, "Title", "Lorem ipsum dolor sit amet, consectetuer adipiscing elit", "", false,
                 closeCalback);
         postAdd(pop);
-        presenter.add(NotifyLevel.error, "Title", "Lorem ipsum dolor sit amet, consectetuer adipiscing elit", false,
-                closeCalback);
+        presenter.add(NotifyLevel.error, "Title", "Lorem ipsum dolor sit amet, consectetuer adipiscing elit", "",
+                false, closeCalback);
         pop.add(panel);
+
         postAdd(pop);
-        Timer time = new Timer() {
+
+        final Timer time = new Timer() {
             @Override
             public void run() {
                 presenter.add(
                         NotifyLevel.error,
                         "",
                         "Lorem <a href='/'>ipsum</a> dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit",
-                        true, closeCalback);
+                        "", true, closeCalback);
                 postAdd(pop);
             }
         };
-        Timer time2 = new Timer() {
+        final Timer time2 = new Timer() {
             @Override
             public void run() {
-                presenter.add(NotifyLevel.important, "", "Lorem ", false, closeCalback);
+                presenter.add(NotifyLevel.important, "", "Lorem ", "", false, closeCalback);
                 postAdd(pop);
-                presenter.add(NotifyLevel.important, "Title", "Lorem ", true, closeCalback);
+                presenter.add(NotifyLevel.important, "Title", "Lorem ", "", true, closeCalback);
                 postAdd(pop);
             }
         };
@@ -70,27 +142,5 @@
         time2.schedule(2000);
         pop.show();
 
-        PopupPanelTopCentered pop2 = new PopupPanelTopCentered(false, true);
-        pop2.setGlassEnabled(true);
-        TwoButtonsDialog dialog = new TwoButtonsDialog();
-        pop2.add(dialog);
-
-        dialog.getTitleText().setText("Title");
-        dialog.getFirstBtnText().setText("Accept");
-        dialog.getSecondBtnText().setText("Cancel");
-        VerticalPanel sPanel = new VerticalPanel();
-        sPanel.add(new Label("lo que sea"));
-        sPanel.add(new Button("lo que sea"));
-        sPanel.setSize("300px", "150px");
-        dialog.getInnerPanel().add((IsWidget) sPanel);
-        pop2.show();
     }
-
-    private void postAdd(final PopupPanelTopCentered pop) {
-        pop.setCenterPosition();
-    }
-
-    private void postAdd(final PopupPanelBottomCentered pop) {
-        pop.setCenterPosition();
-    }
 }

Modified: kune-sandbox/war/Kune_sandbox.css
===================================================================
--- kune-sandbox/war/Kune_sandbox.css	2011-03-24 23:10:11 UTC (rev 1291)
+++ kune-sandbox/war/Kune_sandbox.css	2011-03-25 10:09:09 UTC (rev 1292)
@@ -32,3 +32,12 @@
 #closeButton {
   margin: 15px 6px 6px;
 }
+
+.k-lateral-focusTab {
+	background: red;
+}
+
+.k-central-nav {
+	background: grey;
+}
+

Modified: kune-sandbox/war/Kune_sandbox.html
===================================================================
--- kune-sandbox/war/Kune_sandbox.html	2011-03-24 23:10:11 UTC (rev 1291)
+++ kune-sandbox/war/Kune_sandbox.html	2011-03-25 10:09:09 UTC (rev 1292)
@@ -6,44 +6,67 @@
 <!-- differences in layout.                        -->
 
 <html>
-  <head>
-    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<head>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<link rel="stylesheet" type="text/css"
+	href="http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css">
+<!-- FIXME: make something local -->
+<script src="//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script>
+<script>
+	WebFont.load({
+		google : {
+			families : [ 'Ubuntu' ]
+		}
+	});
+</script>
+<!--                                                               -->
+<!-- Consider inlining CSS to reduce the number of requested files -->
+<!--                                                               -->
+<link type="text/css" rel="stylesheet" href="ExtGWT/css/gxt-all.css">
+<link type="text/css" rel="stylesheet" href="Kune_sandbox.css">
+<!--                                           -->
+<!-- Any title is fine                         -->
+<!--                                           -->
+<title></title>
+<link
+	href='http://fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold,bolditalic'
+	rel='stylesheet' type='text/css'>
+<!-- <link href='http://fonts.googleapis.com/css?family=Inconsolata'
+	rel='stylesheet' type='text/css'> -->
+<link type="text/css" rel="stylesheet" href="kune-chat.css">
+<link type="text/css" rel="stylesheet" href="kune-hablar.css">
+<link type="text/css" rel="stylesheet" href="kune-common.css">
+<link type="text/css" rel="stylesheet"
+	href="fontface/ubuntufontface.css">
+<link type="text/css" rel="stylesheet" href="kune-message.css">
+<link type="text/css" rel="stylesheet" href="ws.css">
+<!--                                           -->
+<!-- This script loads your compiled module.   -->
+<!-- If you add any GWT meta tags, they must   -->
+<!-- be added before this line.                -->
+<!--                                           -->
+<script type="text/javascript" language="javascript"
+	src="kune_sandbox/kune_sandbox.nocache.js"></script>
+</head>
 
-    <!--                                                               -->
-    <!-- Consider inlining CSS to reduce the number of requested files -->
-    <!--                                                               -->
-    <link type="text/css" rel="stylesheet" href="ExtGWT/css/gxt-all.css">
-    <link type="text/css" rel="stylesheet" href="Kune_sandbox.css">
-    <!--                                           -->
-    <!-- Any title is fine                         -->
-    <!--                                           -->
-    <title></title>
-    
-    <!--                                           -->
-    <!-- This script loads your compiled module.   -->
-    <!-- If you add any GWT meta tags, they must   -->
-    <!-- be added before this line.                -->
-    <!--                                           -->
-    <script type="text/javascript" language="javascript" src="kune_sandbox/kune_sandbox.nocache.js"></script>
-  </head>
+<!--                                           -->
+<!-- The body can have arbitrary html, or      -->
+<!-- you can leave the body empty if you want  -->
+<!-- to create a completely dynamic UI.        -->
+<!--                                           -->
+<body>
 
-  <!--                                           -->
-  <!-- The body can have arbitrary html, or      -->
-  <!-- you can leave the body empty if you want  -->
-  <!-- to create a completely dynamic UI.        -->
-  <!--                                           -->
-  <body>
+<!-- OPTIONAL: include this if you want history support -->
+<iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1'
+	style="position: absolute; width: 0; height: 0; border: 0"></iframe>
 
-    <!-- OPTIONAL: include this if you want history support -->
-    <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe>
-    
-    <!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
-    <noscript>
-      <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
-        Your web browser must have JavaScript enabled
-        in order for this application to display correctly.
-      </div>
-    </noscript>
+<!-- RECOMMENDED if your web app will not function without JavaScript enabled -->
+<noscript>
+<div
+	style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif">
+Your web browser must have JavaScript enabled in order for this
+application to display correctly.</div>
+</noscript>
 
-  </body>
+</body>
 </html>

Added: kune-sandbox/war/cbg_button.css
===================================================================
--- kune-sandbox/war/cbg_button.css	                        (rev 0)
+++ kune-sandbox/war/cbg_button.css	2011-03-25 10:09:09 UTC (rev 1292)
@@ -0,0 +1,78 @@
+/* Button Style */
+
+/* specific for Opera */
+.cbg-ButtonContent::selection {
+  background-color:transparent;
+}
+
+.cbg-Button {
+  font-family: Arial, Helvetica, sans-serif;
+  font-size: 70%; /*relative to inherit 16px font-size*/
+}
+
+.cbg-Button .cbg-ButtonOuter {
+  border-color: #bcbcbc;
+}
+
+.cbg-Button .cbg-ButtonInner {
+  background-color: #e2e2e2;
+  border-color: #bcbcbc;
+}
+
+.cbg-Button .cbg-ButtonTop {
+  background-color: #f9f9f9;
+  border-bottom-color: #ededed;
+  border-bottom-width: 0.2em;
+  height: 0.9em;
+}
+
+.cbg-Button .cbg-ButtonContent {
+  color: black;
+  line-height: 1.8em;
+  padding: 0 8px;
+}
+
+.cbg-Button-active .cbg-ButtonInner {
+  background-color: #f9f9f9;
+}
+
+.cbg-Button-active  .cbg-ButtonTop {
+  background-color: #e2e2e2;
+}
+
+.cbg-Button-disabled .cbg-ButtonContent {
+  color: #878787;
+}
+
+.cbg-Button-hover .cbg-ButtonOuter {
+  border-color: #939393;
+}
+
+.cbg-Button-hover .cbg-ButtonInner {
+  border-color: #939393;
+}
+
+.cbg-Button-focus .cbg-ButtonOuter {
+  border-color: #444444;
+}
+
+.cbg-Button-focus .cbg-ButtonInner {
+  border-color: #444444;
+}
+
+/* ButtonBar specific style */
+.cbg-ButtonBar .cbg-BCLeft .cbg-ButtonInner {
+  border-left-color: white;
+}
+
+.cbg-ButtonBar .cbg-Button-hover .cbg-ButtonInner {
+  border-color: #939393;
+}
+
+.cbg-ButtonBar .cbg-Button-focus .cbg-ButtonInner {
+  border-color: #444444;
+}
+
+.cbg-ButtonBar .cbg-BCRight .cbg-ButtonInner {
+  border-right-color: #bcbcbc;
+}

Added: kune-sandbox/war/kune-chat.css
===================================================================
--- kune-sandbox/war/kune-chat.css	                        (rev 0)
+++ kune-sandbox/war/kune-chat.css	2011-03-25 10:09:09 UTC (rev 1292)
@@ -0,0 +1,7 @@
+.k-chat-icon {
+	
+}
+
+.k-chat-panel {
+	margin: 10px;
+}
\ No newline at end of file

Added: kune-sandbox/war/kune-common.css
===================================================================
--- kune-sandbox/war/kune-common.css	                        (rev 0)
+++ kune-sandbox/war/kune-common.css	2011-03-25 10:09:09 UTC (rev 1292)
@@ -0,0 +1,412 @@
+.k-popup-top-centered {
+	
+}
+
+.k-popup-bottom-centered { /*	z-index:100000; */
+	
+}
+
+.k-floatleft,.k-fl {
+	float: left;
+}
+
+.k-floatright,.k-fr {
+	float: right;
+}
+
+.k-pointer {
+	cursor: pointer;
+	cursor: hand;
+}
+
+.k-opacity80 {
+	kfilter: alpha(opacity =         80);
+	-moz-opacity: 0.80;
+	-khtml-opacity: 0.80;
+	opacity: 0.80;
+}
+
+.k-opacity90 {
+	kfilter: alpha(opacity =         90);
+	-moz-opacity: 0.90;
+	-khtml-opacity: 0.90;
+	opacity: 0.90;
+}
+
+.k-opacity95 {
+	kfilter: alpha(opacity =         95);
+	-moz-opacity: 0.95;
+	-khtml-opacity: 0.95;
+	opacity: 0.95;
+}
+
+.gwt-PopupPanelGlass {
+	background-color: #f7ebe3 !important;
+	kfilter: alpha(opacity =         68) !important;
+	-moz-opacity: 0.68 !important;
+	-khtml-opacity: 0.68 !important;
+	opacity: 0.68 !important;
+}
+
+.k-box-5shadow {
+	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5);
+}
+
+.k-box-10shadow {
+	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+}
+
+.k-bottom-5corners {
+	-webkit-border-bottom-right-radius: 5px;
+	-moz-border-radius-bottomright: 5px;
+	border-bottom-right-radius: 5px;
+	-webkit-border-bottom-left-radius: 5px;
+	-moz-border-radius-bottomleft: 5px;
+	border-bottom-left-radius: 5px;
+}
+
+.k-bottom-10corners {
+	-webkit-border-bottom-right-radius: 10px;
+	-moz-border-radius-bottomright: 10px;
+	border-bottom-right-radius: 10px;
+	-webkit-border-bottom-left-radius: 10px;
+	-moz-border-radius-bottomleft: 10px;
+	border-bottom-left-radius: 10px;
+}
+
+.k-top-5corners {
+	-webkit-border-top-right-radius: 5px;
+	-moz-border-radius-topright: 5px;
+	border-top-right-radius: 5px;
+	-webkit-border-top-left-radius: 5px;
+	-moz-border-radius-topleft: 5px;
+	border-top-left-radius: 5px;
+}
+
+.k-top-10corners {
+	-webkit-border-top-right-radius: 10px;
+	-moz-border-radius-topright: 10px;
+	border-top-right-radius: 10px;
+	-webkit-border-top-left-radius: 10px;
+	-moz-border-radius-topleft: 10px;
+	border-top-left-radius: 10px;
+}
+
+.k-2corners {
+	-moz-border-radius: 2px;
+	-webkit-border-radius: 2px;
+	border-radius: 2px;
+}
+
+.k-3corners {
+	-moz-border-radius: 3px;
+	-webkit-border-radius: 3px;
+	border-radius: 3px;
+}
+
+.k-5corners {
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	border-radius: 5px;
+}
+
+.k-10corners {
+	-moz-border-radius: 10px;
+	-webkit-border-radius: 10px;
+	border-radius: 10px;
+}
+
+.k-dialog-outerp {
+	background-color: #552200;
+	border-top: 4px solid #000;
+	padding: 22px 4px 3px 4px;
+}
+
+.k-dialog-title {
+	color: #552200;
+	font-size: 20px;
+	font-weight: bold;
+	margin: 5px 0 0 12px;
+}
+
+.k-dialog-innerp {
+	background-color: #FFFFFF;
+	border: solid 1px #F2F2F2;
+	margin: 34px 16px 20px 16px;
+}
+
+.k-dialog-btn-area {
+	padding:0 15px 15px 15px;
+	margin-bottom:30px;
+}
+
+.k-dialog-btn-area div {
+	margin: 10px
+}
+
+.k-dialog-innerp table {
+	margin: 5px;
+}
+
+.k-dialog-btn {
+	text-shadow: 1px 1px 1px #FFFFFF;
+	font-weight: bold;
+}
+
+.k-dialog-firstBtn {
+	float: left;
+}
+
+.k-dialog-secondBtn {
+	float: right;
+}
+
+.k-z100000 {
+	z-index: 100000;
+}
+
+.k-z10000 {
+	z-index: 10000;
+}
+
+.k-z1000 {
+	z-index: 1000;
+}
+
+.oc-user-msg {
+	background-color: #FFCC00;
+	padding: 3px;
+}
+
+.oc-user-msg-popup {
+	padding: 0px;
+	border: 0px;
+}
+
+.oc-floatleft {
+	float: left;
+}
+
+.oc-floatright {
+	float: right;
+}
+
+.x-toolbar {
+	background: none !important;
+	border-color: transparent !important;
+}
+
+.oc-testico {
+	background-image: url(/common/img/ico.png) !important;
+	-moz-background-clip: border;
+	-moz-background-inline-policy: continuous;
+	-moz-background-origin: padding;
+	background-attachment: scroll;
+	background-color: transparent;
+	background-position: 0 0;
+	background-repeat: no-repeat;
+	height: 16px;
+	widows: 16px;
+}
+
+.oc-ico-pad {
+	padding-left: 20px;
+	white-space: normal;
+}
+
+.oc-tb-spacer {
+	margin: 2px;
+	width: 2px;
+}
+
+.oc-tb-bottom-line {
+	border-bottom-color: rgb(208, 208, 208);
+	border-bottom-style: solid;
+	border-bottom-width: 1px;
+}
+
+.oc-blank-toolbar {
+	background: #FFF none repeat scroll 0% 50%;
+}
+
+.oc-tb-sep {
+	padding-top: 4px;
+	padding-left: 5px;
+}
+
+.oc-transp .x-panel-body {
+	background: transparent;
+}
+
+.oc-menu {
+	cursor: default;
+	-moz-user-select: none;
+	-khtml-user-select: none;
+	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+	border: 1 px solid #BBBBBB;
+}
+
+.oc-menu .gwt-MenuItem {
+	cursor: default;
+	-moz-user-select: none;
+	-khtml-user-select: none;
+}
+
+.oc-button {
+	padding: 2px;
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	text-decoration: none;
+	vertical-align: middle;
+	background-color: #F2F2F2;
+}
+
+.oc-button:hover {
+	border: 2px orange solid;
+	background: #f0f0f0;
+	color: #855585;
+}
+
+.oc-button:active {
+	border-top-color: #ffffff;
+	background: #ffffff;
+}
+
+#oc-mshortcut {
+	position: absolute;
+	right: 10px;
+}
+
+#oc-mshortcut-hidden {
+	visibility: hidden;
+}
+
+#oc-mshortcut a {
+	text-decoration: none;
+	color: black;
+}
+
+.oc-user-msg {
+	background-color: #FFCC00;
+	padding: 3px;
+}
+
+.oc-user-msg-popup {
+	padding: 0px;
+	border: 0px;
+}
+
+.oc-floatleft {
+	float: left;
+}
+
+.oc-floatright {
+	float: right;
+}
+
+.x-toolbar {
+	background: none !important;
+	border-color: transparent !important;
+}
+
+.oc-testico {
+	background-image: url(/common/img/ico.png) !important;
+	-moz-background-clip: border;
+	-moz-background-inline-policy: continuous;
+	-moz-background-origin: padding;
+	background-attachment: scroll;
+	background-color: transparent;
+	background-position: 0 0;
+	background-repeat: no-repeat;
+	height: 16px;
+	widows: 16px;
+}
+
+.oc-ico-pad {
+	padding-left: 20px;
+	white-space: normal;
+}
+
+.oc-tb-spacer {
+	margin: 2px;
+	width: 2px;
+}
+
+.oc-tb-bottom-line {
+	border-bottom-color: rgb(208, 208, 208);
+	border-bottom-style: solid;
+	border-bottom-width: 1px;
+}
+
+.oc-blank-toolbar {
+	background: #FFF none repeat scroll 0% 50%;
+}
+
+.oc-tb-sep {
+	padding-top: 4px;
+	padding-left: 5px;
+}
+
+.oc-transp .x-panel-body {
+	background: transparent;
+}
+
+.oc-menu {
+	cursor: default;
+	-moz-user-select: none;
+	-khtml-user-select: none;
+	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+	border: 1 px solid #BBBBBB;
+}
+
+.oc-menu .gwt-MenuItem {
+	cursor: default;
+	-moz-user-select: none;
+	-khtml-user-select: none;
+}
+
+.oc-button {
+	padding: 2px;
+	-webkit-border-radius: 6px;
+	-moz-border-radius: 6px;
+	border-radius: 6px;
+	text-decoration: none;
+	vertical-align: middle;
+	background-color: #F2F2F2;
+}
+
+.oc-button:hover {
+	border: 2px orange solid;
+	background: #f0f0f0;
+	color: #855585;
+}
+
+.oc-button:active {
+	border-top-color: #ffffff;
+	background: #ffffff;
+}
+
+#oc-mshortcut {
+	position: absolute;
+	right: 10px;
+}
+
+#oc-mshortcut-hidden {
+	visibility: hidden;
+}
+
+#oc-mshortcut a {
+	text-decoration: none;
+	color: black;
+}
+
+.k-no-backimage,.k-no-backimage td {
+	background-image: none;
+}
\ No newline at end of file

Added: kune-sandbox/war/kune-hablar.css
===================================================================
--- kune-sandbox/war/kune-hablar.css	                        (rev 0)
+++ kune-sandbox/war/kune-hablar.css	2011-03-25 10:09:09 UTC (rev 1292)
@@ -0,0 +1,602 @@
+/** Colors */
+.hablar-clearBackground {
+	background-color: white;
+}
+
+.hablar-lightBackground {
+	background-color: #e9e9e9;
+}
+
+.hablar-highlightBackground {
+	background-color: highlight;
+}
+
+.hablar-defaultBackground {
+	background-color: #bbbbbb;
+}
+
+.hablar-darkBackground {
+	background-color: #bbbbbb;
+}
+
+.hablar-selectedBackground {
+	background-color: highlight;
+}
+
+.hablar-selectedBackground div.hablar-RosterItemWidget:hover {
+	background-color: transparent;
+}
+
+/** Text colors **/
+.hablar-clearColor {
+	color: black;
+}
+
+.hablar-lightColor {
+	color: #BBBBBB;
+}
+
+.hablar-mediumColor {
+	color: gray;
+}
+
+.hablar-darkColor {
+	color: black;
+}
+
+.hablar-errorColor {
+	color: #c00;
+}
+
+/** Non generalizable styles **/
+div.hablar-ActionWidget:hover {
+	background-color: #BBBBBB;
+}
+
+div.hablar-GroupHeaderWidget:hover {
+	background-color: #BBBBBB;
+	color: black;
+}
+
+div.hablar-RosterItemWidget:hover {
+	background-color: #E9E9E9;
+}
+
+div.hablar-SearchResultItemWidget:hover {
+	background-color: #e9e9e9;
+}
+
+.hablar-ChatWidget .actions div.hablar-OccupantsWidget:hover {
+	background-color: #BBBBBB;
+	color: white;
+}
+
+.hablar-Logger a.gwt-Anchor:hover {
+	color: white;
+	background-color: #BBBBBB;
+}
+
+.hablar-HablarWidget .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab {
+	background-color: #AAAAAA;
+	padding: 0px 1px;
+	margin: 0 0px 0 0;
+	border-left: 1px solid #bbbbbb;
+	border-top: 1px solid #e9e9e9;
+	border-right: 1px solid e9e9e9;
+}
+
+.hablar-HablarWidget .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected
+	{
+	background-color: #e9e9e9;
+	border-left: 1px solid white;
+	border-top: 1px solid white;
+	border-right: 1px solid white;
+}
+/*
+.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-HDragger {
+	background-color: #bbbbbb;
+    border-left: 1px solid gray;
+    border-right: 1px solid #e9e9e9;
+}
+*/
+
+input[disabled] {
+	background-color: #e9e9e9;
+	color: black;
+}
+
+.hablar-Header.unattended {
+	color: #cc0000;
+	font-weight: bold;
+}
+
+.hablar-Header.unattended.blinkOn {
+	color: #000000;
+	background-color: highlight;
+}
+
+/** Classes for borders **/
+.hablar-lightBordered {
+	border: 3px solid #E9E9E9;
+}
+
+.hablar-partialLightBordered {
+	border-top: 1px solid #E9E9E9;
+	border-bottom: 1px solid #E9E9E9;
+}
+
+.hablar-bottomLightBordered {
+	border-bottom: 1px solid #E9E9E9;
+}
+
+.hablar-defaultBordered {
+	border-left: 1px solid #BBBBBB;
+	/* This border affects scroll visibility */
+	border-top: 1px solid #BBBBBB;
+}
+
+.hablar-topDefaultBordered {
+	border-top: 1px solid #BBBBBB;
+}
+
+.hablar-bottomDefaultBordered {
+	border-bottom: 1px solid #BBBBBB;
+}
+
+.hablar-partialDarkBordered {
+	border-left: 1px solid #BBBBBB;
+	border-top: 1px solid #BBBBBB;
+}
+
+.hablar-darkBordered {
+	border: 1px solid #BBBBBB;
+}
+
+.hablar-bottomDarkBordered {
+	border-bottom: 1px solid #BBBBBB;
+}
+
+.hablar-disabledBordered {
+	border-left: 1px solid #8C8C8C;
+	border-top: 1px solid #8C8C8C;
+}
+
+/** Accordion effects **/
+.hablar-AccordionHeaderWidget.notFocused {
+	border-top: 1px solid #E9E9E9;
+	border-bottom: 1px solid #BBB;
+}
+
+.hablar-AccordionHeaderWidget.focused {
+	border-top: 1px solid white;
+	border-bottom: 1px solid #BBB;
+}
+
+/** Chat messages **/
+.chatMessage .body.incoming {
+	
+}
+
+.chatMessage .body.sent {
+	color: #808080;
+}
+
+.chatMessage .body.info {
+	color: #808080;
+	font-style: italic;
+}
+
+.chatMessage .body.alert {
+	color: #c00;
+}
+
+.hablar-ChatWidget .chatMessage {
+	display: block;
+	width: 94%;
+	overflow: hidden;
+	padding: 2px 3% 2px 3%;
+}
+
+.hablar-ChatWidget .chatMessage.odd {
+	background-color: #efefef;
+}
+
+.chatMessage .author {
+	display: inline;
+	font-weight: bold;
+}
+
+.chatMessage .metadata {
+	display: inline;
+	color: #808080;
+	font-size: 90%;
+}
+
+.chatMessage .body {
+	display: inline;
+}
+
+.hablar-EmoticonImage {
+	vertical-align: text-top;
+}
+
+/** MUC room occupants **/
+.gwt-PopupPanel.occupants {
+	border-top: 1px solid #E9E9E9;
+	border-left: 1px solid #BBBBBB;
+	border-right: 1px solid #BBBBBB;
+	border-bottom: 1px solid #BBBBBB;
+	background-color: #e9e9e9;
+	z-index: 10000;
+}
+
+/** IE6 ZINDEX BUG **/
+.hablar-HablarWidget {
+	z-index: 1;
+}
+
+html {
+	font-family: Tahoma, sans-serif;
+	font-size: 80%;
+}
+
+body {
+	height: 90%;
+}
+
+/** HABLAR HEADER **/
+.hablar-Header {
+	width: 100%;
+	overflow: hidden;
+	cursor: pointer;
+	padding: 3px 0;
+}
+
+.hablar-Header .icon {
+	float: left;
+	margin-right: 3px;
+	margin-left: 3px;
+}
+
+.hablar-RosterGroupWidget .icon {
+	float: left;
+	margin-right: 3px;
+}
+
+.hablar-Header .title {
+	float: left;
+}
+
+.hablar-AccordionHeaderWidget  .icon {
+	float: left;
+	margin: 0 3px 0 3px;
+}
+
+.hablar-AccordionHeaderWidget  .title {
+	display: block;
+	margin: 0 3px;
+}
+
+.hablar-AccordionHeaderWidget  .close {
+	float: right;
+	margin: 0px 3px 0 0;
+}
+
+.hablar-TabsHeaderWidget {
+	padding: 0;
+	margin: 0;
+	background-color: transparent;
+	border: none;
+}
+
+.hablar-TabsHeaderWidget .close {
+	margin: 2px 3px;
+}
+
+.hablar-AccordionHeader .close {
+	margin: 2px 3px 0 0;
+}
+
+.hablar-AccordionHeader .icon {
+	
+}
+
+.hablar-AccordionHeader .title {
+	display: block;
+}
+
+.hablar-TabsHeaderWidget .title {
+	display: inline;
+	margin-right: 10px;
+}
+
+/** DOCKS **/
+.hablar-DockContainer-top {
+	background-color: transparent;
+	z-index: 4000;
+}
+
+.hablar-Header.DockHeaderWidget-top {
+	background-color: transparent;
+	border: 1px transparent;
+}
+
+.hablar-Header.DockHeaderWidget-left {
+	cursor: default;
+	-moz-user-select: none;
+}
+
+.DockHeaderWidget-left .icon {
+	margin-left: 3px;
+}
+
+/** LIST ITEMS **/
+.hablar-ListItem {
+	display: block;
+	width: 100%;
+	overflow: hidden;
+	padding: 5px 0px 0 0px;
+}
+
+.clickable {
+	cursor: pointer;
+}
+
+/** USER **/
+.hablar-UserWidget .container {
+	padding: 0px 10px;
+	z-index: 3000;
+}
+
+.hablar-UserWidget h2 {
+	margin: 15px 0 5px 0;
+}
+
+.hablar-UserWidget .actions {
+	padding: 5px 0 0 10px;
+}
+
+/** ROSTER **/
+.hablar-RosterWidget .item {
+	width: 100%;
+	overflow: hidden;
+}
+
+.hablar-RosterWidget .actions {
+	width: 100%;
+	overflow: hidden;
+}
+
+.hablar-RosterWidget .actions .hablar-ActionWidget {
+	float: left;
+	margin-right: 1px;
+}
+
+.hablar-GroupHeaderWidget {
+	overflow: hidden;
+	padding: 3px;
+	cursor: pointer;
+	border-bottom: 1px solid #BBBBBB;
+	border-top: 1px solid white;
+}
+
+.hablar-GroupHeaderWidget .label {
+	display: block;
+	margin: 3px;
+}
+
+.hablar-GroupHeaderWidget .menu {
+	float: right;
+	margin-right: 3px;
+}
+
+.hablar-RosterItemWidget .user {
+	float: left;
+}
+
+.hablar-RosterItemWidget .icon {
+	display: block;
+	float: left;
+	margin: 2px 5px 2px 2px;
+}
+
+.hablar-RosterItemWidget .name {
+	display: block;
+	float: left;
+	margin-right: 5px;
+}
+
+.hablar-RosterItemWidget .menu {
+	float: right;
+}
+
+.hablar-RosterGroupWidget .menu {
+	float: right;
+	cursor: pointer;
+}
+
+/** CHAT PAGE **/
+.hablar-ChatWidget .actions div {
+	float: right;
+}
+
+/** SEARCH PAGE **/
+.hablar-SearchWidget .searchBox {
+	width: 75%;
+	padding: 3px;
+	margin-right: 1%;
+}
+
+.hablar-SearchWidget .gwt-Button {
+	width: 20%;
+}
+
+/** ROOMS **/
+.hablar-ChatWidget .actions .hablar-OccupantsWidget {
+	display: block;
+	float: left;
+	padding: 2px 5px;
+	margin-left: 5px;
+	-moz-border-radius: 5px;
+	-webkit-border-radius: 5px;
+	cursor: pointer;
+}
+
+.hablar-OccupantWidget {
+	width: 100%;
+	overflow: hidden;
+	margin: 2px 5px;
+	cursor: default;
+}
+
+.hablar-OccupantWidget .icon {
+	display: block;
+	float: left;
+	margin-right: 5px;
+}
+
+.hablar-OccupantWidget .name {
+	display: block;
+	float: left;
+}
+
+/** ROOM INVITATION **/
+.hablar-OpenRoomWidget .list {
+	padding: 5px;
+}
+
+/** LOGGER **/
+.hablar-Logger .gwt-Label {
+	opacity: 0.5;
+}
+
+.hablar-Logger .gwt-Label.ready {
+	opacity: 1;
+}
+
+.hablar-Logger .output {
+	color: blue;
+}
+
+.hablar-Logger .input {
+	color: #0c0;
+}
+
+/** OVERLAY **/
+.hablar-Overlay {
+	z-index: 7000;
+	padding: 20px 10px 10px 10px;
+}
+
+/** FORMS **/
+.form p {
+	width: 100%;
+	overflow: hidden;
+	margin: 3px 0;
+}
+
+.form h2 {
+	font-size: 200%;
+}
+
+.form span.option {
+	display: block;
+	margin: 0 0 15px 30px;
+}
+
+.form p label {
+	display: block;
+	margin-top: 5px;
+	margin-right: 10px;
+	margin-right: 0.5em;
+}
+
+.form p .gwt-Label {
+	font-weight: bold;
+}
+
+.form .actions {
+	padding-left: 5px;
+	margin-top: 15px;
+	padding-top: 5px;
+}
+
+.form .gwt-TextBox,.form .gwt-PasswordTextBox {
+	padding: 2px;
+	width: 98%;
+	border: 0;
+}
+
+.form p .gwt-RadioButton,.form p .gwt-CheckBox {
+	display: block;
+	width: 100%;
+	overflow: hidden;
+}
+
+.form p .gwt-RadioButton input,.form p .gwt-CheckBox input {
+	float: left;
+	margin-right: 5px;
+}
+
+.form p .gwt-RadioButton label,.form p .gwt-CheckBox label {
+	float: left;
+	margin: 0;
+}
+
+.hablar-PopupPanel {
+	z-index: 5000;
+	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
+}
+
+.hablar-PresenceWidget .controls {
+	width: 100%;
+	overflow: hidden;
+}
+
+.hablar-PresenceWidget .menu,.hablar-PresenceWidget .icon {
+	float: left;
+	margin-top: 4px;
+}
+
+.loading {
+	width: 100%;
+	overflow: hidden;
+}
+
+.loading .icon {
+	display: block;
+	float: left;
+	margin-right: 5px;
+}
+
+/** SEMANTIC CSS PLEASE! **/
+.overflowhidden {
+	overflow: hidden;
+}
+
+/** ADD TO GROUP **/
+.hablar-ManageGroupsWidget .list {
+	padding: 5px;
+}
+
+/** COPY TO CLIPBOARD **/
+.hablar-CopyToClipboardWidget .gwt-TextArea {
+	width: 100%;
+	height: 10em;
+	margin-top: 3px;
+}
+
+.ellipsis {
+	white-space: nowrap;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	-o-text-overflow: ellipsis;
+	-ms-text-overflow: ellipsis;
+	-moz-binding: url('ellipsis.xml#ellipsis');
+	width: 100%
+}
+
+.gwt-TextArea {
+	border: 1px solid #bbbbbb;
+}
\ No newline at end of file

Added: kune-sandbox/war/kune-message.css
===================================================================
--- kune-sandbox/war/kune-message.css	                        (rev 0)
+++ kune-sandbox/war/kune-message.css	2011-03-25 10:09:09 UTC (rev 1292)
@@ -0,0 +1,33 @@
+.k-msg-panel {
+	background-color: #892c00;
+	border-collapse: separate;
+	border-spacing: 15px 8px;
+}
+
+.k-msg-panel-title {
+	color: #ffe9da;
+	font-weight: bold;
+	margin-bottom: 10px;
+}
+
+.k-msg {
+	border: solid 1px #F2F2F2;
+	background: #fff0e6;
+	color: #280b0b;
+	border-collapse: separate;
+	border-spacing: 0px;
+}
+
+.k-msg-close {
+	position: relative;
+	right: -14px;
+	top: 0px;
+}
+
+.k-msg-icon {
+	padding: 10px 10px 5px;
+}
+
+.k-msg-label {
+	font-size: 17px;
+}
\ No newline at end of file

Added: kune-sandbox/war/ws.css
===================================================================
--- kune-sandbox/war/ws.css	                        (rev 0)
+++ kune-sandbox/war/ws.css	2011-03-25 10:09:09 UTC (rev 1292)
@@ -0,0 +1,1089 @@
+ at CHARSET "UTF-8";
+
+body {
+    background-color: white;
+    color: black;
+    font-family: 'Ubuntu', Arial;
+    font-size: small;
+    margin: 5px;
+    overflow: hidden;
+}
+
+* {
+    font-family: 'Ubuntu', Arial;
+}
+
+body.fontface {
+    font: 'Ubuntu', Arial;
+}
+
+/*
+a {
+    color: darkblue;
+}
+
+a:visited {
+    color: darkblue;
+}
+*/
+.gwt-DialogBox {
+    border: 2px solid #AAAAAA;
+    background-color: white;
+}
+
+.gwt-DialogBox .Caption {
+    background-image: url(gray_gradient.gif);
+    background-repeat: repeat-x;
+    padding: 4px;
+    padding-bottom: 8px;
+    font-weight: bold;
+    cursor: default;
+}
+
+.gwt-MenuBar {
+    background-color: #C3D9FF;
+    cursor: default;
+}
+
+.gwt-MenuItem {
+    font-size: 14px;
+    margin: 1px;
+    cursor: default;
+}
+
+.gwt-MenuItem-selected {
+    background-color: #E8EEF7;
+}
+
+.gwt-Tree {
+
+}
+
+.gwt-Tree .gwt-TreeItem {
+    font-size: 14px;
+    cursor: default;
+}
+
+.gwt-Tree .gwt-TreeItem-selected {
+    background-color: #C3D9FF;
+}
+
+.gwt-StackPanel {
+    background-color: white;
+    border: 1px solid #AAAAAA;
+    width: 15em;
+}
+
+.gwt-StackPanel .gwt-StackPanelItem {
+    background-image: url(blue_gradient.gif);
+    background-repeat: repeat-x;
+    background-color: #EEEEEE;
+    cursor: pointer;
+    cursor: hand;
+}
+
+.gwt-StackPanel .gwt-StackPanelItem-selected {
+
+}
+
+.gwt-TabPanel {
+
+}
+
+.gwt-TabPanelBottom {
+    border-left: 1px solid #87b3ff;
+    border-right: 1px solid #87b3ff;
+    border-bottom: 1px solid #87b3ff;
+}
+
+.gwt-TabBar {
+    font-size: smaller;
+}
+
+.gwt-TabBar .gwt-TabBarFirst {
+    height: 100%;
+    border-bottom: 1px solid #87b3ff;
+    border-right: 1px solid #87b3ff;
+    padding-left: 3px;
+}
+
+.gwt-TabBar .gwt-TabBarRest {
+    border-bottom: 1px solid #87b3ff;
+    padding-right: 3px;
+}
+
+.gwt-TabBar .gwt-TabBarItem {
+    border-top: 1px solid #87b3ff;
+    border-bottom: 1px solid #87b3ff;
+    padding: 2px;
+    cursor: hand;
+    white-space: nowrap;
+    border-right: 1px solid #87b3ff;
+}
+
+.gwt-TabBar .gwt-TabBarItem-selected {
+    font-weight: bold;
+    background-color: #e8eef7;
+    border-top: 1px solid #87b3ff;
+    border-right: 1px solid #87b3ff;
+    border-bottom: 1px solid #e8eef7;
+    padding: 2px;
+    cursor: default;
+    white-space: nowrap;
+}
+
+.gwt-PushButton-up {
+    background-color: #C3D9FF;
+    padding: 2px;
+    border: 2px solid transparent;
+    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
+        rgb(232, 241, 255);
+    cursor: pointer;
+    cursor: hand;
+}
+
+.gwt-PushButton-up-hovering {
+    background-color: #C3D9FF;
+    padding: 2px;
+    border: 2px solid transparent;
+    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
+        rgb(232, 241, 255);
+    cursor: pointer;
+    cursor: hand;
+}
+
+.gwt-PushButton-down {
+    background-color: #C3D9FF;
+    padding: 2px;
+    border: 2px solid transparent;
+    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+        rgb(157, 174, 205);
+    cursor: pointer;
+    cursor: hand;
+}
+
+.gwt-PushButton-down-hovering {
+    background-color: #C3D9FF;
+    padding: 2px;
+    border: 2px solid transparent;
+    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+        rgb(157, 174, 205);
+    cursor: pointer;
+    cursor: hand;
+}
+
+.gwt-ToggleButton-up {
+    background-color: #C3D9FF;
+    padding: 2px;
+    border: 2px solid transparent;
+    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
+        rgb(232, 241, 255);
+    cursor: pointer;
+    cursor: hand;
+}
+
+.gwt-ToggleButton-up-hovering {
+    background-color: #C3D9FF;
+    padding: 2px;
+    border: 2px solid transparent;
+    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
+        rgb(232, 241, 255);
+    cursor: pointer;
+    cursor: hand;
+}
+
+.gwt-ToggleButton-down {
+    background-color: #C3D9FF;
+    padding: 2px;
+    background-color: #E8F1FF;
+    border: 2px solid transparent;
+    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+        rgb(157, 174, 205);
+    cursor: pointer;
+    cursor: hand;
+}
+
+.gwt-ToggleButton-down-hovering {
+    background-color: #C3D9FF;
+    padding: 2px;
+    background-color: #E8F1FF;
+    border: 2px solid transparent;
+    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+        rgb(157, 174, 205);
+    cursor: pointer;
+    cursor: hand;
+}
+
+.gwt-RichTextArea {
+    border: 1px solid black;
+    background-color: white;
+}
+
+.gwt-RichTextToolbar {
+    background-color: #C3D9FF;
+    padding: 2px;
+}
+
+.gwt-RichTextToolbar .gwt-PushButton-up {
+    margin-right: 2px;
+    border: 1px solid #C3D9FF;
+}
+
+.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
+    margin-right: 2px;
+    border: 1px solid #C3D9FF;
+    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
+        rgb(232, 241, 255);
+}
+
+.gwt-RichTextToolbar .gwt-PushButton-down {
+    margin-right: 2px;
+    border: 1px solid #C3D9FF;
+    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+        rgb(157, 174, 205);
+}
+
+.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
+    margin-right: 2px;
+    border: 1px solid #C3D9FF;
+    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+        rgb(157, 174, 205);
+}
+
+.gwt-RichTextToolbar .gwt-ToggleButton-up {
+    margin-right: 2px;
+    border: 1px solid #C3D9FF;
+}
+
+.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
+    margin-right: 2px;
+    border: 1px solid #C3D9FF;
+    border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205)
+        rgb(232, 241, 255);
+}
+
+.gwt-RichTextToolbar .gwt-ToggleButton-down {
+    margin-right: 2px;
+    background-color: #E8F1FF;
+    border: 1px solid #C3D9FF;
+    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+        rgb(157, 174, 205);
+}
+
+.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
+    margin-right: 2px;
+    background-color: #E8F1FF;
+    border: 1px solid #C3D9FF;
+    border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255)
+        rgb(157, 174, 205);
+}
+
+.gwt-HorizontalSplitPanel {
+    border: 8px solid #C3D9FF;
+}
+
+.gwt-HorizontalSplitPanel .splitter {
+    background-color: #C3D9FF;
+    cursor: move;
+}
+
+.gwt-HorizontalSplitPanel .left {
+    background-color: #E8EEF7;
+}
+
+.gwt-VerticalSplitPanel {
+    border: 8px solid #C3D9FF;
+}
+
+.gwt-VerticalSplitPanel .splitter {
+    background-color: #C3D9FF;
+    height: 8px;
+    cursor: move;
+}
+
+.gwt-SuggestBoxPopup {
+    border: 2px solid #C3D9FF;
+}
+
+.gwt-SuggestBoxPopup .item {
+    padding: 2px;
+}
+
+.gwt-SuggestBoxPopup .item-selected {
+    background-color: #C3D9FF;
+    padding: 2px;
+}
+
+.gwt-DisclosurePanel {
+    border: 2px solid #C3D9FF;
+}
+
+.gwt-DisclosurePanel .header {
+    background-color: #e8eef7;
+    cursor: hand;
+}
+
+.gwt-SplitLayoutPanel {
+
+}
+
+.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-HDragger {
+    background-color: white;
+    background: url("images/spliter-top.png") no-repeat scroll center bottom
+        white;
+    cursor: col-resize;
+}
+
+.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-VDragger {
+    background-color: white;
+    background: none;
+    cursor: row-resize;
+}
+
+.kLoadingPanel {
+    background-color: #FF9999;
+    -webkit-border-bottom-right-radius: 4px;
+    -moz-border-radius-bottomright: 4px;
+    border-bottom-right-radius: 4px;
+    padding: 0 1px 0 3px;
+    border-collapse: separate;
+    border-spacing: 2px;
+}
+
+.kLoadingLabel {
+    font-size: 14px;
+    color: white;
+    font-weight: bold;
+    padding: 0 5px 0 5px;
+}
+
+.k-space-sel {
+    margin-right: 10px;
+    background-color: #F2F2F2;
+}
+
+.k-space-sel-btn {
+    padding: 0 1px 0 1px;
+    margin: 0 0 -2px;
+}
+
+.k-sitebar-logo {
+    margin-top: 2px;
+}
+
+.x-btn button,button { /* font: 18px/27px 'Ubuntu', arial; */
+
+}
+
+.k-btn-sitebar span,.k-btn-sitebar button span,.k-sitebar button span {
+    text-decoration: underline;
+}
+
+.k-btn-sitebar,.k-btn-sitebar button,.k-sitebar button {
+    font: 13px 'Ubuntu', arial;
+    color: #B3B3B3;
+    cursor: pointer;
+    white-space: nowrap;
+    background: none;
+    border: 0px;
+    padding: 0 3px 0 0 !important;
+}
+
+.k-sitebar-wave-status {
+    font: 13px 'Ubuntu', arial;
+    /* font-weight: bold; */
+    color: #B3B3B3;
+    white-space: nowrap;
+    background: none;
+    border: 0px;
+    padding: 1px 7px 0 0 !important;
+}
+
+.k-sitebar-wave-status,.k-sitebar-wave-status-online {
+    color: red;
+}
+
+.k-sitebar-wave-status,.k-sitebar-wave-status-offline {
+    color: green;
+}
+
+.k-sitebar button:hover {
+    border: 0px;
+    background: none;
+}
+
+.k-btn-sitebar button {
+    margin-top: -5px;
+}
+
+.k-sitebar { /* margin-top: -30px; */
+
+}
+
+.k-link {
+    text-decoration: underline;
+    color: green;
+    cursor: pointer;
+}
+
+/* Margins */
+.kune-Margin-40-trbl {
+    margin: 40px;
+}
+
+.kune-Margin-40-lr {
+    margin-left: 40px;
+    margin-right: 40px;
+}
+
+.kune-Margin-40-tl {
+    margin-top: 40px;
+    margin-left: 40px;
+}
+
+.kune-Margin-40-tb {
+    margin-top: 40px;
+    margin-bottom: 40px;
+}
+
+.kune-Margin-40-t {
+    margin-top: 40px;
+}
+
+.kune-Margin-40-r {
+    margin-right: 40px;
+}
+
+.kune-Margin-40-l {
+    margin-left: 40px;
+}
+
+.kune-Margin-20-trbl {
+    margin: 20px;
+}
+
+.kune-Margin-20-lr {
+    margin-left: 20px;
+    margin-right: 20px;
+}
+
+.kune-Margin-20-tl {
+    margin-top: 20px;
+    margin-left: 20px;
+}
+
+.kune-Margin-20-tb {
+    margin-top: 20px;
+    margin-bottom: 20px;
+}
+
+.kune-Margin-20-t {
+    margin-top: 20px;
+}
+
+.kune-Margin-20-r {
+    margin-right: 20px;
+}
+
+.kune-Margin-20-l {
+    margin-left: 20px;
+}
+
+.kune-Margin-Large-trbl {
+    margin: 10px;
+}
+
+.kune-Margin-Large-lr {
+    margin-left: 10px;
+    margin-right: 10px;
+}
+
+.kune-Margin-Large-tl {
+    margin-top: 10px;
+    margin-left: 10px;
+}
+
+.kune-Margin-Large-tb {
+    margin-top: 10px;
+    margin-bottom: 10px;
+}
+
+.kune-Margin-Large-t {
+    margin-top: 10px;
+}
+
+.kune-Margin-Large-r {
+    margin-right: 10px;
+}
+
+.kune-Margin-Large-l {
+    margin-left: 10px;
+}
+
+.kune-Margin-7-trbl {
+    margin: 7px;
+}
+
+.kune-Margin-7-lr {
+    margin-left: 7px;
+    margin-right: 7px;
+}
+
+.kune-Margin-7-tl {
+    margin-top: 7px;
+    margin-left: 7px;
+}
+
+.kune-Margin-7-tb {
+    margin-top: 7px;
+    margin-bottom: 7px;
+}
+
+.kune-Margin-7-t {
+    margin-top: 7px;
+}
+
+.kune-Margin-7-r {
+    margin-right: 7px;
+}
+
+.kune-Margin-7-b {
+    margin-bottom: 7px;
+}
+
+.kune-Margin-7-l {
+    margin-left: 7px;
+}
+
+.kune-Margin-Medium-trbl {
+    margin: 5px;
+}
+
+.kune-Margin-Medium-lr {
+    margin-left: 5px;
+    margin-right: 5px;
+}
+
+.kune-Margin-Medium-tl {
+    margin-top: 5px;
+    margin-left: 5px;
+}
+
+.kune-Margin-Medium-tb {
+    margin-top: 5px;
+    margin-bottom: 5px;
+}
+
+.kune-Margin-Medium-t {
+    margin-top: 5px;
+}
+
+.kune-Margin-Medium-r {
+    margin-right: 5px;
+}
+
+.kune-Margin-Medium-b {
+    margin-bottom: 5px;
+}
+
+.kune-Margin-Medium-l {
+    margin-left: 5px;
+}
+
+.kune-Margin-Small-trbl {
+    margin: 3px;
+}
+
+.kune-Margin-Small-lr {
+    margin-left: 3px;
+    margin-right: 3px;
+}
+
+.kune-Margin-Small-tl {
+    margin-top: 3px;
+    margin-left: 3px;
+}
+
+.kune-Margin-Small-tb {
+    margin-top: 3px;
+    margin-bottom: 3px;
+}
+
+.kune-Margin-Small-t {
+    margin-top: 3px;
+}
+
+.kune-Margin-Small-l {
+    margin-left: 3px;
+}
+
+.kune-Margin-Small-r {
+    margin-right: 3px;
+}
+
+.kune-Margin-Small-b {
+    margin-bottom: 3px;
+}
+
+.kune-Margin-Mini-trbl {
+    margin: 1px;
+}
+
+.kune-Margin-Mini-lr {
+    margin-left: 1px;
+    margin-right: 1px;
+}
+
+.kune-Margin-Mini-tl {
+    margin-top: 1px;
+    margin-left: 1px;
+}
+
+.kune-Margin-Mini-tb {
+    margin-top: 1px;
+    margin-bottom: 1px;
+}
+
+.kune-Margin-Mini-t {
+    margin-top: 1px;
+}
+
+.kune-Margin-Mini-r {
+    margin-right: 1px;
+}
+
+.kune-Margin-Mini-b {
+    margin-bottom: 1px;
+}
+
+.kune-Margin-Mini-l {
+    margin-left: 1px;
+}
+
+.k-publicspace-msg {
+    background-color: #E0E0E0;
+}
+
+.k-publicspace-mask { /*	background-color: #fff !important;
+  kfilter: alpha(opacity =       68) !important;
+  -moz-opacity: 0.68 !important;
+  -khtml-opacity: 0.68 !important;
+  opacity: 0.68 !important;*/
+
+}
+
+.k-publicspace-panel {
+    margin: 5px;
+    display: table-row;
+}
+
+.k-publicspace-icon {
+    margin: 3px 3px 3px 0;
+    float: left;
+}
+
+.k-publicspace-title {
+    font-weight: bold;
+    display: block;
+    margin-bottom: 5px;
+    font-size: 16px;
+    display: table-caption;
+}
+
+.k-publicspace-description {
+    font-size: 14px;
+    display: table-cell;
+}
+
+.k-publicspace-actions {
+    display: inline;
+}
+
+.k-message-panel {
+    margin: 5px;
+    display: table-row;
+}
+
+.k-message-icon {
+    margin: 3px 3px 3px 0;
+    float: left;
+}
+
+.k-message-title {
+    font-weight: bold;
+    display: block;
+    margin-bottom: 5px;
+    font-size: 16px;
+    display: table-caption;
+}
+
+.k-message-description {
+    font-size: 14px;
+    display: table-cell;
+}
+
+.k-error-tb {
+    background: #FFB380 none repeat scroll 0% 50%;
+    /* color: #250; */
+    padding: 10px;
+}
+
+.k-error-tb img {
+    margin: 0 10px;
+    float: left;
+}
+
+.k-error-tb div {
+    font-size: 14px;
+    display: table-cell;
+}
+
+.k-mask {
+    background-color: #F2F2F2 !important;
+    /* kfilter: alpha(opacity = 78) !important; */
+    -moz-opacity: 0.78 !important;
+    -khtml-opacity: 0.78 !important;
+    opacity: 0.78 !important;
+}
+
+.x-form-item-label {
+    font-size: 14px;
+    font-weight: bold;
+    color: brown;
+}
+
+.x-form-text {
+    font-size: 14px;
+}
+
+.x-fieldset-header-text,.x-form-group-label,.x-form-cb-label {
+    font-size: 14px;
+    font-family: 'Ubuntu', Arial;
+}
+
+.k-form-intro {
+    font-size: 14px;
+    margin-bottom: 10px;
+}
+
+.k-form-fieldset {
+    font-size: 16px;
+    margin-left: 105px;
+}
+
+.k-basic-thumb {
+    background-color: #F2F2F2;
+    -moz-border-radius: 2px;
+    -webkit-border-radius: 2px;
+    border-radius: 2px;
+}
+
+.k-basic-thumb img {
+    margin: 2px 2px 0px 2px;
+}
+
+.k-basic-thumb div {
+    margin: -3px 0px 0px 0px;
+    font-weight: normal;
+    font-size: 12px;
+}
+
+.k-sn-mainpanel {
+    font-size: 16px;
+    font-weight: bold;
+}
+
+.k-sn-maintitle {
+    margin: 5px;
+}
+
+.k-sn-maintitle {
+    color: #a05a2c;
+    font-size: 20px;
+}
+
+.k-sn-adminslabel,.k-sn-collabslabel,.k-sn-pendingslabel {
+    color: #FFF;
+    text-transform: lowercase;
+    padding-left: 10px;
+    float: left;
+}
+
+.k-sn-adminsCountlabel,.k-sn-collabsCountlabel,.k-sn-pendingsCountlabel
+    {
+    float: left;
+    padding-left: 5px;
+    color: #e0e0e0;
+}
+
+.k-sn-adminslabel {
+
+}
+
+.k-sn-mainpanel .k-basic-thumb {
+    float: left;
+}
+
+/*
+.k-sn-mainpanel .x-btn button {
+    text-decoration: underline;
+    white-space: nowrap;
+}
+*/
+.k-sn-mainpanel .x-btn button,.k-sn-mainpanel button {
+    font: 13px 'Ubuntu', arial;
+    border: 2px solid #CCCCCC;
+    cursor: pointer;
+    margin: 0;
+    padding: 3px 0;
+    text-decoration: none;
+    background-color: #F2F2F2;
+    color: #855585;
+    -webkit-border-radius: 6px;
+    -moz-border-radius: 6px;
+    border-radius: 6px;
+    vertical-align: middle;
+    line-height: 2em !important;
+    height: 26px !important;
+    font-weight: bold;
+    /*
+font-size:small;
+    cursor: pointer;
+    border: 2px gray solid;
+    padding-left: 25px !important; */
+}
+
+.k-sn-mainpanel .x-btn button:hover,.k-sn-mainpanel button:hover {
+    border: 2px orange solid;
+    background: #f0f0f0;
+    color: #855585;
+}
+
+.k-sn-mainpanel .x-btn button:active,.k-sn-mainpanel button:active {
+    border-top-color: #ffffff;
+    background: #ffffff;
+}
+
+.k-sn-collabslabel {
+
+}
+
+.k-sn-pendingslabel {
+
+}
+
+.k-sn-orphan-label {
+    padding: 10px;
+}
+
+.k-sn-novisible-label {
+    padding: 10px;
+}
+
+.k-sn-adminspanel {
+    background-color: #a05a2c;
+}
+
+.k-sn-collabspanel {
+    background-color: #d38d5f;
+}
+
+.k-sn-pendingspanel { /* background-color: #a05a2c; */
+
+}
+
+.k-sn-adminsscroll,.k-sn-collabsscroll,.k-sn-pendingsscroll {
+
+}
+
+.k-sn-adminsflow,.k-sn-collabsflow,.k-sn-pendingsflow {
+    margin-left: 10px;
+}
+
+.k-sn-adminsscroll {
+
+}
+
+.k-sn-collabsscroll {
+
+}
+
+.k-sn-pendingsscroll {
+
+}
+
+.k-userconfirm-label {
+    width: 300px;
+    margin: 10px;
+}
+
+.k-sn-deck {
+
+}
+
+.k-sn-bottomPanel {
+    padding: 8px 10px 0;
+    float: left;
+}
+
+.k-sn-bottomPanel-actions {
+    width: 100%;
+}
+
+.k-sn-novisible-label,.k-sn-orphan-label {
+    color: #FFF;
+    font-size: 16px;
+    font-weight: bold;
+}
+
+.k-frame-def {
+    margin: 0px;
+    border: 0px;
+}
+
+.k-maxsize {
+    width: 100%;
+    height: 100%;
+}
+
+.k-footer-license-label {
+    float: right;
+    margin-top: 8px;
+    cursor: pointer;
+    font-weight: bold;
+    font-size: 16px;
+    color: #784421;
+}
+
+.k-footer-license-label-title {
+    margin-right: 5px;
+    color: #280b0b;
+}
+
+.k-footer-license-img {
+    float: right;
+    margin: 10px 15px 0px 5px;
+    cursor: pointer;
+}
+
+.k-sn-options-menu {
+    float: left;
+}
+
+.k-sn-options-menu button {
+    background-color: none;
+}
+
+.k-sn-join {
+    float: left;
+}
+
+.k-entitytextlogo-border {
+    border: 2px solid #F2F2F2;
+}
+
+.k-entitytextlogo-no-border {
+    border: none;
+}
+
+.k-entitytextlogo {
+    height: 60px;
+    margin: 5px;
+    overflow: hidden;
+    width: 468px;
+}
+
+.k-entitytextlogo table {
+    vertical-align: middle;
+}
+
+.k-elogo-l-l {
+    font-size: 46px;
+}
+
+.k-elogo-l-m {
+    font-size: 167%;
+}
+
+.k-elogo-l-s {
+    font-size: 108%;
+}
+
+.k-entitytextlogo .gwt-Label {
+    font-weight: 700;
+    margin: 5px;
+    height: 27px;
+}
+
+.k-entitytextlogo-default .gwt-Label {
+    color: #69312F;
+}
+
+.k-entitytextlogo-green .gwt-Label {
+    color: #250;
+}
+
+.k-entitytextlogo-blue .gwt-Label {
+    color: #000080;
+}
+
+.k-entitytextlogo-grey .gwt-Label {
+    color: #1A1A1A;
+}
+
+.k-entitytextlogo-purple .gwt-Label {
+    color: #440055;
+}
+
+.k-entitytextlogo-red .gwt-Label {
+    color: #800000;
+}
+
+.k-elogo-plink {
+    color: #CCC;
+    font-size: 85%;
+    margin: 5px;
+    text-decoration: underline;
+    white-space: nowrap;
+    background-color: #FFF;
+}
+
+.k-elogop-expand {
+    background-color: transparent;
+}
+
+.k-tsp-tag {
+    float: left;
+    padding: 3px;
+    cursor: pointer;
+    color: #5B4683;
+}
+
+.k-tsp-cloud {
+    line-height: 1.5em;
+    text-align: center;
+}
+
+.k-tool-panel {
+    background-color: #DEAA87;
+}
+
+.k-tool-item {
+    display: block;
+    cursor: pointer;
+}
+
+.k-tool-item-focus {
+    background-color: #d38d5f;
+}
+
+.k-tool-item-nofocus {
+}
+
+.k-tool-item-selected {
+    background-color: #C87137;
+}
+
+.k-tool-item-notselected {
+    background-color: inherits;
+}
\ No newline at end of file




More information about the kune-commits mailing list