[kune-commits] r1534 - in kune-sandbox: src/cc/kune/sandbox/client war

Vicente J. Ruiz Jurado vjrj_ at ourproject.org
Mon Sep 26 18:00:48 CEST 2011


Author: vjrj_
Date: 2011-09-26 18:00:47 +0200 (Mon, 26 Sep 2011)
New Revision: 1534

Modified:
   kune-sandbox/src/cc/kune/sandbox/client/KuneSandboxEntryPoint.java
   kune-sandbox/war/kune-common.css
   kune-sandbox/war/ws.css
Log:
NEW - # 127: Generate some screencast while doing automate testing 
http://kune.ourproject.org/issues/ticket/127

Modified: kune-sandbox/src/cc/kune/sandbox/client/KuneSandboxEntryPoint.java
===================================================================
--- kune-sandbox/src/cc/kune/sandbox/client/KuneSandboxEntryPoint.java	2011-09-26 12:45:04 UTC (rev 1533)
+++ kune-sandbox/src/cc/kune/sandbox/client/KuneSandboxEntryPoint.java	2011-09-26 16:00:47 UTC (rev 1534)
@@ -9,8 +9,8 @@
 import cc.kune.common.client.ui.dialogs.PromptTopDialog;
 import cc.kune.common.client.ui.dialogs.PromptTopDialog.Builder;
 import cc.kune.common.client.utils.TextUtils;
+import cc.kune.core.client.sub.SubtitlesWidget;
 import cc.kune.gspace.client.GSpaceArmorImpl;
-import cc.kune.gspace.client.i18n.I18nTranslatorForm;
 import cc.kune.gspace.client.tool.selector.ToolSelectorItemPanel;
 import cc.kune.gspace.client.tool.selector.ToolSelectorPanel;
 import cc.kune.msgs.client.CloseCallback;
@@ -19,12 +19,8 @@
 import cc.kune.msgs.client.UserMessagesPresenter;
 
 import com.google.gwt.core.client.EntryPoint;
-import com.google.gwt.event.dom.client.BlurEvent;
-import com.google.gwt.event.dom.client.BlurHandler;
 import com.google.gwt.event.dom.client.ClickEvent;
 import com.google.gwt.event.dom.client.ClickHandler;
-import com.google.gwt.event.dom.client.KeyPressEvent;
-import com.google.gwt.event.dom.client.KeyPressHandler;
 import com.google.gwt.user.client.DOM;
 import com.google.gwt.user.client.Timer;
 import com.google.gwt.user.client.Window;
