-New theme (candidate 0.3) implementation started.
-CSS classname conventions forced on several client side components.
svn changeset:2371/svn branch:trunk
public class Caption extends HTML {
+ public static final String CLASSNAME = "i-caption";
+
private Paintable owner;
private Element errorIndicatorElement;
public Caption(Paintable component) {
super();
owner = component;
- setStyleName("i-caption");
+ setStyleName(CLASSNAME);
}
public void updateCaption(UIDL uidl) {
package com.itmill.toolkit.terminal.gwt.client;
import com.google.gwt.user.client.ui.FlowPanel;
-import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.Widget;
public class CaptionWrapper extends FlowPanel {
+ public static final String CLASSNAME = "i-captionwrapper";
Caption caption;
Paintable widget;
add(caption);
widget = toBeWrapped;
add((Widget) widget);
+ setStyleName(CLASSNAME);
}
public void updateCaption(UIDL uidl) {
--- /dev/null
+package com.itmill.toolkit.terminal.gwt.client.ui;\r
+\r
+import com.google.gwt.user.client.ui.AbstractImagePrototype;\r
+\r
+public interface HorizontalSplitPanelImages extends\r
+ com.google.gwt.user.client.ui.HorizontalSplitPanelImages {\r
+ \r
+ /**\r
+ * An image representing the drag thumb.\r
+ * \r
+ * @gwt.resource com/itmill/toolkit/terminal/gwt/public/default/common/img/blank.png\r
+ */\r
+ AbstractImagePrototype horizontalSplitPanelThumb();\r
+ \r
+}\r
public class ICheckBox extends com.google.gwt.user.client.ui.CheckBox
implements Paintable {
+
+ public static final String CLASSNAME = "i-checkbox";
String id;
ApplicationConnection client;
public ICheckBox() {
+ setStyleName(CLASSNAME);
addClickListener(new ClickListener() {
public void onClick(Widget sender) {
initWidget(panel);
setStyleName(CLASSNAME);
tb.addKeyboardListener(this);
- popupOpener.setStyleName(CLASSNAME + "-popupopener");
+ tb.setStyleName(CLASSNAME + "-input");
+ popupOpener.setStyleName(CLASSNAME + "-button");
popupOpener.addClickListener(this);
}
public ILabel() {
super();
+ setStyleName(CLASSNAME);
}
public ILabel(String text) {
op.setText(opUidl.getStringAttribute("caption"));\r
} else {\r
op = new RadioButton(id, opUidl.getStringAttribute("caption"));\r
+ op.setStyleName("i-radiobutton");\r
}\r
- op.setStyleName(CLASSNAME_OPTION);\r
+ op.addStyleName(CLASSNAME_OPTION);\r
op.setChecked(opUidl.getBooleanAttribute("selected"));\r
op.setEnabled(!opUidl.getBooleanAttribute("disabled") && !readonly && !disabled);\r
op.addClickListener(this);\r
content.setHeight("0");
int height = getOffsetHeight();
content.setHeight(neededHeight-height + "px");
- } else
+ } else {
content.setHeight("");
+ // We don't need overflow:auto when panel height is not set
+ // (overflow:auto causes rendering errors at least in Firefox when a
+ // a panel is inside a tabsheet with overflow:auto set)
+ DOM.setStyleAttribute(content.getElement(), "overflow", "hidden");
+ }
}
DOM.setStyleAttribute(getElement(), "width", "auto");\r
}\r
};\r
- adjust.schedule(100);\r
+ adjust.schedule(0); // Defer execution\r
}\r
}\r
}\r
package com.itmill.toolkit.terminal.gwt.client.ui;
+import com.google.gwt.core.client.GWT;
+import com.google.gwt.user.client.DOM;
+import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.ui.HorizontalSplitPanel;
+import com.google.gwt.user.client.ui.HorizontalSplitPanelImages;
import com.google.gwt.user.client.ui.SimplePanel;
import com.google.gwt.user.client.ui.VerticalSplitPanel;
+import com.google.gwt.user.client.ui.VerticalSplitPanelImages;
import com.google.gwt.user.client.ui.Widget;
import com.itmill.toolkit.terminal.gwt.client.ApplicationConnection;
import com.itmill.toolkit.terminal.gwt.client.Paintable;
import com.itmill.toolkit.terminal.gwt.client.UIDL;
public class ISplitPanel extends SimplePanel implements Paintable {
+ public static final String CLASSNAME = "i-splitpanel";
public static final int ORIENTATION_HORIZONTAL = 0;
public static final int ORIENTATION_VERTICAL = 1;
public ISplitPanel(int orientation) {
super();
- setOrientetion(orientation);
+ setOrientation(orientation);
}
- private void setOrientetion(int orientation) {
+ private void setOrientation(int orientation) {
this.orientation = orientation;
if(orientation == ORIENTATION_HORIZONTAL) {
- this.sph = new HorizontalSplitPanel();
+ this.sph = new HorizontalSplitPanel((HorizontalSplitPanelImages) GWT.create(com.itmill.toolkit.terminal.gwt.client.ui.HorizontalSplitPanelImages.class));
+ this.sph.setStyleName(CLASSNAME+"-horizontal");
+ // Ugly work-around to allow more advanced styling (GWT's heavy use of TABLE-elements is restricting)
+ Element handle = DOM.getChild(DOM.getChild(this.sph.getElement(), 0), 1);
+ DOM.setElementAttribute(handle, "className", CLASSNAME+"-handle");
this.setWidget(sph);
if(spv != null) {
// TODO cleanup contained widgets
this.spv = null;
}
} else {
- this.spv = new VerticalSplitPanel();
+ this.spv = new VerticalSplitPanel((VerticalSplitPanelImages) GWT.create(com.itmill.toolkit.terminal.gwt.client.ui.VerticalSplitPanelImages.class));
+ this.spv.setStyleName(CLASSNAME+"-vertical");
+ // Ugly work-around to allow more advanced styling (GWT's heavy use of TABLE-elements is restricting)
+ Element handle = DOM.getChild(DOM.getChild(this.spv.getElement(), 0), 1);
+ DOM.setElementAttribute(handle, "className", CLASSNAME+"-handle");
this.setWidget(spv);
if(sph != null) {
// TODO cleanup contained widgets
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.Element;
-import com.google.gwt.user.client.ui.DeckPanel;
-import com.google.gwt.user.client.ui.Label;
+import com.google.gwt.user.client.ui.FlowPanel;
import com.google.gwt.user.client.ui.SourcesTabEvents;
import com.google.gwt.user.client.ui.TabBar;
import com.google.gwt.user.client.ui.TabListener;
-import com.google.gwt.user.client.ui.TabPanel;
import com.google.gwt.user.client.ui.Widget;
import com.itmill.toolkit.terminal.gwt.client.ApplicationConnection;
import com.itmill.toolkit.terminal.gwt.client.Paintable;
import com.itmill.toolkit.terminal.gwt.client.UIDL;
-public class ITabsheet extends TabPanel implements Paintable {
+public class ITabsheet extends FlowPanel implements Paintable {
public static final String CLASSNAME = "i-tabsheet";
int activeTabIndex = 0;
+ private TabBar tb;
+ private ITabsheetPanel tp;
private Element deco;
-
- TabListener tl = new TabListener() {
+
+ private TabListener tl = new TabListener() {
public void onTabSelected(SourcesTabEvents sender, int tabIndex) {
- ITabsheet.this.client.updateVariable(id, "selected", tabIndex,
- true);
+ if (client != null && activeTabIndex != tabIndex)
+ ITabsheet.this.client.updateVariable(id, "selected", ""
+ + tabKeys.get(tabIndex), true);
}
public boolean onBeforeTabSelected(SourcesTabEvents sender, int tabIndex) {
+ // TODO give user indication of progress
return true;
}
public ITabsheet() {
setStyleName(CLASSNAME);
- addTabListener(new TabListener() {
-
- public void onTabSelected(SourcesTabEvents sender, int tabIndex) {
- if (client != null && activeTabIndex != tabIndex)
- ITabsheet.this.client.updateVariable(id, "selected", ""
- + tabKeys.get(tabIndex), true);
- }
-
- public boolean onBeforeTabSelected(SourcesTabEvents sender,
- int tabIndex) {
- return true;
- }
-
- });
+ tb = new TabBar();
+ tp = new ITabsheetPanel();
+ deco = DOM.createDiv();
+ tp.setStyleName(CLASSNAME+"-content");
+ tb.setStyleName(CLASSNAME+"-tabs");
+ DOM.setElementProperty(deco, "className", CLASSNAME+"-deco");
+
+ add(tb);
+ add(tp);
+ DOM.appendChild(getElement(), deco);
+
+ tb.addTabListener(tl);
+
+ clearTabs();
}
public void updateFromUIDL(UIDL uidl, ApplicationConnection client) {
this.client = client;
id = uidl.getId();
-
- DeckPanel dp = getDeckPanel();
- dp.setStyleName(CLASSNAME+"-content");
-
- TabBar tb = getTabBar();
- tb.setStyleName(CLASSNAME+"-tabs");
-
- // Add a decoration element for shadow
- // TODO refactor tabsheet with plain DIV-implementation
- /*if(!DOM.compare(deco, null)) {
- DOM.removeChild(DOM.getParent(getElement()), deco);
- deco = null;
- }
- deco = DOM.createDiv();
- DOM.setElementProperty(deco, "className", CLASSNAME+"-deco");
- DOM.appendChild(DOM.getParent(getElement()), deco);
- */
- // Adjust width and height
- String h = uidl.hasAttribute("height")? uidl.getStringAttribute("height") : "";
- String w = uidl.hasAttribute("width")? uidl.getStringAttribute("width") : "";
- setWidth(w!=""?w:"auto");
- //DOM.setStyleAttribute(deco, "width", w!=""?w:"auto");
- dp.setHeight(h!=""?h:"auto");
UIDL tabs = uidl.getChildUIDL(0);
boolean keepCurrentTabs = tabKeys.size() == tabs.getNumberOfChildren();
UIDL tab = (UIDL) it.next();
if (tab.getBooleanAttribute("selected")) {
activeTabIndex = index;
- Widget content = client.getWidget(tab
- .getChildUIDL(0));
- tb.selectTab(index);
- remove(index);
- insert(content, (String) captions.get(index), index);
- this.selectTab(index);
- ((Paintable)content).updateFromUIDL(tab
- .getChildUIDL(0), client);
+ Widget content = client.getWidget(tab.getChildUIDL(0));
+ ((Paintable)content).updateFromUIDL(tab.getChildUIDL(0), client);
+ tp.remove(index);
+ tp.insert(content, index);
}
index++;
}
} else {
tabKeys.clear();
captions.clear();
- clear();
+ clearTabs();
+
int index = 0;
for (Iterator it = tabs.getChildIterator(); it.hasNext();) {
UIDL tab = (UIDL) it.next();
String key = tab.getStringAttribute("key");
String caption = tab.getStringAttribute("caption");
+
captions.add(caption);
tabKeys.add(key);
- if (tab.getBooleanAttribute("selected")) {
+
+ tb.addTab(caption);
+
+ if(tab.getBooleanAttribute("selected")) {
+ Widget content = client.getWidget(tab.getChildUIDL(0));
+ tp.add(content);
activeTabIndex = index;
- Widget content = client.getWidget(tab
- .getChildUIDL(0));
- this.add(content, caption);
- this.selectTab(this.getWidgetIndex(content));
- ((Paintable)content).updateFromUIDL(tab
- .getChildUIDL(0), client);
- } else {
- this.add(new Label(), caption);
- }
+ ((Paintable)content).updateFromUIDL(tab.getChildUIDL(0), client);
+ } else
+ tp.add(new ILabel(""));
+
index++;
}
}
+
+ // Open selected tab
+ tb.selectTab(activeTabIndex);
+ tp.showWidget(activeTabIndex);
+
+ // Adjust width and height
+ String h = uidl.hasAttribute("height")? uidl.getStringAttribute("height") : null;
+ String w = uidl.hasAttribute("width")? uidl.getStringAttribute("width") : null;
+ setWidth(w!=null?w:"auto");
+
+ // Try to approximate the height as close as possible
+ if(h!=null) {
+ // First, calculate needed pixel height
+ setHeight(h);
+ int neededHeight = getOffsetHeight();
+ setHeight("auto");
+ // Then calculate the size the content area needs to be
+ tp.setHeight("0");
+ int height = getOffsetHeight();
+ tp.setHeight(neededHeight-height + "px");
+ } else {
+ tp.setHeight("auto");
+ // We don't need overflow:auto when tabsheet height is not set
+ DOM.setStyleAttribute(tp.getElement(), "overflow", "hidden");
+ }
}
+
+ private void clearTabs() {
+ int i = tb.getTabCount();
+ while(i>0)
+ tb.removeTab(--i);
+ tp.clear();
+
+ // Get rid of unnecessary 100% cell heights in TabBar (really ugly hack)
+ Element tr = DOM.getChild(DOM.getChild(tb.getElement(), 0), 0);
+ Element rest = DOM.getChild(DOM.getChild(tr, DOM.getChildCount(tr)-1), 0);
+ DOM.removeElementAttribute(rest, "style");
+ }
}
--- /dev/null
+package com.itmill.toolkit.terminal.gwt.client.ui;\r
+\r
+import com.google.gwt.user.client.DOM;\r
+import com.google.gwt.user.client.ui.ComplexPanel;\r
+import com.google.gwt.user.client.ui.Widget;\r
+\r
+/**\r
+ * A panel that displays all of its child widgets in a 'deck', where only one\r
+ * can be visible at a time. It is used by\r
+ * {@link com.itmill.toolkit.terminal.gwt.client.ui.ITabsheetPanel}.\r
+ * \r
+ * This class has the same basic functionality as the GWT DeckPanel\r
+ * {@link com.google.gwt.user.client.ui.DeckPanel}, with the exception\r
+ * that it doesn't manipulate the child widgets' width and height attributes.\r
+ */\r
+public class ITabsheetPanel extends ComplexPanel {\r
+\r
+ private Widget visibleWidget;\r
+\r
+ /**\r
+ * Creates an empty tabsheet panel.\r
+ */\r
+ public ITabsheetPanel() {\r
+ setElement(DOM.createDiv());\r
+ }\r
+\r
+ /**\r
+ * Adds the specified widget to the deck.\r
+ * \r
+ * @param w the widget to be added\r
+ */\r
+ public void add(Widget w) {\r
+ super.add(w, getElement());\r
+ initChildWidget(w);\r
+ }\r
+\r
+ /**\r
+ * Gets the index of the currently-visible widget.\r
+ * \r
+ * @return the visible widget's index\r
+ */\r
+ public int getVisibleWidget() {\r
+ return getWidgetIndex(visibleWidget);\r
+ }\r
+\r
+ /**\r
+ * Inserts a widget before the specified index.\r
+ * \r
+ * @param w the widget to be inserted\r
+ * @param beforeIndex the index before which it will be inserted\r
+ * @throws IndexOutOfBoundsException if <code>beforeIndex</code> is out of\r
+ * range\r
+ */\r
+ public void insert(Widget w, int beforeIndex) {\r
+ super.insert(w, getElement(), beforeIndex, true);\r
+ initChildWidget(w);\r
+ }\r
+\r
+ public boolean remove(Widget w) {\r
+ boolean removed = super.remove(w);\r
+ if (removed) {\r
+ resetChildWidget(w);\r
+\r
+ if (visibleWidget == w) {\r
+ visibleWidget = null;\r
+ }\r
+ }\r
+ return removed;\r
+ }\r
+\r
+ /**\r
+ * Shows the widget at the specified index. This causes the currently- visible\r
+ * widget to be hidden.\r
+ * \r
+ * @param index the index of the widget to be shown\r
+ */\r
+ public void showWidget(int index) {\r
+ checkIndexBoundsForAccess(index);\r
+\r
+ if (visibleWidget != null) {\r
+ visibleWidget.setVisible(false);\r
+ }\r
+ visibleWidget = getWidget(index);\r
+ visibleWidget.setVisible(true);\r
+ }\r
+\r
+ /**\r
+ * Make the widget invisible, and set its width and height to full.\r
+ */\r
+ private void initChildWidget(Widget w) {\r
+ w.setVisible(false);\r
+ }\r
+\r
+ /**\r
+ * Make the widget visible, and clear the widget's width and height\r
+ * attributes. This is done so that any changes to the visibility, height, or\r
+ * width of the widget that were done by the panel are undone.\r
+ */\r
+ private void resetChildWidget(Widget w) {\r
+ w.setVisible(true);\r
+ }\r
+}\r
--- /dev/null
+package com.itmill.toolkit.terminal.gwt.client.ui;\r
+\r
+import com.google.gwt.user.client.ui.AbstractImagePrototype;\r
+\r
+public interface VerticalSplitPanelImages extends\r
+ com.google.gwt.user.client.ui.VerticalSplitPanelImages {\r
+ \r
+ /**\r
+ * An image representing the drag thumb.\r
+ * \r
+ * @gwt.resource com/itmill/toolkit/terminal/gwt/public/default/common/img/blank.png\r
+ */\r
+ AbstractImagePrototype verticalSplitPanelThumb();\r
+\r
+}\r
--- /dev/null
+button {\r
+ cursor: pointer;\r
+}\r
+button.link {\r
+ border: 0px;\r
+ text-align: left;\r
+ text-decoration: underline;\r
+ background: none;\r
+}\r
+++ /dev/null
-button {\r
- cursor: pointer;\r
-}\r
-button.link {\r
- border: 0px;\r
- text-align: left;\r
- text-decoration: underline;\r
- background: none;\r
-}\r
--- /dev/null
+.i-errorindicator {
+ width: 10px;
+ height: 10px;
+ display: block;
+ float:left;
+ background: #f00;
+}
+
+.i-error {
+ padding-left: 15px;
+ background: #fff;
+ border: 1px solid red;
+}
\ No newline at end of file
+++ /dev/null
-.i-errorindicator {
- width: 10px;
- height: 10px;
- display: block;
- float:left;
- background: #f00;
-}
-
-.i-error {
- padding-left: 15px;
- background: #fff;
- border: 1px solid red;
-}
\ No newline at end of file
--- /dev/null
+#itmtk-ajax-window {\r
+ background: #e9eced;\r
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;\r
+ color: #464f52;\r
+ font-size: 12px;\r
+ line-height: 18px;\r
+}\r
+\r
+input, select, textarea, button {\r
+ font-family: "Trebuchet MS", geneva, helvetica, arial, tahoma, verdana, sans-serif;\r
+ color: #464f52;\r
+}\r
+\r
+select {\r
+ padding: 0;\r
+ margin: 0;\r
+}\r
+\r
+.i-disabled {\r
+ opacity: 0.3;\r
+ filter: Alpha(opacity=30);\r
+}\r
+\r
+.i-contextmenu {\r
+ background: #fff; \r
+ border: #000;\r
+}\r
+\r
+/* Provide some extra whitespace for wrapped elements\r
+ (these elements usuallly need the extra space, since \r
+ they aren't even handling their own caption) */\r
+.i-captionwrapper {\r
+ margin: 0.3em 0 0 0;\r
+}
\ No newline at end of file
+++ /dev/null
-body {\r
- background: #f5f6f7 url(../img/window-bottom-bg.gif) no-repeat right bottom fixed;\r
- font-family: helvetica, arial, tahoma, verdana, sans-serif;\r
- color: #454a51;\r
- font-size: 13px;\r
- line-height: 19px;\r
- padding: 8px;\r
- margin: 0;\r
-}\r
-\r
-#itmtk-ajax-window {\r
- \r
-}\r
-\r
-input, select, textarea, button {\r
- font-family: helvetica, arial, tahoma, verdana, sans-serif;\r
- font-size: 1em;\r
-}\r
-\r
-select {\r
- padding: 0;\r
- margin: 0;\r
-}\r
-\r
-.i-disabled {\r
- opacity: 0.3;\r
- filter: Alpha(opacity=30);\r
-}\r
-\r
-.i-contextmenu {\r
- background: #fff; \r
- border: #000;\r
-}
\ No newline at end of file
+++ /dev/null
-.i-datefield-calendarpanel {\r
- width: 22em;\r
-}\r
-.i-datefield-calendarpanel table {\r
- width: 100%;\r
-}\r
-.i-datefield-calendarpanel td {\r
- width: 14.2%;\r
- text-align: center;\r
- padding: 0;\r
-}\r
-.i-datefield-calendarpanel .i-button {\r
- width: 22px;\r
- height: 22px;\r
- font-size: 1.1em;\r
- padding: 0;\r
- line-height: 1em;\r
-}\r
-.i-datefield-calendarpanel-month {\r
- font-size: 1.1em;\r
-}\r
-.i-datefield-calendarpanel-day {\r
- cursor: pointer;\r
- padding: 0 3px;\r
-}\r
-.i-datefield-calendarpanel-day-today {\r
- font-weight: bold;\r
- border: 1px solid #aaa;\r
- padding: 0 3px;\r
- cursor: pointer;\r
-}\r
-.i-disabled .i-datefield-calendarpanel-day,\r
-.i-disabled .i-datefield-calendarpanel-day-today {\r
- cursor: default;\r
-}\r
-.i-datefield-calendarpanel-day-selected {\r
- font-weight: bold;\r
- color: #fff;\r
- padding: 0 3px;\r
- background-color: #1C3E6E;\r
- cursor: default;\r
-}\r
-.i-datefield-calendarpanel-day-entry {\r
- color: #0074D9;\r
-}\r
-.i-datefield-calendarpanel-day-disabled {\r
- font-weight: normal;\r
- color: #dddddd;\r
- cursor: default;\r
- opacity: 0.5;\r
-}\r
-.i-datefield-calendarpanel-day-entry.i-datefield-calendarpanel-day-disabled {\r
- color: #ABC8E2;\r
-}\r
-\r
-.i-datefield-time {\r
- white-space: nowrap;\r
-}\r
-.i-datefield-time .i-label {\r
- display: inline;\r
-}\r
-\r
-.i-datefield-calendar {\r
- border: 1px solid #29528a;\r
- padding: 5px;\r
- background: #fff;\r
-}\r
-.i-datefield-calendar:before {\r
- display: block;\r
- height: 2px;\r
- overflow: hidden;\r
- background: transparent url(../../panel/img/top-right-small.png) no-repeat right top;\r
- content: url(../../panel/img/top-left-small.png);\r
- margin: -6px -6px 3px -6px;\r
-}\r
-.i-datefield-calendar:after {\r
- display: block;\r
- height: 2px;\r
- overflow: hidden;\r
- background: transparent url(../../panel/img/bottom-right.png) no-repeat right top;\r
- content: url(../../panel/img/bottom-left.png);\r
- margin: 5px -6px -6px -6px;\r
-}\r
-\r
-.i-datefield-entrycalendar-hours {\r
- height: 150px;\r
- overflow: auto;\r
-}\r
-.i-datefield-entrycalendar-hours table {\r
- width: 92%;\r
-}\r
-\r
-.i-datefield-entrycalendar-row-even {\r
- cursor: pointer;\r
- background-color: #fefefe;\r
-}\r
-.i-datefield-entrycalendar-row-odd {\r
- cursor: pointer;\r
- background-color: #eeeeee;\r
-}\r
-.i-datefield-entrycalendar-row-selected {\r
- color: #fff;\r
- background-color: #1C3E6E;\r
-}\r
-td.i-datefield-entrycalendar-time {\r
- padding-right: 2px;\r
- text-align: right;\r
- white-space: nowrap;\r
-}\r
-td.i-datefield-entrycalendar-title {\r
- padding-left: 2px;\r
- text-align: left;\r
- width: 80%;\r
- color: #0074D9;\r
-}\r
-.i-datefield-entrycalendar-row-selected td span {\r
- color: #fff;\r
-}\r
--- /dev/null
+.i-datefield-calendarpanel {\r
+ width: 22em;\r
+}\r
+.i-datefield-calendarpanel table {\r
+ width: 100%;\r
+}\r
+.i-datefield-calendarpanel td {\r
+ width: 14.2%;\r
+ text-align: center;\r
+ padding: 0;\r
+}\r
+.i-datefield-calendarpanel .i-button {\r
+ width: 22px;\r
+ height: 22px;\r
+ font-size: 1.1em;\r
+ padding: 0;\r
+ line-height: 1em;\r
+}\r
+.i-datefield-calendarpanel-month {\r
+ font-size: 1.1em;\r
+}\r
+.i-datefield-calendarpanel-day {\r
+ cursor: pointer;\r
+ padding: 0 3px;\r
+}\r
+.i-datefield-calendarpanel-day-today {\r
+ font-weight: bold;\r
+ border: 1px solid #aaa;\r
+ padding: 0 3px;\r
+ cursor: pointer;\r
+}\r
+.i-disabled .i-datefield-calendarpanel-day,\r
+.i-disabled .i-datefield-calendarpanel-day-today {\r
+ cursor: default;\r
+}\r
+.i-datefield-calendarpanel-day-selected {\r
+ font-weight: bold;\r
+ color: #fff;\r
+ padding: 0 3px;\r
+ background-color: #1C3E6E;\r
+ cursor: default;\r
+}\r
+.i-datefield-calendarpanel-day-entry {\r
+ color: #0074D9;\r
+}\r
+.i-datefield-calendarpanel-day-disabled {\r
+ font-weight: normal;\r
+ color: #dddddd;\r
+ cursor: default;\r
+ opacity: 0.5;\r
+}\r
+.i-datefield-calendarpanel-day-entry.i-datefield-calendarpanel-day-disabled {\r
+ color: #ABC8E2;\r
+}\r
+\r
+.i-datefield-time {\r
+ white-space: nowrap;\r
+}\r
+.i-datefield-time .i-label {\r
+ display: inline;\r
+}\r
+\r
+.i-datefield-calendar {\r
+ border: 1px solid #29528a;\r
+ padding: 5px;\r
+ background: #fff;\r
+}\r
+.i-datefield-calendar:before {\r
+ display: block;\r
+ height: 2px;\r
+ overflow: hidden;\r
+ background: transparent url(../../panel/img/top-right-small.png) no-repeat right top;\r
+ content: url(../../panel/img/top-left-small.png);\r
+ margin: -6px -6px 3px -6px;\r
+}\r
+.i-datefield-calendar:after {\r
+ display: block;\r
+ height: 2px;\r
+ overflow: hidden;\r
+ background: transparent url(../../panel/img/bottom-right.png) no-repeat right top;\r
+ content: url(../../panel/img/bottom-left.png);\r
+ margin: 5px -6px -6px -6px;\r
+}\r
+\r
+.i-datefield-entrycalendar-hours {\r
+ height: 150px;\r
+ overflow: auto;\r
+}\r
+.i-datefield-entrycalendar-hours table {\r
+ width: 92%;\r
+}\r
+\r
+.i-datefield-entrycalendar-row-even {\r
+ cursor: pointer;\r
+ background-color: #fefefe;\r
+}\r
+.i-datefield-entrycalendar-row-odd {\r
+ cursor: pointer;\r
+ background-color: #eeeeee;\r
+}\r
+.i-datefield-entrycalendar-row-selected {\r
+ color: #fff;\r
+ background-color: #1C3E6E;\r
+}\r
+td.i-datefield-entrycalendar-time {\r
+ padding-right: 2px;\r
+ text-align: right;\r
+ white-space: nowrap;\r
+}\r
+td.i-datefield-entrycalendar-title {\r
+ padding-left: 2px;\r
+ text-align: left;\r
+ width: 80%;\r
+ color: #0074D9;\r
+}\r
+.i-datefield-entrycalendar-row-selected td span {\r
+ color: #fff;\r
+}\r
+++ /dev/null
-.i-filterselect-suggestpopup {
- background: #fff;
- font-size:small;
-}
-
-.i-filterselect-suggestmenu .gwt-MenuItem {
- border: 1px solid black;
- border-width: 0 1px 1px 1px;
-}
-
-.i-filterselect-suggestmenu .gwt-MenuItem-selected {
- background: yellow;
-}
-
-.i-filterselect {
- white-space: nowrap;
-}
-
-.i-filterselect-popupopener {
- display:inline;
- background:red;
-}
-
-.i-filterselect-nextpage-on,
-.i-filterselect-nextpage-off,
-.i-filterselect-prevpage-off,
-.i-filterselect-prevpage-on,
-.i-filterselect-status {
- text-align: center;
-}
-
-.i-filterselect-nextpage-off,
-.i-filterselect-prevpage-off {
- color: #666;
-}
-
+++ /dev/null
-.i-panel {\r
- margin: 8px 0 1px 0;\r
-}\r
-\r
-.i-panel-caption {\r
- font-size: 12px;\r
- line-height: 12px;\r
- font-weight: normal;\r
- color: #2c3c49;\r
- white-space: nowrap;\r
- height: 27px;\r
- padding: 0 5px 0 5px;\r
- border: 1px solid #c1c6cc;\r
- border-bottom: none;\r
- background: #fff url(../img/top-bg.png) repeat-x top left;\r
-}\r
-\r
-.i-panel-caption:before {\r
- display: block;\r
- height: 28px;\r
- overflow: hidden;\r
- background: transparent url(../img/top-right.png) no-repeat right top;\r
- content: url(../img/top-left.png);\r
- margin: -1px -6px -20px -6px;\r
-}\r
-\r
-.i-panel-content {\r
- border: 1px solid #c1c6cc;\r
- border-top: none;\r
- background-color: #fff;\r
- overflow: auto;\r
- padding: 8px;\r
-}\r
-\r
-.i-panel-deco {\r
- height: 9px;\r
- background: transparent url(../../common/img/shadow.png) repeat-x left bottom;\r
- margin-top: -2px;\r
- position: relative;\r
-}\r
-\r
-.i-panel-deco:before {\r
- display: block;\r
- height: 2px;\r
- overflow: hidden;\r
- background: transparent url(../img/bottom-right.png) no-repeat right top;\r
- content: url(../img/bottom-left.png);\r
-}\r
-\r
-.i-panel-nocaption {\r
- border-top: 1px solid #c1c6cc;\r
- background-color: #fff;\r
-}\r
-\r
-.i-panel-nocaption:before {\r
- display: block;\r
- height: 2px;\r
- overflow: hidden;\r
- background: transparent url(../img/top-right-small.png) no-repeat right top;\r
- content: url(../img/top-left-small.png);\r
- margin-top: -1px;\r
-}\r
-\r
-\r
-\r
-/* Strong style */\r
-\r
-.i-panel-strong .i-panel-caption {\r
- background-image: url(../img/top-bg-strong.png);\r
- border-color: #6c9ad8;\r
- color: #fff;\r
- font-weight: bold;\r
-}\r
-\r
-.i-panel-strong .i-panel-caption:before {\r
- background-image: url(../img/top-right-strong.png);\r
- content: url(../img/top-left-strong.png);\r
-}\r
-\r
-\r
-\r
-/* Light style */\r
-\r
-.i-panel-light .i-panel-caption {\r
- background: transparent;\r
- font-weight: bold;\r
- border: none;\r
- padding: 3px 0 0 2px;\r
- height: 16px;\r
- margin-bottom: 1px;\r
- border-bottom: 1px solid #e7e7e8;\r
-}\r
-\r
-.i-panel-light .i-panel-caption:before {\r
- display: none;\r
-}\r
-\r
-.i-panel-light .i-panel-caption:after {\r
- display: block;\r
- height: 2px;\r
- overflow: hidden;\r
- background: transparent url(../img/top-right-light.png) no-repeat top right;\r
- content: url(../img/top-left-light.png);\r
- margin: 4px 0 0 -2px;\r
-}\r
-\r
-.i-panel-light .i-panel-content {\r
- border: 1px solid #e7e7e8;\r
- border-top: none;\r
- background: #fff url(../img/bg-light.png) repeat-x 0 1px;\r
-}\r
-\r
-.i-panel-light .i-panel-deco {\r
- background: transparent;\r
- height: 2px;\r
-}\r
-\r
-.i-panel-light .i-panel-deco:before {\r
- background: transparent url(../img/bottom-right-light.png) no-repeat top right;\r
- content: url(../img/bottom-left-light.png);\r
-}\r
-\r
-/* Light style without caption */\r
-.i-panel-light .i-panel-nocaption {\r
- border-color: #e7e7e8;\r
-}\r
-\r
-.i-panel-light .i-panel-nocaption:before {\r
- background-image: url(../img/top-right-light.png);\r
- content: url(../img/top-left-light.png);\r
-}\r
-\r
-\r
-\r
-/* Highlight style */\r
-\r
-.i-panel-highlight .i-panel-caption {\r
- background-image: url(../img/top-bg-highlight.png);\r
- background-color: #fffdec;\r
- border-color: #c0baae;\r
- color: #4e4640;\r
-}\r
-\r
-.i-panel-highlight .i-panel-caption:before {\r
- background-image: url(../img/top-right-highlight.png);\r
- content: url(../img/top-left-highlight.png);\r
-}\r
-\r
-.i-panel-highlight .i-panel-content {\r
- background-color: #fffdec;\r
- border-color: #c0baae;\r
- color: #605b52;\r
-}\r
-\r
-/* Highlight style without caption */\r
-.i-panel-highlight .i-panel-nocaption {\r
- border-color: #c0baae;\r
- background-color: #fffdec;\r
-}\r
-\r
-\r
-\r
-/* Emphasized style */\r
-\r
-.i-panel-emphasize .i-panel-caption {\r
- background: #6899d9 url(../img/top-bg-em.gif) repeat-x;\r
- border-color: #78a2db;\r
- color: #fff;\r
- font-weight: bold;\r
- height: 22px;\r
-}\r
-\r
-.i-panel-emphasize .i-panel-caption:before {\r
- background-image: url(../img/top-right-em.gif);\r
- content: url(../img/top-left-em.gif);\r
-}\r
-\r
-.i-panel-emphasize .i-panel-content {\r
- background: #3a6bab url(../img/bg-em.gif) repeat-x;\r
- color: #dee6f2;\r
- border-color: #78a2db;\r
-}\r
-\r
-.i-panel-emphasize .i-panel-deco {\r
- margin-top: -4px;\r
- height: 11px;\r
- background-image: url(../../common/img/shadow-em.png);\r
-}\r
-\r
-.i-panel-emphasize .i-panel-deco:before {\r
- background-image: url(../img/bottom-right-em.gif);\r
- content: url(../img/bottom-left-em.gif);\r
- height: 4px;\r
-}\r
-\r
-/* Emphasized style without caption */\r
-.i-panel-emphasize .i-panel-nocaption {\r
- background: #6899d9 url(../img/top-bg-em.gif) repeat-x;\r
- border: 1px solid #78a2db;\r
- border-bottom: none;\r
- height: 3px;\r
-}\r
-\r
-.i-panel-emphasize .i-panel-nocaption:before {\r
- background-image: url(../img/top-right-em.gif);\r
- content: url(../img/top-left-em.gif);\r
- margin: -1px;\r
-}\r
-\r
-\r
-\r
-\r
-\r
-\r
-\r
-/* IE specific rules (different selectors for IE6 and IE7.\r
- * These selectors must be separate because IE6 won't \r
- * apply them if they are grouped together.\r
-*/\r
-* html .i-panel-caption {\r
- padding-top: 7px;\r
- height: 19px;\r
-}\r
-*+html .i-panel-caption {\r
- padding-top: 7px;\r
- height: 19px;\r
-}\r
-\r
-* html .i-panel-deco {\r
- position: static;\r
- background: transparent;\r
- margin: 0;\r
- font-size: 1;\r
- height: 7px;\r
- overflow: hidden;\r
- /* TODO change url when packaging is complete */\r
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../com.itmill.toolkit.terminal.gwt.Client/component-themes/common/img/shadow.png", sizingMethod="scale");\r
-}\r
-\r
-/* Without caption */\r
-* html .i-panel-nocaption {\r
- height: 1px;\r
- overflow: hidden;\r
- background: #c1c6cc;\r
- border: none;\r
-}\r
-\r
-\r
-/* Light style */\r
-\r
-* html .i-panel-light .i-panel-caption {\r
- background: transparent;\r
- font-weight: bold;\r
- border: none;\r
- padding: 3px 0 0 2px;\r
- height: 16px;\r
-}\r
-*+html .i-panel-light .i-panel-caption {\r
- background: transparent;\r
- font-weight: bold;\r
- border: none;\r
- padding: 3px 0 0 2px;\r
- height: 16px;\r
-}\r
-\r
-* html .i-panel-light .i-panel-content {\r
- border: 1px solid #e7e7e8;\r
- background-position: 0 2px;\r
-}\r
-*+html .i-panel-light .i-panel-content {\r
- border: 1px solid #e7e7e8;\r
- background-position: 0 2px;\r
-}\r
-\r
-* html .i-panel-light .i-panel-deco {\r
- display: none;\r
-}\r
-\r
-/* Without caption */\r
-* html .i-panel-light .i-panel-nocaption {\r
- display: none;\r
-}\r
-*+html .i-panel-light .i-panel-nocaption {\r
- display: none;\r
-}\r
-\r
-\r
-/* Emphasized style */\r
-* html .i-panel-emphasize .i-panel-caption {\r
- height: 15px;\r
-}\r
-*+html .i-panel-emphasize .i-panel-caption {\r
- height: 15px;\r
-}\r
-\r
-* html .i-panel-emphasize .i-panel-content {\r
- background-attachment: fixed;\r
-}\r
-\r
-* html .i-panel-emphasize .i-panel-deco {\r
- height: 7px;\r
- margin-top: 0;\r
- background: transparent;\r
- /* TODO change url when packaging is complete */\r
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../com.itmill.toolkit.terminal.gwt.Client/component-themes/common/img/shadow-em.png", sizingMethod="scale");\r
-}
\ No newline at end of file
--- /dev/null
+.i-panel,\r
+.i-panel-caption,\r
+.i-panel-content,\r
+.i-panel-deco {\r
+ outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */\r
+}\r
+\r
+.i-panel:before {\r
+ display: block;\r
+ content: "";\r
+ background: transparent url(img/top-right.png) repeat-x right top;\r
+ height: 9px;\r
+ margin-left: 9px;\r
+}\r
+\r
+.i-panel-caption {\r
+ font-size: 18px;\r
+ line-height: 18px;\r
+ font-weight: normal;\r
+ letter-spacing: -0.03em;\r
+ color: #f14c1a;\r
+ white-space: nowrap;\r
+ height: 18px;\r
+ padding: 6px 18px 14px 18px;\r
+ border: 1px solid #babfc0;\r
+ border-top: none;\r
+ background: #fff;\r
+}\r
+\r
+.i-panel-nocaption {\r
+ height: 9px;\r
+}\r
+\r
+.i-panel-caption:before,\r
+.i-panel-nocaption:before {\r
+ display: block;\r
+ content: "";\r
+ position: relative;\r
+ width: 9px;\r
+ height: 9px;\r
+ background: transparent url(img/top-left.png) no-repeat;\r
+ margin: -15px 0 5px -19px;\r
+}\r
+\r
+.i-panel-nocaption:before {\r
+ margin: -9px 0 0 0;\r
+}\r
+\r
+.i-panel-content {\r
+ border: 1px solid #babfc0;\r
+ border-top: none;\r
+ border-bottom: none;\r
+ background-color: #fff;\r
+ overflow: auto;\r
+ padding: 15px 18px 6px 18px;\r
+}\r
+\r
+.i-panel-deco {\r
+ height: 9px;\r
+ background: transparent url(img/bottom-right.png) repeat-x right top;\r
+ margin-left: 9px;\r
+}\r
+\r
+.i-panel-deco:before {\r
+ display: block;\r
+ content: "";\r
+ width: 9px;\r
+ height: 9px;\r
+ margin-left: -9px;\r
+ background: transparent url(img/bottom-left.png) no-repeat;\r
+}\r
+\r
+\r
+\r
+\r
+\r
+\r
+/* Light panel style */\r
+\r
+.i-panel-light:before {\r
+ display: none;\r
+}\r
+\r
+.i-panel-light .i-panel-caption {\r
+ border-left: none;\r
+ border-right: none;\r
+ background: transparent;\r
+}\r
+\r
+.i-panel-light .i-panel-caption:before,\r
+.i-panel-light .i-panel-nocaption:before {\r
+ display: none;\r
+}\r
+\r
+.i-panel-light .i-panel-content {\r
+ border: none;\r
+ background: transparent;\r
+}\r
+\r
+.i-panel-light .i-panel-deco {\r
+ display: none;\r
+}\r
+\r
+.i-panel-light .i-panel-deco:before {\r
+ display: none;\r
+}\r
+\r
+\r
+\r
+\r
+/* Light panel contained within another panel or a tabsheet */\r
+/* Use more precise selector to override IE specific rules automatically */\r
+\r
+.i-panel .i-panel-light .i-panel-caption,\r
+.i-tabsheet .i-panel-light .i-panel-caption {\r
+ border-left: none;\r
+ border-right: none;\r
+ margin: -16px -18px 0 -18px;\r
+ padding-top: 14px;\r
+ border-top: 1px solid #babfc0;\r
+}\r
+.i-panel .i-panel-light .i-panel-content,\r
+.i-tabsheet .i-panel-light .i-panel-content {\r
+ margin: 0 -18px 16px -18px;\r
+}\r
+\r
+\r
+\r
+\r
+\r
+/* IE specific rules (different selectors for IE6 and IE7.\r
+ * These selectors must be separate because IE6 won't \r
+ * apply them if they are grouped together.\r
+*/\r
+* html .i-panel-caption {\r
+ border: 1px solid #babfc0;\r
+ padding-top: 14px;\r
+}\r
+*+html .i-panel-caption {\r
+ border: 1px solid #babfc0;\r
+ padding-top: 14px;\r
+}\r
+\r
+* html .i-panel-content {\r
+ border-bottom: 1px solid #babfc0;\r
+ padding: 15px 18px;\r
+}\r
+*+html .i-panel-content {\r
+ border-bottom: 1px solid #babfc0;\r
+ padding: 15px 18px;\r
+}\r
+\r
+* html .i-panel-deco {\r
+ display: none;\r
+}\r
+*+html .i-panel-deco {\r
+ display: none;\r
+}\r
+\r
+/* Without caption */\r
+* html .i-panel-nocaption {\r
+ height: 1px;\r
+ overflow: hidden;\r
+ background: #c1c6cc;\r
+ border: none;\r
+}
\ No newline at end of file
+++ /dev/null
-.i-select {\r
-\r
-}\r
-\r
-.i-select-option {\r
-\r
-}\r
-\r
-.i-select-optiongroup {\r
-\r
-}\r
-\r
-.i-select-optiongroup .i-select-option {\r
- display: block;\r
-}\r
-\r
-.i-select-select {\r
- /*\r
- border: 1px solid #b6b6b6;\r
- border-bottom-color: #9d9d9d;\r
- border-top-color: #d6d6d6;\r
- border-left-color: #d6d6d6;\r
- */\r
- display: block;\r
-}\r
-\r
-/* Twincol style */\r
-.i-select-twincol-options {\r
- float: left;\r
-}\r
-\r
-.i-select-twincol-buttons {\r
- float: left;\r
- width: 40px;\r
- text-align: center;\r
-}\r
-\r
-.i-select-twincol-buttons .i-select-twincol-deco {\r
- display: inline; /* Needed to push the two buttons in stack */\r
-}\r
-\r
-.i-select-twincol .i-textfield {\r
- display: block;\r
- float: left;\r
- clear: left;\r
-}\r
-\r
-.i-select-twincol .i-button {\r
- display: block;\r
- float: left;\r
-}\r
-\r
-.i-select-twincol-buttons .i-button {\r
- display: inline;\r
- float: none;\r
-}
\ No newline at end of file
--- /dev/null
+.i-filterselect-suggestpopup {
+ background: #fff;
+ font-size:small;
+}
+
+.i-filterselect-suggestmenu .gwt-MenuItem {
+ border: 1px solid black;
+ border-width: 0 1px 1px 1px;
+}
+
+.i-filterselect-suggestmenu .gwt-MenuItem-selected {
+ background: yellow;
+}
+
+.i-filterselect {
+ white-space: nowrap;
+}
+
+.i-filterselect-button {
+ display:inline;
+ background:red;
+}
+
+.i-filterselect-nextpage-on,
+.i-filterselect-nextpage-off,
+.i-filterselect-prevpage-off,
+.i-filterselect-prevpage-on,
+.i-filterselect-status {
+ text-align: center;
+}
+
+.i-filterselect-nextpage-off,
+.i-filterselect-prevpage-off {
+ color: #666;
+}
+
--- /dev/null
+.i-select {\r
+\r
+}\r
+\r
+.i-select-option {\r
+\r
+}\r
+\r
+.i-select-optiongroup {\r
+\r
+}\r
+\r
+.i-select-optiongroup .i-select-option {\r
+ display: block;\r
+}\r
+\r
+.i-select-select {\r
+ /*\r
+ border: 1px solid #b6b6b6;\r
+ border-bottom-color: #9d9d9d;\r
+ border-top-color: #d6d6d6;\r
+ border-left-color: #d6d6d6;\r
+ */\r
+ display: block;\r
+}\r
+\r
+/* Twincol style */\r
+.i-select-twincol-options {\r
+ float: left;\r
+}\r
+\r
+.i-select-twincol-buttons {\r
+ float: left;\r
+ width: 40px;\r
+ text-align: center;\r
+}\r
+\r
+.i-select-twincol-buttons .i-select-twincol-deco {\r
+ display: inline; /* Needed to push the two buttons in stack */\r
+}\r
+\r
+.i-select-twincol .i-textfield {\r
+ display: block;\r
+ float: left;\r
+ clear: left;\r
+}\r
+\r
+.i-select-twincol .i-button {\r
+ display: block;\r
+ float: left;\r
+}\r
+\r
+.i-select-twincol-buttons .i-button {\r
+ display: inline;\r
+ float: none;\r
+}
\ No newline at end of file
+++ /dev/null
-.i-slider {\r
- background: #c3d0dd url(../img/bg.png) repeat-x;\r
- border: 1px solid #29528a;\r
- border-left: none;\r
- border-right: none;\r
- height: 14px;\r
-}\r
-.i-slider:before {\r
- display: block;\r
- width: 1px;\r
- height: 14px;\r
- background-color: #29528a;\r
- border-top: 1px solid #b9c8dc;\r
- border-bottom: 1px solid #b9c8dc;\r
- margin: -1px 0 -15px -1px;\r
- content: "";\r
-}\r
-.i-slider:after {\r
- display: block;\r
- width: 1px;\r
- height: 14px;\r
- background-color: #29528a;\r
- border-top: 1px solid #b9c8dc;\r
- border-bottom: 1px solid #b9c8dc;\r
- margin: -15px 0 0 100%;\r
- content: "";\r
-}\r
-.i-slider-base {\r
- background: #c3d0dd url(../img/bg.png) repeat-x;\r
- height: 14px;\r
- overflow: hidden;\r
-}\r
-.i-slider-handle {\r
- background: #fff url(../img/handle-bg.png) repeat-x;\r
- border: 1px solid #29528a;\r
- height: 10px;\r
- font-size: 1px;\r
-}\r
-.i-slider-handle:before {\r
- display: block;\r
- height: 12px;\r
- background: transparent url(../img/handle-right.png) no-repeat right top;\r
- margin: -1px -1px 0 -1px;\r
- content: url(../img/handle-left.png);\r
-}\r
-.i-slider-bigger {\r
- background: #dde4ef url(../img/arrow-right.png);\r
- float: right;\r
- width: 14px;\r
- height: 14px;\r
- overflow: hidden;\r
- margin: 0 0 0 1px;\r
-}\r
-.i-slider-bigger:hover {\r
- background-image: url(../img/arrow-right-over.png);\r
-}\r
-.i-slider-smaller {\r
- background: #dde4ef url(../img/arrow-left.png);\r
- float: left;\r
- width: 14px;\r
- height: 14px;\r
- overflow: hidden;\r
- margin: 0 1px 0 0;\r
-}\r
-.i-slider-smaller:hover {\r
- background-image: url(../img/arrow-left-over.png);\r
-}\r
-\r
-\r
-\r
-/*-----------------\r
- Vertical styles \r
- -----------------*/\r
-\r
-.i-slider-vertical {\r
-\r
-}\r
-.i-slider-vertical .i-slider-base {\r
- \r
-}\r
-.i-slider-vertical .i-slider-handle {\r
-\r
-}\r
-.i-slider-vertical .i-slider-bigger {\r
-\r
-}\r
-\r
-\r
-\r
-/*--------------------\r
- IE specific styles\r
- -------------------*/\r
-\r
-* html .i-slider {\r
- border: 1px solid #29528a;\r
-}\r
-*+html .i-slider {\r
- border: 1px solid #29528a;\r
-}
\ No newline at end of file
--- /dev/null
+.i-slider {\r
+ background: #c3d0dd url(../img/bg.png) repeat-x;\r
+ border: 1px solid #29528a;\r
+ border-left: none;\r
+ border-right: none;\r
+ height: 14px;\r
+}\r
+.i-slider:before {\r
+ display: block;\r
+ width: 1px;\r
+ height: 14px;\r
+ background-color: #29528a;\r
+ border-top: 1px solid #b9c8dc;\r
+ border-bottom: 1px solid #b9c8dc;\r
+ margin: -1px 0 -15px -1px;\r
+ content: "";\r
+}\r
+.i-slider:after {\r
+ display: block;\r
+ width: 1px;\r
+ height: 14px;\r
+ background-color: #29528a;\r
+ border-top: 1px solid #b9c8dc;\r
+ border-bottom: 1px solid #b9c8dc;\r
+ margin: -15px 0 0 100%;\r
+ content: "";\r
+}\r
+.i-slider-base {\r
+ background: #c3d0dd url(../img/bg.png) repeat-x;\r
+ height: 14px;\r
+ overflow: hidden;\r
+}\r
+.i-slider-handle {\r
+ background: #fff url(../img/handle-bg.png) repeat-x;\r
+ border: 1px solid #29528a;\r
+ height: 10px;\r
+ font-size: 1px;\r
+}\r
+.i-slider-handle:before {\r
+ display: block;\r
+ height: 12px;\r
+ background: transparent url(../img/handle-right.png) no-repeat right top;\r
+ margin: -1px -1px 0 -1px;\r
+ content: url(../img/handle-left.png);\r
+}\r
+.i-slider-bigger {\r
+ background: #dde4ef url(../img/arrow-right.png);\r
+ float: right;\r
+ width: 14px;\r
+ height: 14px;\r
+ overflow: hidden;\r
+ margin: 0 0 0 1px;\r
+}\r
+.i-slider-bigger:hover {\r
+ background-image: url(../img/arrow-right-over.png);\r
+}\r
+.i-slider-smaller {\r
+ background: #dde4ef url(../img/arrow-left.png);\r
+ float: left;\r
+ width: 14px;\r
+ height: 14px;\r
+ overflow: hidden;\r
+ margin: 0 1px 0 0;\r
+}\r
+.i-slider-smaller:hover {\r
+ background-image: url(../img/arrow-left-over.png);\r
+}\r
+\r
+\r
+\r
+/*-----------------\r
+ Vertical styles \r
+ -----------------*/\r
+\r
+.i-slider-vertical {\r
+\r
+}\r
+.i-slider-vertical .i-slider-base {\r
+ \r
+}\r
+.i-slider-vertical .i-slider-handle {\r
+\r
+}\r
+.i-slider-vertical .i-slider-bigger {\r
+\r
+}\r
+\r
+\r
+\r
+/*--------------------\r
+ IE specific styles\r
+ -------------------*/\r
+\r
+* html .i-slider {\r
+ border: 1px solid #29528a;\r
+}\r
+*+html .i-slider {\r
+ border: 1px solid #29528a;\r
+}
\ No newline at end of file
+++ /dev/null
-.gwt-HorizontalSplitPanel .hsplitter,
-.gwt-VerticalSplitPanel .vsplitter {
-
-}
--- /dev/null
+.i-splitpanel-horizontal .hsplitter {
+ width: 8px;
+ background: #ccd2d0 url(img/bg_hor.png);
+ border: 1px solid #b6bbbc;
+ cursor: e-resize;
+}
+
+.i-splitpanel-vertical .vsplitter {
+ height: 8px;
+ background: #ccd2d0 url(img/bg_ver.png);
+ border: 1px solid #b6bbbc;
+ cursor: n-resize;
+}
\ No newline at end of file
-@import "common/css/common.css";\r
-@import "button/css/button.css";\r
-@import "textfield/css/textfield.css";\r
-@import "select/css/select.css";\r
-@import "panel/css/panel.css";\r
-@import "tabsheet/css/tabsheet.css";\r
-@import "datefield/css/datefield.css";\r
-@import "table/css/table.css";\r
-@import "slider/css/slider.css";
-@import "window/css/window.css";
-@import "caption/css/caption.css";
-@import "tree/css/tree.css";
-@import "splitpanel/css/splitpanel.css";
-@import "filterselect/css/filterselect.css";
-
+@import "common/common.css";\r
+@import "button/button.css";\r
+@import "textfield/textfield.css";\r
+@import "select/select.css";\r
+@import "panel/panel.css";\r
+@import "tabsheet/tabsheet.css";\r
+@import "datefield/datefield.css";\r
+@import "table/table.css";\r
+@import "slider/slider.css";\r
+@import "window/window.css";\r
+@import "caption/caption.css";\r
+@import "tree/tree.css";\r
+@import "splitpanel/splitpanel.css";\r
+@import "select/filterselect.css";\r
+\r
+++ /dev/null
-.i-table {\r
- border: 1px solid #29528a;\r
- background: #fff;\r
-}\r
-.i-table:before {\r
- display: block;\r
- height: 2px;\r
- overflow: hidden;\r
- background: transparent url(../../panel/img/top-right-small.png) no-repeat right top;\r
- content: url(../../panel/img/top-left-small.png);\r
- margin: -1px -1px 0 -1px;\r
-}\r
-.i-table:after {\r
- display: block;\r
- height: 2px;\r
- overflow: hidden;\r
- background: transparent url(../../panel/img/bottom-right.png) no-repeat right top;\r
- content: url(../../panel/img/bottom-left.png);\r
- margin: 0 -1px -1px -1px;\r
-}\r
-\r
-.i-table-header-wrap {\r
- height: 26px;\r
- background: #e7edf3 url(../img/header-bg.png) repeat-x;\r
- border-bottom: 1px solid #6082b0;\r
- margin-top: -1px;\r
-}\r
-\r
-.i-table-header {\r
-}\r
-\r
-.i-table-header table,\r
-.i-table-table {\r
- border-collapse: collapse;\r
- margin: 0;\r
- padding: 0;\r
- border: 0;\r
-}\r
-\r
-.i-table-header td,\r
-.i-table-table td {\r
- margin:0;\r
- padding:0;\r
- border:0;\r
-}\r
-\r
-.i-table-header td {\r
- cursor: pointer;\r
-}\r
-\r
-.i-table-resizer {\r
- display: block;\r
- height: 26px;\r
- float: right;\r
- background: #aabdda url(../img/resizer-bg.png);\r
- cursor: e-resize;\r
-}\r
-\r
-.i-table-caption-container {\r
- float: right;\r
- overflow: hidden;\r
- white-space: nowrap;\r
- font-weight: bold;\r
- color: #1c3e6e;\r
- padding-top: 5px;\r
-}\r
-\r
-/* disabled row in column selector */\r
-.i-off {\r
- font-style: italic;\r
-}\r
-\r
-\r
-\r
-.i-table-header-cell {\r
-}\r
-.i-table-header-cell-asc {\r
- background: blue;\r
-}\r
-.i-table-header-cell-desc {\r
- background: cyan;\r
-}\r
-\r
-.i-table-body {\r
- /*margin: 0 1px;*/\r
-}\r
-\r
-.i-table-row {\r
- border: 0;\r
- margin: 0;\r
- padding: 3px 0 3px 0;\r
- cursor: pointer;\r
-}\r
-.i-table-row:hover,\r
-.i-table .i-odd:hover {\r
- background-color: #d3dfee;\r
-}\r
-.i-table .i-odd {\r
- background-color: #f1f5f9;\r
-}\r
-.i-table .i-selected {\r
- background: #375f98 url(../img/selected-bg.png) repeat-x;\r
- color: #fff;\r
-}\r
-\r
-.i-table-row-spacer {\r
- height: 10px;\r
- overflow: hidden; /* IE hack to allow < one line height divs */\r
-}\r
-\r
-.i-table-cell-content {\r
- white-space: nowrap;\r
- overflow: hidden;\r
- /*border-right: 1px solid #e4e8ef;\r
- padding-left: 2px;\r
- width: 98%;*/\r
-}\r
-\r
-\r
-\r
-.i-table-column-selector {\r
- float: right;\r
- background: transparent url(../img/colsel.png) no-repeat;\r
- margin: 4px 0 0 0;
- height:15px;
- width:15px;\r
-}\r
-\r
-.i-table-focus-slot-left {\r
- border-left: 2px solid #375f98;\r
- margin-right: -2px;\r
-}\r
-.i-table-focus-slot-right {\r
- border-right: 2px solid #375f98;\r
- margin-left: -2px;\r
-}\r
-\r
-.i-table-header-drag {\r
- position: absolute;\r
- background: #e7edf3 url(../img/header-bg.png) repeat-x;\r
- border: 1px solid #375f98;\r
- padding: 4px;\r
- color: #1c3e6e;\r
- font-weight: bold;\r
- opacity: 0.5;\r
- filter: alpha(opacity=50);\r
-}\r
-
-.i-table-scrollposition {
- display: none;
- position: absolute;
- width: 150px;
- padding: 4px;
- border: 1px solid black;
- background: yellow;
-}\r
-\r
-/* IE specific styles */\r
-* html .i-table-header-wrap {\r
- margin-top: 0;\r
-}\r
-*+html .i-table-header-wrap {\r
- margin-top: 1px;\r
-}
\ No newline at end of file
--- /dev/null
+.i-table {\r
+ border: 1px solid #29528a;\r
+ background: #fff;\r
+}\r
+.i-table:before {\r
+ display: block;\r
+ height: 2px;\r
+ overflow: hidden;\r
+ background: transparent url(../../panel/img/top-right-small.png) no-repeat right top;\r
+ content: url(../../panel/img/top-left-small.png);\r
+ margin: -1px -1px 0 -1px;\r
+}\r
+.i-table:after {\r
+ display: block;\r
+ height: 2px;\r
+ overflow: hidden;\r
+ background: transparent url(../../panel/img/bottom-right.png) no-repeat right top;\r
+ content: url(../../panel/img/bottom-left.png);\r
+ margin: 0 -1px -1px -1px;\r
+}\r
+\r
+.i-table-header-wrap {\r
+ height: 26px;\r
+ background: #e7edf3 url(../img/header-bg.png) repeat-x;\r
+ border-bottom: 1px solid #6082b0;\r
+ margin-top: -1px;\r
+}\r
+\r
+.i-table-header {\r
+}\r
+\r
+.i-table-header table,\r
+.i-table-table {\r
+ border-collapse: collapse;\r
+ margin: 0;\r
+ padding: 0;\r
+ border: 0;\r
+}\r
+\r
+.i-table-header td,\r
+.i-table-table td {\r
+ margin:0;\r
+ padding:0;\r
+ border:0;\r
+}\r
+\r
+.i-table-header td {\r
+ cursor: pointer;\r
+}\r
+\r
+.i-table-resizer {\r
+ display: block;\r
+ height: 26px;\r
+ float: right;\r
+ background: #aabdda url(../img/resizer-bg.png);\r
+ cursor: e-resize;\r
+}\r
+\r
+.i-table-caption-container {\r
+ float: right;\r
+ overflow: hidden;\r
+ white-space: nowrap;\r
+ font-weight: bold;\r
+ color: #1c3e6e;\r
+ padding-top: 5px;\r
+}\r
+\r
+/* disabled row in column selector */\r
+.i-off {\r
+ font-style: italic;\r
+}\r
+\r
+\r
+\r
+.i-table-header-cell {\r
+}\r
+.i-table-header-cell-asc {\r
+ background: blue;\r
+}\r
+.i-table-header-cell-desc {\r
+ background: cyan;\r
+}\r
+\r
+.i-table-body {\r
+ /*margin: 0 1px;*/\r
+}\r
+\r
+.i-table-row {\r
+ border: 0;\r
+ margin: 0;\r
+ padding: 3px 0 3px 0;\r
+ cursor: pointer;\r
+}\r
+.i-table-row:hover,\r
+.i-table .i-odd:hover {\r
+ background-color: #d3dfee;\r
+}\r
+.i-table .i-odd {\r
+ background-color: #f1f5f9;\r
+}\r
+.i-table .i-selected {\r
+ background: #375f98 url(../img/selected-bg.png) repeat-x;\r
+ color: #fff;\r
+}\r
+\r
+.i-table-row-spacer {\r
+ height: 10px;\r
+ overflow: hidden; /* IE hack to allow < one line height divs */\r
+}\r
+\r
+.i-table-cell-content {\r
+ white-space: nowrap;\r
+ overflow: hidden;\r
+ /*border-right: 1px solid #e4e8ef;\r
+ padding-left: 2px;\r
+ width: 98%;*/\r
+}\r
+\r
+\r
+\r
+.i-table-column-selector {\r
+ float: right;\r
+ background: transparent url(../img/colsel.png) no-repeat;\r
+ margin: 4px 0 0 0;
+ height:15px;
+ width:15px;\r
+}\r
+\r
+.i-table-focus-slot-left {\r
+ border-left: 2px solid #375f98;\r
+ margin-right: -2px;\r
+}\r
+.i-table-focus-slot-right {\r
+ border-right: 2px solid #375f98;\r
+ margin-left: -2px;\r
+}\r
+\r
+.i-table-header-drag {\r
+ position: absolute;\r
+ background: #e7edf3 url(../img/header-bg.png) repeat-x;\r
+ border: 1px solid #375f98;\r
+ padding: 4px;\r
+ color: #1c3e6e;\r
+ font-weight: bold;\r
+ opacity: 0.5;\r
+ filter: alpha(opacity=50);\r
+}\r
+
+.i-table-scrollposition {
+ display: none;
+ position: absolute;
+ width: 150px;
+ padding: 4px;
+ border: 1px solid black;
+ background: yellow;
+}\r
+\r
+/* IE specific styles */\r
+* html .i-table-header-wrap {\r
+ margin-top: 0;\r
+}\r
+*+html .i-table-header-wrap {\r
+ margin-top: 1px;\r
+}
\ No newline at end of file
+++ /dev/null
-.i-tabsheet {\r
- \r
-}\r
-\r
-.i-tabsheet-tabs {\r
- empty-cells: hide;\r
- border-collapse: collapse;\r
-}\r
-\r
-.i-tabsheet-tabs .gwt-TabBarFirst {\r
- display: none;\r
-}\r
-\r
-.i-tabsheet-tabs .gwt-TabBarRest {\r
- border-bottom: solid 1px #c1c6cc;\r
-}\r
-\r
-.i-tabsheet-tabs .gwt-TabBarItem {\r
- border: solid 1px #9cacb9;\r
- border-bottom-color: #c1c6cc;\r
- height: 18px;\r
- padding: 4px 25px;\r
- color: #2c3c49;\r
- font-size: 12px;\r
- background: #ecf0f4 url(../img/tab-bg.png) repeat-x;\r
- margin-right: 1px;\r
- cursor: pointer;\r
-}\r
-\r
-.i-tabsheet-tabs .gwt-TabBarItem-selected {\r
- border-color: #c1c6cc;\r
- border-bottom-color: #fff;\r
- background: #fff url(../img/tab-selected-bg.png) repeat-x;\r
- padding-top: 7px;\r
- padding-bottom: 5px;\r
- margin-bottom: -1px;\r
- cursor: default;\r
-}\r
-\r
-.i-tabsheet-tabs .gwt-TabBarItem:hover {\r
- color: #62788a;\r
-}\r
-\r
-.i-tabsheet-tabs .gwt-TabBarItem-selected:hover {\r
- color: #2c3c49;\r
-}\r
-\r
-.i-tabsheet-tabs .gwt-TabBarItem:before {\r
- display: block;\r
- height: 2px;\r
- overflow: hidden;\r
- background: transparent url(../img/tab-right.png) no-repeat right top;\r
- content: url(../img/tab-left.png);\r
- margin: -5px -26px 3px -26px;\r
-}\r
-\r
-.i-tabsheet-tabs .gwt-TabBarItem-selected:before {\r
- height: 27px;\r
- background-image: url(../img/tab-selected-right.png);\r
- content: url(../img/tab-selected-left.png);\r
- margin: -8px -26px -20px -26px;\r
-}\r
-\r
-.i-tabsheet-content {\r
- background-color: #fff;\r
- border: solid 1px #c1c6cc;\r
- border-top: none;\r
- padding: 8px;\r
-}\r
-\r
-.i-tabsheet-deco {\r
- height: 9px;\r
- background: transparent url(../../common/img/shadow.png) repeat-x left bottom;\r
- margin: -2px 0 0 1px;\r
- position: relative;\r
-}\r
-\r
-.i-tabsheet-deco:before {\r
- display: block;\r
- height: 2px;\r
- overflow: hidden;\r
- background: transparent url(../../panel/img/bottom-right.png) no-repeat right top;\r
- content: url(../../panel/img/bottom-left.png);\r
-}\r
-\r
-/* Fix Safari bug (one pixel table offset) */\r
-.i-tabsheet-content {\r
- margin-left: 1px;\r
-}\r
-.i-tabsheet-tabs .gwt-TabBarFirst {\r
- display: block;\r
- width: 1px;\r
- height: 1px;\r
- overflow: hidden;\r
-}\r
-\r
-\r
-\r
-\r
-/* IE specific styles */\r
-* html .i-tabsheet-deco {\r
- position: static;\r
- background: transparent;\r
- margin-top: 0;\r
- font-size: 1;\r
- height: 7px;\r
- overflow: hidden;\r
- /* TODO change url when packaging is complete */\r
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../com.itmill.toolkit.terminal.gwt.Client/component-themes/common/img/shadow.png", sizingMethod="scale");\r
-}
\ No newline at end of file
--- /dev/null
+.i-tabsheet,\r
+.i-tabsheet-content,\r
+.i-tabsheet-deco {\r
+ outline: none; /* Prevent selection outline which might break layouts or cause scrollbars */\r
+}\r
+\r
+\r
+.i-tabsheet-tabs {\r
+ empty-cells: hide;\r
+ border-collapse: collapse;\r
+ height: 48px;\r
+ background: transparent url(img/tabs-bg.png) repeat-x bottom left;\r
+}\r
+\r
+.i-tabsheet-tabs .gwt-TabBarFirst {\r
+ display: none;\r
+}\r
+\r
+.i-tabsheet-tabs .gwt-TabBarRest {\r
+ border: 1px solid #b6bbbc;\r
+ background: #f8f9f9 url(img/tab-bg.png);\r
+ height: 37px;\r
+}\r
+\r
+.i-tabsheet-tabs .gwt-TabBarItem {\r
+ border: 1px solid #b6bbbc;\r
+ border-right: none;\r
+ height: 20px;\r
+ padding: 9px 15px 8px 15px;\r
+ margin-top: 9px;\r
+ color: #777f85;\r
+ font-size: 15px;\r
+ line-height: 15px;\r
+ background: #f8f9f9 url(img/tab-bg.png);\r
+ cursor: pointer;\r
+}\r
+\r
+.i-tabsheet-tabs .gwt-TabBarItem-selected {\r
+ border: none;\r
+ background: transparent url(../panel/img/top-left.png) no-repeat;\r
+ margin-top: -9px;\r
+ padding-left: 16px;\r
+ height: 30px;\r
+ cursor: default;\r
+ color: #ee5311;\r
+}\r
+\r
+.i-tabsheet-tabs .gwt-TabBarItem:hover {\r
+ color: #4b5257;\r
+}\r
+\r
+.i-tabsheet-tabs .gwt-TabBarItem-selected:hover {\r
+ color: #ee5311;\r
+}\r
+\r
+.i-tabsheet-tabs .gwt-TabBarItem-selected:before {\r
+ display: block;\r
+ height: 9px;\r
+ background: transparent url(../panel/img/top-right.png) repeat-x right top;\r
+ content: "";\r
+ margin: -9px -16px 9px -6px;\r
+}\r
+\r
+.i-tabsheet-content {\r
+ border: 1px solid #babfc0;\r
+ border-top: none;\r
+ border-bottom: none;\r
+ background-color: #fff;\r
+ overflow: auto;\r
+ padding: 15px 18px 6px 18px;\r
+}\r
+\r
+.i-tabsheet-deco {\r
+ height: 9px;\r
+ background: transparent url(../panel/img/bottom-right.png) repeat-x right top;\r
+ margin-left: 9px;\r
+}\r
+\r
+.i-tabsheet-deco:before {\r
+ display: block;\r
+ content: "";\r
+ width: 9px;\r
+ height: 9px;\r
+ margin-left: -9px;\r
+ background: transparent url(../panel/img/bottom-left.png) no-repeat;\r
+}\r
+\r
+\r
+\r
+\r
+/* Fix Safari bug (one pixel table offset) by \r
+ adding one extra pixel in every browser */\r
+/* Actually, let Safari be a little different, it's a bug */\r
+/*\r
+.i-tabsheet-content {\r
+ margin-left: 1px;\r
+}\r
+.i-tabsheet-tabs .gwt-TabBarFirst {\r
+ display: block;\r
+ width: 1px;\r
+ height: 1px;\r
+ overflow: hidden;\r
+}\r
+.i-tabsheet {\r
+ margin-left: -1px;\r
+}\r
+*/\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+\r
+/* IE specific styles */\r
+* html .i-tabsheet-content {\r
+ border-bottom: 1px solid #babfc0;\r
+}\r
+*+html .i-tabsheet-content {\r
+ border-bottom: 1px solid #babfc0;\r
+}\r
+\r
+* html .i-tabsheet-tabs {\r
+ height: 46px;\r
+}\r
+*+html .i-tabsheet-tabs {\r
+ height: 46px;\r
+}\r
+\r
+* html .i-tabsheet-tabs .gwt-TabBarItem-selected {\r
+ border: 1px solid #babfc0;\r
+ border-bottom: none;\r
+ background: #fff;\r
+ margin-top: 0;\r
+ height: 23px;\r
+ padding: 18px 14px 6px 15px;\r
+ cursor: default;\r
+ color: #ee5311;\r
+}\r
+*+html .i-tabsheet-tabs .gwt-TabBarItem-selected {\r
+ border: 1px solid #babfc0;\r
+ border-bottom: none;\r
+ background: #fff;\r
+ margin-top: 0;\r
+ height: 23px;\r
+ padding: 18px 14px 6px 15px;\r
+ cursor: default;\r
+ color: #ee5311;\r
+}\r
+\r
+* html .i-tabsheet-deco {\r
+ display: none;\r
+}\r
+*+html .i-tabsheet-deco {\r
+ display: none;\r
+}
\ No newline at end of file
+++ /dev/null
-.i-textfield {\r
- font-size: 1.1em;\r
- color: #444;\r
- background: #fff url(../img/bg.png) repeat-x;\r
- padding: 2px;\r
- border: 1px solid #b6b6b6;\r
- border-top-color: #9d9d9d;\r
- border-bottom-color: #d6d6d6;\r
- border-right-color: #d6d6d6;\r
- margin: 0;\r
-}\r
-\r
-.i-textfield-focus {\r
- color: #111;\r
- border-color: #4376c3;\r
- border-bottom-color: #6696dd;\r
- border-right-color: #6696dd;\r
-}\r
-\r
-.i-textfield-error {\r
- background: #ff9999;\r
-}\r
-\r
-.i-textfield.i-readonly {\r
- background: transparent;\r
- color: #222;\r
- border: none;\r
-}
\ No newline at end of file
--- /dev/null
+.i-textfield {\r
+ font-size: 1.1em;\r
+ color: #444;\r
+ background: #fff url(../img/bg.png) repeat-x;\r
+ padding: 2px;\r
+ border: 1px solid #b6b6b6;\r
+ border-top-color: #9d9d9d;\r
+ border-bottom-color: #d6d6d6;\r
+ border-right-color: #d6d6d6;\r
+ margin: 0;\r
+}\r
+\r
+.i-textfield-focus {\r
+ color: #111;\r
+ border-color: #4376c3;\r
+ border-bottom-color: #6696dd;\r
+ border-right-color: #6696dd;\r
+}\r
+\r
+.i-textfield-error {\r
+ background: #ff9999;\r
+}\r
+\r
+.i-textfield.i-readonly {\r
+ background: transparent;\r
+ color: #222;\r
+ border: none;\r
+}
\ No newline at end of file
+++ /dev/null
-.i-tree-node-selected > table > tbody > tr > td > span.gwt-TreeItem {
- background: #ff0;
-}
-span.gwt-TreeItem {\r
- cursor: pointer;\r
-}
\ No newline at end of file
--- /dev/null
+.i-tree-node-selected > table > tbody > tr > td > span.gwt-TreeItem {
+ background: #ff0;
+}
+span.gwt-TreeItem {\r
+ cursor: pointer;\r
+}
\ No newline at end of file
+++ /dev/null
-.i-window {
- border: 1px solid #999;
- /* mac FF fix for scrollbar see thru */
- position: absolute;
-}
-.i-window-header {
- background: yellow;
- height:20px;
- overflow: hidden;
-}
-
-.i-window-footer {
- background: #0f0;
- height:2px;
-}
-
-.i-window-contents {
- overflow:auto;
- background: #fff;
-}
-
-.i-window-resizebox {
- position:absolute;
- bottom:0;
- right:0;
- background: black;
- width: 5px;
- height: 5px;
- float:right;
- /* IE 6 hack */
- overflow: auto;
-}
-
-.i-window-closebox {
- position:absolute;
- top:0;
- right:0;
- background: red;
- width: 15px;
- height: 15px;
- float:right;
-}
--- /dev/null
+.i-window {
+ border: 1px solid #999;
+ /* mac FF fix for scrollbar see thru */
+ position: absolute;
+}
+.i-window-header {
+ background: yellow;
+ height:20px;
+ overflow: hidden;
+}
+
+.i-window-footer {
+ background: #0f0;
+ height:2px;
+}
+
+.i-window-contents {
+ overflow:auto;
+ background: #fff;
+}
+
+.i-window-resizebox {
+ position:absolute;
+ bottom:0;
+ right:0;
+ background: black;
+ width: 5px;
+ height: 5px;
+ float:right;
+ /* IE 6 hack */
+ overflow: auto;
+}
+
+.i-window-closebox {
+ position:absolute;
+ top:0;
+ right:0;
+ background: red;
+ width: 15px;
+ height: 15px;
+ float:right;
+}
*/
private boolean tabsHidden;
- private int height;
+ private int height = -1;
private int heightUnit;
- private int width;
+ private int width = -1;
private int widthUnit;
if (areTabsHidden())
target.addAttribute("hidetabs", true);
- if(width > 0) {
- target.addAttribute("width", width + UNIT_SYMBOLS[widthUnit]);
- } else {
- target.addAttribute("width", "100%");
+ if(width > -1) {
+ target.addAttribute("width", getWidth() + UNIT_SYMBOLS[widthUnit]);
}
- if(height > 0) {
- target.addAttribute("height", height + UNIT_SYMBOLS[widthUnit]);
+ if(height > -1) {
+ target.addAttribute("height", getHeight() + UNIT_SYMBOLS[heightUnit]);
}
target.startTag("tabs");
public void setHeight(int height) {
this.height = height;
+ requestRepaint();
}
public void setHeightUnits(int units) {
this.heightUnit = units;
+ requestRepaint();
}
public void setWidth(int width) {
this.width = width;
+ requestRepaint();
}
public void setWidthUnits(int units) {
this.widthUnit = units;
+ requestRepaint();
}
}