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