@@ -41,226 +37,235 @@
  */
 public class KuneSandboxEntryPoint implements EntryPoint {
 
-    private PopupBottomPanel pop;
+  private PopupBottomPanel pop;
 
-    /**
-     * This is the entry point method.
-     */
-    @Override
-    public void onModuleLoad() {
-        testUserMessages();
-        // testDialogs();
-        // testToolpanel();
-        // toolSelector.addWidget(new Label("Test"));
-        // testTooltips();
-        // testBarButtons();
+  /**
+   * This is the entry point method.
+   */
+  @Override
+  public void onModuleLoad() {
+    testUserMessages();
+    // testDialogs();
+    // testToolpanel();
+    // toolSelector.addWidget(new Label("Test"));
+    // testTooltips();
+    // testBarButtons();
 
-        // testPromptDialog();
+    // testPromptDialog();
 
-        // testAvatarDecorators();
-        //testI18nForm();
-    }
+    // testAvatarDecorators();
 
-    private void testI18nForm() {
-        I18nTranslatorForm form = new I18nTranslatorForm();
-        form.setInfo("Translate this ñalsk fañ añlkds añslkdjfa ajalda ", "Take care of puntuation as ñlkasjd", "test");
-        form.getBlurTraslation().addBlurHandler(new BlurHandler() {
+    // testSubWidget();
+  }
 
-            @Override
-            public void onBlur(BlurEvent event) {
+  private void testSubWidget() {
+    // String title = new String("Some big title áéíóú!");
+    // String bTitle = Base64Utils.toBase64(title.getBytes());
+    // String descr = new String("Some big description áéíóú");
+    // String bDescr = Base64Utils.toBase64(descr.getBytes());
+    //
+    // final SubtitlesWidget sub = new SubtitlesWidget();
+    // sub.setTitleText(new String(Base64Utils.fromBase64(bTitle)));
+    // sub.setDescription(new String(Base64Utils.fromBase64(bDescr)));
+    // sub.setSize(Window.getClientWidth() + "px", Window.getClientHeight() +
+    // "px");
+    // Button btn = new Button("Click me");
+    // btn.addClickHandler(new ClickHandler() {
+    // @Override
+    // public void onClick(ClickEvent event) {
+    //
+    // sub.show();
+    // }
+    // });
+    // RootPanel.get().add(btn);
+    // RootPanel.get().add(sub);
+  }
 
-            }
-        });
-        form.getKeysTraslation().addKeyPressHandler(new KeyPressHandler() {
+  private void testAvatarDecorators() {
+    // BasicThumb thumb = new
+    // BasicThumb("http://kune.beta.iepala.es/others/unknown.jpg", 50, "kk",
+    // 50, false, new ClickHandler() {
+    // @Override
+    // public void onClick(ClickEvent event) {
+    // }
+    // });
+    // CoreResources res = GWT.create(CoreResources.class);
+    // AvatarDecorator avatarDecorator = new AvatarDecorator(res, thumb);
+    // avatarDecorator.setBusy();
+    // RootPanel.get().add(avatarDecorator);
+  }
 
-            @Override
-            public void onKeyPress(KeyPressEvent event) {
+  private void testPromptDialog() {
+    Builder builder = new PromptTopDialog.Builder("kkj-kk", "Some ask text?", false, true);
+    builder.width("200px").height("200px").firstButtonTitle("Create").sndButtonTitle("Cancel");
+    builder.regex(TextUtils.UNIX_NAME).regexText(
+        "The name must contain only characters, numbers and dashes");
+    PromptTopDialog diag = builder.build();
+    diag.showCentered();
+    diag.focusOnTextBox();
+    diag.getFirstBtn().addClickHandler(new ClickHandler() {
 
-            }
-        });
-        RootPanel.get().add(form);
-    }
+      @Override
+      public void onClick(ClickEvent event) {
+        Window.alert("ok");
+      }
+    });
+  }
 
-    private void testAvatarDecorators() {
-        // BasicThumb thumb = new
-        // BasicThumb("http://kune.beta.iepala.es/others/unknown.jpg", 50, "kk",
-        // 50, false, new ClickHandler() {
-        // @Override
-        // public void onClick(ClickEvent event) {
-        // }
-        // });
-        // CoreResources res = GWT.create(CoreResources.class);
-        // AvatarDecorator avatarDecorator = new AvatarDecorator(res, thumb);
-        // avatarDecorator.setBusy();
-        // RootPanel.get().add(avatarDecorator);
-    }
+  private void testBarButtons() {
+    Button btn1 = new Button("Btn 1");
+    Button btn2 = new Button("Btn 2");
+    Button btn3 = new Button("Btn 3");
+    btn1.addStyleName("k-button");
+    btn1.addStyleName("k-button-left");
+    btn2.addStyleName("k-button");
+    btn2.addStyleName("k-button-center");
+    btn3.addStyleName("k-button");
+    btn3.addStyleName("k-button-right");
+    btn1.addStyleName("kune-Margin-Large-t");
+    btn2.addStyleName("kune-Margin-Large-t");
+    btn3.addStyleName("kune-Margin-Large-t");
+    btn1.addStyleName("k-fl");
+    btn2.addStyleName("k-fl");
+    btn3.addStyleName("k-fl");
+    FlowPanel vp = new FlowPanel();
+    vp.add(btn1);
+    vp.add(btn2);
+    vp.add(btn3);
+    RootPanel.get().add(vp);
+  }
 
-    private void testPromptDialog() {
-        Builder builder = new PromptTopDialog.Builder("kkj-kk", "Some ask text?", false, true);
-        builder.width("200px").height("200px").firstButtonTitle("Create").sndButtonTitle("Cancel");
-        builder.regex(TextUtils.UNIX_NAME).regexText("The name must contain only characters, numbers and dashes");
-        PromptTopDialog diag = builder.build();
-        diag.showCentered();
-        diag.focusOnTextBox();
-        diag.getFirstBtn().addClickHandler(new ClickHandler() {
+  private void testTooltips() {
+    final AbsolutePanel panel = new AbsolutePanel();
+    final Button button = new Button("Btn 1");
+    final Button button2 = new Button("Btn 2");
+    final Button button3 = new Button("Btn 3");
+    final Button button4 = new Button("Btn 4");
+    int clientWidth = Window.getClientWidth();
+    int clientHeight = Window.getClientHeight();
+    panel.setSize(String.valueOf(clientWidth - 10) + "px", String.valueOf(clientHeight - 10) + "px");
+    panel.add(button, 5, 5);
+    panel.add(button2, clientWidth - 60, 5);
+    panel.add(button3, 5, clientHeight - 40);
+    panel.add(button4, clientWidth - 60, clientHeight - 40);
+    Tooltip.to(button, "Some tooltip");
+    Tooltip.to(button2, "Some tooltip");
+    Tooltip.to(button3, "Some tooltip");
+    Tooltip.to(button4, "Some tooltip");
+    // DOM.setElementProperty(button2.getElement(), "position", "relative");
+    RootPanel.get().add(panel);
+  }
 
-            @Override
-            public void onClick(ClickEvent event) {
-                Window.alert("ok");
-            }
-        });
-    }
+  private void testToolpanel() {
+    ToolSelectorPanel toolSelector = new ToolSelectorPanel(new GSpaceArmorImpl(null), null);
+    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");
+    RootPanel.get().add(toolSelector.asWidget());
+  }
 
-    private void testBarButtons() {
-        Button btn1 = new Button("Btn 1");
-        Button btn2 = new Button("Btn 2");
-        Button btn3 = new Button("Btn 3");
-        btn1.addStyleName("k-button");
-        btn1.addStyleName("k-button-left");
-        btn2.addStyleName("k-button");
-        btn2.addStyleName("k-button-center");
-        btn3.addStyleName("k-button");
-        btn3.addStyleName("k-button-right");
-        btn1.addStyleName("kune-Margin-Large-t");
-        btn2.addStyleName("kune-Margin-Large-t");
-        btn3.addStyleName("kune-Margin-Large-t");
-        btn1.addStyleName("k-fl");
-        btn2.addStyleName("k-fl");
-        btn3.addStyleName("k-fl");
-        FlowPanel vp = new FlowPanel();
-        vp.add(btn1);
-        vp.add(btn2);
-        vp.add(btn3);
-        RootPanel.get().add(vp);
-    }
+  private void postAdd(final PopupBottomPanel pop) {
+    pop.setCenterPosition();
+  }
 
-    private void testTooltips() {
-        final AbsolutePanel panel = new AbsolutePanel();
-        final Button button = new Button("Btn 1");
-        final Button button2 = new Button("Btn 2");
-        final Button button3 = new Button("Btn 3");
-        final Button button4 = new Button("Btn 4");
-        int clientWidth = Window.getClientWidth();
-        int clientHeight = Window.getClientHeight();
-        panel.setSize(String.valueOf(clientWidth - 10) + "px", String.valueOf(clientHeight - 10) + "px");
-        panel.add(button, 5, 5);
-        panel.add(button2, clientWidth - 60, 5);
-        panel.add(button3, 5, clientHeight - 40);
-        panel.add(button4, clientWidth - 60, clientHeight - 40);
-        Tooltip.to(button, "Some tooltip");
-        Tooltip.to(button2, "Some tooltip");
-        Tooltip.to(button3, "Some tooltip");
-        Tooltip.to(button4, "Some tooltip");
-        // DOM.setElementProperty(button2.getElement(), "position", "relative");
-        RootPanel.get().add(panel);
-    }
+  private void postAdd(final PopupTopPanel pop) {
+    pop.setCenterPosition();
+  }
 
-    private void testToolpanel() {
-        ToolSelectorPanel toolSelector = new ToolSelectorPanel(new GSpaceArmorImpl(null), null);
-        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");
-        RootPanel.get().add(toolSelector.asWidget());
-    }
+  private void testDialogs() {
+    final PopupTopPanel pop2 = new PopupTopPanel(false, true);
+    pop2.setGlassEnabled(true);
+    final BasicDialog dialog = new BasicDialog();
+    pop2.add(dialog);
 
-    private void postAdd(final PopupBottomPanel pop) {
-        pop.setCenterPosition();
-    }
+    dialog.getTitleText().setText("Title");
+    dialog.setFirstBtnText("Accept");
+    dialog.setSecondBtnText("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.setFocus(true);
+    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();
 
-    private void postAdd(final PopupTopPanel pop) {
-        pop.setCenterPosition();
-    }
+    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 testDialogs() {
-        final PopupTopPanel pop2 = new PopupTopPanel(false, true);
-        pop2.setGlassEnabled(true);
-        final BasicDialog dialog = new BasicDialog();
-        pop2.add(dialog);
+  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);
 
-        dialog.getTitleText().setText("Title");
-        dialog.setFirstBtnText("Accept");
-        dialog.setSecondBtnText("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.setFocus(true);
-        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();
+    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, closeCalback);
+    postAdd(pop);
+    presenter.add(NotifyLevel.error, "Title",
+        "Lorem ipsum dolor sit amet, consectetuer adipiscing elit", "", false, closeCalback);
+    pop.add(panel);
 
-        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!");
-    }
+    postAdd(pop);
 
-    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);
-
-        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,
-                closeCalback);
+    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);
         postAdd(pop);
