Author: vjrj_ Date: 2011-03-25 11:09:09 +0100 (Fri, 25 Mar 2011) New Revision: 1292 Added: kune-sandbox/.classpath kune-sandbox/.project kune-sandbox/lib/gin-r137.jar kune-sandbox/lib/guice-3.0-rc2.jar kune-sandbox/lib/gwtp-all-0.5.jar kune-sandbox/war/cbg_button.css kune-sandbox/war/kune-chat.css kune-sandbox/war/kune-common.css kune-sandbox/war/kune-hablar.css kune-sandbox/war/kune-message.css kune-sandbox/war/ws.css Modified: kune-sandbox/src/cc/kune/sandbox/KuneSandbox.gwt.xml kune-sandbox/src/cc/kune/sandbox/client/KuneSandboxEntryPoint.java kune-sandbox/war/Kune_sandbox.css kune-sandbox/war/Kune_sandbox.html Log: sandbox updated Added: kune-sandbox/.classpath =================================================================== --- kune-sandbox/.classpath (rev 0) +++ kune-sandbox/.classpath 2011-03-25 10:09:09 UTC (rev 1292) @@ -0,0 +1,14 @@ +<?xml version="1.0" encoding="UTF-8"?> +<classpath> + <classpathentry kind="src" path="src"/> + <classpathentry kind="src" output="test-classes" path="test"/> + <classpathentry kind="con" path="com.google.gwt.eclipse.core.GWT_CONTAINER"/> + <classpathentry kind="con" path="org.eclipse.jdt.launching.JRE_CONTAINER"/> + <classpathentry kind="lib" path="lib/GWT FX v0.5.0 MS 1.jar"/> + <classpathentry kind="lib" path="lib/gxt.jar"/> + <classpathentry combineaccessrules="false" kind="src" path="/kune"/> + <classpathentry kind="lib" path="lib/gin-r137.jar"/> + <classpathentry kind="lib" path="lib/guice-3.0-rc2.jar"/> + <classpathentry kind="lib" path="lib/gwtp-all-0.5.jar"/> + <classpathentry kind="output" path="war/WEB-INF/classes"/> +</classpath> Added: kune-sandbox/.project =================================================================== --- kune-sandbox/.project (rev 0) +++ kune-sandbox/.project 2011-03-25 10:09:09 UTC (rev 1292) @@ -0,0 +1,29 @@ +<?xml version="1.0" encoding="UTF-8"?> +<projectDescription> + <name>kune-sandbox</name> + <comment></comment> + <projects> + <project>kune</project> + </projects> + <buildSpec> + <buildCommand> + <name>org.eclipse.jdt.core.javabuilder</name> + <arguments> + </arguments> + </buildCommand> + <buildCommand> + <name>com.google.gdt.eclipse.core.webAppProjectValidator</name> + <arguments> + </arguments> + </buildCommand> + <buildCommand> + <name>com.google.gwt.eclipse.core.gwtProjectValidator</name> + <arguments> + </arguments> + </buildCommand> + </buildSpec> + <natures> + <nature>org.eclipse.jdt.core.javanature</nature> + <nature>com.google.gwt.eclipse.core.gwtNature</nature> + </natures> +</projectDescription> Added: kune-sandbox/lib/gin-r137.jar =================================================================== (Binary files differ) Property changes on: kune-sandbox/lib/gin-r137.jar ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: kune-sandbox/lib/guice-3.0-rc2.jar =================================================================== (Binary files differ) Property changes on: kune-sandbox/lib/guice-3.0-rc2.jar ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Added: kune-sandbox/lib/gwtp-all-0.5.jar =================================================================== (Binary files differ) Property changes on: kune-sandbox/lib/gwtp-all-0.5.jar ___________________________________________________________________ Name: svn:mime-type + application/octet-stream Modified: kune-sandbox/src/cc/kune/sandbox/KuneSandbox.gwt.xml =================================================================== --- kune-sandbox/src/cc/kune/sandbox/KuneSandbox.gwt.xml 2011-03-24 23:10:11 UTC (rev 1291) +++ kune-sandbox/src/cc/kune/sandbox/KuneSandbox.gwt.xml 2011-03-25 10:09:09 UTC (rev 1292) @@ -4,6 +4,7 @@ <inherits name='com.google.gwt.user.User' /> <inherits name="cc.kune.msgs.KuneMsgs" /> <inherits name="cc.kune.core.Core" /> + <inherits name="cc.kune.wave.KuneWave" /> <inherits name="org.adamtacy.GWTEffects"></inherits> <!-- Inherit the default GWT style sheet. You can change --> <!-- the theme of your GWT application by uncommenting --> @@ -19,5 +20,5 @@ <public path="public" /> <stylesheet src="kune-sandbox.css" /> <set-property name="user.agent" value="safari,gecko1_8" /> - <inherits name="com.extjs.gxt.ui.GXT" /> + <inherits name="com.extjs.gxt.ui.GXT" /> </module> Modified: kune-sandbox/src/cc/kune/sandbox/client/KuneSandboxEntryPoint.java =================================================================== --- kune-sandbox/src/cc/kune/sandbox/client/KuneSandboxEntryPoint.java 2011-03-24 23:10:11 UTC (rev 1291) +++ kune-sandbox/src/cc/kune/sandbox/client/KuneSandboxEntryPoint.java 2011-03-25 10:09:09 UTC (rev 1292) @@ -1,9 +1,12 @@ package cc.kune.sandbox.client; import cc.kune.common.client.noti.NotifyLevel; -import cc.kune.common.client.ui.PopupPanelBottomCentered; -import cc.kune.common.client.ui.PopupPanelTopCentered; -import cc.kune.core.client.ui.dialogs.TwoButtonsDialog; +import cc.kune.common.client.ui.MaskWidget; +import cc.kune.common.client.ui.PopupBottomPanel; +import cc.kune.common.client.ui.PopupTopPanel; +import cc.kune.core.client.tool.ToolSelectorItemPanel; +import cc.kune.core.client.tool.ToolSelectorPanel; +import cc.kune.core.client.ui.dialogs.BasicDialog; import cc.kune.msgs.client.CloseCallback; import cc.kune.msgs.client.UserMessage; import cc.kune.msgs.client.UserMessagesPanel; @@ -11,9 +14,11 @@ import com.extjs.gxt.ui.client.widget.button.Button; import com.google.gwt.core.client.EntryPoint; +import com.google.gwt.user.client.DOM; import com.google.gwt.user.client.Timer; import com.google.gwt.user.client.ui.IsWidget; import com.google.gwt.user.client.ui.Label; +import com.google.gwt.user.client.ui.RootPanel; import com.google.gwt.user.client.ui.VerticalPanel; /** @@ -21,48 +26,115 @@ */ public class KuneSandboxEntryPoint implements EntryPoint { + private PopupBottomPanel pop; + /** * This is the entry point method. */ @Override public void onModuleLoad() { + // testUserMessages(); + // testDialogs(); + ToolSelectorPanel toolSelector = new ToolSelectorPanel(); + ToolSelectorItemPanel toolItem1 = new ToolSelectorItemPanel(); + toolItem1.getLabel().setText("documents"); + ToolSelectorItemPanel toolItem2 = new ToolSelectorItemPanel(); + toolItem2.getLabel().setText("something very longgggggg"); + ToolSelectorItemPanel toolItem3 = new ToolSelectorItemPanel(); + toolItem3.getLabel().setText("media"); + toolSelector.addItem(toolItem1); + toolSelector.addItem(toolItem2); + toolSelector.addItem(toolItem3); + toolItem1.setSelected(true); + toolItem2.setSelected(false); + toolItem3.setSelected(false); + toolSelector.asWidget().setWidth("200px"); + // toolSelector.addWidget(new Label("Test")); + RootPanel.get().add(toolSelector.asWidget()); + } + + private void postAdd(final PopupBottomPanel pop) { + pop.setCenterPosition(); + } + + private void postAdd(final PopupTopPanel pop) { + pop.setCenterPosition(); + } + + private void testDialogs() { + final PopupTopPanel pop2 = new PopupTopPanel(false, true); + pop2.setGlassEnabled(true); + final BasicDialog dialog = new BasicDialog(); + pop2.add(dialog); + + dialog.getTitleText().setText("Title"); + dialog.getFirstBtnText().setText("Accept"); + dialog.getSecondBtnText().setText("Cancel"); + dialog.setFirstBtnTabIndex(2); + dialog.setSecondBtnTabIndex(3); + final VerticalPanel sPanel = new VerticalPanel(); + sPanel.add(new Label("lo que sea")); + final Button btn = new Button("lo que sea"); + btn.setTabIndex(1); + btn.focus(); + sPanel.add(btn); + sPanel.setSize("300px", "150px"); + dialog.getInnerPanel().add((IsWidget) sPanel); + final Label label = new Label("Test label"); + // final NotifyLevelImages levelImg = + // GWT.create(NotifyLevelImages.class); + // dialog.getBottomPanel().add(new MessagePanel(levelImg, "kk")); + final MaskWidget mask = new MaskWidget(); + + RootPanel.get().add(label); + pop2.showNear(label); + // final String zIndex = DOM.getStyleAttribute(pop2.getElement(), + // "zIndex"); + DOM.setStyleAttribute(pop.getElement(), "zIndex", "10000"); + mask.mask(pop2, "JAarrrrr!"); + } + + private void testUserMessages() { final UserMessagesPanel panel = new UserMessagesPanel(); UserMessage.setFadeMills(3000); UserMessage.setCloseTitle("Close message"); panel.setWidth("422px"); final UserMessagesPresenter presenter = new UserMessagesPresenter(); presenter.init(panel); - final PopupPanelBottomCentered pop = new PopupPanelBottomCentered(); + + pop = new PopupBottomPanel(); final CloseCallback closeCalback = new CloseCallback() { @Override public void onClose() { pop.setCenterPosition(); } }; - presenter.add(NotifyLevel.info, "Title", "Lorem ipsum dolor sit amet, consectetuer adipiscing elit", false, + presenter.add(NotifyLevel.info, "Title", "Lorem ipsum dolor sit amet, consectetuer adipiscing elit", "", false, closeCalback); postAdd(pop); - presenter.add(NotifyLevel.error, "Title", "Lorem ipsum dolor sit amet, consectetuer adipiscing elit", false, - closeCalback); + presenter.add(NotifyLevel.error, "Title", "Lorem ipsum dolor sit amet, consectetuer adipiscing elit", "", + false, closeCalback); pop.add(panel); + postAdd(pop); - Timer time = new Timer() { + + final Timer time = new Timer() { @Override public void run() { presenter.add( NotifyLevel.error, "", "Lorem <a href='/'>ipsum</a> dolor sit amet, consectetuer adipiscing elit. Lorem ipsum dolor sit amet, consectetuer adipiscing elit", - true, closeCalback); + "", true, closeCalback); postAdd(pop); } }; - Timer time2 = new Timer() { + final Timer time2 = new Timer() { @Override public void run() { - presenter.add(NotifyLevel.important, "", "Lorem ", false, closeCalback); + presenter.add(NotifyLevel.important, "", "Lorem ", "", false, closeCalback); postAdd(pop); - presenter.add(NotifyLevel.important, "Title", "Lorem ", true, closeCalback); + presenter.add(NotifyLevel.important, "Title", "Lorem ", "", true, closeCalback); postAdd(pop); } }; @@ -70,27 +142,5 @@ time2.schedule(2000); pop.show(); - PopupPanelTopCentered pop2 = new PopupPanelTopCentered(false, true); - pop2.setGlassEnabled(true); - TwoButtonsDialog dialog = new TwoButtonsDialog(); - pop2.add(dialog); - - dialog.getTitleText().setText("Title"); - dialog.getFirstBtnText().setText("Accept"); - dialog.getSecondBtnText().setText("Cancel"); - VerticalPanel sPanel = new VerticalPanel(); - sPanel.add(new Label("lo que sea")); - sPanel.add(new Button("lo que sea")); - sPanel.setSize("300px", "150px"); - dialog.getInnerPanel().add((IsWidget) sPanel); - pop2.show(); } - - private void postAdd(final PopupPanelTopCentered pop) { - pop.setCenterPosition(); - } - - private void postAdd(final PopupPanelBottomCentered pop) { - pop.setCenterPosition(); - } } Modified: kune-sandbox/war/Kune_sandbox.css =================================================================== --- kune-sandbox/war/Kune_sandbox.css 2011-03-24 23:10:11 UTC (rev 1291) +++ kune-sandbox/war/Kune_sandbox.css 2011-03-25 10:09:09 UTC (rev 1292) @@ -32,3 +32,12 @@ #closeButton { margin: 15px 6px 6px; } + +.k-lateral-focusTab { + background: red; +} + +.k-central-nav { + background: grey; +} + Modified: kune-sandbox/war/Kune_sandbox.html =================================================================== --- kune-sandbox/war/Kune_sandbox.html 2011-03-24 23:10:11 UTC (rev 1291) +++ kune-sandbox/war/Kune_sandbox.html 2011-03-25 10:09:09 UTC (rev 1292) @@ -6,44 +6,67 @@ <!-- differences in layout. --> <html> - <head> - <meta http-equiv="content-type" content="text/html; charset=UTF-8"> +<head> +<meta http-equiv="content-type" content="text/html; charset=UTF-8"> +<link rel="stylesheet" type="text/css" + href="http://yui.yahooapis.com/2.8.0r4/build/reset/reset-min.css"> +<!-- FIXME: make something local --> +<script src="//ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script> +<script> + WebFont.load({ + google : { + families : [ 'Ubuntu' ] + } + }); +</script> +<!-- --> +<!-- Consider inlining CSS to reduce the number of requested files --> +<!-- --> +<link type="text/css" rel="stylesheet" href="ExtGWT/css/gxt-all.css"> +<link type="text/css" rel="stylesheet" href="Kune_sandbox.css"> +<!-- --> +<!-- Any title is fine --> +<!-- --> +<title></title> +<link + href='http://fonts.googleapis.com/css?family=Ubuntu:regular,italic,bold,bolditalic' + rel='stylesheet' type='text/css'> +<!-- <link href='http://fonts.googleapis.com/css?family=Inconsolata' + rel='stylesheet' type='text/css'> --> +<link type="text/css" rel="stylesheet" href="kune-chat.css"> +<link type="text/css" rel="stylesheet" href="kune-hablar.css"> +<link type="text/css" rel="stylesheet" href="kune-common.css"> +<link type="text/css" rel="stylesheet" + href="fontface/ubuntufontface.css"> +<link type="text/css" rel="stylesheet" href="kune-message.css"> +<link type="text/css" rel="stylesheet" href="ws.css"> +<!-- --> +<!-- This script loads your compiled module. --> +<!-- If you add any GWT meta tags, they must --> +<!-- be added before this line. --> +<!-- --> +<script type="text/javascript" language="javascript" + src="kune_sandbox/kune_sandbox.nocache.js"></script> +</head> - <!-- --> - <!-- Consider inlining CSS to reduce the number of requested files --> - <!-- --> - <link type="text/css" rel="stylesheet" href="ExtGWT/css/gxt-all.css"> - <link type="text/css" rel="stylesheet" href="Kune_sandbox.css"> - <!-- --> - <!-- Any title is fine --> - <!-- --> - <title></title> - - <!-- --> - <!-- This script loads your compiled module. --> - <!-- If you add any GWT meta tags, they must --> - <!-- be added before this line. --> - <!-- --> - <script type="text/javascript" language="javascript" src="kune_sandbox/kune_sandbox.nocache.js"></script> - </head> +<!-- --> +<!-- The body can have arbitrary html, or --> +<!-- you can leave the body empty if you want --> +<!-- to create a completely dynamic UI. --> +<!-- --> +<body> - <!-- --> - <!-- The body can have arbitrary html, or --> - <!-- you can leave the body empty if you want --> - <!-- to create a completely dynamic UI. --> - <!-- --> - <body> +<!-- OPTIONAL: include this if you want history support --> +<iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' + style="position: absolute; width: 0; height: 0; border: 0"></iframe> - <!-- OPTIONAL: include this if you want history support --> - <iframe src="javascript:''" id="__gwt_historyFrame" tabIndex='-1' style="position:absolute;width:0;height:0;border:0"></iframe> - - <!-- RECOMMENDED if your web app will not function without JavaScript enabled --> - <noscript> - <div style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif"> - Your web browser must have JavaScript enabled - in order for this application to display correctly. - </div> - </noscript> +<!-- RECOMMENDED if your web app will not function without JavaScript enabled --> +<noscript> +<div + style="width: 22em; position: absolute; left: 50%; margin-left: -11em; color: red; background-color: white; border: 1px solid red; padding: 4px; font-family: sans-serif"> +Your web browser must have JavaScript enabled in order for this +application to display correctly.</div> +</noscript> - </body> +</body> </html> Added: kune-sandbox/war/cbg_button.css =================================================================== --- kune-sandbox/war/cbg_button.css (rev 0) +++ kune-sandbox/war/cbg_button.css 2011-03-25 10:09:09 UTC (rev 1292) @@ -0,0 +1,78 @@ +/* Button Style */ + +/* specific for Opera */ +.cbg-ButtonContent::selection { + background-color:transparent; +} + +.cbg-Button { + font-family: Arial, Helvetica, sans-serif; + font-size: 70%; /*relative to inherit 16px font-size*/ +} + +.cbg-Button .cbg-ButtonOuter { + border-color: #bcbcbc; +} + +.cbg-Button .cbg-ButtonInner { + background-color: #e2e2e2; + border-color: #bcbcbc; +} + +.cbg-Button .cbg-ButtonTop { + background-color: #f9f9f9; + border-bottom-color: #ededed; + border-bottom-width: 0.2em; + height: 0.9em; +} + +.cbg-Button .cbg-ButtonContent { + color: black; + line-height: 1.8em; + padding: 0 8px; +} + +.cbg-Button-active .cbg-ButtonInner { + background-color: #f9f9f9; +} + +.cbg-Button-active .cbg-ButtonTop { + background-color: #e2e2e2; +} + +.cbg-Button-disabled .cbg-ButtonContent { + color: #878787; +} + +.cbg-Button-hover .cbg-ButtonOuter { + border-color: #939393; +} + +.cbg-Button-hover .cbg-ButtonInner { + border-color: #939393; +} + +.cbg-Button-focus .cbg-ButtonOuter { + border-color: #444444; +} + +.cbg-Button-focus .cbg-ButtonInner { + border-color: #444444; +} + +/* ButtonBar specific style */ +.cbg-ButtonBar .cbg-BCLeft .cbg-ButtonInner { + border-left-color: white; +} + +.cbg-ButtonBar .cbg-Button-hover .cbg-ButtonInner { + border-color: #939393; +} + +.cbg-ButtonBar .cbg-Button-focus .cbg-ButtonInner { + border-color: #444444; +} + +.cbg-ButtonBar .cbg-BCRight .cbg-ButtonInner { + border-right-color: #bcbcbc; +} Added: kune-sandbox/war/kune-chat.css =================================================================== --- kune-sandbox/war/kune-chat.css (rev 0) +++ kune-sandbox/war/kune-chat.css 2011-03-25 10:09:09 UTC (rev 1292) @@ -0,0 +1,7 @@ +.k-chat-icon { + +} + +.k-chat-panel { + margin: 10px; +} \ No newline at end of file Added: kune-sandbox/war/kune-common.css =================================================================== --- kune-sandbox/war/kune-common.css (rev 0) +++ kune-sandbox/war/kune-common.css 2011-03-25 10:09:09 UTC (rev 1292) @@ -0,0 +1,412 @@ +.k-popup-top-centered { + +} + +.k-popup-bottom-centered { /* z-index:100000; */ + +} + +.k-floatleft,.k-fl { + float: left; +} + +.k-floatright,.k-fr { + float: right; +} + +.k-pointer { + cursor: pointer; + cursor: hand; +} + +.k-opacity80 { + kfilter: alpha(opacity = 80); + -moz-opacity: 0.80; + -khtml-opacity: 0.80; + opacity: 0.80; +} + +.k-opacity90 { + kfilter: alpha(opacity = 90); + -moz-opacity: 0.90; + -khtml-opacity: 0.90; + opacity: 0.90; +} + +.k-opacity95 { + kfilter: alpha(opacity = 95); + -moz-opacity: 0.95; + -khtml-opacity: 0.95; + opacity: 0.95; +} + +.gwt-PopupPanelGlass { + background-color: #f7ebe3 !important; + kfilter: alpha(opacity = 68) !important; + -moz-opacity: 0.68 !important; + -khtml-opacity: 0.68 !important; + opacity: 0.68 !important; +} + +.k-box-5shadow { + -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); + box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.5); +} + +.k-box-10shadow { + -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); + box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); +} + +.k-bottom-5corners { + -webkit-border-bottom-right-radius: 5px; + -moz-border-radius-bottomright: 5px; + border-bottom-right-radius: 5px; + -webkit-border-bottom-left-radius: 5px; + -moz-border-radius-bottomleft: 5px; + border-bottom-left-radius: 5px; +} + +.k-bottom-10corners { + -webkit-border-bottom-right-radius: 10px; + -moz-border-radius-bottomright: 10px; + border-bottom-right-radius: 10px; + -webkit-border-bottom-left-radius: 10px; + -moz-border-radius-bottomleft: 10px; + border-bottom-left-radius: 10px; +} + +.k-top-5corners { + -webkit-border-top-right-radius: 5px; + -moz-border-radius-topright: 5px; + border-top-right-radius: 5px; + -webkit-border-top-left-radius: 5px; + -moz-border-radius-topleft: 5px; + border-top-left-radius: 5px; +} + +.k-top-10corners { + -webkit-border-top-right-radius: 10px; + -moz-border-radius-topright: 10px; + border-top-right-radius: 10px; + -webkit-border-top-left-radius: 10px; + -moz-border-radius-topleft: 10px; + border-top-left-radius: 10px; +} + +.k-2corners { + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; +} + +.k-3corners { + -moz-border-radius: 3px; + -webkit-border-radius: 3px; + border-radius: 3px; +} + +.k-5corners { + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + border-radius: 5px; +} + +.k-10corners { + -moz-border-radius: 10px; + -webkit-border-radius: 10px; + border-radius: 10px; +} + +.k-dialog-outerp { + background-color: #552200; + border-top: 4px solid #000; + padding: 22px 4px 3px 4px; +} + +.k-dialog-title { + color: #552200; + font-size: 20px; + font-weight: bold; + margin: 5px 0 0 12px; +} + +.k-dialog-innerp { + background-color: #FFFFFF; + border: solid 1px #F2F2F2; + margin: 34px 16px 20px 16px; +} + +.k-dialog-btn-area { + padding:0 15px 15px 15px; + margin-bottom:30px; +} + +.k-dialog-btn-area div { + margin: 10px +} + +.k-dialog-innerp table { + margin: 5px; +} + +.k-dialog-btn { + text-shadow: 1px 1px 1px #FFFFFF; + font-weight: bold; +} + +.k-dialog-firstBtn { + float: left; +} + +.k-dialog-secondBtn { + float: right; +} + +.k-z100000 { + z-index: 100000; +} + +.k-z10000 { + z-index: 10000; +} + +.k-z1000 { + z-index: 1000; +} + +.oc-user-msg { + background-color: #FFCC00; + padding: 3px; +} + +.oc-user-msg-popup { + padding: 0px; + border: 0px; +} + +.oc-floatleft { + float: left; +} + +.oc-floatright { + float: right; +} + +.x-toolbar { + background: none !important; + border-color: transparent !important; +} + +.oc-testico { + background-image: url(/common/img/ico.png) !important; + -moz-background-clip: border; + -moz-background-inline-policy: continuous; + -moz-background-origin: padding; + background-attachment: scroll; + background-color: transparent; + background-position: 0 0; + background-repeat: no-repeat; + height: 16px; + widows: 16px; +} + +.oc-ico-pad { + padding-left: 20px; + white-space: normal; +} + +.oc-tb-spacer { + margin: 2px; + width: 2px; +} + +.oc-tb-bottom-line { + border-bottom-color: rgb(208, 208, 208); + border-bottom-style: solid; + border-bottom-width: 1px; +} + +.oc-blank-toolbar { + background: #FFF none repeat scroll 0% 50%; +} + +.oc-tb-sep { + padding-top: 4px; + padding-left: 5px; +} + +.oc-transp .x-panel-body { + background: transparent; +} + +.oc-menu { + cursor: default; + -moz-user-select: none; + -khtml-user-select: none; + -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); + border: 1 px solid #BBBBBB; +} + +.oc-menu .gwt-MenuItem { + cursor: default; + -moz-user-select: none; + -khtml-user-select: none; +} + +.oc-button { + padding: 2px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + text-decoration: none; + vertical-align: middle; + background-color: #F2F2F2; +} + +.oc-button:hover { + border: 2px orange solid; + background: #f0f0f0; + color: #855585; +} + +.oc-button:active { + border-top-color: #ffffff; + background: #ffffff; +} + +#oc-mshortcut { + position: absolute; + right: 10px; +} + +#oc-mshortcut-hidden { + visibility: hidden; +} + +#oc-mshortcut a { + text-decoration: none; + color: black; +} + +.oc-user-msg { + background-color: #FFCC00; + padding: 3px; +} + +.oc-user-msg-popup { + padding: 0px; + border: 0px; +} + +.oc-floatleft { + float: left; +} + +.oc-floatright { + float: right; +} + +.x-toolbar { + background: none !important; + border-color: transparent !important; +} + +.oc-testico { + background-image: url(/common/img/ico.png) !important; + -moz-background-clip: border; + -moz-background-inline-policy: continuous; + -moz-background-origin: padding; + background-attachment: scroll; + background-color: transparent; + background-position: 0 0; + background-repeat: no-repeat; + height: 16px; + widows: 16px; +} + +.oc-ico-pad { + padding-left: 20px; + white-space: normal; +} + +.oc-tb-spacer { + margin: 2px; + width: 2px; +} + +.oc-tb-bottom-line { + border-bottom-color: rgb(208, 208, 208); + border-bottom-style: solid; + border-bottom-width: 1px; +} + +.oc-blank-toolbar { + background: #FFF none repeat scroll 0% 50%; +} + +.oc-tb-sep { + padding-top: 4px; + padding-left: 5px; +} + +.oc-transp .x-panel-body { + background: transparent; +} + +.oc-menu { + cursor: default; + -moz-user-select: none; + -khtml-user-select: none; + -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); + border: 1 px solid #BBBBBB; +} + +.oc-menu .gwt-MenuItem { + cursor: default; + -moz-user-select: none; + -khtml-user-select: none; +} + +.oc-button { + padding: 2px; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + text-decoration: none; + vertical-align: middle; + background-color: #F2F2F2; +} + +.oc-button:hover { + border: 2px orange solid; + background: #f0f0f0; + color: #855585; +} + +.oc-button:active { + border-top-color: #ffffff; + background: #ffffff; +} + +#oc-mshortcut { + position: absolute; + right: 10px; +} + +#oc-mshortcut-hidden { + visibility: hidden; +} + +#oc-mshortcut a { + text-decoration: none; + color: black; +} + +.k-no-backimage,.k-no-backimage td { + background-image: none; +} \ No newline at end of file Added: kune-sandbox/war/kune-hablar.css =================================================================== --- kune-sandbox/war/kune-hablar.css (rev 0) +++ kune-sandbox/war/kune-hablar.css 2011-03-25 10:09:09 UTC (rev 1292) @@ -0,0 +1,602 @@ +/** Colors */ +.hablar-clearBackground { + background-color: white; +} + +.hablar-lightBackground { + background-color: #e9e9e9; +} + +.hablar-highlightBackground { + background-color: highlight; +} + +.hablar-defaultBackground { + background-color: #bbbbbb; +} + +.hablar-darkBackground { + background-color: #bbbbbb; +} + +.hablar-selectedBackground { + background-color: highlight; +} + +.hablar-selectedBackground div.hablar-RosterItemWidget:hover { + background-color: transparent; +} + +/** Text colors **/ +.hablar-clearColor { + color: black; +} + +.hablar-lightColor { + color: #BBBBBB; +} + +.hablar-mediumColor { + color: gray; +} + +.hablar-darkColor { + color: black; +} + +.hablar-errorColor { + color: #c00; +} + +/** Non generalizable styles **/ +div.hablar-ActionWidget:hover { + background-color: #BBBBBB; +} + +div.hablar-GroupHeaderWidget:hover { + background-color: #BBBBBB; + color: black; +} + +div.hablar-RosterItemWidget:hover { + background-color: #E9E9E9; +} + +div.hablar-SearchResultItemWidget:hover { + background-color: #e9e9e9; +} + +.hablar-ChatWidget .actions div.hablar-OccupantsWidget:hover { + background-color: #BBBBBB; + color: white; +} + +.hablar-Logger a.gwt-Anchor:hover { + color: white; + background-color: #BBBBBB; +} + +.hablar-HablarWidget .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab { + background-color: #AAAAAA; + padding: 0px 1px; + margin: 0 0px 0 0; + border-left: 1px solid #bbbbbb; + border-top: 1px solid #e9e9e9; + border-right: 1px solid e9e9e9; +} + +.hablar-HablarWidget .gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected + { + background-color: #e9e9e9; + border-left: 1px solid white; + border-top: 1px solid white; + border-right: 1px solid white; +} +/* +.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-HDragger { + background-color: #bbbbbb; + border-left: 1px solid gray; + border-right: 1px solid #e9e9e9; +} +*/ + +input[disabled] { + background-color: #e9e9e9; + color: black; +} + +.hablar-Header.unattended { + color: #cc0000; + font-weight: bold; +} + +.hablar-Header.unattended.blinkOn { + color: #000000; + background-color: highlight; +} + +/** Classes for borders **/ +.hablar-lightBordered { + border: 3px solid #E9E9E9; +} + +.hablar-partialLightBordered { + border-top: 1px solid #E9E9E9; + border-bottom: 1px solid #E9E9E9; +} + +.hablar-bottomLightBordered { + border-bottom: 1px solid #E9E9E9; +} + +.hablar-defaultBordered { + border-left: 1px solid #BBBBBB; + /* This border affects scroll visibility */ + border-top: 1px solid #BBBBBB; +} + +.hablar-topDefaultBordered { + border-top: 1px solid #BBBBBB; +} + +.hablar-bottomDefaultBordered { + border-bottom: 1px solid #BBBBBB; +} + +.hablar-partialDarkBordered { + border-left: 1px solid #BBBBBB; + border-top: 1px solid #BBBBBB; +} + +.hablar-darkBordered { + border: 1px solid #BBBBBB; +} + +.hablar-bottomDarkBordered { + border-bottom: 1px solid #BBBBBB; +} + +.hablar-disabledBordered { + border-left: 1px solid #8C8C8C; + border-top: 1px solid #8C8C8C; +} + +/** Accordion effects **/ +.hablar-AccordionHeaderWidget.notFocused { + border-top: 1px solid #E9E9E9; + border-bottom: 1px solid #BBB; +} + +.hablar-AccordionHeaderWidget.focused { + border-top: 1px solid white; + border-bottom: 1px solid #BBB; +} + +/** Chat messages **/ +.chatMessage .body.incoming { + +} + +.chatMessage .body.sent { + color: #808080; +} + +.chatMessage .body.info { + color: #808080; + font-style: italic; +} + +.chatMessage .body.alert { + color: #c00; +} + +.hablar-ChatWidget .chatMessage { + display: block; + width: 94%; + overflow: hidden; + padding: 2px 3% 2px 3%; +} + +.hablar-ChatWidget .chatMessage.odd { + background-color: #efefef; +} + +.chatMessage .author { + display: inline; + font-weight: bold; +} + +.chatMessage .metadata { + display: inline; + color: #808080; + font-size: 90%; +} + +.chatMessage .body { + display: inline; +} + +.hablar-EmoticonImage { + vertical-align: text-top; +} + +/** MUC room occupants **/ +.gwt-PopupPanel.occupants { + border-top: 1px solid #E9E9E9; + border-left: 1px solid #BBBBBB; + border-right: 1px solid #BBBBBB; + border-bottom: 1px solid #BBBBBB; + background-color: #e9e9e9; + z-index: 10000; +} + +/** IE6 ZINDEX BUG **/ +.hablar-HablarWidget { + z-index: 1; +} + +html { + font-family: Tahoma, sans-serif; + font-size: 80%; +} + +body { + height: 90%; +} + +/** HABLAR HEADER **/ +.hablar-Header { + width: 100%; + overflow: hidden; + cursor: pointer; + padding: 3px 0; +} + +.hablar-Header .icon { + float: left; + margin-right: 3px; + margin-left: 3px; +} + +.hablar-RosterGroupWidget .icon { + float: left; + margin-right: 3px; +} + +.hablar-Header .title { + float: left; +} + +.hablar-AccordionHeaderWidget .icon { + float: left; + margin: 0 3px 0 3px; +} + +.hablar-AccordionHeaderWidget .title { + display: block; + margin: 0 3px; +} + +.hablar-AccordionHeaderWidget .close { + float: right; + margin: 0px 3px 0 0; +} + +.hablar-TabsHeaderWidget { + padding: 0; + margin: 0; + background-color: transparent; + border: none; +} + +.hablar-TabsHeaderWidget .close { + margin: 2px 3px; +} + +.hablar-AccordionHeader .close { + margin: 2px 3px 0 0; +} + +.hablar-AccordionHeader .icon { + +} + +.hablar-AccordionHeader .title { + display: block; +} + +.hablar-TabsHeaderWidget .title { + display: inline; + margin-right: 10px; +} + +/** DOCKS **/ +.hablar-DockContainer-top { + background-color: transparent; + z-index: 4000; +} + +.hablar-Header.DockHeaderWidget-top { + background-color: transparent; + border: 1px transparent; +} + +.hablar-Header.DockHeaderWidget-left { + cursor: default; + -moz-user-select: none; +} + +.DockHeaderWidget-left .icon { + margin-left: 3px; +} + +/** LIST ITEMS **/ +.hablar-ListItem { + display: block; + width: 100%; + overflow: hidden; + padding: 5px 0px 0 0px; +} + +.clickable { + cursor: pointer; +} + +/** USER **/ +.hablar-UserWidget .container { + padding: 0px 10px; + z-index: 3000; +} + +.hablar-UserWidget h2 { + margin: 15px 0 5px 0; +} + +.hablar-UserWidget .actions { + padding: 5px 0 0 10px; +} + +/** ROSTER **/ +.hablar-RosterWidget .item { + width: 100%; + overflow: hidden; +} + +.hablar-RosterWidget .actions { + width: 100%; + overflow: hidden; +} + +.hablar-RosterWidget .actions .hablar-ActionWidget { + float: left; + margin-right: 1px; +} + +.hablar-GroupHeaderWidget { + overflow: hidden; + padding: 3px; + cursor: pointer; + border-bottom: 1px solid #BBBBBB; + border-top: 1px solid white; +} + +.hablar-GroupHeaderWidget .label { + display: block; + margin: 3px; +} + +.hablar-GroupHeaderWidget .menu { + float: right; + margin-right: 3px; +} + +.hablar-RosterItemWidget .user { + float: left; +} + +.hablar-RosterItemWidget .icon { + display: block; + float: left; + margin: 2px 5px 2px 2px; +} + +.hablar-RosterItemWidget .name { + display: block; + float: left; + margin-right: 5px; +} + +.hablar-RosterItemWidget .menu { + float: right; +} + +.hablar-RosterGroupWidget .menu { + float: right; + cursor: pointer; +} + +/** CHAT PAGE **/ +.hablar-ChatWidget .actions div { + float: right; +} + +/** SEARCH PAGE **/ +.hablar-SearchWidget .searchBox { + width: 75%; + padding: 3px; + margin-right: 1%; +} + +.hablar-SearchWidget .gwt-Button { + width: 20%; +} + +/** ROOMS **/ +.hablar-ChatWidget .actions .hablar-OccupantsWidget { + display: block; + float: left; + padding: 2px 5px; + margin-left: 5px; + -moz-border-radius: 5px; + -webkit-border-radius: 5px; + cursor: pointer; +} + +.hablar-OccupantWidget { + width: 100%; + overflow: hidden; + margin: 2px 5px; + cursor: default; +} + +.hablar-OccupantWidget .icon { + display: block; + float: left; + margin-right: 5px; +} + +.hablar-OccupantWidget .name { + display: block; + float: left; +} + +/** ROOM INVITATION **/ +.hablar-OpenRoomWidget .list { + padding: 5px; +} + +/** LOGGER **/ +.hablar-Logger .gwt-Label { + opacity: 0.5; +} + +.hablar-Logger .gwt-Label.ready { + opacity: 1; +} + +.hablar-Logger .output { + color: blue; +} + +.hablar-Logger .input { + color: #0c0; +} + +/** OVERLAY **/ +.hablar-Overlay { + z-index: 7000; + padding: 20px 10px 10px 10px; +} + +/** FORMS **/ +.form p { + width: 100%; + overflow: hidden; + margin: 3px 0; +} + +.form h2 { + font-size: 200%; +} + +.form span.option { + display: block; + margin: 0 0 15px 30px; +} + +.form p label { + display: block; + margin-top: 5px; + margin-right: 10px; + margin-right: 0.5em; +} + +.form p .gwt-Label { + font-weight: bold; +} + +.form .actions { + padding-left: 5px; + margin-top: 15px; + padding-top: 5px; +} + +.form .gwt-TextBox,.form .gwt-PasswordTextBox { + padding: 2px; + width: 98%; + border: 0; +} + +.form p .gwt-RadioButton,.form p .gwt-CheckBox { + display: block; + width: 100%; + overflow: hidden; +} + +.form p .gwt-RadioButton input,.form p .gwt-CheckBox input { + float: left; + margin-right: 5px; +} + +.form p .gwt-RadioButton label,.form p .gwt-CheckBox label { + float: left; + margin: 0; +} + +.hablar-PopupPanel { + z-index: 5000; + -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); + -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5); +} + +.hablar-PresenceWidget .controls { + width: 100%; + overflow: hidden; +} + +.hablar-PresenceWidget .menu,.hablar-PresenceWidget .icon { + float: left; + margin-top: 4px; +} + +.loading { + width: 100%; + overflow: hidden; +} + +.loading .icon { + display: block; + float: left; + margin-right: 5px; +} + +/** SEMANTIC CSS PLEASE! **/ +.overflowhidden { + overflow: hidden; +} + +/** ADD TO GROUP **/ +.hablar-ManageGroupsWidget .list { + padding: 5px; +} + +/** COPY TO CLIPBOARD **/ +.hablar-CopyToClipboardWidget .gwt-TextArea { + width: 100%; + height: 10em; + margin-top: 3px; +} + +.ellipsis { + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; + -o-text-overflow: ellipsis; + -ms-text-overflow: ellipsis; + -moz-binding: url('ellipsis.xml#ellipsis'); + width: 100% +} + +.gwt-TextArea { + border: 1px solid #bbbbbb; +} \ No newline at end of file Added: kune-sandbox/war/kune-message.css =================================================================== --- kune-sandbox/war/kune-message.css (rev 0) +++ kune-sandbox/war/kune-message.css 2011-03-25 10:09:09 UTC (rev 1292) @@ -0,0 +1,33 @@ +.k-msg-panel { + background-color: #892c00; + border-collapse: separate; + border-spacing: 15px 8px; +} + +.k-msg-panel-title { + color: #ffe9da; + font-weight: bold; + margin-bottom: 10px; +} + +.k-msg { + border: solid 1px #F2F2F2; + background: #fff0e6; + color: #280b0b; + border-collapse: separate; + border-spacing: 0px; +} + +.k-msg-close { + position: relative; + right: -14px; + top: 0px; +} + +.k-msg-icon { + padding: 10px 10px 5px; +} + +.k-msg-label { + font-size: 17px; +} \ No newline at end of file Added: kune-sandbox/war/ws.css =================================================================== --- kune-sandbox/war/ws.css (rev 0) +++ kune-sandbox/war/ws.css 2011-03-25 10:09:09 UTC (rev 1292) @@ -0,0 +1,1089 @@ +@CHARSET "UTF-8"; + +body { + background-color: white; + color: black; + font-family: 'Ubuntu', Arial; + font-size: small; + margin: 5px; + overflow: hidden; +} + +* { + font-family: 'Ubuntu', Arial; +} + +body.fontface { + font: 'Ubuntu', Arial; +} + +/* +a { + color: darkblue; +} + +a:visited { + color: darkblue; +} +*/ +.gwt-DialogBox { + border: 2px solid #AAAAAA; + background-color: white; +} + +.gwt-DialogBox .Caption { + background-image: url(gray_gradient.gif); + background-repeat: repeat-x; + padding: 4px; + padding-bottom: 8px; + font-weight: bold; + cursor: default; +} + +.gwt-MenuBar { + background-color: #C3D9FF; + cursor: default; +} + +.gwt-MenuItem { + font-size: 14px; + margin: 1px; + cursor: default; +} + +.gwt-MenuItem-selected { + background-color: #E8EEF7; +} + +.gwt-Tree { + +} + +.gwt-Tree .gwt-TreeItem { + font-size: 14px; + cursor: default; +} + +.gwt-Tree .gwt-TreeItem-selected { + background-color: #C3D9FF; +} + +.gwt-StackPanel { + background-color: white; + border: 1px solid #AAAAAA; + width: 15em; +} + +.gwt-StackPanel .gwt-StackPanelItem { + background-image: url(blue_gradient.gif); + background-repeat: repeat-x; + background-color: #EEEEEE; + cursor: pointer; + cursor: hand; +} + +.gwt-StackPanel .gwt-StackPanelItem-selected { + +} + +.gwt-TabPanel { + +} + +.gwt-TabPanelBottom { + border-left: 1px solid #87b3ff; + border-right: 1px solid #87b3ff; + border-bottom: 1px solid #87b3ff; +} + +.gwt-TabBar { + font-size: smaller; +} + +.gwt-TabBar .gwt-TabBarFirst { + height: 100%; + border-bottom: 1px solid #87b3ff; + border-right: 1px solid #87b3ff; + padding-left: 3px; +} + +.gwt-TabBar .gwt-TabBarRest { + border-bottom: 1px solid #87b3ff; + padding-right: 3px; +} + +.gwt-TabBar .gwt-TabBarItem { + border-top: 1px solid #87b3ff; + border-bottom: 1px solid #87b3ff; + padding: 2px; + cursor: hand; + white-space: nowrap; + border-right: 1px solid #87b3ff; +} + +.gwt-TabBar .gwt-TabBarItem-selected { + font-weight: bold; + background-color: #e8eef7; + border-top: 1px solid #87b3ff; + border-right: 1px solid #87b3ff; + border-bottom: 1px solid #e8eef7; + padding: 2px; + cursor: default; + white-space: nowrap; +} + +.gwt-PushButton-up { + background-color: #C3D9FF; + padding: 2px; + border: 2px solid transparent; + border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) + rgb(232, 241, 255); + cursor: pointer; + cursor: hand; +} + +.gwt-PushButton-up-hovering { + background-color: #C3D9FF; + padding: 2px; + border: 2px solid transparent; + border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) + rgb(232, 241, 255); + cursor: pointer; + cursor: hand; +} + +.gwt-PushButton-down { + background-color: #C3D9FF; + padding: 2px; + border: 2px solid transparent; + border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) + rgb(157, 174, 205); + cursor: pointer; + cursor: hand; +} + +.gwt-PushButton-down-hovering { + background-color: #C3D9FF; + padding: 2px; + border: 2px solid transparent; + border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) + rgb(157, 174, 205); + cursor: pointer; + cursor: hand; +} + +.gwt-ToggleButton-up { + background-color: #C3D9FF; + padding: 2px; + border: 2px solid transparent; + border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) + rgb(232, 241, 255); + cursor: pointer; + cursor: hand; +} + +.gwt-ToggleButton-up-hovering { + background-color: #C3D9FF; + padding: 2px; + border: 2px solid transparent; + border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) + rgb(232, 241, 255); + cursor: pointer; + cursor: hand; +} + +.gwt-ToggleButton-down { + background-color: #C3D9FF; + padding: 2px; + background-color: #E8F1FF; + border: 2px solid transparent; + border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) + rgb(157, 174, 205); + cursor: pointer; + cursor: hand; +} + +.gwt-ToggleButton-down-hovering { + background-color: #C3D9FF; + padding: 2px; + background-color: #E8F1FF; + border: 2px solid transparent; + border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) + rgb(157, 174, 205); + cursor: pointer; + cursor: hand; +} + +.gwt-RichTextArea { + border: 1px solid black; + background-color: white; +} + +.gwt-RichTextToolbar { + background-color: #C3D9FF; + padding: 2px; +} + +.gwt-RichTextToolbar .gwt-PushButton-up { + margin-right: 2px; + border: 1px solid #C3D9FF; +} + +.gwt-RichTextToolbar .gwt-PushButton-up-hovering { + margin-right: 2px; + border: 1px solid #C3D9FF; + border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) + rgb(232, 241, 255); +} + +.gwt-RichTextToolbar .gwt-PushButton-down { + margin-right: 2px; + border: 1px solid #C3D9FF; + border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) + rgb(157, 174, 205); +} + +.gwt-RichTextToolbar .gwt-PushButton-down-hovering { + margin-right: 2px; + border: 1px solid #C3D9FF; + border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) + rgb(157, 174, 205); +} + +.gwt-RichTextToolbar .gwt-ToggleButton-up { + margin-right: 2px; + border: 1px solid #C3D9FF; +} + +.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering { + margin-right: 2px; + border: 1px solid #C3D9FF; + border-color: #E8F1FF rgb(157, 174, 205) rgb(157, 174, 205) + rgb(232, 241, 255); +} + +.gwt-RichTextToolbar .gwt-ToggleButton-down { + margin-right: 2px; + background-color: #E8F1FF; + border: 1px solid #C3D9FF; + border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) + rgb(157, 174, 205); +} + +.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering { + margin-right: 2px; + background-color: #E8F1FF; + border: 1px solid #C3D9FF; + border-color: #9DAECD rgb(232, 241, 255) rgb(232, 241, 255) + rgb(157, 174, 205); +} + +.gwt-HorizontalSplitPanel { + border: 8px solid #C3D9FF; +} + +.gwt-HorizontalSplitPanel .splitter { + background-color: #C3D9FF; + cursor: move; +} + +.gwt-HorizontalSplitPanel .left { + background-color: #E8EEF7; +} + +.gwt-VerticalSplitPanel { + border: 8px solid #C3D9FF; +} + +.gwt-VerticalSplitPanel .splitter { + background-color: #C3D9FF; + height: 8px; + cursor: move; +} + +.gwt-SuggestBoxPopup { + border: 2px solid #C3D9FF; +} + +.gwt-SuggestBoxPopup .item { + padding: 2px; +} + +.gwt-SuggestBoxPopup .item-selected { + background-color: #C3D9FF; + padding: 2px; +} + +.gwt-DisclosurePanel { + border: 2px solid #C3D9FF; +} + +.gwt-DisclosurePanel .header { + background-color: #e8eef7; + cursor: hand; +} + +.gwt-SplitLayoutPanel { + +} + +.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-HDragger { + background-color: white; + background: url("images/spliter-top.png") no-repeat scroll center bottom + white; + cursor: col-resize; +} + +.gwt-SplitLayoutPanel .gwt-SplitLayoutPanel-VDragger { + background-color: white; + background: none; + cursor: row-resize; +} + +.kLoadingPanel { + background-color: #FF9999; + -webkit-border-bottom-right-radius: 4px; + -moz-border-radius-bottomright: 4px; + border-bottom-right-radius: 4px; + padding: 0 1px 0 3px; + border-collapse: separate; + border-spacing: 2px; +} + +.kLoadingLabel { + font-size: 14px; + color: white; + font-weight: bold; + padding: 0 5px 0 5px; +} + +.k-space-sel { + margin-right: 10px; + background-color: #F2F2F2; +} + +.k-space-sel-btn { + padding: 0 1px 0 1px; + margin: 0 0 -2px; +} + +.k-sitebar-logo { + margin-top: 2px; +} + +.x-btn button,button { /* font: 18px/27px 'Ubuntu', arial; */ + +} + +.k-btn-sitebar span,.k-btn-sitebar button span,.k-sitebar button span { + text-decoration: underline; +} + +.k-btn-sitebar,.k-btn-sitebar button,.k-sitebar button { + font: 13px 'Ubuntu', arial; + color: #B3B3B3; + cursor: pointer; + white-space: nowrap; + background: none; + border: 0px; + padding: 0 3px 0 0 !important; +} + +.k-sitebar-wave-status { + font: 13px 'Ubuntu', arial; + /* font-weight: bold; */ + color: #B3B3B3; + white-space: nowrap; + background: none; + border: 0px; + padding: 1px 7px 0 0 !important; +} + +.k-sitebar-wave-status,.k-sitebar-wave-status-online { + color: red; +} + +.k-sitebar-wave-status,.k-sitebar-wave-status-offline { + color: green; +} + +.k-sitebar button:hover { + border: 0px; + background: none; +} + +.k-btn-sitebar button { + margin-top: -5px; +} + +.k-sitebar { /* margin-top: -30px; */ + +} + +.k-link { + text-decoration: underline; + color: green; + cursor: pointer; +} + +/* Margins */ +.kune-Margin-40-trbl { + margin: 40px; +} + +.kune-Margin-40-lr { + margin-left: 40px; + margin-right: 40px; +} + +.kune-Margin-40-tl { + margin-top: 40px; + margin-left: 40px; +} + +.kune-Margin-40-tb { + margin-top: 40px; + margin-bottom: 40px; +} + +.kune-Margin-40-t { + margin-top: 40px; +} + +.kune-Margin-40-r { + margin-right: 40px; +} + +.kune-Margin-40-l { + margin-left: 40px; +} + +.kune-Margin-20-trbl { + margin: 20px; +} + +.kune-Margin-20-lr { + margin-left: 20px; + margin-right: 20px; +} + +.kune-Margin-20-tl { + margin-top: 20px; + margin-left: 20px; +} + +.kune-Margin-20-tb { + margin-top: 20px; + margin-bottom: 20px; +} + +.kune-Margin-20-t { + margin-top: 20px; +} + +.kune-Margin-20-r { + margin-right: 20px; +} + +.kune-Margin-20-l { + margin-left: 20px; +} + +.kune-Margin-Large-trbl { + margin: 10px; +} + +.kune-Margin-Large-lr { + margin-left: 10px; + margin-right: 10px; +} + +.kune-Margin-Large-tl { + margin-top: 10px; + margin-left: 10px; +} + +.kune-Margin-Large-tb { + margin-top: 10px; + margin-bottom: 10px; +} + +.kune-Margin-Large-t { + margin-top: 10px; +} + +.kune-Margin-Large-r { + margin-right: 10px; +} + +.kune-Margin-Large-l { + margin-left: 10px; +} + +.kune-Margin-7-trbl { + margin: 7px; +} + +.kune-Margin-7-lr { + margin-left: 7px; + margin-right: 7px; +} + +.kune-Margin-7-tl { + margin-top: 7px; + margin-left: 7px; +} + +.kune-Margin-7-tb { + margin-top: 7px; + margin-bottom: 7px; +} + +.kune-Margin-7-t { + margin-top: 7px; +} + +.kune-Margin-7-r { + margin-right: 7px; +} + +.kune-Margin-7-b { + margin-bottom: 7px; +} + +.kune-Margin-7-l { + margin-left: 7px; +} + +.kune-Margin-Medium-trbl { + margin: 5px; +} + +.kune-Margin-Medium-lr { + margin-left: 5px; + margin-right: 5px; +} + +.kune-Margin-Medium-tl { + margin-top: 5px; + margin-left: 5px; +} + +.kune-Margin-Medium-tb { + margin-top: 5px; + margin-bottom: 5px; +} + +.kune-Margin-Medium-t { + margin-top: 5px; +} + +.kune-Margin-Medium-r { + margin-right: 5px; +} + +.kune-Margin-Medium-b { + margin-bottom: 5px; +} + +.kune-Margin-Medium-l { + margin-left: 5px; +} + +.kune-Margin-Small-trbl { + margin: 3px; +} + +.kune-Margin-Small-lr { + margin-left: 3px; + margin-right: 3px; +} + +.kune-Margin-Small-tl { + margin-top: 3px; + margin-left: 3px; +} + +.kune-Margin-Small-tb { + margin-top: 3px; + margin-bottom: 3px; +} + +.kune-Margin-Small-t { + margin-top: 3px; +} + +.kune-Margin-Small-l { + margin-left: 3px; +} + +.kune-Margin-Small-r { + margin-right: 3px; +} + +.kune-Margin-Small-b { + margin-bottom: 3px; +} + +.kune-Margin-Mini-trbl { + margin: 1px; +} + +.kune-Margin-Mini-lr { + margin-left: 1px; + margin-right: 1px; +} + +.kune-Margin-Mini-tl { + margin-top: 1px; + margin-left: 1px; +} + +.kune-Margin-Mini-tb { + margin-top: 1px; + margin-bottom: 1px; +} + +.kune-Margin-Mini-t { + margin-top: 1px; +} + +.kune-Margin-Mini-r { + margin-right: 1px; +} + +.kune-Margin-Mini-b { + margin-bottom: 1px; +} + +.kune-Margin-Mini-l { + margin-left: 1px; +} + +.k-publicspace-msg { + background-color: #E0E0E0; +} + +.k-publicspace-mask { /* background-color: #fff !important; + kfilter: alpha(opacity = 68) !important; + -moz-opacity: 0.68 !important; + -khtml-opacity: 0.68 !important; + opacity: 0.68 !important;*/ + +} + +.k-publicspace-panel { + margin: 5px; + display: table-row; +} + +.k-publicspace-icon { + margin: 3px 3px 3px 0; + float: left; +} + +.k-publicspace-title { + font-weight: bold; + display: block; + margin-bottom: 5px; + font-size: 16px; + display: table-caption; +} + +.k-publicspace-description { + font-size: 14px; + display: table-cell; +} + +.k-publicspace-actions { + display: inline; +} + +.k-message-panel { + margin: 5px; + display: table-row; +} + +.k-message-icon { + margin: 3px 3px 3px 0; + float: left; +} + +.k-message-title { + font-weight: bold; + display: block; + margin-bottom: 5px; + font-size: 16px; + display: table-caption; +} + +.k-message-description { + font-size: 14px; + display: table-cell; +} + +.k-error-tb { + background: #FFB380 none repeat scroll 0% 50%; + /* color: #250; */ + padding: 10px; +} + +.k-error-tb img { + margin: 0 10px; + float: left; +} + +.k-error-tb div { + font-size: 14px; + display: table-cell; +} + +.k-mask { + background-color: #F2F2F2 !important; + /* kfilter: alpha(opacity = 78) !important; */ + -moz-opacity: 0.78 !important; + -khtml-opacity: 0.78 !important; + opacity: 0.78 !important; +} + +.x-form-item-label { + font-size: 14px; + font-weight: bold; + color: brown; +} + +.x-form-text { + font-size: 14px; +} + +.x-fieldset-header-text,.x-form-group-label,.x-form-cb-label { + font-size: 14px; + font-family: 'Ubuntu', Arial; +} + +.k-form-intro { + font-size: 14px; + margin-bottom: 10px; +} + +.k-form-fieldset { + font-size: 16px; + margin-left: 105px; +} + +.k-basic-thumb { + background-color: #F2F2F2; + -moz-border-radius: 2px; + -webkit-border-radius: 2px; + border-radius: 2px; +} + +.k-basic-thumb img { + margin: 2px 2px 0px 2px; +} + +.k-basic-thumb div { + margin: -3px 0px 0px 0px; + font-weight: normal; + font-size: 12px; +} + +.k-sn-mainpanel { + font-size: 16px; + font-weight: bold; +} + +.k-sn-maintitle { + margin: 5px; +} + +.k-sn-maintitle { + color: #a05a2c; + font-size: 20px; +} + +.k-sn-adminslabel,.k-sn-collabslabel,.k-sn-pendingslabel { + color: #FFF; + text-transform: lowercase; + padding-left: 10px; + float: left; +} + +.k-sn-adminsCountlabel,.k-sn-collabsCountlabel,.k-sn-pendingsCountlabel + { + float: left; + padding-left: 5px; + color: #e0e0e0; +} + +.k-sn-adminslabel { + +} + +.k-sn-mainpanel .k-basic-thumb { + float: left; +} + +/* +.k-sn-mainpanel .x-btn button { + text-decoration: underline; + white-space: nowrap; +} +*/ +.k-sn-mainpanel .x-btn button,.k-sn-mainpanel button { + font: 13px 'Ubuntu', arial; + border: 2px solid #CCCCCC; + cursor: pointer; + margin: 0; + padding: 3px 0; + text-decoration: none; + background-color: #F2F2F2; + color: #855585; + -webkit-border-radius: 6px; + -moz-border-radius: 6px; + border-radius: 6px; + vertical-align: middle; + line-height: 2em !important; + height: 26px !important; + font-weight: bold; + /* +font-size:small; + cursor: pointer; + border: 2px gray solid; + padding-left: 25px !important; */ +} + +.k-sn-mainpanel .x-btn button:hover,.k-sn-mainpanel button:hover { + border: 2px orange solid; + background: #f0f0f0; + color: #855585; +} + +.k-sn-mainpanel .x-btn button:active,.k-sn-mainpanel button:active { + border-top-color: #ffffff; + background: #ffffff; +} + +.k-sn-collabslabel { + +} + +.k-sn-pendingslabel { + +} + +.k-sn-orphan-label { + padding: 10px; +} + +.k-sn-novisible-label { + padding: 10px; +} + +.k-sn-adminspanel { + background-color: #a05a2c; +} + +.k-sn-collabspanel { + background-color: #d38d5f; +} + +.k-sn-pendingspanel { /* background-color: #a05a2c; */ + +} + +.k-sn-adminsscroll,.k-sn-collabsscroll,.k-sn-pendingsscroll { + +} + +.k-sn-adminsflow,.k-sn-collabsflow,.k-sn-pendingsflow { + margin-left: 10px; +} + +.k-sn-adminsscroll { + +} + +.k-sn-collabsscroll { + +} + +.k-sn-pendingsscroll { + +} + +.k-userconfirm-label { + width: 300px; + margin: 10px; +} + +.k-sn-deck { + +} + +.k-sn-bottomPanel { + padding: 8px 10px 0; + float: left; +} + +.k-sn-bottomPanel-actions { + width: 100%; +} + +.k-sn-novisible-label,.k-sn-orphan-label { + color: #FFF; + font-size: 16px; + font-weight: bold; +} + +.k-frame-def { + margin: 0px; + border: 0px; +} + +.k-maxsize { + width: 100%; + height: 100%; +} + +.k-footer-license-label { + float: right; + margin-top: 8px; + cursor: pointer; + font-weight: bold; + font-size: 16px; + color: #784421; +} + +.k-footer-license-label-title { + margin-right: 5px; + color: #280b0b; +} + +.k-footer-license-img { + float: right; + margin: 10px 15px 0px 5px; + cursor: pointer; +} + +.k-sn-options-menu { + float: left; +} + +.k-sn-options-menu button { + background-color: none; +} + +.k-sn-join { + float: left; +} + +.k-entitytextlogo-border { + border: 2px solid #F2F2F2; +} + +.k-entitytextlogo-no-border { + border: none; +} + +.k-entitytextlogo { + height: 60px; + margin: 5px; + overflow: hidden; + width: 468px; +} + +.k-entitytextlogo table { + vertical-align: middle; +} + +.k-elogo-l-l { + font-size: 46px; +} + +.k-elogo-l-m { + font-size: 167%; +} + +.k-elogo-l-s { + font-size: 108%; +} + +.k-entitytextlogo .gwt-Label { + font-weight: 700; + margin: 5px; + height: 27px; +} + +.k-entitytextlogo-default .gwt-Label { + color: #69312F; +} + +.k-entitytextlogo-green .gwt-Label { + color: #250; +} + +.k-entitytextlogo-blue .gwt-Label { + color: #000080; +} + +.k-entitytextlogo-grey .gwt-Label { + color: #1A1A1A; +} + +.k-entitytextlogo-purple .gwt-Label { + color: #440055; +} + +.k-entitytextlogo-red .gwt-Label { + color: #800000; +} + +.k-elogo-plink { + color: #CCC; + font-size: 85%; + margin: 5px; + text-decoration: underline; + white-space: nowrap; + background-color: #FFF; +} + +.k-elogop-expand { + background-color: transparent; +} + +.k-tsp-tag { + float: left; + padding: 3px; + cursor: pointer; + color: #5B4683; +} + +.k-tsp-cloud { + line-height: 1.5em; + text-align: center; +} + +.k-tool-panel { + background-color: #DEAA87; +} + +.k-tool-item { + display: block; + cursor: pointer; +} + +.k-tool-item-focus { + background-color: #d38d5f; +} + +.k-tool-item-nofocus { +} + +.k-tool-item-selected { + background-color: #C87137; +} + +.k-tool-item-notselected { + background-color: inherits; +} \ No newline at end of file