-        presenter.add(NotifyLevel.error, "Title", "Lorem ipsum dolor sit amet, consectetuer adipiscing elit", "",
-                false, closeCalback);
-        pop.add(panel);
-
+      }
+    };
+    final Timer time2 = new Timer() {
+      @Override
+      public void run() {
+        presenter.add(NotifyLevel.important, "", "Lorem ", "", false, closeCalback);
         postAdd(pop);
+        presenter.add(NotifyLevel.important, "Title", "Lorem ", "", true, closeCalback);
+        presenter.add(NotifyLevel.important, "", "Lorem ", "", true, closeCalback);
+        presenter.add(NotifyLevel.important, "", "Lorem ", "", false, closeCalback);
+        presenter.add(NotifyLevel.important, "", "Lorem ", "", false, closeCalback);
+        presenter.add(NotifyLevel.important, "", "Lorem ", "", false, closeCalback);
+        postAdd(pop);
+      }
+    };
+    time.schedule(1000);
+    time2.schedule(5000);
+    pop.show();
 
-        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);
-                postAdd(pop);
-            }
-        };
-        final Timer time2 = new Timer() {
-            @Override
-            public void run() {
-                presenter.add(NotifyLevel.important, "", "Lorem ", "", false, closeCalback);
-                postAdd(pop);
-                presenter.add(NotifyLevel.important, "Title", "Lorem ", "", true, closeCalback);
-                postAdd(pop);
-            }
-        };
-        time.schedule(1000);
-        time2.schedule(5000);
-        pop.show();
-
-    }
+  }
 }

Modified: kune-sandbox/war/kune-common.css
===================================================================
--- kune-sandbox/war/kune-common.css	2011-09-26 12:45:04 UTC (rev 1533)
+++ kune-sandbox/war/kune-common.css	2011-09-26 16:00:47 UTC (rev 1534)
@@ -1,412 +1,709 @@
+/* Here the styles of cc.kune.commom (reused by other projects like gadgets and so on) */
 .k-popup-top-centered {
-	
+
 }
 
 .k-popup-bottom-centered { /*	z-index:100000; */
-	
+
 }
 
 .k-floatleft,.k-fl {
-	float: left;
+  float: left;
 }
 
 .k-floatright,.k-fr {
-	float: right;
+  float: right;
 }
 
 .k-pointer {
-	cursor: pointer;
-	cursor: hand;
+  cursor: pointer;
+  cursor: hand;
 }
 
 .k-opacity80 {
-	kfilter: alpha(opacity =         80);
-	-moz-opacity: 0.80;
-	-khtml-opacity: 0.80;
-	opacity: 0.80;
+  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;
+  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;
+  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;
+  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-3shadow {
+  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
+  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
+  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5);
+}
+
 .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);
+  -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);
+  -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;
+  -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;
+  -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;
+  -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;
+  -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;
+  -moz-border-radius: 2px;
+  -webkit-border-radius: 2px;
+  border-radius: 2px;
 }
 
 .k-3corners {
-	-moz-border-radius: 3px;
-	-webkit-border-radius: 3px;
-	border-radius: 3px;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
 }
 
 .k-5corners {
-	-moz-border-radius: 5px;
-	-webkit-border-radius: 5px;
-	border-radius: 5px;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
 }
 
 .k-10corners {
-	-moz-border-radius: 10px;
-	-webkit-border-radius: 10px;
-	border-radius: 10px;
+  -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;
+  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;
+  margin: 5px;
 }
 
+.k-dialog-title div {
+  color: #552200;
+  font-size: 20px;
+  font-weight: bold;
+  line-height: 0.7;
+  padding: 0 0 6px 5px;
+}
+
 .k-dialog-innerp {
-	background-color: #FFFFFF;
-	border: solid 1px #F2F2F2;
-	margin: 34px 16px 20px 16px;
+  background-color: #FFFFFF;
+  border: solid 1px #F2F2F2;
+  margin: 29px 8px 0;
+  padding: 8px 11px 13px;
 }
 
 .k-dialog-btn-area {
-	padding:0 15px 15px 15px;
-	margin-bottom:30px;
+  padding: 0 15px 15px 15px;
+  margin-bottom: 0 -5px 30px -5px;
 }
 
-.k-dialog-btn-area div {
-	margin: 10px
+.k-dialog-btn-area button {
+  margin: 10px 5px;
 }
 
-.k-dialog-innerp table {
-	margin: 5px;
+.k-dialog-btn-area div { /* margin: 10px */
+
 }
 
 .k-dialog-btn {
-	text-shadow: 1px 1px 1px #FFFFFF;
-	font-weight: bold;
+  text-shadow: 1px 1px 1px #FFFFFF;
+  font-weight: bold;
+  -moz-user-select: none;
+  -khtml-user-select: none;
 }
 
+.k-dialog-close-btn {
+  background-color: #a05a2c !important;
+  color: #181817 !important;
+  border: 0 none !important;
+  position: relative;
+  top: -26px;
+  height: 17px !important;
+  left: 1px;
+}
+
 .k-dialog-firstBtn {
-	float: left;
+  float: left;
 }
 
 .k-dialog-secondBtn {
-	float: right;
+  float: right;
 }
 
 .k-z100000 {
-	z-index: 100000;
+  z-index: 100000;
 }
 
 .k-z10000 {
-	z-index: 10000;
+  z-index: 10000;
 }
 
 .k-z1000 {
-	z-index: 1000;
+  z-index: 1000;
 }
 
 .oc-user-msg {
-	background-color: #FFCC00;
-	padding: 3px;
+  background-color: #FFCC00;
+  padding: 3px;
 }
 
 .oc-user-msg-popup {
-	padding: 0px;
-	border: 0px;
+  padding: 0px;
+  border: 0px;
 }
 
 .oc-floatleft {
-	float: left;
+  float: left;
 }
 
 .oc-floatright {
-	float: right;
+  float: right;
 }
 
+.oc-clean,.k-clear,.oc-clear,.k-clean {
+  clear: both;
+}
+
 .x-toolbar {
-	background: none !important;
-	border-color: transparent !important;
+  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;
+  background-image: url(images/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;
+  margin: 2px;
+  width: 2px;
 }
 
 .oc-tb-bottom-line {
-	border-bottom-color: rgb(208, 208, 208);
-	border-bottom-style: solid;
-	border-bottom-width: 1px;
+  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%;
+  background: #FFF none repeat scroll 0% 50%;
 }
 
 .oc-tb-sep {
-	padding-top: 4px;
-	padding-left: 5px;
+  padding-top: 4px;
+  padding-left: 5px;
 }
 
 .oc-transp .x-panel-body {
-	background: transparent;
+  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;
+  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;
+  font: 16px 'Ubuntu', arial;
+  /* font-weight: bold; */
+  -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;
+  background-color: #280b0b;
 }
 
+.gwt-PopupPanel .oc-menu {
+  border: 2px solid #552200;
+  background-color: #280b0b;
+}
+
+.oc-menu .gwt-MenuBar-vertical,.gwt-MenuBar-vertical {
+  background-color: #704f4f;
+  border: 2px solid #552200;
+  padding: 3px;
+  font: 16px 'Ubuntu', arial;
+  color: white;
+  -webkit-border-top-right-radius: 5px;
+  -moz-border-radius-topright: 5px;
+  border-top-right-radius: 5px;
+  -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;
+  kfilter: alpha(opacity =                                 90);
+  -moz-opacity: 0.90;
+  -khtml-opacity: 0.90;
+  opacity: 0.90;
+}
+
+.gwt-MenuBar .gwt-MenuItem-selected {
+  background-color: #c87137 !important;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}
+
+.gwt-MenuBar .gwt-MenuItem {
+  padding: 4px 4px 3px !important;
+}
+
+.oc-noselect {
+  -moz-user-select: none;
+  -khtml-user-select: none;
+}
+
 .oc-menu .gwt-MenuItem {
-	cursor: default;
-	-moz-user-select: none;
-	-khtml-user-select: none;
+  cursor: pointer;
+  -moz-user-select: none;
+  -khtml-user-select: none;
+  /* background-color: #c87137; */
+  color: white;
 }
 
 .oc-button {
-	padding: 2px;
-	-webkit-border-radius: 6px;
-	-moz-border-radius: 6px;
-	border-radius: 6px;
-	text-decoration: none;
-	vertical-align: middle;
-	background-color: #F2F2F2;
+  padding: 2px;
+  -webkit-border-radius: 6px;
+  -moz-border-radius: 6px;
+  border-radius: 6px;
+  text-decoration: none;
+  vertical-align: middle;
+  background-color: #F2F2F2;
+  white-space: nowrap;
+  margin-right: 3px;
 }
 
 .oc-button:hover {
-	border: 2px orange solid;
-	background: #f0f0f0;
-	color: #855585;
+  border: 2px orange solid;
+  background: #f0f0f0;
+  color: #855585;
 }
 
 .oc-button:active {
-	border-top-color: #ffffff;
-	background: #ffffff;
+  border-top-color: #ffffff;
+  background: #ffffff;
 }
 
 #oc-mshortcut {
-	position: absolute;
-	right: 10px;
+  position: absolute;
+  right: 10px;
 }
 
 #oc-mshortcut-hidden {
-	visibility: hidden;
+  visibility: hidden;
 }
 
 #oc-mshortcut a {
-	text-decoration: none;
-	color: black;
+  text-decoration: none;
+  color: black;
 }
 
 .oc-user-msg {
-	background-color: #FFCC00;
-	padding: 3px;
+  background-color: #FFCC00;
+  padding: 3px;
 }
 
 .oc-user-msg-popup {
-	padding: 0px;
-	border: 0px;
+  padding: 0px;
+  border: 0px;
 }
 
 .oc-floatleft {
-	float: left;
+  float: left;
 }
 
 .oc-floatright {
-	float: right;
+  float: right;
 }
 
 .x-toolbar {
-	background: none !important;
-	border-color: transparent !important;
+  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;
+  background-image: url(images/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-ico-pad { /* padding-right: 20px; */
+  white-space: normal;
 }
 
 .oc-tb-spacer {
-	margin: 2px;
-	width: 2px;
+  margin: 2px;
+  width: 2px;
 }
 
 .oc-tb-bottom-line {
-	border-bottom-color: rgb(208, 208, 208);
-	border-bottom-style: solid;
-	border-bottom-width: 1px;
+  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%;
+  background: #FFF none repeat scroll 0% 50%;
 }
 
 .oc-tb-sep {
-	padding-top: 4px;
-	padding-left: 5px;
+  padding-top: 4px;
+  padding-left: 5px;
 }
 
 .oc-transp .x-panel-body {
-	background: transparent;
+  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-mshortcut {
+  position: absolute;
+  right: 10px;
 }
 
-.oc-menu .gwt-MenuItem {
-	cursor: default;
-	-moz-user-select: none;
-	-khtml-user-select: none;
+#oc-mshortcut-hidden {
+  visibility: hidden;
 }
 
-.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-mshortcut a {
+  text-decoration: none;
+  color: black;
 }
 
-.oc-button:hover {
-	border: 2px orange solid;
-	background: #f0f0f0;
-	color: #855585;
+.k-no-backimage,.k-no-backimage td {
+  background-image: none !important;
 }
 
-.oc-button:active {
-	border-top-color: #ffffff;
-	background: #ffffff;
+.k-nobackcolor {
+  background-color: transparent !important;
 }
 
-#oc-mshortcut {
-	position: absolute;
-	right: 10px;
+.k-noborder {
+  border: 0px !important;
 }
 
-#oc-mshortcut-hidden {
-	visibility: hidden;
+.k-space-nowrap {
+  white-space: nowrap;
 }
 
-#oc-mshortcut a {
-	text-decoration: none;
-	color: black;
+.k-iconlabel-text {
+  vertical-align: top;
+  padding-left: 3px;
+  padding-right: 3px;
+  /* float: left; */
 }
 
-.k-no-backimage,.k-no-backimage td {
-	background-image: none;
-}
\ No newline at end of file
+.k-menuimtem-title {
+  color: white;
+  font-size: 15px;
+  font-weight: bold;
+  padding: 2px 3px 2px 0;
+}
+
+.k-tb-sep {
+  border-left: 1px solid #B3B3B3;
+  height: 10px;
+  margin-top: 4px;
+}
+
+.k-iconlabel-left {
+  float: left;
+}
+
+.k-iconlabel-right { /* float: left; */ /*   margin-left: 5px; */
+
+}
+
+.gwt-MenuBar-vertical .subMenuIcon-selected {
+  background: none repeat scroll 0 0 #808080;
+}
+
+.gwt-Button {
+  background: url("images/hborder.png") repeat-x scroll 0 -27px
+    transparent;
+}
+
+/* tooltips, adaptation of http://jonrohan.me/guide/css/creating-triangles-in-css/ */
+.k-tooltip {
+  background-color: #FEFFF1;
+  border: 2px solid #666666;
+  line-height: 1.3em;
+  padding: 5px;
+}
+
+.k-tooltip-arrow-border {
+  border-style: solid;
+  border-width: 7px;
+  height: 0;
+  width: 0;
+  position: absolute;
+}
+
+.k-tooltip-arrow-border-n {
+  border-color: transparent transparent #666666 transparent;
+}
+
+.k-tooltip-arrow-border-s {
+  border-color: #666666 transparent transparent transparent;
+}
+
+.k-tooltip-arrow {
+  border-style: solid;
+  border-width: 7px;
+  height: 0;
+  width: 0;
+  position: absolute;
+}
+
+.k-tooltip-arrow-n {
+  border-color: transparent transparent #FEFFF1 transparent;
+}
+
+.k-tooltip-arrow-s {
+  border-color: #FEFFF1 transparent transparent transparent;
+}
+
+/* IE6 */
+.k-tooltip-arrow {
+  _border-left-color: pink;
+  _border-bottom-color: pink;
+  _border-right-color: pink;
+  _filter: chroma(color =                       pink);
+}
+
+/* end tooltip */
+/* tabbar */
+.gwt-DecoratedTabBar {
+
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarFirst {
+  width: 5px; /* first tab distance from the left */
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarRest {
+
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem {
+  border-collapse: collapse;
+  margin-left: 6px;
+}
+
+.gwt-DecoratedTabBar .tabTopCenter {
+  padding: 0px;
+  background: #e3e3e3;
+}
+
+.gwt-DecoratedTabBar .tabTopLeft,.gwt-DecoratedTabBar .tabTopRight {
+  padding: 0px;
+  zoom: 1;
+}
+
+.gwt-DecoratedTabBar .tabTopLeftInner,.gwt-DecoratedTabBar .tabTopRightInner
+  {
+  width: 6px;
+  height: 6px;
+}
+
+.gwt-DecoratedTabBar .tabTopLeft {
+  background: url(images/corner.png) no-repeat 0px -55px;
+  -background: url(images/corner_ie6.png) no-repeat 0px -55px;
+}
+
+.gwt-DecoratedTabBar .tabTopRight {
+  background: url(images/corner.png) no-repeat -6px -55px;
+  -background: url(images/corner_ie6.png) no-repeat -6px -55px;
+}
+
+* html .gwt-DecoratedTabBar .tabTopLeftInner,* html .gwt-DecoratedTabBar .tabTopRightInner
+  {
+  width: 6px;
+  height: 6px;
+  overflow: hidden;
+}
+
+.gwt-DecoratedTabBar .tabMiddleLeft,.gwt-DecoratedTabBar .tabMiddleRight
+  {
+  width: 6px;
+  padding: 0px;
+  background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px;
+}
+
+.gwt-DecoratedTabBar .tabMiddleLeftInner,.gwt-DecoratedTabBar .tabMiddleRightInner
+  {
+  width: 1px;
+  height: 1px;
+}
+
+.gwt-DecoratedTabBar .tabMiddleCenter {
+  padding: 0px 4px 2px 4px;
+  cursor: pointer;
+  cursor: hand;
+  color: black;
+  font-weight: bold;
+  text-align: center;
+  background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px;
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter {
+  background: #747474;
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft {
+  background-position: 0px -61px;
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight {
+  background-position: -6px -61px;
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft,.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight
+  {
+  background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px;
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter {
+  cursor: default;
+  background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px;
+  color: white;
+}
+
+.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter {
+  cursor: default;
+  color: #999999;
+}
+
+/* End tabbar */
+.k-editableLabel {
+  font-weight: bold;
+  padding: 3px
+}
+
+.k-editableLabel-high {
+  font-weight: bold;
+  background-color: #FFFBC1;
+  color: black !important;
+}
+
+.k-editableLabel-high span {
+  background-color: #FFFBC1;
+  color: black !important;
+}
+
+.k-btn-min {
+  min-width: 19px !important;
+}
+
+.k-overflow-y-scroll {
+  overflow-y: scroll;
+}
+
+.k-overflow-y-auto {
+  overflow-y: auto;
+}
+
+.k-overflow-x-scroll {
+  overflow-x: scroll;
+}
+
+.k-tab-panel {
+  padding: 10px;
+  background-color: #F2F0F0;
+  border: 1px solid #D0D0D0;
+}
+
+.k-line-through {
+  text-decoration: line-through;
+  color: gray;
+}
+
+.gwt-TextArea {
+  border: 1px solid #BBBBBB;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
+}

Modified: kune-sandbox/war/ws.css
===================================================================
--- kune-sandbox/war/ws.css	2011-09-26 12:45:04 UTC (rev 1533)
+++ kune-sandbox/war/ws.css	2011-09-26 16:00:47 UTC (rev 1534)
@@ -1,5 +1,5 @@
-CHARSET      "UTF-8     "; body {
-  background-color: white;
+CHARSET                    "UTF-8                   "; body {
+  background-color: transparent;
   color: black;
   font-family: 'Ubuntu', Arial;
   font-size: small;
@@ -270,14 +270,16 @@
 
 }
 
-.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-HDragger {
+.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-HDragger,.gwt-SplitLayoutPanel-HDragger
+  {
   background-color: transparent;
   background: url("images/spliter-top.png") no-repeat scroll center bottom
     transparent;
   cursor: col-resize;
 }
 
-.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-VDragger {
+.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-VDragger,.gwt-SplitLayoutPanel-VDragger
+  {
   background-color: white;
   background: none;
   cursor: row-resize;
@@ -319,8 +321,25 @@
   padding: 0 1px 0 1px;
   margin: 0 0 -2px;
   outline: 0 none;
+  float: left;
 }
 
+.k-space-sel-inbox-count {
+  border: none 5px #000000;
+  -moz-border-radius: 5px;
+  -webkit-border-radius: 5px;
+  border-radius: 5px;
+  background-color: #99BB00;
+  color: white;
+  font-size: 10px;
+  padding: 0 0.5em;
+  cursor: pointer;
+}
+
+.k-space-sel-inbox-count-blink {
+  background-color: #ff2a2a;
+}
+
 .k-sitebar-logo {
   margin-top: 2px;
 }
@@ -450,10 +469,41 @@
   margin-right: 20px;
 }
 
+.kune-Margin-20-b {
+  margin-bottom: 20px;
+}
+
 .kune-Margin-20-l {
   margin-left: 20px;
 }
 
+.kune-Margin-10-trbl {
+  margin: 10px;
+}
+
+.kune-Margin-10-lr {
+  margin-left: 10px;
+  margin-right: 10px;
+}
+
+.kune-Margin-10-tl {
+  margin-top: 10px;
+  margin-left: 10px;
+}
+
+.kune-Margin-10-tb {
+  margin-top: 10px;
+  margin-bottom: 10px;
+}
+
+.kune-Margin-10-t {
+  margin-top: 10px;
+}
+
+.kune-Margin-10-r {
+  margin-right: 10px;
+}
+
 .kune-Margin-Large-trbl {
   margin: 10px;
 }
@@ -481,6 +531,10 @@
   margin-right: 10px;
 }
 
+.kune-Margin-Large-b {
+  margin-bottom: 10px;
+}
+
 .kune-Margin-Large-l {
   margin-left: 10px;
 }
@@ -690,7 +744,8 @@
 .k-error-tb {
   background: #FFB380 none repeat scroll 0% 50%;
   /* color: #250; */
-  padding: 10px;
+  padding: 7px 10px;
+  margin: 16px -20px -10px -20px;
 }
 
 .k-error-tb img {
@@ -795,7 +850,8 @@
     white-space: nowrap;
 }
 */
-.k-sn-mainpanel .x-btn button,.k-sn-mainpanel button,button.k-button {
+.k-sn-mainpanel .x-btn button,.k-sn-mainpanel button,button.k-button,.gwt-FileUpload,button.gwt-Button
+  {
   font: 13px 'Ubuntu', arial;
   border: 2px solid #CCCCCC;
   cursor: pointer;
@@ -816,7 +872,7 @@
   height: 28px;
 }
 
-.k-sn-mainpanel .x-btn button:hover,.k-sn-mainpanel button:hover,button.k-button:hover
+.k-sn-mainpanel .x-btn button:hover,.k-sn-mainpanel button:hover,button.k-button:hover,button.gwt-Button:hover
   {
   border: 2px orange solid;
   outline: 0 none;
@@ -830,8 +886,7 @@
 }
 
 .k-sn-mainpanel .x-btn button:active,.k-sn-mainpanel button:active,button.k-button:active
-  {
-  border-top-color: #ffffff;
+  { /* border-top-color: #ffffff; */
   background: #ffffff;
 }
 
@@ -841,6 +896,8 @@
   -webkit-border-radius: 0px !important;
   -moz-border-radius: 0px !important;
   border-radius: 0px !important;
+  margin-left: 0px !important;
+  margin-right: 0px !important;
 }
 
 .k-button-right {
@@ -851,6 +908,7 @@
   -webkit-border-bottom-left-radius: 0px !important;
   -moz-border-radius-bottomleft: 0px !important;
   border-bottom-left-radius: 0px !important;
+  margin-left: 0px !important;
 }
 
 .k-button-left {
@@ -861,6 +919,7 @@
   -webkit-border-bottom-right-radius: 0px !important;
   -moz-border-radius-bottomright: 0px !important;
   border-bottom-right-radius: 0px !important;
+  margin-right: 0px !important;
 }
 
 button.k-button-center:hover {
@@ -879,6 +938,18 @@
   outline: 0 none;
 }
 
+button[disabled]:active,button[disabled],input[type="reset"][disabled]:active,input[type="reset"][disabled],input[type="button"][disabled]:active,input[type="button"][disabled],select[disabled]>input[type="button"],select[disabled]>input[type="button"]:active,input[type="submit"][disabled]:active,input[type="submit"][disabled],.k-button-disabled,button.k-button-disabled
+  {
+  color: gray !important;
+  border-color: #CCCCCC !important;
+  background: inherits !important;
+  kfilter: alpha(opacity =
+         60) !important;
+  -moz-opacity: 0.60 !important;
+  -khtml-opacity: 0.60 !important;
+  opacity: 0.60 !important;
+}
+
 /* end buttons */
 .k-sn-collabslabel {
 
@@ -894,18 +965,19 @@
 
 .k-sn-novisible-label {
   padding: 10px;
+  width: auto !important;
 }
 
-.k-sn-adminspanel { /* background-color: #a05a2c; */
+.k-sn-1st-panel { /* background-color: #a05a2c; */
   border-bottom: 2px solid #F7EBE3;
   border-top: 2px solid #F7EBE3;
 }
 
-.k-sn-collabspanel {
-  background-color: #d38d5f;
+.k-sn-2nd-spanel {
+
 }
 
-.k-sn-pendingspanel { /* background-color: #a05a2c; */
+.k-sn-3rd-panel {
 
 }
 
@@ -1016,13 +1088,17 @@
 
 .k-elogo-l-l {
   font-size: 46px;
+  line-height: 1em;
 }
 
 .k-elogo-l-m {
-  font-size: 167%;
+  /* Right now the limit of size is 50 chars see EntityHeaderPresenter */
+  font-size: 181%;
+  line-height: 1.2em;
 }
 
 .k-elogo-l-s {
+  /* Not used because the limit is 50 chars (see Group.java) */
   font-size: 108%;
 }
 
@@ -1082,7 +1158,7 @@
 }
 
 .k-tool-panel {
-  background-color: #DEAA87;
+
 }
 
 .k-tool-item {
@@ -1092,7 +1168,7 @@
 }
 
 .k-tool-item-focus {
-  background-color: #d38d5f;
+
 }
 
 .k-tool-item-nofocus {
@@ -1100,20 +1176,28 @@
 }
 
 .k-tool-item-selected {
-  background-color: #C87137;
+
 }
 
 .k-tool-item-notselected {
-  background-color: inherits;
+
 }
 
 .k-def-docbtn span {
   font-size: 13px !important;
 }
 
+.k-empty-folder-panel {
+  padding: 10px;
+  width: auto;
+  height: auto;
+}
+
 .k-empty-msg {
-  font-size: 16px;
+  font-size: 18px;
+  /* font-weight: bold; */
   font-style: italic;
+  color: #A05A2C;
 }
 
 button.k-ent-header-btn {
@@ -1145,7 +1229,8 @@
   -webkit-border-bottom-left-radius: 5px;
   -moz-border-radius-bottomleft: 5px;
   border-bottom-left-radius: 5px;
-  kfilter: alpha(opacity =                             90);
+  kfilter: alpha(opacity =
+         90);
   -moz-opacity: 0.90;
   -khtml-opacity: 0.90;
   opacity: 0.90;
@@ -1173,6 +1258,9 @@
   padding-left: 1px;
   color: #B3B3B3;
   background: transparent;
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px;
 }
 
 .k-sitebarsearch-img {
@@ -1297,4 +1385,139 @@
   color: #999999;
 }
 
-/* end Decorated tabbar */
\ No newline at end of file
+/* end Decorated tabbar */
+.k-waveHolder {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
+  right: 0;
+}
+
+.GWTUpld,table.GWTUpld td {
+  font-family: inherits !important;
+  font-size: 14px !important;
+}
+
+.GWTUpld .DecoratedFileUpload .gwt-Button,.GWTUpld .DecoratedFileUpload .gwt-Anchor,.GWTUpld .DecoratedFileUpload .gwt-Label
+  {
+  font-size: 14px !important;
+  white-space: nowrap;
+}
+
+.x-form-check-wrap {
+  height: inherit;;
+  line-height: inherit;
+}
+
+.k-info-links {
+  text-decoration: underline;
+  color: gray;
+  cursor: pointer;
+}
+
+/*
+ * These attributes are required to make a paragraph look like a list-item
+ * across browsers. (copied from Editor.css)
+ */
+.simulated-li {
+  display: list-item;
+  list-style-type: disc;
+  list-style-position: outside;
+}
+
+.numbered {
+  list-style-type: decimal;
+}
+
+.bullet-type-0 {
+  list-style-type: disc;
+}
+
+.bullet-type-1 {
+  list-style-type: circle;
+}
+
+.bullet-type-2 {
+  list-style-type: square;
+}
+
+.k-drop-allowed {
+  border: solid 2px transparent;
+  -moz-border-radius: 4px;
+  -webkit-border-radius: 4px;
+  border-radius: 4px;
+}
+
+button.k-drop-allowed-hover,.k-drop-allowed-hover {
+  border: dashed 2px #3a9fd6 !important;
+}
+
+.k-link-icon {
+  background-image: url(images/link.gif) !important;
+}
+
+.k-options-icon {
+  background-image: url(images/emblem-system.gif) !important;
+}
+
+.k-copyleft-icon {
+  background-image: url(images/copyleft.png) !important;
+}
+
+.k-picture-icon {
+  background-image: url(images/picture.png) !important;
+}
+
+.k-film-icon {
+  background-image: url(images/film.png) !important;
+}
+
+.k-specialchars-icon {
+  background-image: url(images/specialchars.png) !important;
+}
+
+.k-info-icon {
+  background-image: url(images/info.gif) !important;
+}
+
+.k-newgroup-icon {
+  background-image: url(images/kune-icon16.png) !important;
+}
+
+.k-colors-icon {
+  background-image: url(images/colors.gif) !important;
+}
+
+.k-i18n-recommend {
+  border: 1px solid gray;
+  background-color: #F2F2F2;
+}
+
+.k-tabs .gwt-TabLayoutPanelTab {
+  background-color: #d38d5f;
+  color: #552200;
+  height: 20px !important;
+  margin: 0 2px;
+  padding: 2px;
+  cursor: pointer;
+  font-weight: bold;
+}
+
+.k-tabs .gwt-TabLayoutPanelTab-selected {
+  background-color: #552200;
+  color: #FFF;
+}
+
+.k-tabpanel-aditionalpadding {
+  padding-bottom: 27px !important;
+}
+
+.k-tabs .gwt-TabLayoutPanel,.k-tabs .gwt-TabLayoutPanelTab {
+  -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;
+}
\ No newline at end of file




More information about the kune-commits mailing list