Updated the Showcase with three style themes, including the updated default style. The Showcase now has buttons at the top of the page to select between the options.
Patch by: jlabanca
Review by: rajeev
git-svn-id: https://google-web-toolkit.googlecode.com/svn/trunk@2638 8db76d5a-ed1c-0410-87a9-c151d255dfc7
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/Showcase.gwt.xml b/samples/showcase/src/com/google/gwt/sample/showcase/Showcase.gwt.xml
index 5143eb8..e1d0951 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/Showcase.gwt.xml
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/Showcase.gwt.xml
@@ -18,6 +18,6 @@
<extend-property name="locale" values="zh"/>
<!-- Include style sheets. -->
- <stylesheet src="GWT-default.css"/>
- <stylesheet src="Showcase.css"/>
+ <stylesheet src="default/GWT.css"/>
+ <stylesheet src="default/Showcase.css"/>
</module>
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/client/Showcase.java b/samples/showcase/src/com/google/gwt/sample/showcase/client/Showcase.java
index e7c750f..5d52abd 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/client/Showcase.java
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/client/Showcase.java
@@ -58,6 +58,7 @@
import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.History;
import com.google.gwt.user.client.HistoryListener;
+import com.google.gwt.user.client.Timer;
import com.google.gwt.user.client.Window;
import com.google.gwt.user.client.ui.AbstractImagePrototype;
import com.google.gwt.user.client.ui.ChangeListener;
@@ -66,16 +67,18 @@
import com.google.gwt.user.client.ui.HasHorizontalAlignment;
import com.google.gwt.user.client.ui.HasVerticalAlignment;
import com.google.gwt.user.client.ui.HorizontalPanel;
-import com.google.gwt.user.client.ui.Image;
+import com.google.gwt.user.client.ui.Label;
import com.google.gwt.user.client.ui.ListBox;
-import com.google.gwt.user.client.ui.PushButton;
import com.google.gwt.user.client.ui.RootPanel;
+import com.google.gwt.user.client.ui.ToggleButton;
import com.google.gwt.user.client.ui.Tree;
import com.google.gwt.user.client.ui.TreeItem;
import com.google.gwt.user.client.ui.VerticalPanel;
import com.google.gwt.user.client.ui.Widget;
+import java.util.ArrayList;
import java.util.HashMap;
+import java.util.List;
import java.util.Map;
/**
@@ -83,23 +86,53 @@
*/
public class Showcase implements EntryPoint {
/**
+ * A special version of the ToggleButton that cannot be clicked if down. If
+ * one theme button is pressed, all of the others are depressed.
+ */
+ private static class ThemeButton extends ToggleButton {
+ private static List<ThemeButton> allButtons = null;
+
+ private String theme;
+
+ public ThemeButton(String theme) {
+ super();
+ this.theme = theme;
+ addStyleName("sc-ThemeButton-" + theme);
+
+ // Add this button to the static list
+ if (allButtons == null) {
+ allButtons = new ArrayList<ThemeButton>();
+ setDown(true);
+ }
+ allButtons.add(this);
+ }
+
+ public String getTheme() {
+ return theme;
+ }
+
+ @Override
+ protected void onClick() {
+ if (!isDown()) {
+ // Raise all of the other buttons
+ for (ThemeButton button : allButtons) {
+ if (button != this) {
+ button.setDown(false);
+ }
+ }
+
+ // Fire the click listeners
+ super.onClick();
+ }
+ }
+ }
+
+ /**
* The static images used throughout the Showcase.
*/
public static final ShowcaseImages images = (ShowcaseImages) GWT.create(ShowcaseImages.class);
/**
- * The images to cache, such as background images. These images will be added
- * to the page and hidden, forcing the browser to cache them.
- */
- private static final String[] CACHED_IMAGES = {
- "bg_headergradient.png", "bg_listgradient.png", "bg_stackpanel.png",
- "bg_tab_selected.png", "corner.png", "hborder.png", "loading.gif",
- "vborder.png", "ie6/corner_dialog_topleft.png",
- "ie6/corner_dialog_topright.png", "ie6/hborder_blue_shadow.png",
- "ie6/hborder_gray_shadow.png", "ie6/vborder_blue_shadow.png",
- "ie6/vborder_gray_shadow.png"};
-
- /**
* Link to GWT homepage.
*/
private static final String GWT_HOMEPAGE = "http://code.google.com/webtoolkit/";
@@ -112,8 +145,8 @@
/**
* The available style themes that the user can select.
*/
- private static final String[] STYLE_THEMES = {"default", "chrome", "black"};
-
+ private static final String[] STYLE_THEMES = {"default", "chrome", "dark"};
+
/**
* Convenience method for getting the document's head element.
*
@@ -161,9 +194,46 @@
private Map<TreeItem, ContentWidget> itemWidgets = new HashMap<TreeItem, ContentWidget>();
/**
+ * A small widget used to determine when a new style sheet has finished
+ * loading. The widget has a natural width of 0px, but when any GWT.css style
+ * sheet is loaded, the width changes to 5px. We use a Timer to check the
+ * width until the style sheet loads.
+ */
+ private Label styleTester;
+
+ /**
+ * The timer that uses the styleTester to determine when the new GWT style
+ * sheet has loaded.
+ */
+ private Timer styleTesterTimer = new Timer() {
+ @Override
+ public void run() {
+ styleTester.setVisible(false);
+ styleTester.setVisible(true);
+ if (styleTester.getOffsetWidth() > 0) {
+ RootPanel.getBodyElement().getStyle().setProperty("display", "none");
+ RootPanel.getBodyElement().getStyle().setProperty("display", "");
+ } else {
+ schedule(25);
+ }
+ }
+ };
+
+ /**
* This is the entry point method.
*/
public void onModuleLoad() {
+ // Create a widget to test when style sheets are loaded
+ styleTester = new HTML("<div class=\"topLeftInner\"></div>");
+ styleTester.setStyleName("gwt-DecoratorPanel");
+ styleTester.getElement().getStyle().setProperty("position", "absolute");
+ styleTester.getElement().getStyle().setProperty("visibility", "hidden");
+ styleTester.getElement().getStyle().setProperty("display", "inline");
+ styleTester.getElement().getStyle().setPropertyPx("padding", 0);
+ styleTester.getElement().getStyle().setPropertyPx("top", 0);
+ styleTester.getElement().getStyle().setPropertyPx("left", 0);
+ RootPanel.get().add(styleTester);
+
// Create the constants
ShowcaseConstants constants = (ShowcaseConstants) GWT.create(ShowcaseConstants.class);
@@ -171,19 +241,21 @@
app = new Application();
setupTitlePanel(constants);
setupMainLinks(constants);
- setupOptionsPanel(constants);
+ setupOptionsPanel();
setupMainMenu(constants);
RootPanel.get().add(app);
- // Swap out the style sheets for the RTL versions if needed. We need to do
+ // Swap out the style sheets for the RTL versions if needed. We need to do
// this after the app is loaded because the app will setup the layout based
- // on the width of the main menu, which is defined in the style sheet. If
+ // on the width of the main menu, which is defined in the style sheet. If
// we swap the style sheets first, the app may load without any style sheet
// to define the main menu width, because the RTL version is still being
- // loaded. Note that we are basing the layout on the width defined in the
+ // loaded. Note that we are basing the layout on the width defined in the
// LTR version, so both versions should use the same width for the main nav
// menu.
- includeStyleSheets();
+ if (LocaleInfo.getCurrentLocale().isRTL()) {
+ updateStyleSheets(STYLE_THEMES[0]);
+ }
// Add an listener that sets the content widget when a menu item is selected
app.setListener(new ApplicationListener() {
@@ -223,20 +295,6 @@
ContentWidget firstContent = itemWidgets.get(firstItem);
historyListener.onHistoryChanged(getContentWidgetToken(firstContent));
}
-
- // Cache images as needed
- cacheImages();
- }
-
- /**
- * Cache the images used in the background.
- */
- private void cacheImages() {
- for (int i = 0; i < CACHED_IMAGES.length; i++) {
- Image image = new Image("images/" + CACHED_IMAGES[i]);
- RootPanel.get().add(image);
- image.setVisible(false);
- }
}
/**
@@ -263,37 +321,6 @@
}
/**
- * Add the stylesheets to the page, loading one at a time.
- */
- private void includeStyleSheets() {
- // Do nothing if we are in LTR
- if (!LocaleInfo.getCurrentLocale().isRTL()) {
- return;
- }
-
- // Remove existing style sheets
- Element headElem = getHeadElement();
- int numChildren = DOM.getChildCount(headElem);
- for (int i = 0; i < numChildren; i++) {
- Element elem = DOM.getChild(headElem, i);
- if (DOM.getElementProperty(elem, "tagName").equalsIgnoreCase("link")
- && DOM.getElementProperty(elem, "rel").equalsIgnoreCase("stylesheet")) {
- // Remove the existing link
- String href = DOM.getElementProperty(elem, "href");
- DOM.removeChild(headElem, elem);
-
- // Add the style tag to the page
- href = href.replaceAll(".css", ".rtl.css");
- Element styleElem = DOM.createElement("link");
- DOM.setElementProperty(styleElem, "rel", "stylesheet");
- DOM.setElementProperty(styleElem, "type", "text/css");
- DOM.setElementProperty(styleElem, "href", href);
- DOM.insertChild(headElem, styleElem, i);
- }
- }
- }
-
- /**
* Create the main links at the top of the application.
*
* @param constants the constants with text
@@ -424,14 +451,12 @@
/**
* Create the options that appear next to the title.
- *
- * @param constants the constant values to use
*/
- private void setupOptionsPanel(ShowcaseConstants constants) {
+ private void setupOptionsPanel() {
VerticalPanel vPanel = new VerticalPanel();
vPanel.setHorizontalAlignment(HasHorizontalAlignment.ALIGN_RIGHT);
app.setOptionsWidget(vPanel);
-
+
// Add the option to change the locale
final ListBox localeBox = new ListBox();
String currentLocale = LocaleInfo.getCurrentLocale().getLocaleName();
@@ -459,23 +484,21 @@
localeWrapper.add(images.locale().createImage());
localeWrapper.add(localeBox);
vPanel.add(localeWrapper);
-
+
// Add the option to change the style
- HorizontalPanel styleWrapper = new HorizontalPanel();
+ final HorizontalPanel styleWrapper = new HorizontalPanel();
vPanel.add(styleWrapper);
for (int i = 0; i < STYLE_THEMES.length; i++) {
- String theme = STYLE_THEMES[i];
- PushButton button = new PushButton();
- button.addStyleName("sc-ThemeButton-" + theme);
+ final ThemeButton button = new ThemeButton(STYLE_THEMES[i]);
styleWrapper.add(button);
button.addClickListener(new ClickListener() {
public void onClick(Widget sender) {
- Window.alert("Additional styles coming soon...");
+ updateStyleSheets(button.getTheme());
}
});
}
}
-
+
/**
* Create the title bar at the top of the application.
*
@@ -493,4 +516,48 @@
titlePanel.add(new HTML(pageTitle));
app.setTitleWidget(titlePanel);
}
+
+ /**
+ * Update the style sheets to reflect the current theme and direction.
+ *
+ * @param theme the current theme
+ */
+ private void updateStyleSheets(String theme) {
+ // Remove existing style sheets
+ boolean isRTL = LocaleInfo.getCurrentLocale().isRTL();
+ Element headElem = getHeadElement();
+ int numChildren = DOM.getChildCount(headElem);
+ for (int i = 0; i < numChildren; i++) {
+ Element elem = DOM.getChild(headElem, i);
+ if (DOM.getElementProperty(elem, "tagName").equalsIgnoreCase("link")
+ && DOM.getElementProperty(elem, "rel").equalsIgnoreCase("stylesheet")) {
+ // Remove the existing link
+ String href = DOM.getElementProperty(elem, "href");
+ DOM.removeChild(headElem, elem);
+
+ // Set the theme
+ for (String oldTheme : STYLE_THEMES) {
+ href = href.replaceAll("/" + oldTheme + "/", "/" + theme + "/");
+ }
+
+ // Convert to an rtl suffix
+ if (isRTL) {
+ href = href.replaceAll("_rtl.css", ".css");
+ href = href.replaceAll(".css", "_rtl.css");
+ }
+
+ // Start waiting for the new GWT style sheet to load
+ if (href.contains("GWT.")) {
+ styleTesterTimer.schedule(25);
+ }
+
+ // Add the style tag to the page
+ Element styleElem = DOM.createElement("link");
+ DOM.setElementProperty(styleElem, "rel", "stylesheet");
+ DOM.setElementProperty(styleElem, "type", "text/css");
+ DOM.setElementProperty(styleElem, "href", href);
+ DOM.insertChild(headElem, styleElem, i);
+ }
+ }
+ }
}
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/client/catOther.png b/samples/showcase/src/com/google/gwt/sample/showcase/client/catOther.png
index 5f8c729..372710b 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/client/catOther.png
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/client/catOther.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/bundle.png b/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/bundle.png
deleted file mode 100644
index 376adfc..0000000
--- a/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/bundle.png
+++ /dev/null
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/contactsgroup.gif b/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/contactsgroup.gif
index d4f9720..bfadfc2 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/contactsgroup.gif
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/contactsgroup.gif
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/drafts.gif b/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/drafts.gif
index 59ac3be..c65a1aa 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/drafts.gif
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/drafts.gif
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/filtersgroup.gif b/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/filtersgroup.gif
index 488e65a..91e8308 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/filtersgroup.gif
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/filtersgroup.gif
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/inbox.gif b/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/inbox.gif
index d8c83b7..11a6b81 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/inbox.gif
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/inbox.gif
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/mailgroup.gif b/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/mailgroup.gif
index e040bf8..41fef5b 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/mailgroup.gif
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/mailgroup.gif
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/sent.gif b/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/sent.gif
index c5cb72a..574bcf8 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/sent.gif
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/sent.gif
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/trash.gif b/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/trash.gif
index 82c4585..5f47780 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/trash.gif
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/client/content/lists/trash.gif
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/generator/ShowcaseGenerator.java b/samples/showcase/src/com/google/gwt/sample/showcase/generator/ShowcaseGenerator.java
index 47b8715..960e5b9 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/generator/ShowcaseGenerator.java
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/generator/ShowcaseGenerator.java
@@ -36,7 +36,7 @@
/**
* The names of the CSS files to parse.
*/
- private static final String[] CSS_FILES = {"GWT-default.css", "Showcase.css"};
+ private static final String[] CSS_FILES = {"GWT.css", "Showcase.css"};
/**
* The root of all files.
@@ -71,7 +71,7 @@
* The path to the folder containing all CSS style sheets.
*/
private static final String SRC_CSS = FILE_ROOT
- + "com/google/gwt/sample/showcase/public/";
+ + "com/google/gwt/sample/showcase/public/default/";
/**
* The root of properties files.
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.html b/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.html
index a7dbcd5..227ba90 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.html
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.html
@@ -2,13 +2,6 @@
<HTML>
<head>
<title>Showcase of GWT Features</title>
- <style>
- body,td,a,div,.p{font-family:arial,sans-serif}
- div,td{color:#000000}
- a:link,.w,.w a:link{color:#0000cc}
- a:visited{color:#551a8b}
- a:active{color:#ff0000}
- </style>
<script language='javascript'>
// Used in the Dictionary Example
var userInfo = {
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/GWT-default.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/GWT.css
similarity index 74%
rename from samples/showcase/src/com/google/gwt/sample/showcase/public/GWT-default.css
rename to samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/GWT.css
index 9448175..306928e 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/GWT-default.css
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/GWT.css
@@ -1,6 +1,26 @@
/**
+ * The file contains styles for GWT widgets in the chrome theme.
+ *
+ * In order to maintain cross-browser compatibility, the following syntax is
+ * used to create IE6 specific style rules:
+ * html>body .gwt-Widget {
+ * Rule applies to all browsers (including IE7), except IE6
+ * }
+ * * html .gwt-Widget {
+ * Rule applied to IE6 only (not to IE7)
+ * }
+ *
+ * Specifically, IE6 does not support images with multiple transparent colors,
+ * so we need to use the AlphaImageLoader in IE6 only.
+ */
+
+/**
* Applied to the entire page.
*/
+body,td,a,div,.p {
+ font-family:arial,sans-serif
+}
+
body {
color: black;
font-family: Helvetica, Arial, sans-serif;
@@ -8,6 +28,7 @@
margin: 0px;
border: 0px;
padding: 0px;
+ background: #fff;
direction: ltr;
}
@@ -20,7 +41,7 @@
}
iframe {
- border-top: 2px solid #666;
+ border-top: 2px solid #666;
border-left: 2px solid #666;
border-right: 2px solid #bbb;
border-bottom: 2px solid #bbb;
@@ -30,15 +51,33 @@
* Applied to buttons.
*/
.gwt-Button {
+ margin: 0;
+ padding: .3em 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ cursor: pointer;
+ cursor: hand;
+ background: url("images/hborder.png") repeat-x 0px -27px;
+ border: 1px outset #ccc;
}
.gwt-Button:active {
+ border: 1px inset #ccc;
+}
+
+.gwt-Button:hover {
+ border-color: #9cf #69e #69e #7af;
}
.gwt-Button[disabled] {
+ cursor: default;
color: #888;
}
+.gwt-Button[disabled]:hover {
+ border: 1px outset #ccc;
+}
+
/**
* Applied to the checkbox and text next to the checkbox.
*/
@@ -84,14 +123,14 @@
width: 5px;
height: 5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratorPanel .topRightInner {
width: 10px;
height: 5px;
margin-left: -5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratorPanel .bottomLeftInner {
width: 5px;
@@ -99,7 +138,7 @@
margin-left: 0px;
margin-top: -5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratorPanel .bottomRightInner {
width: 10px;
@@ -107,17 +146,18 @@
margin-left: -5px;
margin-top: -5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
/**
* Applied to the dialog box.
*/
.gwt-DialogBox .Caption {
- background: #93c2f1 url(images/bg_listgradient.png) repeat-x;
+ background: #ebebeb url(images/hborder.png) repeat-x 0px -2003px;
padding: 4px 4px 4px 8px;
cursor: default;
border-bottom: 1px solid #bbbbbb;
+ border-top: 5px solid #e3e3e3;
}
.gwt-DialogBox .content {
}
@@ -126,19 +166,19 @@
background: white;
}
html>body .gwt-DialogBox .bottomCenter {
- background: url(images/hborder.png) repeat-x;
+ background: url(images/hborder.png) repeat-x 0px -4px;
}
* html .gwt-DialogBox .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-DialogBox .middleLeft {
background: url(images/vborder.png) repeat-y;
}
html>body .gwt-DialogBox .middleRight {
- background: url(images/vborder.png) repeat-y;
+ background: url(images/vborder.png) repeat-y -4px 0px;
}
* html .gwt-DialogBox .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-DialogBox .topLeft,
.gwt-DialogBox .topRight,
@@ -167,19 +207,19 @@
* html .gwt-DialogBox .topLeft {
width: 5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
}
* html .gwt-DialogBox .topRight {
width: 8px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/corner_dialog_topright.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/corner_dialog_topright.png',sizingMethod='crop');
}
* html .gwt-DialogBox .bottomLeftInner {
width: 5px;
height: 23px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-DialogBox .bottomRightInner {
width: 13px;
@@ -187,7 +227,7 @@
margin-left: -5px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
/**
@@ -208,10 +248,11 @@
}
.gwt-DisclosurePanel .header {
+ color: black;
}
.gwt-DisclosurePanel .content {
- border-left: 3px solid #e8eef7;
+ border-left: 3px solid #e3e3e3;
padding: 4px 0px 4px 8px;
margin-left: 6px;
}
@@ -230,14 +271,14 @@
.gwt-HorizontalSplitPanel .hsplitter {
cursor: move;
border: 0px;
- background: #91c0ef url(images/vborder.png) -9px 0px repeat-y;
+ background: #91c0ef url(images/vborder.png) repeat-y;
}
.gwt-VerticalSplitPanel {
}
.gwt-VerticalSplitPanel .vsplitter {
cursor: move;
border: 0px;
- background: #91c0ef url(images/hborder.png) 0px -9px repeat-x;
+ background: #91c0ef url(images/hborder.png) repeat-x;
}
/**
@@ -282,11 +323,11 @@
}
.gwt-MenuBar .gwt-MenuItem-selected {
- background: #E0EDFE;
+ background: #cdcdcd;
}
.gwt-MenuBar-horizontal {
- background: #e3e8f3 url(images/bg_headergradient.png) repeat-x;
+ background: #ebebeb url(images/hborder.png) repeat-x 0px -2003px;
border: 1px solid #BBBBBB;
}
@@ -341,28 +382,28 @@
padding-right: 4px;
}
.gwt-MenuBar-vertical .subMenuIcon-selected {
- background: #E0EDFE;
+ background: #cdcdcd;
}
.gwt-MenuBarPopup {
margin: 0px 0px 0px 3px;
}
.gwt-MenuBarPopup .topCenter {
- background: url(images/hborder.png) 0px -17px repeat-x;
+ background: url(images/hborder.png) 0px -12px repeat-x;
}
html>body .gwt-MenuBarPopup .bottomCenter {
- background: url(images/hborder.png) 0px -18px repeat-x;
+ background: url(images/hborder.png) 0px -13px repeat-x;
}
* html .gwt-MenuBarPopup .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_gray_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/hborder_gray_shadow.png',sizingMethod='scale');
}
.gwt-MenuBarPopup .middleLeft {
- background: url(images/vborder.png) -17px 0px repeat-y;
+ background: url(images/vborder.png) -12px 0px repeat-y;
}
html>body .gwt-MenuBarPopup .middleRight {
- background: url(images/vborder.png) -18px 0px repeat-y;
+ background: url(images/vborder.png) -13px 0px repeat-y;
}
* html .gwt-MenuBarPopup .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_gray_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/vborder_gray_shadow.png',sizingMethod='scale');
}
html>body .gwt-MenuBarPopup .topLeft {
width: 5px;
@@ -389,7 +430,7 @@
height: 41px;
margin-top: -36px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-MenuBarPopup .topRightInner {
width: 13px;
@@ -397,14 +438,14 @@
margin-left: -5px;
margin-top: -36px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-MenuBarPopup .bottomLeftInner {
width: 5px;
height: 49px;
margin-top: -41px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-MenuBarPopup .bottomRightInner {
width: 13px;
@@ -412,7 +453,7 @@
margin-left: -5px;
margin-top: -41px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
/**
@@ -438,19 +479,19 @@
background: url(images/hborder.png) repeat-x;
}
html>body .gwt-PopupPanel .bottomCenter {
- background: url(images/hborder.png) repeat-x;
+ background: url(images/hborder.png) repeat-x 0px -4px;
}
* html .gwt-PopupPanel .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-PopupPanel .middleLeft {
background: url(images/vborder.png) repeat-y;
}
html>body .gwt-PopupPanel .middleRight {
- background: url(images/vborder.png) repeat-y;
+ background: url(images/vborder.png) repeat-y -4px 0px;
}
* html .gwt-PopupPanel .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-PopupPanel .topLeft,
.gwt-PopupPanel .topRight,
@@ -483,7 +524,7 @@
height: 15px;
margin-top: -10px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-PopupPanel .topRightInner {
width: 13px;
@@ -491,14 +532,14 @@
margin-left: -5px;
margin-top: -10px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-PopupPanel .bottomLeftInner {
width: 5px;
height: 23px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-PopupPanel .bottomRightInner {
width: 13px;
@@ -506,79 +547,60 @@
margin-left: -5px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
/**
* Applied to the push button, a customizable button that can be pressed
* and released.
*/
+.gwt-PushButton-up,
+.gwt-PushButton-up-hovering,
+.gwt-PushButton-up-disabled,
+.gwt-PushButton-down,
+.gwt-PushButton-down-hovering,
+.gwt-PushButton-down-disabled {
+ margin: 0;
+ padding: 3px 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ background: url("images/hborder.png") repeat-x 0px -27px;
+}
.gwt-PushButton-up {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-right: 2px solid #848280;
- border-bottom: 2px solid #848280;
+ border: 1px outset #ccc;
cursor: pointer;
cursor: hand;
}
-
.gwt-PushButton-up-hovering {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-right: 2px solid #848280;
- border-bottom: 2px solid #848280;
+ border: 1px outset;
+ border-color: #9cf #69e #69e #7af;
cursor: pointer;
cursor: hand;
}
-
.gwt-PushButton-up-disabled {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-right: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
+ border: 1px outset #ccc;
cursor: default;
- opacity: 0.5;
- filter: alpha(opacity=30);
+ opacity: .5;
+ filter: alpha(opacity=40);
zoom: 1;
}
-
.gwt-PushButton-down {
- padding: 2px 1px 2px 3px;
- background-color: #efebe7;
- border: 2px solid #848280;
- border-right: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
+ border: 1px inset #666;
cursor: pointer;
cursor: hand;
}
-
.gwt-PushButton-down-hovering {
- padding: 2px 1px 2px 3px;
- background-color: #efebe7;
- border: 2px solid #848280;
- border-right: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
+ border: 1px inset;
+ border-color: #9cf #69e #69e #7af;
cursor: pointer;
cursor: hand;
}
-
.gwt-PushButton-down-disabled {
- padding: 2px 1px 2px 3px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-right: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
+ border: 1px outset #ccc;
cursor: default;
opacity: 0.5;
- filter: alpha(opacity=30);
- zoom: 1;
-}
-
-.gwt-PushButton-down-disabled .gwt-Image {
- filter: alpha(opacity=30);
+ filter: alpha(opacity=40);
+ zoom: 1;
}
/**
@@ -603,7 +625,7 @@
}
.gwt-RichTextToolbar {
- background: #e3e8f3 url(images/bg_headergradient.png) repeat-x;
+ background: #ebebeb url(images/hborder.png) repeat-x 0px -2003px;
border-bottom: 1px solid #BBBBBB;
padding: 3px;
margin: 0px;
@@ -689,11 +711,11 @@
zoom: 1;
}
html>body .gwt-StackPanelItem .topLeft {
- background: #d3def6 url(images/corner.png) no-repeat 0px -49px;
+ background: #e4e4e4 url(images/corner.png) no-repeat 0px -49px;
border-left: 1px solid #bbbbbb;
}
html>body .gwt-StackPanelItem .topRight {
- background: #d3def6 url(images/corner.png) no-repeat -6px -49px;
+ background: #e4e4e4 url(images/corner.png) no-repeat -6px -49px;
border-right: 1px solid #bbbbbb;
}
.gwt-StackPanelItem .topLeftInner,
@@ -708,7 +730,7 @@
overflow: hidden;
border-left: 1px solid #bbbbbb;
background-color: #d3def6;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-StackPanelItem .topRightInner {
width: 12px;
@@ -718,13 +740,13 @@
overflow: hidden;
border-right: 1px solid #bbbbbb;
background-color: #d3def6;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
.gwt-StackPanelItem .topCenter {
- background: url(images/hborder.png) 0px -26px repeat-x;
+ background: url(images/hborder.png) 0px -21px repeat-x;
}
.gwt-StackPanelItem .middleLeft {
- background: #d3def6 url(images/bg_stackpanel.png) repeat-x;
+ background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
border-left: 1px solid #bbbbbb;
}
.gwt-StackPanelItem .middleLeftInner,
@@ -733,13 +755,13 @@
height: 1px;
}
.gwt-StackPanelItem .middleRight {
- background: #d3def6 url(images/bg_stackpanel.png) repeat-x;
+ background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
border-right: 1px solid #bbbbbb;
}
.gwt-StackPanelItem .middleCenter {
font-weight: bold;
font-size: 1.3em;
- background: #d3def6 url(images/bg_stackpanel.png) repeat-x;
+ background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
}
html>body .gwt-StackPanelItem-first .topRight,
html>body .gwt-StackPanelItem-first .topLeft {
@@ -778,7 +800,7 @@
cursor: default;
}
.gwt-SuggestBoxPopup .item-selected {
- background: #b7d6f6;
+ background: #cdcdcd;
}
.gwt-SuggestBoxPopup .middleCenter {
background: white;
@@ -787,19 +809,19 @@
background: url(images/hborder.png) repeat-x;
}
html>body .gwt-SuggestBoxPopup .bottomCenter {
- background: url(images/hborder.png) repeat-x;
+ background: url(images/hborder.png) repeat-x 0px -4px;
}
* html .gwt-SuggestBoxPopup .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-SuggestBoxPopup .middleLeft {
background: url(images/vborder.png) repeat-y;
}
html>body .gwt-SuggestBoxPopup .middleRight {
- background: url(images/vborder.png) repeat-y;
+ background: url(images/vborder.png) repeat-y -4px 0px;
}
* html .gwt-SuggestBoxPopup .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
}
html>body .gwt-SuggestBoxPopup .topLeft {
width: 5px;
@@ -826,7 +848,7 @@
height: 28px;
margin-top: -23px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-SuggestBoxPopup .topRightInner {
width: 13px;
@@ -834,14 +856,14 @@
margin-left: -5px;
margin-top: -23px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-SuggestBoxPopup .bottomLeftInner {
width: 5px;
height: 36px;
margin-top: -28px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-SuggestBoxPopup .bottomRightInner {
width: 13px;
@@ -849,7 +871,7 @@
margin-left: -5px;
margin-top: -28px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
/**
@@ -870,7 +892,7 @@
}
.gwt-TabBar .gwt-TabBarItem .topCenter {
padding: 0px;
- background: url(images/hborder.png) 0px -32px repeat-x;
+ background: #e3e3e3;
}
.gwt-TabBar .gwt-TabBarItem .topLeft,
.gwt-TabBar .gwt-TabBarItem .topRight {
@@ -893,7 +915,7 @@
height: 61px;
margin-top: -55px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-TabBar .gwt-TabBarItem .topRightInner {
width: 12px;
@@ -901,13 +923,13 @@
margin-top: -55px;
margin-left: -6px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
.gwt-TabBar .gwt-TabBarItem .middleLeft,
.gwt-TabBar .gwt-TabBarItem .middleRight {
width: 6px;
padding: 0px;
- background: #e4e9f3 url(images/bg_tab.png) repeat-x;
+ background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px;
}
.gwt-StackPanelItem .middleLeftInner,
.gwt-StackPanelItem .middleRightInner {
@@ -921,64 +943,10 @@
color: black;
font-weight: bold;
text-align: center;
- background: #e4e9f3 url(images/bg_tab.png) repeat-x;
-}
-.gwt-TabBar .gwt-TabBarItem .topCenter {
- padding: 0px;
- background: url(images/hborder.png) 0px -32px repeat-x;
-}
-.gwt-TabBar .gwt-TabBarItem .topLeft,
-.gwt-TabBar .gwt-TabBarItem .topRight {
- padding: 0px;
- zoom: 1;
-}
-.gwt-TabBar .gwt-TabBarItem .topLeftInner,
-.gwt-TabBar .gwt-TabBarItem .topRightInner {
- width: 6px;
- height: 6px;
-}
-html>body .gwt-TabBar .gwt-TabBarItem .topLeft {
- background: url(images/corner.png) no-repeat 0px -55px;
-}
-html>body .gwt-TabBar .gwt-TabBarItem .topRight {
- background: url(images/corner.png) no-repeat -6px -55px;
-}
-* html .gwt-TabBar .gwt-TabBarItem .topLeftInner {
- width: 5px;
- height: 61px;
- margin-top: -55px;
- overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
-}
-* html .gwt-TabBar .gwt-TabBarItem .topRightInner {
- width: 12px;
- height: 61px;
- margin-top: -55px;
- margin-left: -6px;
- overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
-}
-.gwt-TabBar .gwt-TabBarItem .middleLeft,
-.gwt-TabBar .gwt-TabBarItem .middleRight {
- width: 6px;
- padding: 0px;
- background: #e4e9f3 url(images/bg_tab.png) repeat-x;
-}
-.gwt-StackPanelItem .middleLeftInner,
-.gwt-StackPanelItem .middleRightInner {
- width: 1px;
- height: 1px;
-}
-.gwt-TabBar .gwt-TabBarItem .middleCenter {
- padding: 0px 4px 2px 4px;
- cursor: pointer;
- cursor: hand;
- font-weight: bold;
- text-align: center;
- background: #e4e9f3 url(images/bg_tab.png) repeat-x;
+ background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px;
}
.gwt-TabBar .gwt-TabBarItem-selected .topCenter {
- background: url(images/hborder.png) 0px -38px repeat-x;
+ background: #747474;
}
html>body .gwt-TabBar .gwt-TabBarItem-selected .topLeft {
background-position: 0px -61px;
@@ -991,7 +959,7 @@
height: 67px;
margin-top: -61px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-TabBar .gwt-TabBarItem-selected .topRightInner {
width: 12px;
@@ -999,20 +967,21 @@
margin-top: -61px;
margin-left: -6px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
.gwt-TabBar .gwt-TabBarItem-selected .middleLeft,
.gwt-TabBar .gwt-TabBarItem-selected .middleRight {
- background: #92c1f0 url(images/bg_tab_selected.png) repeat-x;
+ background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px;
}
.gwt-TabBar .gwt-TabBarItem-selected .middleCenter {
cursor: default;
- background: #92c1f0 url(images/bg_tab_selected.png) repeat-x;
+ background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px;
+ color: white;
}
.gwt-TabPanel {
}
.gwt-TabPanelBottom {
- border-color: #92c1f0;
+ border-color: #bcbcbc;
border-style: solid;
border-width: 3px 2px 2px;
overflow: hidden;
@@ -1045,68 +1014,56 @@
* Applied to toggle buttons, a customizable button that can be toggled
* between two states (similar to a checkbox).
*/
-.gwt-ToggleButton-up {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-right: 2px solid #848280;
- border-bottom: 2px solid #848280;
- cursor: pointer;
- cursor: hand;
-}
-
-.gwt-ToggleButton-up-hovering {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-right: 2px solid #848280;
- border-bottom: 2px solid #848280;
- cursor: pointer;
- cursor: hand;
-}
-
-.gwt-ToggleButton-up-disabled {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-right: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
- cursor: default;
- opacity: 0.5;
- filter: alpha(opacity=40);
- zoom: 1;
-}
-
-.gwt-ToggleButton-down {
- padding: 2px 1px 2px 3px;
- background-color: #f5f5f5;
- border: 2px solid #848280;
- border-right: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
- cursor: pointer;
- cursor: hand;
-}
-
-.gwt-ToggleButton-down-hovering {
- padding: 2px 1px 2px 3px;
- background-color: #f5f5f5;
- border: 2px solid #848280;
- border-right: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
- cursor: pointer;
- cursor: hand;
-}
-
+.gwt-ToggleButton-up,
+.gwt-ToggleButton-up-hovering,
+.gwt-ToggleButton-up-disabled,
+.gwt-ToggleButton-down,
+.gwt-ToggleButton-down-hovering,
.gwt-ToggleButton-down-disabled {
- padding: 2px 1px 2px 3px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-right: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
+ margin: 0;
+ padding: 3px 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ background: url("images/hborder.png") repeat-x 0px -27px;
+}
+.gwt-ToggleButton-up {
+ border: 1px outset #ccc;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-up-hovering {
+ border: 1px outset;
+ border-color: #9cf #69e #69e #7af;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-up-disabled {
+ border: 1px outset #ccc;
cursor: default;
- opacity: 0.5;
- filter: alpha(opacity=40);
+ opacity: .5;
zoom: 1;
+ filter: alpha(opacity=40);
+}
+.gwt-ToggleButton-down {
+ background-position: 0 -513px;
+ border: 1px inset #ccc;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-down-hovering {
+ background-position: 0 -513px;
+ border: 1px inset;
+ border-color: #9cf #69e #69e #7af;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-down-disabled {
+ background-position: 0 -513px;
+ border: 1px inset #ccc;
+ cursor: default;
+ opacity: .5;
+ zoom: 1;
+ filter: alpha(opacity=40);
}
/**
@@ -1120,6 +1077,5 @@
cursor: pointer;
}
.gwt-Tree .gwt-TreeItem-selected {
- padding: 1px;
- background: #93c2f1 url(images/bg_listgradient.png) repeat-x;
+ background: #93c2f1 url(images/hborder.png) repeat-x 0px -1463px;
}
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/GWT-default.rtl.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/GWT_rtl.css
similarity index 73%
copy from samples/showcase/src/com/google/gwt/sample/showcase/public/GWT-default.rtl.css
copy to samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/GWT_rtl.css
index 45024dd..a0cb755 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/GWT-default.rtl.css
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/GWT_rtl.css
@@ -1,6 +1,26 @@
/**
+ * The file contains styles for GWT widgets in the chrome theme, in RTL mode.
+ *
+ * In order to maintain cross-browser compatibility, the following syntax is
+ * used to create IE6 specific style rules:
+ * html>body .gwt-Widget {
+ * Rule applies to all browsers (including IE7), except IE6
+ * }
+ * * html .gwt-Widget {
+ * Rule applied to IE6 only (not to IE7)
+ * }
+ *
+ * Specifically, IE6 does not support images with multiple transparent colors,
+ * so we need to use the AlphaImageLoader in IE6 only.
+ */
+
+/**
* Applied to the entire page.
*/
+body,td,a,div,.p {
+ font-family:arial,sans-serif
+}
+
body {
color: black;
font-family: Helvetica, Arial, sans-serif;
@@ -8,6 +28,7 @@
margin: 0px;
border: 0px;
padding: 0px;
+ background: #fff;
direction: rtl;
}
@@ -19,19 +40,44 @@
color: #0000AA;
}
+iframe {
+ border-top: 2px solid #666;
+ border-left: 2px solid #666;
+ border-right: 2px solid #bbb;
+ border-bottom: 2px solid #bbb;
+}
+
/**
* Applied to buttons.
*/
.gwt-Button {
+ margin: 0;
+ padding: .3em 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ cursor: pointer;
+ cursor: hand;
+ background: url("images/hborder.png") repeat-x 0px -27px;
+ border: 1px outset #ccc;
}
.gwt-Button:active {
+ border: 1px inset #ccc;
+}
+
+.gwt-Button:hover {
+ border-color: #9cf #69e #69e #7af;
}
.gwt-Button[disabled] {
+ cursor: default;
color: #888;
}
+.gwt-Button[disabled]:hover {
+ border: 1px outset #ccc;
+}
+
/**
* Applied to the checkbox and text next to the checkbox.
*/
@@ -77,14 +123,14 @@
width: 5px;
height: 5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratorPanel .topRightInner {
width: 10px;
height: 5px;
margin-left: -5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratorPanel .bottomLeftInner {
width: 5px;
@@ -92,7 +138,7 @@
margin-left: 0px;
margin-top: -5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratorPanel .bottomRightInner {
width: 10px;
@@ -100,17 +146,18 @@
margin-left: -5px;
margin-top: -5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
/**
* Applied to the dialog box.
*/
.gwt-DialogBox .Caption {
- background: #93c2f1 url(images/bg_listgradient.png) repeat-x;
+ background: #ebebeb url(images/hborder.png) repeat-x 0px -2003px;
padding: 4px 8px 4px 4px;
cursor: default;
border-bottom: 1px solid #bbbbbb;
+ border-top: 5px solid #e3e3e3;
}
.gwt-DialogBox .content {
}
@@ -119,19 +166,19 @@
background: white;
}
html>body .gwt-DialogBox .bottomCenter {
- background: url(images/hborder.png) repeat-x;
+ background: url(images/hborder.png) repeat-x 0px -4px;
}
* html .gwt-DialogBox .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-DialogBox .middleLeft {
background: url(images/vborder.png) repeat-y;
}
html>body .gwt-DialogBox .middleRight {
- background: url(images/vborder.png) repeat-y;
+ background: url(images/vborder.png) repeat-y -4px 0px;
}
* html .gwt-DialogBox .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-DialogBox .topLeft,
.gwt-DialogBox .topRight,
@@ -160,19 +207,19 @@
* html .gwt-DialogBox .topLeft {
width: 5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
}
* html .gwt-DialogBox .topRight {
width: 8px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/corner_dialog_topright.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/corner_dialog_topright.png',sizingMethod='crop');
}
* html .gwt-DialogBox .bottomLeftInner {
width: 5px;
height: 23px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-DialogBox .bottomRightInner {
width: 13px;
@@ -180,7 +227,7 @@
margin-left: -5px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
/**
@@ -201,10 +248,11 @@
}
.gwt-DisclosurePanel .header {
+ color: black;
}
.gwt-DisclosurePanel .content {
- border-right: 3px solid #e8eef7;
+ border-right: 3px solid #e3e3e3;
padding: 4px 8px 4px 0px;
margin-right: 6px;
}
@@ -216,12 +264,6 @@
}
/**
- * Applied to the Frame widget, which is an iframe wrapper.
- */
-.gwt-Frame {
-}
-
-/**
* Applied to split panels.
*/
.gwt-HorizontalSplitPanel {
@@ -229,14 +271,14 @@
.gwt-HorizontalSplitPanel .hsplitter {
cursor: move;
border: 0px;
- background: #91c0ef url(images/vborder.png) -9px 0px repeat-y;
+ background: #91c0ef url(images/vborder.png) repeat-y;
}
.gwt-VerticalSplitPanel {
}
.gwt-VerticalSplitPanel .vsplitter {
cursor: move;
border: 0px;
- background: #91c0ef url(images/hborder.png) 0px -9px repeat-x;
+ background: #91c0ef url(images/hborder.png) repeat-x;
}
/**
@@ -281,11 +323,11 @@
}
.gwt-MenuBar .gwt-MenuItem-selected {
- background: #E0EDFE;
+ background: #cdcdcd;
}
.gwt-MenuBar-horizontal {
- background: #e3e8f3 url(images/bg_headergradient.png) repeat-x;
+ background: #ebebeb url(images/hborder.png) repeat-x 0px -2003px;
border: 1px solid #BBBBBB;
}
@@ -340,28 +382,28 @@
padding-left: 4px;
}
.gwt-MenuBar-vertical .subMenuIcon-selected {
- background: #E0EDFE;
+ background: #cdcdcd;
}
.gwt-MenuBarPopup {
margin: 0px 3px 0px 0px;
}
.gwt-MenuBarPopup .topCenter {
- background: url(images/hborder.png) 0px -17px repeat-x;
+ background: url(images/hborder.png) 0px -12px repeat-x;
}
html>body .gwt-MenuBarPopup .bottomCenter {
- background: url(images/hborder.png) 0px -18px repeat-x;
+ background: url(images/hborder.png) 0px -13px repeat-x;
}
* html .gwt-MenuBarPopup .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_gray_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/hborder_gray_shadow.png',sizingMethod='scale');
}
.gwt-MenuBarPopup .middleLeft {
- background: url(images/vborder.png) -17px 0px repeat-y;
+ background: url(images/vborder.png) -12px 0px repeat-y;
}
html>body .gwt-MenuBarPopup .middleRight {
- background: url(images/vborder.png) -18px 0px repeat-y;
+ background: url(images/vborder.png) -13px 0px repeat-y;
}
* html .gwt-MenuBarPopup .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_gray_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/vborder_gray_shadow.png',sizingMethod='scale');
}
html>body .gwt-MenuBarPopup .topLeft {
width: 5px;
@@ -388,7 +430,7 @@
height: 41px;
margin-top: -36px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-MenuBarPopup .topRightInner {
width: 13px;
@@ -396,14 +438,14 @@
margin-left: -5px;
margin-top: -36px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-MenuBarPopup .bottomLeftInner {
width: 5px;
height: 49px;
margin-top: -41px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-MenuBarPopup .bottomRightInner {
width: 13px;
@@ -411,7 +453,7 @@
margin-left: -5px;
margin-top: -41px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
/**
@@ -437,19 +479,19 @@
background: url(images/hborder.png) repeat-x;
}
html>body .gwt-PopupPanel .bottomCenter {
- background: url(images/hborder.png) repeat-x;
+ background: url(images/hborder.png) repeat-x 0px -4px;
}
* html .gwt-PopupPanel .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-PopupPanel .middleLeft {
background: url(images/vborder.png) repeat-y;
}
html>body .gwt-PopupPanel .middleRight {
- background: url(images/vborder.png) repeat-y;
+ background: url(images/vborder.png) repeat-y -4px 0px;
}
* html .gwt-PopupPanel .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-PopupPanel .topLeft,
.gwt-PopupPanel .topRight,
@@ -482,7 +524,7 @@
height: 15px;
margin-top: -10px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-PopupPanel .topRightInner {
width: 13px;
@@ -490,14 +532,14 @@
margin-left: -5px;
margin-top: -10px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-PopupPanel .bottomLeftInner {
width: 5px;
height: 23px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-PopupPanel .bottomRightInner {
width: 13px;
@@ -505,79 +547,60 @@
margin-left: -5px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
/**
* Applied to the push button, a customizable button that can be pressed
* and released.
*/
+.gwt-PushButton-up,
+.gwt-PushButton-up-hovering,
+.gwt-PushButton-up-disabled,
+.gwt-PushButton-down,
+.gwt-PushButton-down-hovering,
+.gwt-PushButton-down-disabled {
+ margin: 0;
+ padding: 3px 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ background: url("images/hborder.png") repeat-x 0px -27px;
+}
.gwt-PushButton-up {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-left: 2px solid #848280;
- border-bottom: 2px solid #848280;
+ border: 1px outset #ccc;
cursor: pointer;
cursor: hand;
}
-
.gwt-PushButton-up-hovering {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-left: 2px solid #848280;
- border-bottom: 2px solid #848280;
+ border: 1px outset;
+ border-color: #9cf #69e #69e #7af;
cursor: pointer;
cursor: hand;
}
-
.gwt-PushButton-up-disabled {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-left: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
+ border: 1px outset #ccc;
cursor: default;
- opacity: 0.5;
- filter: alpha(opacity=30);
+ opacity: .5;
+ filter: alpha(opacity=40);
zoom: 1;
}
-
.gwt-PushButton-down {
- padding: 2px 3px 2px 1px;
- background-color: #efebe7;
- border: 2px solid #848280;
- border-left: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
+ border: 1px inset #666;
cursor: pointer;
cursor: hand;
}
-
.gwt-PushButton-down-hovering {
- padding: 2px 3px 2px 1px;
- background-color: #efebe7;
- border: 2px solid #848280;
- border-left: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
+ border: 1px inset;
+ border-color: #9cf #69e #69e #7af;
cursor: pointer;
cursor: hand;
}
-
.gwt-PushButton-down-disabled {
- padding: 2px 3px 2px 1px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-left: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
+ border: 1px outset #ccc;
cursor: default;
opacity: 0.5;
- filter: alpha(opacity=30);
- zoom: 1;
-}
-
-.gwt-PushButton-down-disabled .gwt-Image {
- filter: alpha(opacity=30);
+ filter: alpha(opacity=40);
+ zoom: 1;
}
/**
@@ -602,7 +625,7 @@
}
.gwt-RichTextToolbar {
- background: #e3e8f3 url(images/bg_headergradient.png) repeat-x;
+ background: #ebebeb url(images/hborder.png) repeat-x 0px -2003px;
border-bottom: 1px solid #BBBBBB;
padding: 3px;
margin: 0px;
@@ -688,11 +711,11 @@
zoom: 1;
}
html>body .gwt-StackPanelItem .topLeft {
- background: #d3def6 url(images/corner.png) no-repeat 0px -49px;
+ background: #e4e4e4 url(images/corner.png) no-repeat 0px -49px;
border-left: 1px solid #bbbbbb;
}
html>body .gwt-StackPanelItem .topRight {
- background: #d3def6 url(images/corner.png) no-repeat -6px -49px;
+ background: #e4e4e4 url(images/corner.png) no-repeat -6px -49px;
border-right: 1px solid #bbbbbb;
}
.gwt-StackPanelItem .topLeftInner,
@@ -707,7 +730,7 @@
overflow: hidden;
border-left: 1px solid #bbbbbb;
background-color: #d3def6;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-StackPanelItem .topRightInner {
width: 12px;
@@ -717,13 +740,13 @@
overflow: hidden;
border-right: 1px solid #bbbbbb;
background-color: #d3def6;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
.gwt-StackPanelItem .topCenter {
- background: url(images/hborder.png) 0px -26px repeat-x;
+ background: url(images/hborder.png) 0px -21px repeat-x;
}
.gwt-StackPanelItem .middleLeft {
- background: #d3def6 url(images/bg_stackpanel.png) repeat-x;
+ background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
border-left: 1px solid #bbbbbb;
}
.gwt-StackPanelItem .middleLeftInner,
@@ -732,13 +755,13 @@
height: 1px;
}
.gwt-StackPanelItem .middleRight {
- background: #d3def6 url(images/bg_stackpanel.png) repeat-x;
+ background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
border-right: 1px solid #bbbbbb;
}
.gwt-StackPanelItem .middleCenter {
font-weight: bold;
font-size: 1.3em;
- background: #d3def6 url(images/bg_stackpanel.png) repeat-x;
+ background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
}
html>body .gwt-StackPanelItem-first .topRight,
html>body .gwt-StackPanelItem-first .topLeft {
@@ -777,7 +800,7 @@
cursor: default;
}
.gwt-SuggestBoxPopup .item-selected {
- background: #b7d6f6;
+ background: #cdcdcd;
}
.gwt-SuggestBoxPopup .middleCenter {
background: white;
@@ -786,19 +809,19 @@
background: url(images/hborder.png) repeat-x;
}
html>body .gwt-SuggestBoxPopup .bottomCenter {
- background: url(images/hborder.png) repeat-x;
+ background: url(images/hborder.png) repeat-x 0px -4px;
}
* html .gwt-SuggestBoxPopup .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-SuggestBoxPopup .middleLeft {
background: url(images/vborder.png) repeat-y;
}
html>body .gwt-SuggestBoxPopup .middleRight {
- background: url(images/vborder.png) repeat-y;
+ background: url(images/vborder.png) repeat-y -4px 0px;
}
* html .gwt-SuggestBoxPopup .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
}
html>body .gwt-SuggestBoxPopup .topLeft {
width: 5px;
@@ -825,7 +848,7 @@
height: 28px;
margin-top: -23px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-SuggestBoxPopup .topRightInner {
width: 13px;
@@ -833,14 +856,14 @@
margin-left: -5px;
margin-top: -23px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-SuggestBoxPopup .bottomLeftInner {
width: 5px;
height: 36px;
margin-top: -28px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-SuggestBoxPopup .bottomRightInner {
width: 13px;
@@ -848,7 +871,7 @@
margin-left: -5px;
margin-top: -28px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
/**
@@ -869,7 +892,7 @@
}
.gwt-TabBar .gwt-TabBarItem .topCenter {
padding: 0px;
- background: url(images/hborder.png) 0px -32px repeat-x;
+ background: #e3e3e3;
}
.gwt-TabBar .gwt-TabBarItem .topLeft,
.gwt-TabBar .gwt-TabBarItem .topRight {
@@ -892,7 +915,7 @@
height: 61px;
margin-top: -55px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-TabBar .gwt-TabBarItem .topRightInner {
width: 12px;
@@ -900,13 +923,13 @@
margin-top: -55px;
margin-left: -6px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
.gwt-TabBar .gwt-TabBarItem .middleLeft,
.gwt-TabBar .gwt-TabBarItem .middleRight {
width: 6px;
padding: 0px;
- background: #e4e9f3 url(images/bg_tab.png) repeat-x;
+ background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px;
}
.gwt-StackPanelItem .middleLeftInner,
.gwt-StackPanelItem .middleRightInner {
@@ -920,64 +943,10 @@
color: black;
font-weight: bold;
text-align: center;
- background: #e4e9f3 url(images/bg_tab.png) repeat-x;
-}
-.gwt-TabBar .gwt-TabBarItem .topCenter {
- padding: 0px;
- background: url(images/hborder.png) 0px -32px repeat-x;
-}
-.gwt-TabBar .gwt-TabBarItem .topLeft,
-.gwt-TabBar .gwt-TabBarItem .topRight {
- padding: 0px;
- zoom: 1;
-}
-.gwt-TabBar .gwt-TabBarItem .topLeftInner,
-.gwt-TabBar .gwt-TabBarItem .topRightInner {
- width: 6px;
- height: 6px;
-}
-html>body .gwt-TabBar .gwt-TabBarItem .topLeft {
- background: url(images/corner.png) no-repeat 0px -55px;
-}
-html>body .gwt-TabBar .gwt-TabBarItem .topRight {
- background: url(images/corner.png) no-repeat -6px -55px;
-}
-* html .gwt-TabBar .gwt-TabBarItem .topLeftInner {
- width: 5px;
- height: 61px;
- margin-top: -55px;
- overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
-}
-* html .gwt-TabBar .gwt-TabBarItem .topRightInner {
- width: 12px;
- height: 61px;
- margin-top: -55px;
- margin-left: -6px;
- overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
-}
-.gwt-TabBar .gwt-TabBarItem .middleLeft,
-.gwt-TabBar .gwt-TabBarItem .middleRight {
- width: 6px;
- padding: 0px;
- background: #e4e9f3 url(images/bg_tab.png) repeat-x;
-}
-.gwt-StackPanelItem .middleLeftInner,
-.gwt-StackPanelItem .middleRightInner {
- width: 1px;
- height: 1px;
-}
-.gwt-TabBar .gwt-TabBarItem .middleCenter {
- padding: 0px 4px 2px 4px;
- cursor: pointer;
- cursor: hand;
- font-weight: bold;
- text-align: center;
- background: #e4e9f3 url(images/bg_tab.png) repeat-x;
+ background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px;
}
.gwt-TabBar .gwt-TabBarItem-selected .topCenter {
- background: url(images/hborder.png) 0px -38px repeat-x;
+ background: #747474;
}
html>body .gwt-TabBar .gwt-TabBarItem-selected .topLeft {
background-position: 0px -61px;
@@ -990,7 +959,7 @@
height: 67px;
margin-top: -61px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
* html .gwt-TabBar .gwt-TabBarItem-selected .topRightInner {
width: 12px;
@@ -998,20 +967,21 @@
margin-top: -61px;
margin-left: -6px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop');
}
.gwt-TabBar .gwt-TabBarItem-selected .middleLeft,
.gwt-TabBar .gwt-TabBarItem-selected .middleRight {
- background: #92c1f0 url(images/bg_tab_selected.png) repeat-x;
+ background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px;
}
.gwt-TabBar .gwt-TabBarItem-selected .middleCenter {
cursor: default;
- background: #92c1f0 url(images/bg_tab_selected.png) repeat-x;
+ background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px;
+ color: white;
}
.gwt-TabPanel {
}
.gwt-TabPanelBottom {
- border-color: #92c1f0;
+ border-color: #bcbcbc;
border-style: solid;
border-width: 3px 2px 2px;
overflow: hidden;
@@ -1044,68 +1014,56 @@
* Applied to toggle buttons, a customizable button that can be toggled
* between two states (similar to a checkbox).
*/
-.gwt-ToggleButton-up {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-left: 2px solid #848280;
- border-bottom: 2px solid #848280;
- cursor: pointer;
- cursor: hand;
-}
-
-.gwt-ToggleButton-up-hovering {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-left: 2px solid #848280;
- border-bottom: 2px solid #848280;
- cursor: pointer;
- cursor: hand;
-}
-
-.gwt-ToggleButton-up-disabled {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-left: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
- cursor: default;
- opacity: 0.5;
- filter: alpha(opacity=40);
- zoom: 1;
-}
-
-.gwt-ToggleButton-down {
- padding: 2px 3px 2px 1px;
- background-color: #f5f5f5;
- border: 2px solid #848280;
- border-left: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
- cursor: pointer;
- cursor: hand;
-}
-
-.gwt-ToggleButton-down-hovering {
- padding: 2px 3px 2px 1px;
- background-color: #f5f5f5;
- border: 2px solid #848280;
- border-left: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
- cursor: pointer;
- cursor: hand;
-}
-
+.gwt-ToggleButton-up,
+.gwt-ToggleButton-up-hovering,
+.gwt-ToggleButton-up-disabled,
+.gwt-ToggleButton-down,
+.gwt-ToggleButton-down-hovering,
.gwt-ToggleButton-down-disabled {
- padding: 2px 3px 2px 1px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-left: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
+ margin: 0;
+ padding: 3px 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ background: url("images/hborder.png") repeat-x 0px -27px;
+}
+.gwt-ToggleButton-up {
+ border: 1px outset #ccc;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-up-hovering {
+ border: 1px outset;
+ border-color: #9cf #69e #69e #7af;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-up-disabled {
+ border: 1px outset #ccc;
cursor: default;
- opacity: 0.5;
- filter: alpha(opacity=40);
+ opacity: .5;
zoom: 1;
+ filter: alpha(opacity=40);
+}
+.gwt-ToggleButton-down {
+ background-position: 0 -513px;
+ border: 1px inset #ccc;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-down-hovering {
+ background-position: 0 -513px;
+ border: 1px inset;
+ border-color: #9cf #69e #69e #7af;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-down-disabled {
+ background-position: 0 -513px;
+ border: 1px inset #ccc;
+ cursor: default;
+ opacity: .5;
+ zoom: 1;
+ filter: alpha(opacity=40);
}
/**
@@ -1119,6 +1077,5 @@
cursor: pointer;
}
.gwt-Tree .gwt-TreeItem-selected {
- padding: 1px;
- background: #93c2f1 url(images/bg_listgradient.png) repeat-x;
+ background: #93c2f1 url(images/hborder.png) repeat-x 0px -1463px;
}
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase.css
similarity index 74%
copy from samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.css
copy to samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase.css
index eb13d60..11a1abf 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.css
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase.css
@@ -2,27 +2,27 @@
* Applied to the main layout of the page.
*/
.Application-top {
- width: 100%;
- margin-bottom: 10px;
+ width: 100%;
+ margin-bottom: 10px;
}
.Application-title {
padding: 0px 0px 0px 10px;
}
.Application-title h1 {
- color: #67A7E3;
+ color: #666;
margin: 0px;
padding: 0px 0px 0px 4px;
font-size: 22px;
}
.Application-title h2 {
- color: #888;
+ color: #333;
margin: 0px;
padding: 0px 0px 0px 4px;
font-size: 16px;
}
.Application-links {
padding: 2px 13px 2px 0px;
- background: #C3D9FF;
+ background: #eee;
}
.Application-links .gwt-HTML{
font-size: 12px;
@@ -31,7 +31,7 @@
padding: 6px 10px 0px 0px;
}
.Application-options .gwt-ListBox {
- width: 150px;
+ width: 150px;
font-size: 11px;
color: blue;
margin-left: 4px;
@@ -39,19 +39,23 @@
.Application-options td {
font-size: 12px;
}
-.Application-options .gwt-PushButton {
- width: 36px;
- height: 16px;
- margin: 3px 0px 0px 10px;
+.Application-options .gwt-ToggleButton {
+ width: 36px;
+ height: 16px;
+ margin: 3px 0px 0px 10px;
+}
+.Application-options .gwt-ToggleButton-down,
+.Application-options .gwt-ToggleButton-down-hovering {
+ cursor: default;
}
.Application-options .sc-ThemeButton-default {
- background: url(images/bg_listgradient.png) repeat-x;
+ background: #d0e4f6;
}
.Application-options .sc-ThemeButton-chrome {
- background: url(images/bg_headergradient.png) repeat-x;
+ background: #ccc;
}
-.Application-options .sc-ThemeButton-black {
- background: #222222;
+.Application-options .sc-ThemeButton-dark {
+ background: #3d3d3d;
}
.Application-menu {
width: 18em;
@@ -67,8 +71,8 @@
.Application-content-title {
padding: 4px 0px 3px 6px;
text-align: left;
- background: url(images/bg_headergradient.png) repeat-x;
- border-bottom: 2px solid #bbcdf3;
+ background: url(images/hborder.png) repeat-x 0px -2003px;
+ border-bottom: 2px solid #e3e3e3;
}
.Application-content-title .gwt-TabBarItem .top,
.Application-content-title .gwt-TabBarItem .topLeft,
@@ -82,34 +86,34 @@
padding: 0px;
}
.Application-content-title .gwt-TabBarItem .gwt-Label {
- padding-right: 20px;
- color: #888888;
+ padding-right: 20px;
+ color: #888888;
}
.Application-content-title .gwt-TabBarItem-selected .gwt-Label {
color: black;
}
.Application-content-wrapper {
- text-align: left;
+ text-align: left;
}
.sc-ContentWidget {
padding: 10px 20px;
}
.sc-ContentWidget-name {
- font-size: 1.5em;
- font-weight: bold;
- padding-bottom: 15px;
+ font-size: 1.5em;
+ font-weight: bold;
+ padding-bottom: 15px;
}
.sc-ContentWidget-description {
- padding-bottom: 15px;
- border-bottom: 1px solid #7aa5d6;
+ padding-bottom: 15px;
+ border-bottom: 1px solid #CDCDCD;
margin-bottom: 15px;
}
.sc-ContentWidget pre {
- border: 1px solid #888;
- background: #eeeeee;
- padding: 10px 2px;
- margin: 10px 0px;
- font-size: medium;
+ border: 1px solid #888;
+ background: #eeeeee;
+ padding: 10px 2px;
+ margin: 10px 0px;
+ font-size: medium;
}
/**
@@ -163,7 +167,7 @@
}
.cw-StackPanelHeader {
- padding-left: 7px;
+ padding-left: 7px;
font-weight: bold;
font-size: 1.4em;
}
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.rtl.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase_rtl.css
similarity index 74%
copy from samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.rtl.css
copy to samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase_rtl.css
index f963318..356bdb8 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.rtl.css
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase_rtl.css
@@ -2,27 +2,27 @@
* Applied to the main layout of the page.
*/
.Application-top {
- width: 100%;
- margin-bottom: 10px;
+ width: 100%;
+ margin-bottom: 10px;
}
.Application-title {
padding: 0px 10px 0px 0px;
}
.Application-title h1 {
- color: #67A7E3;
+ color: #666;
margin: 0px;
padding: 0px 4px 0px 0px;
font-size: 22px;
}
.Application-title h2 {
- color: #888;
+ color: #333;
margin: 0px;
padding: 0px 4px 0px 0px;
font-size: 16px;
}
.Application-links {
padding: 2px 0px 2px 13px;
- background: #C3D9FF;
+ background: #eee;
}
.Application-links .gwt-HTML{
font-size: 12px;
@@ -31,7 +31,7 @@
padding: 6px 0px 0px 10px;
}
.Application-options .gwt-ListBox {
- width: 150px;
+ width: 150px;
font-size: 11px;
color: blue;
margin-right: 4px;
@@ -39,19 +39,23 @@
.Application-options td {
font-size: 12px;
}
-.Application-options .gwt-PushButton {
- width: 36px;
- height: 16px;
- margin: 3px 10px 0px 0px;
+.Application-options .gwt-ToggleButton {
+ width: 36px;
+ height: 16px;
+ margin: 3px 10px 0px 0px;
+}
+.Application-options .gwt-ToggleButton-down,
+.Application-options .gwt-ToggleButton-down-hovering {
+ cursor: default;
}
.Application-options .sc-ThemeButton-default {
- background: url(images/bg_listgradient.png) repeat-x;
+ background: #d0e4f6;
}
.Application-options .sc-ThemeButton-chrome {
- background: url(images/bg_headergradient.png) repeat-x;
+ background: #ccc;
}
-.Application-options .sc-ThemeButton-black {
- background: #222222;
+.Application-options .sc-ThemeButton-dark {
+ background: #3d3d3d;
}
.Application-menu {
width: 18em;
@@ -67,8 +71,8 @@
.Application-content-title {
padding: 4px 6px 3px 0px;
text-align: right;
- background: url(images/bg_headergradient.png) repeat-x;
- border-bottom: 2px solid #bbcdf3;
+ background: url(images/hborder.png) repeat-x 0px -2003px;
+ border-bottom: 2px solid #e3e3e3;
}
.Application-content-title .gwt-TabBarItem .top,
.Application-content-title .gwt-TabBarItem .topLeft,
@@ -82,34 +86,34 @@
padding: 0px;
}
.Application-content-title .gwt-TabBarItem .gwt-Label {
- padding-left: 20px;
- color: #888888;
+ padding-left: 20px;
+ color: #888888;
}
.Application-content-title .gwt-TabBarItem-selected .gwt-Label {
color: black;
}
.Application-content-wrapper {
- text-align: right;
+ text-align: right;
}
.sc-ContentWidget {
padding: 10px 20px;
}
.sc-ContentWidget-name {
- font-size: 1.5em;
- font-weight: bold;
- padding-bottom: 15px;
+ font-size: 1.5em;
+ font-weight: bold;
+ padding-bottom: 15px;
}
.sc-ContentWidget-description {
- padding-bottom: 15px;
- border-bottom: 1px solid #7aa5d6;
+ padding-bottom: 15px;
+ border-bottom: 1px solid #CDCDCD;
margin-bottom: 15px;
}
.sc-ContentWidget pre {
- border: 1px solid #888;
- background: #eeeeee;
- padding: 10px 2px;
- margin: 10px 0px;
- font-size: medium;
+ border: 1px solid #888;
+ background: #eeeeee;
+ padding: 10px 2px;
+ margin: 10px 0px;
+ font-size: medium;
}
/**
@@ -163,7 +167,7 @@
}
.cw-StackPanelHeader {
- padding-right: 7px;
+ padding-right: 7px;
font-weight: bold;
font-size: 1.4em;
}
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/corner.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/corner.png
new file mode 100644
index 0000000..73ae36e
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/corner.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/hborder.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/hborder.png
new file mode 100644
index 0000000..509eb1b
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/hborder.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/ie6/corner_dialog_topleft.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/ie6/corner_dialog_topleft.png
new file mode 100644
index 0000000..a0b04f0
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/ie6/corner_dialog_topleft.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/ie6/corner_dialog_topright.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/ie6/corner_dialog_topright.png
new file mode 100644
index 0000000..16f3d0e
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/ie6/corner_dialog_topright.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/ie6/hborder_blue_shadow.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/ie6/hborder_blue_shadow.png
new file mode 100644
index 0000000..d8c41d3
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/ie6/hborder_blue_shadow.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/hborder_gray_shadow.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/ie6/hborder_gray_shadow.png
similarity index 100%
rename from samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/hborder_gray_shadow.png
rename to samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/ie6/hborder_gray_shadow.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/ie6/vborder_blue_shadow.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/ie6/vborder_blue_shadow.png
new file mode 100644
index 0000000..bd154ae
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/ie6/vborder_blue_shadow.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/vborder_gray_shadow.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/ie6/vborder_gray_shadow.png
similarity index 100%
rename from samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/vborder_gray_shadow.png
rename to samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/ie6/vborder_gray_shadow.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/vborder.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/vborder.png
new file mode 100644
index 0000000..36e4e85
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/images/vborder.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/GWT.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/GWT.css
new file mode 100644
index 0000000..7ba3968
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/GWT.css
@@ -0,0 +1,905 @@
+/**
+ * The file contains styles for GWT widgets in the dark theme.
+ *
+ * In order to maintain cross-browser compatibility, the following syntax is
+ * used to create IE6 specific style rules:
+ * html>body .gwt-Widget {
+ * Rule applies to all browsers (including IE7), except IE6
+ * }
+ * * html .gwt-Widget {
+ * Rule applied to IE6 only (not to IE7)
+ * }
+ *
+ * Specifically, IE6 does not support images with multiple transparent colors,
+ * so we need to use the AlphaImageLoader in IE6 only.
+ */
+
+/**
+ * Applied to the entire page.
+ */
+body,td,a,div,.p {
+ font-family:arial,sans-serif
+}
+
+body {
+ font-family: Helvetica, Arial, sans-serif;
+ font-size: small;
+ margin: 0px;
+ border: 0px;
+ padding: 0px;
+ background: #4d4d4d;
+ direction: ltr;
+}
+
+table td, pre {
+ font-size: small;
+ color: #bec7cc;
+}
+
+a, a:visited, a:hover {
+ color: #ccf;
+}
+
+iframe {
+ border-top: 2px solid #666;
+ border-left: 2px solid #666;
+ border-right: 2px solid #bbb;
+ border-bottom: 2px solid #bbb;
+}
+
+/**
+ * Applied to buttons.
+ */
+.gwt-Button {
+ margin: 0;
+ padding: .3em 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ cursor: pointer;
+ cursor: hand;
+ background: url("images/hborder.png") repeat-x 0px -27px;
+ border: 1px outset #000;
+}
+
+.gwt-Button:active {
+ border: 1px inset #000;
+}
+
+.gwt-Button:hover {
+ border: 1px outset #24d3ff;
+}
+
+.gwt-Button[disabled] {
+ cursor: default;
+ color: #777;
+}
+
+.gwt-Button[disabled]:hover {
+ border: 1px outset #000;
+}
+
+/**
+ * Applied to the checkbox and text next to the checkbox.
+ */
+.gwt-CheckBox {
+}
+
+.gwt-CheckBox-disabled {
+ color: #888;
+}
+
+/**
+ * Applied to the decorator panel.
+ */
+.gwt-DecoratorPanel .topCenter,
+.gwt-DecoratorPanel .bottomCenter,
+.gwt-DecoratorPanel .middleLeft,
+.gwt-DecoratorPanel .middleRight,
+.gwt-DecoratorPanel .topLeft,
+.gwt-DecoratorPanel .topRight,
+.gwt-DecoratorPanel .bottomLeft,
+.gwt-DecoratorPanel .bottomRight {
+ background: #1e1e1e;
+ zoom: 1;
+}
+.gwt-DecoratorPanel .topLeftInner,
+.gwt-DecoratorPanel .topRightInner,
+.gwt-DecoratorPanel .bottomLeftInner,
+.gwt-DecoratorPanel .bottomRightInner {
+ width: 5px;
+ height: 5px;
+ overflow: hidden;
+}
+
+/**
+ * Applied to the dialog box.
+ */
+.gwt-DialogBox .Caption {
+ background: #888888;
+ padding: 4px 4px 4px 8px;
+ cursor: default;
+ border-bottom: 1px solid #222222;
+ border-top: 5px solid #222222;
+ color: black;
+}
+.gwt-DialogBox .content {
+}
+.gwt-DialogBox .middleCenter {
+ padding: 3px;
+ background: #4d4d4d;
+}
+html>body .gwt-DialogBox .bottomCenter {
+ background: url(images/hborder.png) repeat-x 0px -4px;
+}
+* html .gwt-DialogBox .bottomCenter {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/hborder_black_shadow.png',sizingMethod='scale');
+}
+.gwt-DialogBox .middleLeft {
+ background: url(images/vborder.png) repeat-y;
+}
+html>body .gwt-DialogBox .middleRight {
+ background: url(images/vborder.png) repeat-y -4px 0px;
+}
+* html .gwt-DialogBox .middleRight {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/vborder_black_shadow.png',sizingMethod='scale');
+}
+.gwt-DialogBox .topLeft,
+.gwt-DialogBox .topRight,
+.gwt-DialogBox .bottomLeft,
+.gwt-DialogBox .bottomRight {
+ zoom: 1;
+}
+html>body .gwt-DialogBox .topLeft {
+ width: 5px;
+ background: url(images/corner.png) no-repeat -13px 0px;
+}
+html>body .gwt-DialogBox .topRight {
+ width: 8px;
+ background: url(images/corner.png) no-repeat -18px 0px;
+}
+html>body .gwt-DialogBox .bottomLeft {
+ width: 5px;
+ height: 8px;
+ background: url(images/corner.png) no-repeat 0px -15px;
+}
+html>body .gwt-DialogBox .bottomRight {
+ width: 8px;
+ height: 8px;
+ background: url(images/corner.png) no-repeat -5px -15px;
+}
+* html .gwt-DialogBox .topLeft {
+ width: 5px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
+}
+* html .gwt-DialogBox .topRight {
+ width: 8px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/corner_dialog_topright.png',sizingMethod='crop');
+}
+* html .gwt-DialogBox .bottomLeftInner {
+ width: 5px;
+ height: 23px;
+ margin-top: -15px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-DialogBox .bottomRightInner {
+ width: 13px;
+ height: 23px;
+ margin-left: -5px;
+ margin-top: -15px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+
+/**
+ * Applied to the disclosure panel, which shows or hides content when the user
+ * toggles the header.
+ */
+.gwt-DisclosurePanel {
+}
+
+.gwt-DisclosurePanel a {
+ text-decoration: none; /* Remove underline from header */
+}
+
+.gwt-DisclosurePanel-open {
+}
+
+.gwt-DisclosurePanel-closed {
+}
+
+.gwt-DisclosurePanel .header {
+}
+
+.gwt-DisclosurePanel .content {
+ border-left: 3px solid #1e1e1e;
+ padding: 4px 0px 4px 8px;
+ margin-left: 6px;
+}
+
+/**
+ * Applied to the File Upload.
+ */
+.gwt-FileUpload {
+}
+
+/**
+ * Applied to split panels.
+ */
+.gwt-HorizontalSplitPanel {
+}
+.gwt-HorizontalSplitPanel .hsplitter {
+ cursor: move;
+ border: 0px;
+ background: #1E1E1E;
+}
+.gwt-VerticalSplitPanel {
+}
+.gwt-VerticalSplitPanel .vsplitter {
+ cursor: move;
+ border: 0px;
+ background: #1E1E1E;
+}
+
+/**
+ * Applied to all HTML label elements.
+ */
+.gwt-HTML {
+ color: #BEC7CC;
+}
+
+/**
+ * Applied to all Hyperlinks.
+ */
+.gwt-Hyperlink {
+}
+
+/**
+ * Applied to all Images
+ */
+.gwt-Image {
+}
+
+/**
+ * Applied to all Label elements.
+ */
+.gwt-Label {
+}
+
+/**
+ * Applied to list boxes.
+ */
+.gwt-ListBox {
+}
+
+/**
+ * Applied to the menu bar.
+ */
+.gwt-MenuBar {
+ cursor: default;
+}
+
+.gwt-MenuBar .gwt-MenuItem {
+ cursor: default;
+}
+
+.gwt-MenuBar .gwt-MenuItem-selected {
+ background: #666;
+ color: #0cf;
+}
+
+.gwt-MenuBar-horizontal {
+ background: #222222;
+ border: 1px solid #777;
+}
+
+.gwt-MenuBar-horizontal .gwt-MenuItem {
+ padding: 0px 10px;
+ vertical-align: bottom;
+ font-weight: bold;
+}
+
+.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
+ width: 1px;
+ padding: 0px;
+ margin: 0px;
+ border: 0px;
+ border-left: 1px solid #bec7cc;
+ background: white;
+}
+
+.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .content {
+ width: 1px;
+ background: #000;
+}
+
+.gwt-MenuBar-vertical {
+ margin-top: 0px;
+ margin-left: 0px;
+ background: #4D4D4D;
+}
+
+.gwt-MenuBar-vertical table {
+ border-collapse: collapse;
+}
+
+.gwt-MenuBar-vertical .gwt-MenuItem {
+ padding: 4px 14px 4px 1px;
+}
+
+.gwt-MenuBar-vertical .gwt-MenuItemSeparator {
+ padding: 2px 0px;
+}
+
+.gwt-MenuBar-vertical .gwt-MenuItemSeparator .content {
+ height: 1px;
+ padding: 0px;
+ border: 0px;
+ border-top: 1px solid #bec7cc;
+ background: #222;
+ overflow: hidden;
+}
+.gwt-MenuBar-vertical .subMenuIcon {
+ padding-right: 4px;
+}
+.gwt-MenuBar-vertical .subMenuIcon-selected {
+ background: #666;
+}
+.gwt-MenuBarPopup {
+ margin: 0px 0px 0px 3px;
+}
+.gwt-MenuBarPopup .topCenter {
+ background: url(images/hborder.png) 0px -12px repeat-x;
+}
+html>body .gwt-MenuBarPopup .bottomCenter {
+ background: url(images/hborder.png) 0px -13px repeat-x;
+}
+* html .gwt-MenuBarPopup .bottomCenter {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/hborder_gray_shadow.png',sizingMethod='scale');
+}
+.gwt-MenuBarPopup .middleLeft {
+ background: url(images/vborder.png) -12px 0px repeat-y;
+}
+html>body .gwt-MenuBarPopup .middleRight {
+ background: url(images/vborder.png) -13px 0px repeat-y;
+}
+* html .gwt-MenuBarPopup .middleRight {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/vborder_gray_shadow.png',sizingMethod='scale');
+}
+html>body .gwt-MenuBarPopup .topLeft {
+ width: 5px;
+ height: 5px;
+ background: url(images/corner.png) no-repeat 0px -36px;
+}
+html>body .gwt-MenuBarPopup .topRight {
+ width: 8px;
+ height: 5px;
+ background: url(images/corner.png) no-repeat -5px -36px;
+}
+html>body .gwt-MenuBarPopup .bottomLeft {
+ width: 5px;
+ height: 8px;
+ background: url(images/corner.png) no-repeat 0px -41px;
+}
+html>body .gwt-MenuBarPopup .bottomRight {
+ width: 8px;
+ height: 8px;
+ background: url(images/corner.png) no-repeat -5px -41px;
+}
+* html .gwt-MenuBarPopup .topLeftInner {
+ width: 5px;
+ height: 41px;
+ margin-top: -36px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-MenuBarPopup .topRightInner {
+ width: 13px;
+ height: 41px;
+ margin-left: -5px;
+ margin-top: -36px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-MenuBarPopup .bottomLeftInner {
+ width: 5px;
+ height: 49px;
+ margin-top: -41px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-MenuBarPopup .bottomRightInner {
+ width: 13px;
+ height: 49px;
+ margin-left: -5px;
+ margin-top: -41px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+
+/**
+ * Applied to the password input box.
+ */
+.gwt-PasswordTextBox {
+ padding: 2px;
+}
+.gwt-PasswordTextBox-readonly {
+ color: #888;
+}
+
+/**
+ * Applied to the decorator panel.
+ */
+.gwt-PopupPanel .content {
+}
+.gwt-PopupPanel .middleCenter {
+ padding: 3px;
+ background: #4D4D4D;
+}
+.gwt-PopupPanel .topCenter {
+ background: url(images/hborder.png) repeat-x;
+}
+html>body .gwt-PopupPanel .bottomCenter {
+ background: url(images/hborder.png) repeat-x 0px -4px;
+}
+* html .gwt-PopupPanel .bottomCenter {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/hborder_black_shadow.png',sizingMethod='scale');
+}
+.gwt-PopupPanel .middleLeft {
+ background: url(images/vborder.png) repeat-y;
+}
+html>body .gwt-PopupPanel .middleRight {
+ background: url(images/vborder.png) repeat-y -4px 0px;
+}
+* html .gwt-PopupPanel .middleRight {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/vborder_black_shadow.png',sizingMethod='scale');
+}
+.gwt-PopupPanel .topLeft,
+.gwt-PopupPanel .topRight,
+.gwt-PopupPanel .bottomLeft,
+.gwt-PopupPanel .bottomRight {
+ zoom: 1;
+}
+html>body .gwt-PopupPanel .topLeft {
+ width: 5px;
+ height: 5px;
+ background: url(images/corner.png) no-repeat 0px -10px;
+}
+html>body .gwt-PopupPanel .topRight {
+ width: 8px;
+ height: 5px;
+ background: url(images/corner.png) no-repeat -5px -10px;
+}
+html>body .gwt-PopupPanel .bottomLeft {
+ width: 5px;
+ height: 8px;
+ background: url(images/corner.png) no-repeat 0px -15px;
+}
+html>body .gwt-PopupPanel .bottomRight {
+ width: 8px;
+ height: 8px;
+ background: url(images/corner.png) no-repeat -5px -15px;
+}
+* html .gwt-PopupPanel .topLeftInner {
+ width: 5px;
+ height: 15px;
+ margin-top: -10px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-PopupPanel .topRightInner {
+ width: 13px;
+ height: 15px;
+ margin-left: -5px;
+ margin-top: -10px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-PopupPanel .bottomLeftInner {
+ width: 5px;
+ height: 23px;
+ margin-top: -15px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-PopupPanel .bottomRightInner {
+ width: 13px;
+ height: 23px;
+ margin-left: -5px;
+ margin-top: -15px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+
+/**
+ * Applied to the push button, a customizable button that can be pressed
+ * and released.
+ */
+.gwt-PushButton-up,
+.gwt-PushButton-up-hovering,
+.gwt-PushButton-up-disabled,
+.gwt-PushButton-down,
+.gwt-PushButton-down-hovering,
+.gwt-PushButton-down-disabled {
+ margin: 0;
+ padding: 3px 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ background: url("images/hborder.png") repeat-x 0px -27px;
+}
+.gwt-PushButton-up {
+ border: 1px outset #000;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-PushButton-up-hovering {
+ border: 1px outset #24d3ff;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-PushButton-up-disabled {
+ cursor: default;
+ border: 1px outset #888;
+ color: #888;
+ opacity: .5;
+ filter: alpha(opacity=40);
+ zoom: 1;
+}
+.gwt-PushButton-down {
+ border: 1px inset #000;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-PushButton-down-hovering {
+ border: 1px inset #24d3ff;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-PushButton-down-disabled {
+ border: 1px outset #ccc;
+ cursor: default;
+ opacity: 0.5;
+ filter: alpha(opacity=40);
+ zoom: 1;
+}
+
+/**
+ * Applied to radio buttons and the text next to them.
+ */
+.gwt-RadioButton {
+ padding: 4px 4px 3px 3px;
+}
+
+.gwt-RadioButton-disabled {
+ color: #888;
+}
+
+/**
+ * Applied to the Rich Text Area.
+ */
+.gwt-RichTextArea {
+}
+
+.hasRichTextToolbar {
+ border: 0px;
+}
+
+.gwt-RichTextToolbar {
+ background: #222222;
+ border-bottom: 1px solid #BBBBBB;
+ padding: 3px;
+ margin: 0px;
+}
+
+.gwt-RichTextToolbar .gwt-PushButton-up {
+ padding: 0px 1px 0px 0px;
+ margin-right: 4px;
+ margin-bottom: 4px;
+ border-width: 1px;
+}
+
+.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
+ margin-right: 4px;
+ margin-bottom: 4px;
+ padding: 0px 1px 0px 0px;
+ border-width: 1px;
+}
+
+.gwt-RichTextToolbar .gwt-PushButton-down {
+ margin-right: 4px;
+ margin-bottom: 4px;
+ padding: 0px 0px 0px 1px;
+ border-width: 1px;
+}
+
+.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
+ margin-right: 4px;
+ margin-bottom: 4px;
+ padding: 0px 0px 0px 1px;
+ border-width: 1px;
+}
+
+.gwt-RichTextToolbar .gwt-ToggleButton-up {
+ margin-right: 4px;
+ margin-bottom: 4px;
+ padding: 0px 1px 0px 0px;
+ border-width: 1px;
+}
+
+.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
+ margin-right: 4px;
+ margin-bottom: 4px;
+ padding: 0px 1px 0px 0px;
+ border-width: 1px;
+}
+
+.gwt-RichTextToolbar .gwt-ToggleButton-down {
+ margin-right: 4px;
+ margin-bottom: 4px;
+ padding: 0px 0px 0px 1px;
+ border-width: 1px;
+}
+
+.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
+ margin-right: 4px;
+ margin-bottom: 4px;
+ padding: 0px 0px 0px 1px;
+ border-width: 1px;
+}
+
+/**
+ * Applied to the stack panel, a vertical menu widget that reveals one
+ * category at a time.
+ */
+.gwt-StackPanel {
+ border-bottom: 1px solid #000;
+}
+.gwt-StackPanel .gwt-StackPanelContent {
+ border: 1px solid #000;
+ border-bottom: 0px;
+ background: #666;
+ padding: 2px 2px 10px 5px;
+}
+.gwt-StackPanelItem {
+ cursor: pointer;
+ cursor: hand;
+ padding: 4px;
+ border: 1px solid #000;
+ border-bottom: 0px;
+ background: #222;
+}
+.gwt-StackPanelItem .topLeft,
+.gwt-StackPanelItem .topRight,
+.gwt-StackPanelItem .topLeftInner,
+.gwt-StackPanelItem .topRightInner {
+ display: none;
+}
+
+/**
+ * Applied to the suggest box.
+ */
+.gwt-SuggestBox {
+ padding: 2px;
+}
+.gwt-SuggestBoxPopup {
+ margin-left: 3px;
+}
+.gwt-SuggestBoxPopup .item {
+ padding: 2px 6px;
+ color: #424242;
+ cursor: default;
+}
+.gwt-SuggestBoxPopup .item-selected {
+ background: #b7d6f6;
+}
+.gwt-SuggestBoxPopup .middleCenter {
+ background: #ddd;
+}
+.gwt-SuggestBoxPopup .topCenter {
+ background: url(images/hborder.png) repeat-x;
+}
+html>body .gwt-SuggestBoxPopup .bottomCenter {
+ background: url(images/hborder.png) repeat-x 0px -4px;
+}
+* html .gwt-SuggestBoxPopup .bottomCenter {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/hborder_black_shadow.png',sizingMethod='scale');
+}
+.gwt-SuggestBoxPopup .middleLeft {
+ background: url(images/vborder.png) repeat-y;
+}
+html>body .gwt-SuggestBoxPopup .middleRight {
+ background: url(images/vborder.png) repeat-y -4px 0px;
+}
+* html .gwt-SuggestBoxPopup .middleRight {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/vborder_black_shadow.png',sizingMethod='scale');
+}
+html>body .gwt-SuggestBoxPopup .topLeft {
+ width: 5px;
+ height: 5px;
+ background: url(images/corner.png) no-repeat 0px -23px;
+}
+html>body .gwt-SuggestBoxPopup .topRight {
+ width: 8px;
+ height: 5px;
+ background: url(images/corner.png) no-repeat -5px -23px;
+}
+html>body .gwt-SuggestBoxPopup .bottomLeft {
+ width: 5px;
+ height: 8px;
+ background: url(images/corner.png) no-repeat 0px -28px;
+}
+html>body .gwt-SuggestBoxPopup .bottomRight {
+ width: 8px;
+ height: 8px;
+ background: url(images/corner.png) no-repeat -5px -28px;
+}
+* html .gwt-SuggestBoxPopup .topLeftInner {
+ width: 5px;
+ height: 28px;
+ margin-top: -23px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-SuggestBoxPopup .topRightInner {
+ width: 13px;
+ height: 28px;
+ margin-left: -5px;
+ margin-top: -23px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-SuggestBoxPopup .bottomLeftInner {
+ width: 5px;
+ height: 36px;
+ margin-top: -28px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-SuggestBoxPopup .bottomRightInner {
+ width: 13px;
+ height: 36px;
+ margin-left: -5px;
+ margin-top: -28px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+
+/**
+ * Applied to the tab panel. The tab panel provides CSS access to
+ * the tab bar element and the table cell that wraps the tab bar element,
+ * which allows for rounded edges via the sliding window method.
+ */
+.gwt-TabBar {
+}
+.gwt-TabBar .gwt-TabBarFirst {
+ width: 5px; /* first tab distance from the left */
+}
+.gwt-TabBar .gwt-TabBarRest {
+}
+.gwt-TabBar .gwt-TabBarItem {
+ border-collapse: collapse;
+ margin-left: 6px;
+}
+.gwt-TabBar .gwt-TabBarItem .topLeft,
+.gwt-TabBar .gwt-TabBarItem .topRight,
+.gwt-TabBar .gwt-TabBarItem .topLeftInner,
+.gwt-TabBar .gwt-TabBarItem .topRightInner {
+ display: none;
+}
+.gwt-TabBar .gwt-TabBarItem .middleCenter {
+ padding: 4px 6px;
+ cursor: pointer;
+ cursor: hand;
+ color: #bec7cc;
+ font-weight: bold;
+ text-align: center;
+ background: #222;
+}
+.gwt-TabBar .gwt-TabBarItem-selected .middleCenter {
+ cursor: default;
+ background: #000;
+}
+.gwt-TabPanel {
+}
+.gwt-TabPanelBottom {
+ border-color: #000;
+ border-style: solid;
+ border-width: 3px 2px 2px;
+ overflow: hidden;
+ padding: 6px;
+}
+
+/**
+ * Applied to general text areas.
+ */
+.gwt-TextArea {
+ padding: 2px;
+}
+
+.gwt-TextArea-readonly {
+ color: #888;
+}
+
+/**
+ * Applied to text boxes.
+ */
+.gwt-TextBox {
+ padding: 2px;
+}
+
+.gwt-TextBox-readonly {
+ color: #888;
+}
+
+/**
+ * Applied to toggle buttons, a customizable button that can be toggled
+ * between two states (similar to a checkbox).
+ */
+.gwt-ToggleButton-up,
+.gwt-ToggleButton-up-hovering,
+.gwt-ToggleButton-up-disabled,
+.gwt-ToggleButton-down,
+.gwt-ToggleButton-down-hovering,
+.gwt-ToggleButton-down-disabled {
+ margin: 0;
+ padding: 3px 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ background: url("images/hborder.png") repeat-x 0px -27px;
+}
+.gwt-ToggleButton-up {
+ border: 1px outset #ccc;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-up-hovering {
+ border: 1px outset;
+ border-color: #9cf #69e #69e #7af;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-up-disabled {
+ border: 1px outset #ccc;
+ cursor: default;
+ opacity: .5;
+ zoom: 1;
+ filter: alpha(opacity=40);
+}
+.gwt-ToggleButton-down {
+ background-position: 0 -513px;
+ border: 1px inset #ccc;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-down-hovering {
+ background-position: 0 -513px;
+ border: 1px inset;
+ border-color: #9cf #69e #69e #7af;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-down-disabled {
+ background-position: 0 -513px;
+ border: 1px inset #ccc;
+ cursor: default;
+ opacity: .5;
+ zoom: 1;
+ filter: alpha(opacity=40);
+}
+
+/**
+ * Applied to the Tree.
+ */
+.gwt-Tree .gwt-TreeItem {
+ padding: 1px;
+ margin: 0px;
+ white-space: nowrap;
+ cursor: hand;
+ cursor: pointer;
+}
+.gwt-Tree .gwt-TreeItem-selected {
+ color: #0cf;
+ background: #1c1c1c;
+}
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/GWT_rtl.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/GWT_rtl.css
new file mode 100644
index 0000000..25c22df
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/GWT_rtl.css
@@ -0,0 +1,905 @@
+/**
+ * The file contains styles for GWT widgets in the dark theme, in RTL mode.
+ *
+ * In order to maintain cross-browser compatibility, the following syntax is
+ * used to create IE6 specific style rules:
+ * html>body .gwt-Widget {
+ * Rule applies to all browsers (including IE7), except IE6
+ * }
+ * * html .gwt-Widget {
+ * Rule applied to IE6 only (not to IE7)
+ * }
+ *
+ * Specifically, IE6 does not support images with multiple transparent colors,
+ * so we need to use the AlphaImageLoader in IE6 only.
+ */
+
+/**
+ * Applied to the entire page.
+ */
+body,td,a,div,.p {
+ font-family:arial,sans-serif
+}
+
+body {
+ font-family: Helvetica, Arial, sans-serif;
+ font-size: small;
+ margin: 0px;
+ border: 0px;
+ padding: 0px;
+ background: #4d4d4d;
+ direction: rtl;
+}
+
+table td, pre {
+ font-size: small;
+ color: #bec7cc;
+}
+
+a, a:visited, a:hover {
+ color: #ccf;
+}
+
+iframe {
+ border-top: 2px solid #666;
+ border-left: 2px solid #666;
+ border-right: 2px solid #bbb;
+ border-bottom: 2px solid #bbb;
+}
+
+/**
+ * Applied to buttons.
+ */
+.gwt-Button {
+ margin: 0;
+ padding: .3em 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ cursor: pointer;
+ cursor: hand;
+ background: url("images/hborder.png") repeat-x 0px -27px;
+ border: 1px outset #000;
+}
+
+.gwt-Button:active {
+ border: 1px inset #000;
+}
+
+.gwt-Button:hover {
+ border: 1px outset #24d3ff;
+}
+
+.gwt-Button[disabled] {
+ cursor: default;
+ color: #777;
+}
+
+.gwt-Button[disabled]:hover {
+ border: 1px outset #000;
+}
+
+/**
+ * Applied to the checkbox and text next to the checkbox.
+ */
+.gwt-CheckBox {
+}
+
+.gwt-CheckBox-disabled {
+ color: #888;
+}
+
+/**
+ * Applied to the decorator panel.
+ */
+.gwt-DecoratorPanel .topCenter,
+.gwt-DecoratorPanel .bottomCenter,
+.gwt-DecoratorPanel .middleLeft,
+.gwt-DecoratorPanel .middleRight,
+.gwt-DecoratorPanel .topLeft,
+.gwt-DecoratorPanel .topRight,
+.gwt-DecoratorPanel .bottomLeft,
+.gwt-DecoratorPanel .bottomRight {
+ background: #1e1e1e;
+ zoom: 1;
+}
+.gwt-DecoratorPanel .topLeftInner,
+.gwt-DecoratorPanel .topRightInner,
+.gwt-DecoratorPanel .bottomLeftInner,
+.gwt-DecoratorPanel .bottomRightInner {
+ width: 5px;
+ height: 5px;
+ overflow: hidden;
+}
+
+/**
+ * Applied to the dialog box.
+ */
+.gwt-DialogBox .Caption {
+ background: #888888;
+ padding: 4px 8px 4px 4px;
+ cursor: default;
+ border-bottom: 1px solid #222222;
+ border-top: 5px solid #222222;
+ color: black;
+}
+.gwt-DialogBox .content {
+}
+.gwt-DialogBox .middleCenter {
+ padding: 3px;
+ background: #4d4d4d;
+}
+html>body .gwt-DialogBox .bottomCenter {
+ background: url(images/hborder.png) repeat-x 0px -4px;
+}
+* html .gwt-DialogBox .bottomCenter {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/hborder_black_shadow.png',sizingMethod='scale');
+}
+.gwt-DialogBox .middleLeft {
+ background: url(images/vborder.png) repeat-y;
+}
+html>body .gwt-DialogBox .middleRight {
+ background: url(images/vborder.png) repeat-y -4px 0px;
+}
+* html .gwt-DialogBox .middleRight {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/vborder_black_shadow.png',sizingMethod='scale');
+}
+.gwt-DialogBox .topLeft,
+.gwt-DialogBox .topRight,
+.gwt-DialogBox .bottomLeft,
+.gwt-DialogBox .bottomRight {
+ zoom: 1;
+}
+html>body .gwt-DialogBox .topLeft {
+ width: 5px;
+ background: url(images/corner.png) no-repeat -13px 0px;
+}
+html>body .gwt-DialogBox .topRight {
+ width: 8px;
+ background: url(images/corner.png) no-repeat -18px 0px;
+}
+html>body .gwt-DialogBox .bottomLeft {
+ width: 5px;
+ height: 8px;
+ background: url(images/corner.png) no-repeat 0px -15px;
+}
+html>body .gwt-DialogBox .bottomRight {
+ width: 8px;
+ height: 8px;
+ background: url(images/corner.png) no-repeat -5px -15px;
+}
+* html .gwt-DialogBox .topLeft {
+ width: 5px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
+}
+* html .gwt-DialogBox .topRight {
+ width: 8px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/corner_dialog_topright.png',sizingMethod='crop');
+}
+* html .gwt-DialogBox .bottomLeftInner {
+ width: 5px;
+ height: 23px;
+ margin-top: -15px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-DialogBox .bottomRightInner {
+ width: 13px;
+ height: 23px;
+ margin-left: -5px;
+ margin-top: -15px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+
+/**
+ * Applied to the disclosure panel, which shows or hides content when the user
+ * toggles the header.
+ */
+.gwt-DisclosurePanel {
+}
+
+.gwt-DisclosurePanel a {
+ text-decoration: none; /* Remove underline from header */
+}
+
+.gwt-DisclosurePanel-open {
+}
+
+.gwt-DisclosurePanel-closed {
+}
+
+.gwt-DisclosurePanel .header {
+}
+
+.gwt-DisclosurePanel .content {
+ border-right: 3px solid #1e1e1e;
+ padding: 4px 8px 4px 0px;
+ margin-right: 6px;
+}
+
+/**
+ * Applied to the File Upload.
+ */
+.gwt-FileUpload {
+}
+
+/**
+ * Applied to split panels.
+ */
+.gwt-HorizontalSplitPanel {
+}
+.gwt-HorizontalSplitPanel .hsplitter {
+ cursor: move;
+ border: 0px;
+ background: #1E1E1E;
+}
+.gwt-VerticalSplitPanel {
+}
+.gwt-VerticalSplitPanel .vsplitter {
+ cursor: move;
+ border: 0px;
+ background: #1E1E1E;
+}
+
+/**
+ * Applied to all HTML label elements.
+ */
+.gwt-HTML {
+ color: #BEC7CC;
+}
+
+/**
+ * Applied to all Hyperlinks.
+ */
+.gwt-Hyperlink {
+}
+
+/**
+ * Applied to all Images
+ */
+.gwt-Image {
+}
+
+/**
+ * Applied to all Label elements.
+ */
+.gwt-Label {
+}
+
+/**
+ * Applied to list boxes.
+ */
+.gwt-ListBox {
+}
+
+/**
+ * Applied to the menu bar.
+ */
+.gwt-MenuBar {
+ cursor: default;
+}
+
+.gwt-MenuBar .gwt-MenuItem {
+ cursor: default;
+}
+
+.gwt-MenuBar .gwt-MenuItem-selected {
+ background: #666;
+ color: #0cf;
+}
+
+.gwt-MenuBar-horizontal {
+ background: #222222;
+ border: 1px solid #777;
+}
+
+.gwt-MenuBar-horizontal .gwt-MenuItem {
+ padding: 0px 10px;
+ vertical-align: bottom;
+ font-weight: bold;
+}
+
+.gwt-MenuBar-horizontal .gwt-MenuItemSeparator {
+ width: 1px;
+ padding: 0px;
+ margin: 0px;
+ border: 0px;
+ border-right: 1px solid #bec7cc;
+ background: white;
+}
+
+.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .content {
+ width: 1px;
+ background: #000;
+}
+
+.gwt-MenuBar-vertical {
+ margin-top: 0px;
+ margin-right: 0px;
+ background: #4D4D4D;
+}
+
+.gwt-MenuBar-vertical table {
+ border-collapse: collapse;
+}
+
+.gwt-MenuBar-vertical .gwt-MenuItem {
+ padding: 4px 1px 4px 14px;
+}
+
+.gwt-MenuBar-vertical .gwt-MenuItemSeparator {
+ padding: 2px 0px;
+}
+
+.gwt-MenuBar-vertical .gwt-MenuItemSeparator .content {
+ height: 1px;
+ padding: 0px;
+ border: 0px;
+ border-top: 1px solid #bec7cc;
+ background: #222;
+ overflow: hidden;
+}
+.gwt-MenuBar-vertical .subMenuIcon {
+ padding-left: 4px;
+}
+.gwt-MenuBar-vertical .subMenuIcon-selected {
+ background: #666;
+}
+.gwt-MenuBarPopup {
+ margin: 0px 3px 0px 0px;
+}
+.gwt-MenuBarPopup .topCenter {
+ background: url(images/hborder.png) 0px -12px repeat-x;
+}
+html>body .gwt-MenuBarPopup .bottomCenter {
+ background: url(images/hborder.png) 0px -13px repeat-x;
+}
+* html .gwt-MenuBarPopup .bottomCenter {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/hborder_gray_shadow.png',sizingMethod='scale');
+}
+.gwt-MenuBarPopup .middleLeft {
+ background: url(images/vborder.png) -12px 0px repeat-y;
+}
+html>body .gwt-MenuBarPopup .middleRight {
+ background: url(images/vborder.png) -13px 0px repeat-y;
+}
+* html .gwt-MenuBarPopup .middleRight {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/vborder_gray_shadow.png',sizingMethod='scale');
+}
+html>body .gwt-MenuBarPopup .topLeft {
+ width: 5px;
+ height: 5px;
+ background: url(images/corner.png) no-repeat 0px -36px;
+}
+html>body .gwt-MenuBarPopup .topRight {
+ width: 8px;
+ height: 5px;
+ background: url(images/corner.png) no-repeat -5px -36px;
+}
+html>body .gwt-MenuBarPopup .bottomLeft {
+ width: 5px;
+ height: 8px;
+ background: url(images/corner.png) no-repeat 0px -41px;
+}
+html>body .gwt-MenuBarPopup .bottomRight {
+ width: 8px;
+ height: 8px;
+ background: url(images/corner.png) no-repeat -5px -41px;
+}
+* html .gwt-MenuBarPopup .topLeftInner {
+ width: 5px;
+ height: 41px;
+ margin-top: -36px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-MenuBarPopup .topRightInner {
+ width: 13px;
+ height: 41px;
+ margin-left: -5px;
+ margin-top: -36px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-MenuBarPopup .bottomLeftInner {
+ width: 5px;
+ height: 49px;
+ margin-top: -41px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-MenuBarPopup .bottomRightInner {
+ width: 13px;
+ height: 49px;
+ margin-left: -5px;
+ margin-top: -41px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+
+/**
+ * Applied to the password input box.
+ */
+.gwt-PasswordTextBox {
+ padding: 2px;
+}
+.gwt-PasswordTextBox-readonly {
+ color: #888;
+}
+
+/**
+ * Applied to the decorator panel.
+ */
+.gwt-PopupPanel .content {
+}
+.gwt-PopupPanel .middleCenter {
+ padding: 3px;
+ background: #4D4D4D;
+}
+.gwt-PopupPanel .topCenter {
+ background: url(images/hborder.png) repeat-x;
+}
+html>body .gwt-PopupPanel .bottomCenter {
+ background: url(images/hborder.png) repeat-x 0px -4px;
+}
+* html .gwt-PopupPanel .bottomCenter {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/hborder_black_shadow.png',sizingMethod='scale');
+}
+.gwt-PopupPanel .middleLeft {
+ background: url(images/vborder.png) repeat-y;
+}
+html>body .gwt-PopupPanel .middleRight {
+ background: url(images/vborder.png) repeat-y -4px 0px;
+}
+* html .gwt-PopupPanel .middleRight {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/vborder_black_shadow.png',sizingMethod='scale');
+}
+.gwt-PopupPanel .topLeft,
+.gwt-PopupPanel .topRight,
+.gwt-PopupPanel .bottomLeft,
+.gwt-PopupPanel .bottomRight {
+ zoom: 1;
+}
+html>body .gwt-PopupPanel .topLeft {
+ width: 5px;
+ height: 5px;
+ background: url(images/corner.png) no-repeat 0px -10px;
+}
+html>body .gwt-PopupPanel .topRight {
+ width: 8px;
+ height: 5px;
+ background: url(images/corner.png) no-repeat -5px -10px;
+}
+html>body .gwt-PopupPanel .bottomLeft {
+ width: 5px;
+ height: 8px;
+ background: url(images/corner.png) no-repeat 0px -15px;
+}
+html>body .gwt-PopupPanel .bottomRight {
+ width: 8px;
+ height: 8px;
+ background: url(images/corner.png) no-repeat -5px -15px;
+}
+* html .gwt-PopupPanel .topLeftInner {
+ width: 5px;
+ height: 15px;
+ margin-top: -10px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-PopupPanel .topRightInner {
+ width: 13px;
+ height: 15px;
+ margin-left: -5px;
+ margin-top: -10px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-PopupPanel .bottomLeftInner {
+ width: 5px;
+ height: 23px;
+ margin-top: -15px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-PopupPanel .bottomRightInner {
+ width: 13px;
+ height: 23px;
+ margin-left: -5px;
+ margin-top: -15px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+
+/**
+ * Applied to the push button, a customizable button that can be pressed
+ * and released.
+ */
+.gwt-PushButton-up,
+.gwt-PushButton-up-hovering,
+.gwt-PushButton-up-disabled,
+.gwt-PushButton-down,
+.gwt-PushButton-down-hovering,
+.gwt-PushButton-down-disabled {
+ margin: 0;
+ padding: 3px 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ background: url("images/hborder.png") repeat-x 0px -27px;
+}
+.gwt-PushButton-up {
+ border: 1px outset #000;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-PushButton-up-hovering {
+ border: 1px outset #24d3ff;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-PushButton-up-disabled {
+ cursor: default;
+ border: 1px outset #888;
+ color: #888;
+ opacity: .5;
+ filter: alpha(opacity=40);
+ zoom: 1;
+}
+.gwt-PushButton-down {
+ border: 1px inset #000;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-PushButton-down-hovering {
+ border: 1px inset #24d3ff;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-PushButton-down-disabled {
+ border: 1px outset #ccc;
+ cursor: default;
+ opacity: 0.5;
+ filter: alpha(opacity=40);
+ zoom: 1;
+}
+
+/**
+ * Applied to radio buttons and the text next to them.
+ */
+.gwt-RadioButton {
+ padding: 4px 3px 3px 4px;
+}
+
+.gwt-RadioButton-disabled {
+ color: #888;
+}
+
+/**
+ * Applied to the Rich Text Area.
+ */
+.gwt-RichTextArea {
+}
+
+.hasRichTextToolbar {
+ border: 0px;
+}
+
+.gwt-RichTextToolbar {
+ background: #222222;
+ border-bottom: 1px solid #BBBBBB;
+ padding: 3px;
+ margin: 0px;
+}
+
+.gwt-RichTextToolbar .gwt-PushButton-up {
+ padding: 0px 0px 0px 1px;
+ margin-left: 4px;
+ margin-bottom: 4px;
+ border-width: 1px;
+}
+
+.gwt-RichTextToolbar .gwt-PushButton-up-hovering {
+ margin-left: 4px;
+ margin-bottom: 4px;
+ padding: 0px 0px 0px 1px;
+ border-width: 1px;
+}
+
+.gwt-RichTextToolbar .gwt-PushButton-down {
+ margin-left: 4px;
+ margin-bottom: 4px;
+ padding: 0px 1px 0px 0px;
+ border-width: 1px;
+}
+
+.gwt-RichTextToolbar .gwt-PushButton-down-hovering {
+ margin-left: 4px;
+ margin-bottom: 4px;
+ padding: 0px 1px 0px 0px;
+ border-width: 1px;
+}
+
+.gwt-RichTextToolbar .gwt-ToggleButton-up {
+ margin-left: 4px;
+ margin-bottom: 4px;
+ padding: 0px 0px 0px 1px;
+ border-width: 1px;
+}
+
+.gwt-RichTextToolbar .gwt-ToggleButton-up-hovering {
+ margin-left: 4px;
+ margin-bottom: 4px;
+ padding: 0px 0px 0px 1px;
+ border-width: 1px;
+}
+
+.gwt-RichTextToolbar .gwt-ToggleButton-down {
+ margin-left: 4px;
+ margin-bottom: 4px;
+ padding: 0px 1px 0px 0px;
+ border-width: 1px;
+}
+
+.gwt-RichTextToolbar .gwt-ToggleButton-down-hovering {
+ margin-left: 4px;
+ margin-bottom: 4px;
+ padding: 0px 1px 0px 0px;
+ border-width: 1px;
+}
+
+/**
+ * Applied to the stack panel, a vertical menu widget that reveals one
+ * category at a time.
+ */
+.gwt-StackPanel {
+ border-bottom: 1px solid #000;
+}
+.gwt-StackPanel .gwt-StackPanelContent {
+ border: 1px solid #000;
+ border-bottom: 0px;
+ background: #666;
+ padding: 2px 5px 10px 2px;
+}
+.gwt-StackPanelItem {
+ cursor: pointer;
+ cursor: hand;
+ padding: 4px;
+ border: 1px solid #000;
+ border-bottom: 0px;
+ background: #222;
+}
+.gwt-StackPanelItem .topLeft,
+.gwt-StackPanelItem .topRight,
+.gwt-StackPanelItem .topLeftInner,
+.gwt-StackPanelItem .topRightInner {
+ display: none;
+}
+
+/**
+ * Applied to the suggest box.
+ */
+.gwt-SuggestBox {
+ padding: 2px;
+}
+.gwt-SuggestBoxPopup {
+ margin-right: 3px;
+}
+.gwt-SuggestBoxPopup .item {
+ padding: 2px 6px;
+ color: #424242;
+ cursor: default;
+}
+.gwt-SuggestBoxPopup .item-selected {
+ background: #b7d6f6;
+}
+.gwt-SuggestBoxPopup .middleCenter {
+ background: #ddd;
+}
+.gwt-SuggestBoxPopup .topCenter {
+ background: url(images/hborder.png) repeat-x;
+}
+html>body .gwt-SuggestBoxPopup .bottomCenter {
+ background: url(images/hborder.png) repeat-x 0px -4px;
+}
+* html .gwt-SuggestBoxPopup .bottomCenter {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/hborder_black_shadow.png',sizingMethod='scale');
+}
+.gwt-SuggestBoxPopup .middleLeft {
+ background: url(images/vborder.png) repeat-y;
+}
+html>body .gwt-SuggestBoxPopup .middleRight {
+ background: url(images/vborder.png) repeat-y -4px 0px;
+}
+* html .gwt-SuggestBoxPopup .middleRight {
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/vborder_black_shadow.png',sizingMethod='scale');
+}
+html>body .gwt-SuggestBoxPopup .topLeft {
+ width: 5px;
+ height: 5px;
+ background: url(images/corner.png) no-repeat 0px -23px;
+}
+html>body .gwt-SuggestBoxPopup .topRight {
+ width: 8px;
+ height: 5px;
+ background: url(images/corner.png) no-repeat -5px -23px;
+}
+html>body .gwt-SuggestBoxPopup .bottomLeft {
+ width: 5px;
+ height: 8px;
+ background: url(images/corner.png) no-repeat 0px -28px;
+}
+html>body .gwt-SuggestBoxPopup .bottomRight {
+ width: 8px;
+ height: 8px;
+ background: url(images/corner.png) no-repeat -5px -28px;
+}
+* html .gwt-SuggestBoxPopup .topLeftInner {
+ width: 5px;
+ height: 28px;
+ margin-top: -23px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-SuggestBoxPopup .topRightInner {
+ width: 13px;
+ height: 28px;
+ margin-left: -5px;
+ margin-top: -23px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-SuggestBoxPopup .bottomLeftInner {
+ width: 5px;
+ height: 36px;
+ margin-top: -28px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+* html .gwt-SuggestBoxPopup .bottomRightInner {
+ width: 13px;
+ height: 36px;
+ margin-left: -5px;
+ margin-top: -28px;
+ overflow: hidden;
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop');
+}
+
+/**
+ * Applied to the tab panel. The tab panel provides CSS access to
+ * the tab bar element and the table cell that wraps the tab bar element,
+ * which allows for rounded edges via the sliding window method.
+ */
+.gwt-TabBar {
+}
+.gwt-TabBar .gwt-TabBarFirst {
+ width: 5px; /* first tab distance from the left */
+}
+.gwt-TabBar .gwt-TabBarRest {
+}
+.gwt-TabBar .gwt-TabBarItem {
+ border-collapse: collapse;
+ margin-right: 6px;
+}
+.gwt-TabBar .gwt-TabBarItem .topLeft,
+.gwt-TabBar .gwt-TabBarItem .topRight,
+.gwt-TabBar .gwt-TabBarItem .topLeftInner,
+.gwt-TabBar .gwt-TabBarItem .topRightInner {
+ display: none;
+}
+.gwt-TabBar .gwt-TabBarItem .middleCenter {
+ padding: 6px 4px;
+ cursor: pointer;
+ cursor: hand;
+ color: #bec7cc;
+ font-weight: bold;
+ text-align: center;
+ background: #222;
+}
+.gwt-TabBar .gwt-TabBarItem-selected .middleCenter {
+ cursor: default;
+ background: #000;
+}
+.gwt-TabPanel {
+}
+.gwt-TabPanelBottom {
+ border-color: #000;
+ border-style: solid;
+ border-width: 3px 2px 2px;
+ overflow: hidden;
+ padding: 6px;
+}
+
+/**
+ * Applied to general text areas.
+ */
+.gwt-TextArea {
+ padding: 2px;
+}
+
+.gwt-TextArea-readonly {
+ color: #888;
+}
+
+/**
+ * Applied to text boxes.
+ */
+.gwt-TextBox {
+ padding: 2px;
+}
+
+.gwt-TextBox-readonly {
+ color: #888;
+}
+
+/**
+ * Applied to toggle buttons, a customizable button that can be toggled
+ * between two states (similar to a checkbox).
+ */
+.gwt-ToggleButton-up,
+.gwt-ToggleButton-up-hovering,
+.gwt-ToggleButton-up-disabled,
+.gwt-ToggleButton-down,
+.gwt-ToggleButton-down-hovering,
+.gwt-ToggleButton-down-disabled {
+ margin: 0;
+ padding: 3px 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ background: url("images/hborder.png") repeat-x 0px -27px;
+}
+.gwt-ToggleButton-up {
+ border: 1px outset #ccc;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-up-hovering {
+ border: 1px outset;
+ border-color: #9cf #69e #69e #7af;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-up-disabled {
+ border: 1px outset #ccc;
+ cursor: default;
+ opacity: .5;
+ zoom: 1;
+ filter: alpha(opacity=40);
+}
+.gwt-ToggleButton-down {
+ background-position: 0 -513px;
+ border: 1px inset #ccc;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-down-hovering {
+ background-position: 0 -513px;
+ border: 1px inset;
+ border-color: #9cf #69e #69e #7af;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-down-disabled {
+ background-position: 0 -513px;
+ border: 1px inset #ccc;
+ cursor: default;
+ opacity: .5;
+ zoom: 1;
+ filter: alpha(opacity=40);
+}
+
+/**
+ * Applied to the Tree.
+ */
+.gwt-Tree .gwt-TreeItem {
+ padding: 1px;
+ margin: 0px;
+ white-space: nowrap;
+ cursor: hand;
+ cursor: pointer;
+}
+.gwt-Tree .gwt-TreeItem-selected {
+ color: #0cf;
+ background: #1c1c1c;
+}
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase.css
similarity index 73%
copy from samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.css
copy to samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase.css
index eb13d60..59ac619 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.css
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase.css
@@ -2,8 +2,8 @@
* Applied to the main layout of the page.
*/
.Application-top {
- width: 100%;
- margin-bottom: 10px;
+ width: 100%;
+ margin-bottom: 10px;
}
.Application-title {
padding: 0px 0px 0px 10px;
@@ -22,7 +22,7 @@
}
.Application-links {
padding: 2px 13px 2px 0px;
- background: #C3D9FF;
+ background: #888888;
}
.Application-links .gwt-HTML{
font-size: 12px;
@@ -31,7 +31,7 @@
padding: 6px 10px 0px 0px;
}
.Application-options .gwt-ListBox {
- width: 150px;
+ width: 150px;
font-size: 11px;
color: blue;
margin-left: 4px;
@@ -39,19 +39,23 @@
.Application-options td {
font-size: 12px;
}
-.Application-options .gwt-PushButton {
- width: 36px;
- height: 16px;
- margin: 3px 0px 0px 10px;
+.Application-options .gwt-ToggleButton {
+ width: 36px;
+ height: 16px;
+ margin: 3px 0px 0px 10px;
+}
+.Application-options .gwt-ToggleButton-down,
+.Application-options .gwt-ToggleButton-down-hovering {
+ cursor: default;
}
.Application-options .sc-ThemeButton-default {
- background: url(images/bg_listgradient.png) repeat-x;
+ background: #d0e4f6;
}
.Application-options .sc-ThemeButton-chrome {
- background: url(images/bg_headergradient.png) repeat-x;
+ background: #ccc;
}
-.Application-options .sc-ThemeButton-black {
- background: #222222;
+.Application-options .sc-ThemeButton-dark {
+ background: #3d3d3d;
}
.Application-menu {
width: 18em;
@@ -67,8 +71,8 @@
.Application-content-title {
padding: 4px 0px 3px 6px;
text-align: left;
- background: url(images/bg_headergradient.png) repeat-x;
- border-bottom: 2px solid #bbcdf3;
+ background: #222;
+ border-bottom: 2px solid #000;
}
.Application-content-title .gwt-TabBarItem .top,
.Application-content-title .gwt-TabBarItem .topLeft,
@@ -82,34 +86,36 @@
padding: 0px;
}
.Application-content-title .gwt-TabBarItem .gwt-Label {
- padding-right: 20px;
- color: #888888;
+ padding-right: 20px;
}
.Application-content-title .gwt-TabBarItem-selected .gwt-Label {
- color: black;
+ color: #0cf;
}
.Application-content-wrapper {
- text-align: left;
+ text-align: left;
}
.sc-ContentWidget {
padding: 10px 20px;
}
.sc-ContentWidget-name {
- font-size: 1.5em;
- font-weight: bold;
- padding-bottom: 15px;
+ color: #BEC7CC;
+ font-size: 1.5em;
+ font-weight: bold;
+ padding-bottom: 15px;
}
.sc-ContentWidget-description {
- padding-bottom: 15px;
- border-bottom: 1px solid #7aa5d6;
+ color: #fff;
+ padding-bottom: 15px;
+ border-bottom: 1px solid #999;
margin-bottom: 15px;
}
.sc-ContentWidget pre {
- border: 1px solid #888;
- background: #eeeeee;
- padding: 10px 2px;
- margin: 10px 0px;
- font-size: medium;
+ border: 1px solid #000;
+ background: #fff;
+ color: #000;
+ padding: 10px 2px;
+ margin: 10px 0px;
+ font-size: medium;
}
/**
@@ -158,12 +164,17 @@
}
.cw-RichText {
- border: 1px solid #BBBBBB;
+ background-color: #fff;
+ border: 1px solid #fff;
border-spacing: 0px;
+ padding: 0px;
+}
+.cw-RichText td {
+ padding: 0px;
}
.cw-StackPanelHeader {
- padding-left: 7px;
+ padding-left: 7px;
font-weight: bold;
font-size: 1.4em;
}
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.rtl.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase_rtl.css
similarity index 72%
copy from samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.rtl.css
copy to samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase_rtl.css
index f963318..d90d821 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.rtl.css
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase_rtl.css
@@ -2,8 +2,8 @@
* Applied to the main layout of the page.
*/
.Application-top {
- width: 100%;
- margin-bottom: 10px;
+ width: 100%;
+ margin-bottom: 10px;
}
.Application-title {
padding: 0px 10px 0px 0px;
@@ -22,7 +22,7 @@
}
.Application-links {
padding: 2px 0px 2px 13px;
- background: #C3D9FF;
+ background: #888888;
}
.Application-links .gwt-HTML{
font-size: 12px;
@@ -31,7 +31,7 @@
padding: 6px 0px 0px 10px;
}
.Application-options .gwt-ListBox {
- width: 150px;
+ width: 150px;
font-size: 11px;
color: blue;
margin-right: 4px;
@@ -39,19 +39,23 @@
.Application-options td {
font-size: 12px;
}
-.Application-options .gwt-PushButton {
- width: 36px;
- height: 16px;
- margin: 3px 10px 0px 0px;
+.Application-options .gwt-ToggleButton {
+ width: 36px;
+ height: 16px;
+ margin: 3px 10px 0px 0px;
+}
+.Application-options .gwt-ToggleButton-down,
+.Application-options .gwt-ToggleButton-down-hovering {
+ cursor: default;
}
.Application-options .sc-ThemeButton-default {
- background: url(images/bg_listgradient.png) repeat-x;
+ background: #d0e4f6;
}
.Application-options .sc-ThemeButton-chrome {
- background: url(images/bg_headergradient.png) repeat-x;
+ background: #ccc;
}
-.Application-options .sc-ThemeButton-black {
- background: #222222;
+.Application-options .sc-ThemeButton-dark {
+ background: #3d3d3d;
}
.Application-menu {
width: 18em;
@@ -67,8 +71,8 @@
.Application-content-title {
padding: 4px 6px 3px 0px;
text-align: right;
- background: url(images/bg_headergradient.png) repeat-x;
- border-bottom: 2px solid #bbcdf3;
+ background: #222;
+ border-bottom: 2px solid #000;
}
.Application-content-title .gwt-TabBarItem .top,
.Application-content-title .gwt-TabBarItem .topLeft,
@@ -82,34 +86,36 @@
padding: 0px;
}
.Application-content-title .gwt-TabBarItem .gwt-Label {
- padding-left: 20px;
- color: #888888;
+ padding-left: 20px;
}
.Application-content-title .gwt-TabBarItem-selected .gwt-Label {
- color: black;
+ color: #0cf;
}
.Application-content-wrapper {
- text-align: right;
+ text-align: right;
}
.sc-ContentWidget {
padding: 10px 20px;
}
.sc-ContentWidget-name {
- font-size: 1.5em;
- font-weight: bold;
- padding-bottom: 15px;
+ color: #BEC7CC;
+ font-size: 1.5em;
+ font-weight: bold;
+ padding-bottom: 15px;
}
.sc-ContentWidget-description {
- padding-bottom: 15px;
- border-bottom: 1px solid #7aa5d6;
+ color: #fff;
+ padding-bottom: 15px;
+ border-bottom: 1px solid #999;
margin-bottom: 15px;
}
.sc-ContentWidget pre {
- border: 1px solid #888;
- background: #eeeeee;
- padding: 10px 2px;
- margin: 10px 0px;
- font-size: medium;
+ border: 1px solid #000;
+ background: #fff;
+ color: #000;
+ padding: 10px 2px;
+ margin: 10px 0px;
+ font-size: medium;
}
/**
@@ -158,12 +164,17 @@
}
.cw-RichText {
- border: 1px solid #BBBBBB;
+ background-color: #fff;
+ border: 1px solid #fff;
border-spacing: 0px;
+ padding: 0px;
+}
+.cw-RichText td {
+ padding: 0px;
}
.cw-StackPanelHeader {
- padding-right: 7px;
+ padding-right: 7px;
font-weight: bold;
font-size: 1.4em;
}
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/corner.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/corner.png
new file mode 100644
index 0000000..adcfc5b
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/corner.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/hborder.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/hborder.png
new file mode 100644
index 0000000..42da1a0
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/hborder.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/ie6/corner_dialog_topleft.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/ie6/corner_dialog_topleft.png
new file mode 100644
index 0000000..fe2a423
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/ie6/corner_dialog_topleft.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/ie6/corner_dialog_topright.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/ie6/corner_dialog_topright.png
new file mode 100644
index 0000000..b148126
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/ie6/corner_dialog_topright.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/ie6/hborder_black_shadow.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/ie6/hborder_black_shadow.png
new file mode 100644
index 0000000..5855d78
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/ie6/hborder_black_shadow.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/ie6/hborder_gray_shadow.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/ie6/hborder_gray_shadow.png
new file mode 100644
index 0000000..af99efc
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/ie6/hborder_gray_shadow.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/ie6/vborder_black_shadow.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/ie6/vborder_black_shadow.png
new file mode 100644
index 0000000..d2db264
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/ie6/vborder_black_shadow.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/ie6/vborder_gray_shadow.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/ie6/vborder_gray_shadow.png
new file mode 100644
index 0000000..3e6085d
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/ie6/vborder_gray_shadow.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/vborder.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/vborder.png
new file mode 100644
index 0000000..2177585
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/images/vborder.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/GWT-default.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/GWT.css
similarity index 74%
copy from samples/showcase/src/com/google/gwt/sample/showcase/public/GWT-default.css
copy to samples/showcase/src/com/google/gwt/sample/showcase/public/default/GWT.css
index 9448175..47fd5c0 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/GWT-default.css
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/GWT.css
@@ -1,6 +1,26 @@
/**
+ * The file contains styles for GWT widgets in the default theme.
+ *
+ * In order to maintain cross-browser compatibility, the following syntax is
+ * used to create IE6 specific style rules:
+ * html>body .gwt-Widget {
+ * Rule applies to all browsers (including IE7), except IE6
+ * }
+ * * html .gwt-Widget {
+ * Rule applied to IE6 only (not to IE7)
+ * }
+ *
+ * Specifically, IE6 does not support images with multiple transparent colors,
+ * so we need to use the AlphaImageLoader in IE6 only.
+ */
+
+/**
* Applied to the entire page.
*/
+body,td,a,div,.p {
+ font-family:arial,sans-serif
+}
+
body {
color: black;
font-family: Helvetica, Arial, sans-serif;
@@ -8,6 +28,7 @@
margin: 0px;
border: 0px;
padding: 0px;
+ background: #fff;
direction: ltr;
}
@@ -20,7 +41,7 @@
}
iframe {
- border-top: 2px solid #666;
+ border-top: 2px solid #666;
border-left: 2px solid #666;
border-right: 2px solid #bbb;
border-bottom: 2px solid #bbb;
@@ -30,15 +51,33 @@
* Applied to buttons.
*/
.gwt-Button {
+ margin: 0;
+ padding: .3em 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ cursor: pointer;
+ cursor: hand;
+ background: url("images/hborder.png") repeat-x 0px -27px;
+ border: 1px outset #ccc;
}
.gwt-Button:active {
+ border: 1px inset #ccc;
+}
+
+.gwt-Button:hover {
+ border-color: #9cf #69e #69e #7af;
}
.gwt-Button[disabled] {
+ cursor: default;
color: #888;
}
+.gwt-Button[disabled]:hover {
+ border: 1px outset #ccc;
+}
+
/**
* Applied to the checkbox and text next to the checkbox.
*/
@@ -84,14 +123,14 @@
width: 5px;
height: 5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratorPanel .topRightInner {
width: 10px;
height: 5px;
margin-left: -5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratorPanel .bottomLeftInner {
width: 5px;
@@ -99,7 +138,7 @@
margin-left: 0px;
margin-top: -5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratorPanel .bottomRightInner {
width: 10px;
@@ -107,17 +146,18 @@
margin-left: -5px;
margin-top: -5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
/**
* Applied to the dialog box.
*/
.gwt-DialogBox .Caption {
- background: #93c2f1 url(images/bg_listgradient.png) repeat-x;
+ background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
padding: 4px 4px 4px 8px;
cursor: default;
border-bottom: 1px solid #bbbbbb;
+ border-top: 5px solid #d0e4f6;
}
.gwt-DialogBox .content {
}
@@ -126,19 +166,19 @@
background: white;
}
html>body .gwt-DialogBox .bottomCenter {
- background: url(images/hborder.png) repeat-x;
+ background: url(images/hborder.png) repeat-x 0px -4px;
}
* html .gwt-DialogBox .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-DialogBox .middleLeft {
background: url(images/vborder.png) repeat-y;
}
html>body .gwt-DialogBox .middleRight {
- background: url(images/vborder.png) repeat-y;
+ background: url(images/vborder.png) repeat-y -4px 0px;
}
* html .gwt-DialogBox .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-DialogBox .topLeft,
.gwt-DialogBox .topRight,
@@ -167,19 +207,19 @@
* html .gwt-DialogBox .topLeft {
width: 5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
}
* html .gwt-DialogBox .topRight {
width: 8px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/corner_dialog_topright.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/corner_dialog_topright.png',sizingMethod='crop');
}
* html .gwt-DialogBox .bottomLeftInner {
width: 5px;
height: 23px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-DialogBox .bottomRightInner {
width: 13px;
@@ -187,7 +227,7 @@
margin-left: -5px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
/**
@@ -208,6 +248,7 @@
}
.gwt-DisclosurePanel .header {
+ color: black;
}
.gwt-DisclosurePanel .content {
@@ -230,14 +271,14 @@
.gwt-HorizontalSplitPanel .hsplitter {
cursor: move;
border: 0px;
- background: #91c0ef url(images/vborder.png) -9px 0px repeat-y;
+ background: #91c0ef url(images/vborder.png) repeat-y;
}
.gwt-VerticalSplitPanel {
}
.gwt-VerticalSplitPanel .vsplitter {
cursor: move;
border: 0px;
- background: #91c0ef url(images/hborder.png) 0px -9px repeat-x;
+ background: #91c0ef url(images/hborder.png) repeat-x;
}
/**
@@ -286,7 +327,7 @@
}
.gwt-MenuBar-horizontal {
- background: #e3e8f3 url(images/bg_headergradient.png) repeat-x;
+ background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
border: 1px solid #BBBBBB;
}
@@ -347,22 +388,22 @@
margin: 0px 0px 0px 3px;
}
.gwt-MenuBarPopup .topCenter {
- background: url(images/hborder.png) 0px -17px repeat-x;
+ background: url(images/hborder.png) 0px -12px repeat-x;
}
html>body .gwt-MenuBarPopup .bottomCenter {
- background: url(images/hborder.png) 0px -18px repeat-x;
+ background: url(images/hborder.png) 0px -13px repeat-x;
}
* html .gwt-MenuBarPopup .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_gray_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_gray_shadow.png',sizingMethod='scale');
}
.gwt-MenuBarPopup .middleLeft {
- background: url(images/vborder.png) -17px 0px repeat-y;
+ background: url(images/vborder.png) -12px 0px repeat-y;
}
html>body .gwt-MenuBarPopup .middleRight {
- background: url(images/vborder.png) -18px 0px repeat-y;
+ background: url(images/vborder.png) -13px 0px repeat-y;
}
* html .gwt-MenuBarPopup .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_gray_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_gray_shadow.png',sizingMethod='scale');
}
html>body .gwt-MenuBarPopup .topLeft {
width: 5px;
@@ -389,7 +430,7 @@
height: 41px;
margin-top: -36px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-MenuBarPopup .topRightInner {
width: 13px;
@@ -397,14 +438,14 @@
margin-left: -5px;
margin-top: -36px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-MenuBarPopup .bottomLeftInner {
width: 5px;
height: 49px;
margin-top: -41px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-MenuBarPopup .bottomRightInner {
width: 13px;
@@ -412,7 +453,7 @@
margin-left: -5px;
margin-top: -41px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
/**
@@ -438,19 +479,19 @@
background: url(images/hborder.png) repeat-x;
}
html>body .gwt-PopupPanel .bottomCenter {
- background: url(images/hborder.png) repeat-x;
+ background: url(images/hborder.png) repeat-x 0px -4px;
}
* html .gwt-PopupPanel .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-PopupPanel .middleLeft {
background: url(images/vborder.png) repeat-y;
}
html>body .gwt-PopupPanel .middleRight {
- background: url(images/vborder.png) repeat-y;
+ background: url(images/vborder.png) repeat-y -4px 0px;
}
* html .gwt-PopupPanel .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-PopupPanel .topLeft,
.gwt-PopupPanel .topRight,
@@ -483,7 +524,7 @@
height: 15px;
margin-top: -10px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-PopupPanel .topRightInner {
width: 13px;
@@ -491,14 +532,14 @@
margin-left: -5px;
margin-top: -10px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-PopupPanel .bottomLeftInner {
width: 5px;
height: 23px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-PopupPanel .bottomRightInner {
width: 13px;
@@ -506,79 +547,60 @@
margin-left: -5px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
/**
* Applied to the push button, a customizable button that can be pressed
* and released.
*/
+.gwt-PushButton-up,
+.gwt-PushButton-up-hovering,
+.gwt-PushButton-up-disabled,
+.gwt-PushButton-down,
+.gwt-PushButton-down-hovering,
+.gwt-PushButton-down-disabled {
+ margin: 0;
+ padding: 3px 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ background: url("images/hborder.png") repeat-x 0px -27px;
+}
.gwt-PushButton-up {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-right: 2px solid #848280;
- border-bottom: 2px solid #848280;
+ border: 1px outset #ccc;
cursor: pointer;
cursor: hand;
}
-
.gwt-PushButton-up-hovering {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-right: 2px solid #848280;
- border-bottom: 2px solid #848280;
+ border: 1px outset;
+ border-color: #9cf #69e #69e #7af;
cursor: pointer;
cursor: hand;
}
-
.gwt-PushButton-up-disabled {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-right: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
+ border: 1px outset #ccc;
cursor: default;
- opacity: 0.5;
- filter: alpha(opacity=30);
+ opacity: .5;
+ filter: alpha(opacity=40);
zoom: 1;
}
-
.gwt-PushButton-down {
- padding: 2px 1px 2px 3px;
- background-color: #efebe7;
- border: 2px solid #848280;
- border-right: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
+ border: 1px inset #666;
cursor: pointer;
cursor: hand;
}
-
.gwt-PushButton-down-hovering {
- padding: 2px 1px 2px 3px;
- background-color: #efebe7;
- border: 2px solid #848280;
- border-right: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
+ border: 1px inset;
+ border-color: #9cf #69e #69e #7af;
cursor: pointer;
cursor: hand;
}
-
.gwt-PushButton-down-disabled {
- padding: 2px 1px 2px 3px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-right: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
+ border: 1px outset #ccc;
cursor: default;
opacity: 0.5;
- filter: alpha(opacity=30);
- zoom: 1;
-}
-
-.gwt-PushButton-down-disabled .gwt-Image {
- filter: alpha(opacity=30);
+ filter: alpha(opacity=40);
+ zoom: 1;
}
/**
@@ -603,7 +625,7 @@
}
.gwt-RichTextToolbar {
- background: #e3e8f3 url(images/bg_headergradient.png) repeat-x;
+ background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
border-bottom: 1px solid #BBBBBB;
padding: 3px;
margin: 0px;
@@ -708,7 +730,7 @@
overflow: hidden;
border-left: 1px solid #bbbbbb;
background-color: #d3def6;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-StackPanelItem .topRightInner {
width: 12px;
@@ -718,13 +740,13 @@
overflow: hidden;
border-right: 1px solid #bbbbbb;
background-color: #d3def6;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
.gwt-StackPanelItem .topCenter {
- background: url(images/hborder.png) 0px -26px repeat-x;
+ background: url(images/hborder.png) 0px -21px repeat-x;
}
.gwt-StackPanelItem .middleLeft {
- background: #d3def6 url(images/bg_stackpanel.png) repeat-x;
+ background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
border-left: 1px solid #bbbbbb;
}
.gwt-StackPanelItem .middleLeftInner,
@@ -733,13 +755,13 @@
height: 1px;
}
.gwt-StackPanelItem .middleRight {
- background: #d3def6 url(images/bg_stackpanel.png) repeat-x;
+ background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
border-right: 1px solid #bbbbbb;
}
.gwt-StackPanelItem .middleCenter {
font-weight: bold;
font-size: 1.3em;
- background: #d3def6 url(images/bg_stackpanel.png) repeat-x;
+ background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
}
html>body .gwt-StackPanelItem-first .topRight,
html>body .gwt-StackPanelItem-first .topLeft {
@@ -787,19 +809,19 @@
background: url(images/hborder.png) repeat-x;
}
html>body .gwt-SuggestBoxPopup .bottomCenter {
- background: url(images/hborder.png) repeat-x;
+ background: url(images/hborder.png) repeat-x 0px -4px;
}
* html .gwt-SuggestBoxPopup .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-SuggestBoxPopup .middleLeft {
background: url(images/vborder.png) repeat-y;
}
html>body .gwt-SuggestBoxPopup .middleRight {
- background: url(images/vborder.png) repeat-y;
+ background: url(images/vborder.png) repeat-y -4px 0px;
}
* html .gwt-SuggestBoxPopup .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
}
html>body .gwt-SuggestBoxPopup .topLeft {
width: 5px;
@@ -826,7 +848,7 @@
height: 28px;
margin-top: -23px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-SuggestBoxPopup .topRightInner {
width: 13px;
@@ -834,14 +856,14 @@
margin-left: -5px;
margin-top: -23px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-SuggestBoxPopup .bottomLeftInner {
width: 5px;
height: 36px;
margin-top: -28px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-SuggestBoxPopup .bottomRightInner {
width: 13px;
@@ -849,7 +871,7 @@
margin-left: -5px;
margin-top: -28px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
/**
@@ -870,7 +892,7 @@
}
.gwt-TabBar .gwt-TabBarItem .topCenter {
padding: 0px;
- background: url(images/hborder.png) 0px -32px repeat-x;
+ background: #d0e4f6;
}
.gwt-TabBar .gwt-TabBarItem .topLeft,
.gwt-TabBar .gwt-TabBarItem .topRight {
@@ -893,7 +915,7 @@
height: 61px;
margin-top: -55px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-TabBar .gwt-TabBarItem .topRightInner {
width: 12px;
@@ -901,13 +923,13 @@
margin-top: -55px;
margin-left: -6px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
.gwt-TabBar .gwt-TabBarItem .middleLeft,
.gwt-TabBar .gwt-TabBarItem .middleRight {
width: 6px;
padding: 0px;
- background: #e4e9f3 url(images/bg_tab.png) repeat-x;
+ background: #d0e4f6;
}
.gwt-StackPanelItem .middleLeftInner,
.gwt-StackPanelItem .middleRightInner {
@@ -921,64 +943,10 @@
color: black;
font-weight: bold;
text-align: center;
- background: #e4e9f3 url(images/bg_tab.png) repeat-x;
-}
-.gwt-TabBar .gwt-TabBarItem .topCenter {
- padding: 0px;
- background: url(images/hborder.png) 0px -32px repeat-x;
-}
-.gwt-TabBar .gwt-TabBarItem .topLeft,
-.gwt-TabBar .gwt-TabBarItem .topRight {
- padding: 0px;
- zoom: 1;
-}
-.gwt-TabBar .gwt-TabBarItem .topLeftInner,
-.gwt-TabBar .gwt-TabBarItem .topRightInner {
- width: 6px;
- height: 6px;
-}
-html>body .gwt-TabBar .gwt-TabBarItem .topLeft {
- background: url(images/corner.png) no-repeat 0px -55px;
-}
-html>body .gwt-TabBar .gwt-TabBarItem .topRight {
- background: url(images/corner.png) no-repeat -6px -55px;
-}
-* html .gwt-TabBar .gwt-TabBarItem .topLeftInner {
- width: 5px;
- height: 61px;
- margin-top: -55px;
- overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
-}
-* html .gwt-TabBar .gwt-TabBarItem .topRightInner {
- width: 12px;
- height: 61px;
- margin-top: -55px;
- margin-left: -6px;
- overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
-}
-.gwt-TabBar .gwt-TabBarItem .middleLeft,
-.gwt-TabBar .gwt-TabBarItem .middleRight {
- width: 6px;
- padding: 0px;
- background: #e4e9f3 url(images/bg_tab.png) repeat-x;
-}
-.gwt-StackPanelItem .middleLeftInner,
-.gwt-StackPanelItem .middleRightInner {
- width: 1px;
- height: 1px;
-}
-.gwt-TabBar .gwt-TabBarItem .middleCenter {
- padding: 0px 4px 2px 4px;
- cursor: pointer;
- cursor: hand;
- font-weight: bold;
- text-align: center;
- background: #e4e9f3 url(images/bg_tab.png) repeat-x;
+ background: #d0e4f6;
}
.gwt-TabBar .gwt-TabBarItem-selected .topCenter {
- background: url(images/hborder.png) 0px -38px repeat-x;
+ background: #92c1f0;
}
html>body .gwt-TabBar .gwt-TabBarItem-selected .topLeft {
background-position: 0px -61px;
@@ -991,7 +959,7 @@
height: 67px;
margin-top: -61px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-TabBar .gwt-TabBarItem-selected .topRightInner {
width: 12px;
@@ -999,15 +967,15 @@
margin-top: -61px;
margin-left: -6px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
.gwt-TabBar .gwt-TabBarItem-selected .middleLeft,
.gwt-TabBar .gwt-TabBarItem-selected .middleRight {
- background: #92c1f0 url(images/bg_tab_selected.png) repeat-x;
+ background: #92c1f0;
}
.gwt-TabBar .gwt-TabBarItem-selected .middleCenter {
cursor: default;
- background: #92c1f0 url(images/bg_tab_selected.png) repeat-x;
+ background: #92c1f0;
}
.gwt-TabPanel {
}
@@ -1045,68 +1013,56 @@
* Applied to toggle buttons, a customizable button that can be toggled
* between two states (similar to a checkbox).
*/
-.gwt-ToggleButton-up {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-right: 2px solid #848280;
- border-bottom: 2px solid #848280;
- cursor: pointer;
- cursor: hand;
-}
-
-.gwt-ToggleButton-up-hovering {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-right: 2px solid #848280;
- border-bottom: 2px solid #848280;
- cursor: pointer;
- cursor: hand;
-}
-
-.gwt-ToggleButton-up-disabled {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-right: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
- cursor: default;
- opacity: 0.5;
- filter: alpha(opacity=40);
- zoom: 1;
-}
-
-.gwt-ToggleButton-down {
- padding: 2px 1px 2px 3px;
- background-color: #f5f5f5;
- border: 2px solid #848280;
- border-right: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
- cursor: pointer;
- cursor: hand;
-}
-
-.gwt-ToggleButton-down-hovering {
- padding: 2px 1px 2px 3px;
- background-color: #f5f5f5;
- border: 2px solid #848280;
- border-right: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
- cursor: pointer;
- cursor: hand;
-}
-
+.gwt-ToggleButton-up,
+.gwt-ToggleButton-up-hovering,
+.gwt-ToggleButton-up-disabled,
+.gwt-ToggleButton-down,
+.gwt-ToggleButton-down-hovering,
.gwt-ToggleButton-down-disabled {
- padding: 2px 1px 2px 3px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-right: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
+ margin: 0;
+ padding: 3px 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ background: url("images/hborder.png") repeat-x 0px -27px;
+}
+.gwt-ToggleButton-up {
+ border: 1px outset #ccc;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-up-hovering {
+ border: 1px outset;
+ border-color: #9cf #69e #69e #7af;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-up-disabled {
+ border: 1px outset #ccc;
cursor: default;
- opacity: 0.5;
- filter: alpha(opacity=40);
+ opacity: .5;
zoom: 1;
+ filter: alpha(opacity=40);
+}
+.gwt-ToggleButton-down {
+ background-position: 0 -513px;
+ border: 1px inset #ccc;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-down-hovering {
+ background-position: 0 -513px;
+ border: 1px inset;
+ border-color: #9cf #69e #69e #7af;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-down-disabled {
+ background-position: 0 -513px;
+ border: 1px inset #ccc;
+ cursor: default;
+ opacity: .5;
+ zoom: 1;
+ filter: alpha(opacity=40);
}
/**
@@ -1120,6 +1076,5 @@
cursor: pointer;
}
.gwt-Tree .gwt-TreeItem-selected {
- padding: 1px;
- background: #93c2f1 url(images/bg_listgradient.png) repeat-x;
+ background: #93c2f1 url(images/hborder.png) repeat-x 0px -1463px;
}
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/GWT-default.rtl.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/GWT_rtl.css
similarity index 74%
rename from samples/showcase/src/com/google/gwt/sample/showcase/public/GWT-default.rtl.css
rename to samples/showcase/src/com/google/gwt/sample/showcase/public/default/GWT_rtl.css
index 45024dd..6f6bfe2 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/GWT-default.rtl.css
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/GWT_rtl.css
@@ -1,6 +1,26 @@
/**
+ * The file contains styles for GWT widgets in the default theme, in RTL mode.
+ *
+ * In order to maintain cross-browser compatibility, the following syntax is
+ * used to create IE6 specific style rules:
+ * html>body .gwt-Widget {
+ * Rule applies to all browsers (including IE7), except IE6
+ * }
+ * * html .gwt-Widget {
+ * Rule applied to IE6 only (not to IE7)
+ * }
+ *
+ * Specifically, IE6 does not support images with multiple transparent colors,
+ * so we need to use the AlphaImageLoader in IE6 only.
+ */
+
+/**
* Applied to the entire page.
*/
+body,td,a,div,.p {
+ font-family:arial,sans-serif
+}
+
body {
color: black;
font-family: Helvetica, Arial, sans-serif;
@@ -8,6 +28,7 @@
margin: 0px;
border: 0px;
padding: 0px;
+ background: #fff;
direction: rtl;
}
@@ -19,19 +40,44 @@
color: #0000AA;
}
+iframe {
+ border-top: 2px solid #666;
+ border-left: 2px solid #666;
+ border-right: 2px solid #bbb;
+ border-bottom: 2px solid #bbb;
+}
+
/**
* Applied to buttons.
*/
.gwt-Button {
+ margin: 0;
+ padding: .3em 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ cursor: pointer;
+ cursor: hand;
+ background: url("images/hborder.png") repeat-x 0px -27px;
+ border: 1px outset #ccc;
}
.gwt-Button:active {
+ border: 1px inset #ccc;
+}
+
+.gwt-Button:hover {
+ border-color: #9cf #69e #69e #7af;
}
.gwt-Button[disabled] {
+ cursor: default;
color: #888;
}
+.gwt-Button[disabled]:hover {
+ border: 1px outset #ccc;
+}
+
/**
* Applied to the checkbox and text next to the checkbox.
*/
@@ -77,14 +123,14 @@
width: 5px;
height: 5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratorPanel .topRightInner {
width: 10px;
height: 5px;
margin-left: -5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratorPanel .bottomLeftInner {
width: 5px;
@@ -92,7 +138,7 @@
margin-left: 0px;
margin-top: -5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-DecoratorPanel .bottomRightInner {
width: 10px;
@@ -100,17 +146,18 @@
margin-left: -5px;
margin-top: -5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
/**
* Applied to the dialog box.
*/
.gwt-DialogBox .Caption {
- background: #93c2f1 url(images/bg_listgradient.png) repeat-x;
+ background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
padding: 4px 8px 4px 4px;
cursor: default;
border-bottom: 1px solid #bbbbbb;
+ border-top: 5px solid #d0e4f6;
}
.gwt-DialogBox .content {
}
@@ -119,19 +166,19 @@
background: white;
}
html>body .gwt-DialogBox .bottomCenter {
- background: url(images/hborder.png) repeat-x;
+ background: url(images/hborder.png) repeat-x 0px -4px;
}
* html .gwt-DialogBox .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-DialogBox .middleLeft {
background: url(images/vborder.png) repeat-y;
}
html>body .gwt-DialogBox .middleRight {
- background: url(images/vborder.png) repeat-y;
+ background: url(images/vborder.png) repeat-y -4px 0px;
}
* html .gwt-DialogBox .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-DialogBox .topLeft,
.gwt-DialogBox .topRight,
@@ -160,19 +207,19 @@
* html .gwt-DialogBox .topLeft {
width: 5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
}
* html .gwt-DialogBox .topRight {
width: 8px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/corner_dialog_topright.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/corner_dialog_topright.png',sizingMethod='crop');
}
* html .gwt-DialogBox .bottomLeftInner {
width: 5px;
height: 23px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-DialogBox .bottomRightInner {
width: 13px;
@@ -180,7 +227,7 @@
margin-left: -5px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
/**
@@ -201,6 +248,7 @@
}
.gwt-DisclosurePanel .header {
+ color: black;
}
.gwt-DisclosurePanel .content {
@@ -216,12 +264,6 @@
}
/**
- * Applied to the Frame widget, which is an iframe wrapper.
- */
-.gwt-Frame {
-}
-
-/**
* Applied to split panels.
*/
.gwt-HorizontalSplitPanel {
@@ -229,14 +271,14 @@
.gwt-HorizontalSplitPanel .hsplitter {
cursor: move;
border: 0px;
- background: #91c0ef url(images/vborder.png) -9px 0px repeat-y;
+ background: #91c0ef url(images/vborder.png) repeat-y;
}
.gwt-VerticalSplitPanel {
}
.gwt-VerticalSplitPanel .vsplitter {
cursor: move;
border: 0px;
- background: #91c0ef url(images/hborder.png) 0px -9px repeat-x;
+ background: #91c0ef url(images/hborder.png) repeat-x;
}
/**
@@ -285,7 +327,7 @@
}
.gwt-MenuBar-horizontal {
- background: #e3e8f3 url(images/bg_headergradient.png) repeat-x;
+ background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
border: 1px solid #BBBBBB;
}
@@ -346,22 +388,22 @@
margin: 0px 3px 0px 0px;
}
.gwt-MenuBarPopup .topCenter {
- background: url(images/hborder.png) 0px -17px repeat-x;
+ background: url(images/hborder.png) 0px -12px repeat-x;
}
html>body .gwt-MenuBarPopup .bottomCenter {
- background: url(images/hborder.png) 0px -18px repeat-x;
+ background: url(images/hborder.png) 0px -13px repeat-x;
}
* html .gwt-MenuBarPopup .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_gray_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_gray_shadow.png',sizingMethod='scale');
}
.gwt-MenuBarPopup .middleLeft {
- background: url(images/vborder.png) -17px 0px repeat-y;
+ background: url(images/vborder.png) -12px 0px repeat-y;
}
html>body .gwt-MenuBarPopup .middleRight {
- background: url(images/vborder.png) -18px 0px repeat-y;
+ background: url(images/vborder.png) -13px 0px repeat-y;
}
* html .gwt-MenuBarPopup .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_gray_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_gray_shadow.png',sizingMethod='scale');
}
html>body .gwt-MenuBarPopup .topLeft {
width: 5px;
@@ -388,7 +430,7 @@
height: 41px;
margin-top: -36px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-MenuBarPopup .topRightInner {
width: 13px;
@@ -396,14 +438,14 @@
margin-left: -5px;
margin-top: -36px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-MenuBarPopup .bottomLeftInner {
width: 5px;
height: 49px;
margin-top: -41px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-MenuBarPopup .bottomRightInner {
width: 13px;
@@ -411,7 +453,7 @@
margin-left: -5px;
margin-top: -41px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
/**
@@ -437,19 +479,19 @@
background: url(images/hborder.png) repeat-x;
}
html>body .gwt-PopupPanel .bottomCenter {
- background: url(images/hborder.png) repeat-x;
+ background: url(images/hborder.png) repeat-x 0px -4px;
}
* html .gwt-PopupPanel .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-PopupPanel .middleLeft {
background: url(images/vborder.png) repeat-y;
}
html>body .gwt-PopupPanel .middleRight {
- background: url(images/vborder.png) repeat-y;
+ background: url(images/vborder.png) repeat-y -4px 0px;
}
* html .gwt-PopupPanel .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-PopupPanel .topLeft,
.gwt-PopupPanel .topRight,
@@ -482,7 +524,7 @@
height: 15px;
margin-top: -10px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-PopupPanel .topRightInner {
width: 13px;
@@ -490,14 +532,14 @@
margin-left: -5px;
margin-top: -10px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-PopupPanel .bottomLeftInner {
width: 5px;
height: 23px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-PopupPanel .bottomRightInner {
width: 13px;
@@ -505,79 +547,60 @@
margin-left: -5px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
/**
* Applied to the push button, a customizable button that can be pressed
* and released.
*/
+.gwt-PushButton-up,
+.gwt-PushButton-up-hovering,
+.gwt-PushButton-up-disabled,
+.gwt-PushButton-down,
+.gwt-PushButton-down-hovering,
+.gwt-PushButton-down-disabled {
+ margin: 0;
+ padding: 3px 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ background: url("images/hborder.png") repeat-x 0px -27px;
+}
.gwt-PushButton-up {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-left: 2px solid #848280;
- border-bottom: 2px solid #848280;
+ border: 1px outset #ccc;
cursor: pointer;
cursor: hand;
}
-
.gwt-PushButton-up-hovering {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-left: 2px solid #848280;
- border-bottom: 2px solid #848280;
+ border: 1px outset;
+ border-color: #9cf #69e #69e #7af;
cursor: pointer;
cursor: hand;
}
-
.gwt-PushButton-up-disabled {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-left: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
+ border: 1px outset #ccc;
cursor: default;
- opacity: 0.5;
- filter: alpha(opacity=30);
+ opacity: .5;
+ filter: alpha(opacity=40);
zoom: 1;
}
-
.gwt-PushButton-down {
- padding: 2px 3px 2px 1px;
- background-color: #efebe7;
- border: 2px solid #848280;
- border-left: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
+ border: 1px inset #666;
cursor: pointer;
cursor: hand;
}
-
.gwt-PushButton-down-hovering {
- padding: 2px 3px 2px 1px;
- background-color: #efebe7;
- border: 2px solid #848280;
- border-left: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
+ border: 1px inset;
+ border-color: #9cf #69e #69e #7af;
cursor: pointer;
cursor: hand;
}
-
.gwt-PushButton-down-disabled {
- padding: 2px 3px 2px 1px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-left: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
+ border: 1px outset #ccc;
cursor: default;
opacity: 0.5;
- filter: alpha(opacity=30);
- zoom: 1;
-}
-
-.gwt-PushButton-down-disabled .gwt-Image {
- filter: alpha(opacity=30);
+ filter: alpha(opacity=40);
+ zoom: 1;
}
/**
@@ -602,7 +625,7 @@
}
.gwt-RichTextToolbar {
- background: #e3e8f3 url(images/bg_headergradient.png) repeat-x;
+ background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
border-bottom: 1px solid #BBBBBB;
padding: 3px;
margin: 0px;
@@ -707,7 +730,7 @@
overflow: hidden;
border-left: 1px solid #bbbbbb;
background-color: #d3def6;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-StackPanelItem .topRightInner {
width: 12px;
@@ -717,13 +740,13 @@
overflow: hidden;
border-right: 1px solid #bbbbbb;
background-color: #d3def6;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
.gwt-StackPanelItem .topCenter {
- background: url(images/hborder.png) 0px -26px repeat-x;
+ background: url(images/hborder.png) 0px -21px repeat-x;
}
.gwt-StackPanelItem .middleLeft {
- background: #d3def6 url(images/bg_stackpanel.png) repeat-x;
+ background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
border-left: 1px solid #bbbbbb;
}
.gwt-StackPanelItem .middleLeftInner,
@@ -732,13 +755,13 @@
height: 1px;
}
.gwt-StackPanelItem .middleRight {
- background: #d3def6 url(images/bg_stackpanel.png) repeat-x;
+ background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
border-right: 1px solid #bbbbbb;
}
.gwt-StackPanelItem .middleCenter {
font-weight: bold;
font-size: 1.3em;
- background: #d3def6 url(images/bg_stackpanel.png) repeat-x;
+ background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
}
html>body .gwt-StackPanelItem-first .topRight,
html>body .gwt-StackPanelItem-first .topLeft {
@@ -786,19 +809,19 @@
background: url(images/hborder.png) repeat-x;
}
html>body .gwt-SuggestBoxPopup .bottomCenter {
- background: url(images/hborder.png) repeat-x;
+ background: url(images/hborder.png) repeat-x 0px -4px;
}
* html .gwt-SuggestBoxPopup .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
}
.gwt-SuggestBoxPopup .middleLeft {
background: url(images/vborder.png) repeat-y;
}
html>body .gwt-SuggestBoxPopup .middleRight {
- background: url(images/vborder.png) repeat-y;
+ background: url(images/vborder.png) repeat-y -4px 0px;
}
* html .gwt-SuggestBoxPopup .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
}
html>body .gwt-SuggestBoxPopup .topLeft {
width: 5px;
@@ -825,7 +848,7 @@
height: 28px;
margin-top: -23px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-SuggestBoxPopup .topRightInner {
width: 13px;
@@ -833,14 +856,14 @@
margin-left: -5px;
margin-top: -23px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-SuggestBoxPopup .bottomLeftInner {
width: 5px;
height: 36px;
margin-top: -28px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-SuggestBoxPopup .bottomRightInner {
width: 13px;
@@ -848,7 +871,7 @@
margin-left: -5px;
margin-top: -28px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
/**
@@ -869,7 +892,7 @@
}
.gwt-TabBar .gwt-TabBarItem .topCenter {
padding: 0px;
- background: url(images/hborder.png) 0px -32px repeat-x;
+ background: #d0e4f6;
}
.gwt-TabBar .gwt-TabBarItem .topLeft,
.gwt-TabBar .gwt-TabBarItem .topRight {
@@ -892,7 +915,7 @@
height: 61px;
margin-top: -55px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-TabBar .gwt-TabBarItem .topRightInner {
width: 12px;
@@ -900,13 +923,13 @@
margin-top: -55px;
margin-left: -6px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
.gwt-TabBar .gwt-TabBarItem .middleLeft,
.gwt-TabBar .gwt-TabBarItem .middleRight {
width: 6px;
padding: 0px;
- background: #e4e9f3 url(images/bg_tab.png) repeat-x;
+ background: #d0e4f6;
}
.gwt-StackPanelItem .middleLeftInner,
.gwt-StackPanelItem .middleRightInner {
@@ -920,64 +943,10 @@
color: black;
font-weight: bold;
text-align: center;
- background: #e4e9f3 url(images/bg_tab.png) repeat-x;
-}
-.gwt-TabBar .gwt-TabBarItem .topCenter {
- padding: 0px;
- background: url(images/hborder.png) 0px -32px repeat-x;
-}
-.gwt-TabBar .gwt-TabBarItem .topLeft,
-.gwt-TabBar .gwt-TabBarItem .topRight {
- padding: 0px;
- zoom: 1;
-}
-.gwt-TabBar .gwt-TabBarItem .topLeftInner,
-.gwt-TabBar .gwt-TabBarItem .topRightInner {
- width: 6px;
- height: 6px;
-}
-html>body .gwt-TabBar .gwt-TabBarItem .topLeft {
- background: url(images/corner.png) no-repeat 0px -55px;
-}
-html>body .gwt-TabBar .gwt-TabBarItem .topRight {
- background: url(images/corner.png) no-repeat -6px -55px;
-}
-* html .gwt-TabBar .gwt-TabBarItem .topLeftInner {
- width: 5px;
- height: 61px;
- margin-top: -55px;
- overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
-}
-* html .gwt-TabBar .gwt-TabBarItem .topRightInner {
- width: 12px;
- height: 61px;
- margin-top: -55px;
- margin-left: -6px;
- overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
-}
-.gwt-TabBar .gwt-TabBarItem .middleLeft,
-.gwt-TabBar .gwt-TabBarItem .middleRight {
- width: 6px;
- padding: 0px;
- background: #e4e9f3 url(images/bg_tab.png) repeat-x;
-}
-.gwt-StackPanelItem .middleLeftInner,
-.gwt-StackPanelItem .middleRightInner {
- width: 1px;
- height: 1px;
-}
-.gwt-TabBar .gwt-TabBarItem .middleCenter {
- padding: 0px 4px 2px 4px;
- cursor: pointer;
- cursor: hand;
- font-weight: bold;
- text-align: center;
- background: #e4e9f3 url(images/bg_tab.png) repeat-x;
+ background: #d0e4f6;
}
.gwt-TabBar .gwt-TabBarItem-selected .topCenter {
- background: url(images/hborder.png) 0px -38px repeat-x;
+ background: #92c1f0;
}
html>body .gwt-TabBar .gwt-TabBarItem-selected .topLeft {
background-position: 0px -61px;
@@ -990,7 +959,7 @@
height: 67px;
margin-top: -61px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
* html .gwt-TabBar .gwt-TabBarItem-selected .topRightInner {
width: 12px;
@@ -998,15 +967,15 @@
margin-top: -61px;
margin-left: -6px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}
.gwt-TabBar .gwt-TabBarItem-selected .middleLeft,
.gwt-TabBar .gwt-TabBarItem-selected .middleRight {
- background: #92c1f0 url(images/bg_tab_selected.png) repeat-x;
+ background: #92c1f0;
}
.gwt-TabBar .gwt-TabBarItem-selected .middleCenter {
cursor: default;
- background: #92c1f0 url(images/bg_tab_selected.png) repeat-x;
+ background: #92c1f0;
}
.gwt-TabPanel {
}
@@ -1044,68 +1013,56 @@
* Applied to toggle buttons, a customizable button that can be toggled
* between two states (similar to a checkbox).
*/
-.gwt-ToggleButton-up {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-left: 2px solid #848280;
- border-bottom: 2px solid #848280;
- cursor: pointer;
- cursor: hand;
-}
-
-.gwt-ToggleButton-up-hovering {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-left: 2px solid #848280;
- border-bottom: 2px solid #848280;
- cursor: pointer;
- cursor: hand;
-}
-
-.gwt-ToggleButton-up-disabled {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-left: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
- cursor: default;
- opacity: 0.5;
- filter: alpha(opacity=40);
- zoom: 1;
-}
-
-.gwt-ToggleButton-down {
- padding: 2px 3px 2px 1px;
- background-color: #f5f5f5;
- border: 2px solid #848280;
- border-left: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
- cursor: pointer;
- cursor: hand;
-}
-
-.gwt-ToggleButton-down-hovering {
- padding: 2px 3px 2px 1px;
- background-color: #f5f5f5;
- border: 2px solid #848280;
- border-left: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
- cursor: pointer;
- cursor: hand;
-}
-
+.gwt-ToggleButton-up,
+.gwt-ToggleButton-up-hovering,
+.gwt-ToggleButton-up-disabled,
+.gwt-ToggleButton-down,
+.gwt-ToggleButton-down-hovering,
.gwt-ToggleButton-down-disabled {
- padding: 2px 3px 2px 1px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-left: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
+ margin: 0;
+ padding: 3px 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ background: url("images/hborder.png") repeat-x 0px -27px;
+}
+.gwt-ToggleButton-up {
+ border: 1px outset #ccc;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-up-hovering {
+ border: 1px outset;
+ border-color: #9cf #69e #69e #7af;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-up-disabled {
+ border: 1px outset #ccc;
cursor: default;
- opacity: 0.5;
- filter: alpha(opacity=40);
+ opacity: .5;
zoom: 1;
+ filter: alpha(opacity=40);
+}
+.gwt-ToggleButton-down {
+ background-position: 0 -513px;
+ border: 1px inset #ccc;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-down-hovering {
+ background-position: 0 -513px;
+ border: 1px inset;
+ border-color: #9cf #69e #69e #7af;
+ cursor: pointer;
+ cursor: hand;
+}
+.gwt-ToggleButton-down-disabled {
+ background-position: 0 -513px;
+ border: 1px inset #ccc;
+ cursor: default;
+ opacity: .5;
+ zoom: 1;
+ filter: alpha(opacity=40);
}
/**
@@ -1119,6 +1076,5 @@
cursor: pointer;
}
.gwt-Tree .gwt-TreeItem-selected {
- padding: 1px;
- background: #93c2f1 url(images/bg_listgradient.png) repeat-x;
+ background: #93c2f1 url(images/hborder.png) repeat-x 0px -1463px;
}
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/Showcase.css
similarity index 77%
rename from samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.css
rename to samples/showcase/src/com/google/gwt/sample/showcase/public/default/Showcase.css
index eb13d60..3de650c 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.css
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/Showcase.css
@@ -2,8 +2,8 @@
* Applied to the main layout of the page.
*/
.Application-top {
- width: 100%;
- margin-bottom: 10px;
+ width: 100%;
+ margin-bottom: 10px;
}
.Application-title {
padding: 0px 0px 0px 10px;
@@ -31,7 +31,7 @@
padding: 6px 10px 0px 0px;
}
.Application-options .gwt-ListBox {
- width: 150px;
+ width: 150px;
font-size: 11px;
color: blue;
margin-left: 4px;
@@ -39,19 +39,23 @@
.Application-options td {
font-size: 12px;
}
-.Application-options .gwt-PushButton {
- width: 36px;
- height: 16px;
- margin: 3px 0px 0px 10px;
+.Application-options .gwt-ToggleButton {
+ width: 36px;
+ height: 16px;
+ margin: 3px 0px 0px 10px;
+}
+.Application-options .gwt-ToggleButton-down,
+.Application-options .gwt-ToggleButton-down-hovering {
+ cursor: default;
}
.Application-options .sc-ThemeButton-default {
- background: url(images/bg_listgradient.png) repeat-x;
+ background: #d0e4f6;
}
.Application-options .sc-ThemeButton-chrome {
- background: url(images/bg_headergradient.png) repeat-x;
+ background: #ccc;
}
-.Application-options .sc-ThemeButton-black {
- background: #222222;
+.Application-options .sc-ThemeButton-dark {
+ background: #3d3d3d;
}
.Application-menu {
width: 18em;
@@ -67,7 +71,7 @@
.Application-content-title {
padding: 4px 0px 3px 6px;
text-align: left;
- background: url(images/bg_headergradient.png) repeat-x;
+ background: url(images/hborder.png) repeat-x 0px -2003px;
border-bottom: 2px solid #bbcdf3;
}
.Application-content-title .gwt-TabBarItem .top,
@@ -82,34 +86,34 @@
padding: 0px;
}
.Application-content-title .gwt-TabBarItem .gwt-Label {
- padding-right: 20px;
- color: #888888;
+ padding-right: 20px;
+ color: #888888;
}
.Application-content-title .gwt-TabBarItem-selected .gwt-Label {
color: black;
}
.Application-content-wrapper {
- text-align: left;
+ text-align: left;
}
.sc-ContentWidget {
padding: 10px 20px;
}
.sc-ContentWidget-name {
- font-size: 1.5em;
- font-weight: bold;
- padding-bottom: 15px;
+ font-size: 1.5em;
+ font-weight: bold;
+ padding-bottom: 15px;
}
.sc-ContentWidget-description {
- padding-bottom: 15px;
- border-bottom: 1px solid #7aa5d6;
+ padding-bottom: 15px;
+ border-bottom: 1px solid #7aa5d6;
margin-bottom: 15px;
}
.sc-ContentWidget pre {
- border: 1px solid #888;
- background: #eeeeee;
- padding: 10px 2px;
- margin: 10px 0px;
- font-size: medium;
+ border: 1px solid #888;
+ background: #eeeeee;
+ padding: 10px 2px;
+ margin: 10px 0px;
+ font-size: medium;
}
/**
@@ -163,7 +167,7 @@
}
.cw-StackPanelHeader {
- padding-left: 7px;
+ padding-left: 7px;
font-weight: bold;
font-size: 1.4em;
}
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.rtl.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/Showcase_rtl.css
similarity index 76%
rename from samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.rtl.css
rename to samples/showcase/src/com/google/gwt/sample/showcase/public/default/Showcase_rtl.css
index f963318..6e75318 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/Showcase.rtl.css
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/Showcase_rtl.css
@@ -2,8 +2,8 @@
* Applied to the main layout of the page.
*/
.Application-top {
- width: 100%;
- margin-bottom: 10px;
+ width: 100%;
+ margin-bottom: 10px;
}
.Application-title {
padding: 0px 10px 0px 0px;
@@ -31,7 +31,7 @@
padding: 6px 0px 0px 10px;
}
.Application-options .gwt-ListBox {
- width: 150px;
+ width: 150px;
font-size: 11px;
color: blue;
margin-right: 4px;
@@ -39,19 +39,23 @@
.Application-options td {
font-size: 12px;
}
-.Application-options .gwt-PushButton {
- width: 36px;
- height: 16px;
- margin: 3px 10px 0px 0px;
+.Application-options .gwt-ToggleButton {
+ width: 36px;
+ height: 16px;
+ margin: 3px 10px 0px 0px;
+}
+.Application-options .gwt-ToggleButton-down,
+.Application-options .gwt-ToggleButton-down-hovering {
+ cursor: default;
}
.Application-options .sc-ThemeButton-default {
- background: url(images/bg_listgradient.png) repeat-x;
+ background: #d0e4f6;
}
.Application-options .sc-ThemeButton-chrome {
- background: url(images/bg_headergradient.png) repeat-x;
+ background: #ccc;
}
-.Application-options .sc-ThemeButton-black {
- background: #222222;
+.Application-options .sc-ThemeButton-dark {
+ background: #3d3d3d;
}
.Application-menu {
width: 18em;
@@ -67,7 +71,7 @@
.Application-content-title {
padding: 4px 6px 3px 0px;
text-align: right;
- background: url(images/bg_headergradient.png) repeat-x;
+ background: url(images/hborder.png) repeat-x 0px -2003px;
border-bottom: 2px solid #bbcdf3;
}
.Application-content-title .gwt-TabBarItem .top,
@@ -82,34 +86,34 @@
padding: 0px;
}
.Application-content-title .gwt-TabBarItem .gwt-Label {
- padding-left: 20px;
- color: #888888;
+ padding-left: 20px;
+ color: #888888;
}
.Application-content-title .gwt-TabBarItem-selected .gwt-Label {
color: black;
}
.Application-content-wrapper {
- text-align: right;
+ text-align: right;
}
.sc-ContentWidget {
padding: 10px 20px;
}
.sc-ContentWidget-name {
- font-size: 1.5em;
- font-weight: bold;
- padding-bottom: 15px;
+ font-size: 1.5em;
+ font-weight: bold;
+ padding-bottom: 15px;
}
.sc-ContentWidget-description {
- padding-bottom: 15px;
- border-bottom: 1px solid #7aa5d6;
+ padding-bottom: 15px;
+ border-bottom: 1px solid #7aa5d6;
margin-bottom: 15px;
}
.sc-ContentWidget pre {
- border: 1px solid #888;
- background: #eeeeee;
- padding: 10px 2px;
- margin: 10px 0px;
- font-size: medium;
+ border: 1px solid #888;
+ background: #eeeeee;
+ padding: 10px 2px;
+ margin: 10px 0px;
+ font-size: medium;
}
/**
@@ -163,7 +167,7 @@
}
.cw-StackPanelHeader {
- padding-right: 7px;
+ padding-right: 7px;
font-weight: bold;
font-size: 1.4em;
}
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/corner.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/corner.png
new file mode 100644
index 0000000..51aa458
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/corner.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/hborder.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/hborder.png
new file mode 100644
index 0000000..b4dbd96
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/hborder.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/ie6/corner_dialog_topleft.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/ie6/corner_dialog_topleft.png
new file mode 100644
index 0000000..e1da98e
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/ie6/corner_dialog_topleft.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/ie6/corner_dialog_topright.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/ie6/corner_dialog_topright.png
new file mode 100644
index 0000000..a786ccc
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/ie6/corner_dialog_topright.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/ie6/hborder_blue_shadow.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/ie6/hborder_blue_shadow.png
new file mode 100644
index 0000000..7b52b8e
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/ie6/hborder_blue_shadow.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/hborder_gray_shadow.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/ie6/hborder_gray_shadow.png
similarity index 100%
copy from samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/hborder_gray_shadow.png
copy to samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/ie6/hborder_gray_shadow.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/ie6/vborder_blue_shadow.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/ie6/vborder_blue_shadow.png
new file mode 100644
index 0000000..6dcb44a
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/ie6/vborder_blue_shadow.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/vborder_gray_shadow.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/ie6/vborder_gray_shadow.png
similarity index 100%
copy from samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/vborder_gray_shadow.png
copy to samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/ie6/vborder_gray_shadow.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/vborder.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/vborder.png
new file mode 100644
index 0000000..49605f1
--- /dev/null
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/images/vborder.png
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/bg_headergradient.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/images/bg_headergradient.png
deleted file mode 100644
index 3c95f34..0000000
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/bg_headergradient.png
+++ /dev/null
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/bg_listgradient.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/images/bg_listgradient.png
deleted file mode 100644
index 3d5865c..0000000
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/bg_listgradient.png
+++ /dev/null
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/bg_stackpanel.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/images/bg_stackpanel.png
deleted file mode 100644
index dbf06b4..0000000
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/bg_stackpanel.png
+++ /dev/null
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/bg_tab.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/images/bg_tab.png
deleted file mode 100644
index 66bfa70..0000000
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/bg_tab.png
+++ /dev/null
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/bg_tab_selected.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/images/bg_tab_selected.png
deleted file mode 100644
index 063c3fb..0000000
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/bg_tab_selected.png
+++ /dev/null
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/corner.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/images/corner.png
deleted file mode 100644
index f7a0caf..0000000
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/corner.png
+++ /dev/null
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/hborder.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/images/hborder.png
deleted file mode 100644
index 896911f..0000000
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/hborder.png
+++ /dev/null
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/corner_dialog_topleft.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/corner_dialog_topleft.png
deleted file mode 100644
index 9b4e8ed..0000000
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/corner_dialog_topleft.png
+++ /dev/null
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/corner_dialog_topright.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/corner_dialog_topright.png
deleted file mode 100644
index 0904539..0000000
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/corner_dialog_topright.png
+++ /dev/null
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/hborder_blue_shadow.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/hborder_blue_shadow.png
deleted file mode 100644
index 509279a..0000000
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/hborder_blue_shadow.png
+++ /dev/null
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/vborder_blue_shadow.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/vborder_blue_shadow.png
deleted file mode 100644
index 7274534..0000000
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/ie6/vborder_blue_shadow.png
+++ /dev/null
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/vborder.png b/samples/showcase/src/com/google/gwt/sample/showcase/public/images/vborder.png
deleted file mode 100644
index 8b284c3..0000000
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/images/vborder.png
+++ /dev/null
Binary files differ
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/source/com.google.gwt.sample.showcase.client.content.lists.CwStackPanel.html b/samples/showcase/src/com/google/gwt/sample/showcase/public/source/com.google.gwt.sample.showcase.client.content.lists.CwStackPanel.html
index e6dcb34..44bf540 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/source/com.google.gwt.sample.showcase.client.content.lists.CwStackPanel.html
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/source/com.google.gwt.sample.showcase.client.content.lists.CwStackPanel.html
@@ -96,8 +96,7 @@
VerticalPanel contactsPanel = new VerticalPanel();
contactsPanel.setSpacing(4);
for (String contact : constants.cwStackPanelContacts()) {
- contactsPanel.add(new HTML("<a href=\"javascript:void;\">" + contact
- + "</a>"));
+ contactsPanel.add(new Label(contact));
}
String contactsHeader = getHeaderString(
constants.cwStackPanelContactsHeader(), images.contactsgroup());
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/source/com.google.gwt.sample.showcase.client.content.other.CwFrame.html b/samples/showcase/src/com/google/gwt/sample/showcase/public/source/com.google.gwt.sample.showcase.client.content.other.CwFrame.html
index 4187b7d..5b655d0 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/source/com.google.gwt.sample.showcase.client.content.other.CwFrame.html
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/source/com.google.gwt.sample.showcase.client.content.other.CwFrame.html
@@ -21,13 +21,14 @@
@Override
public Widget onInitialize() {
// Create a new frame
- final Frame frame = new Frame("GWT-default.css");
+ String url = GWT.getModuleBaseURL();
+ final Frame frame = new Frame(url);
frame.setSize("700px", "300px");
frame.ensureDebugId("cwFrame");
// Create a form to set the location of the frame
final TextBox locationBox = new TextBox();
- locationBox.setText(frame.getUrl());
+ locationBox.setText(url);
Button setLocationButton = new Button(constants.cwFrameSetLocation());
HorizontalPanel optionsPanel = new HorizontalPanel();
optionsPanel.setSpacing(8);
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.lists.CwMenuBar.html b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.lists.CwMenuBar.html
index 43d8fdf..4ee6c2a 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.lists.CwMenuBar.html
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.lists.CwMenuBar.html
@@ -9,7 +9,7 @@
background: #E0EDFE;
}</pre><pre>
.gwt-MenuBar-horizontal {
- background: #e3e8f3 url(images/bg_headergradient.png) repeat-x;
+ background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
border: 1px solid #BBBBBB;
}</pre><pre>
.gwt-MenuBar-horizontal .gwt-MenuItem {
@@ -62,16 +62,16 @@
margin: 0px 0px 0px 3px;
}</pre><pre>
.gwt-MenuBarPopup .topCenter {
- background: url(images/hborder.png) 0px -17px repeat-x;
+ background: url(images/hborder.png) 0px -12px repeat-x;
}</pre><pre>
.gwt-MenuBarPopup .middleLeft {
- background: url(images/vborder.png) -17px 0px repeat-y;
+ background: url(images/vborder.png) -12px 0px repeat-y;
}</pre><pre>
html>body .gwt-MenuBarPopup .bottomCenter {
- background: url(images/hborder.png) 0px -18px repeat-x;
+ background: url(images/hborder.png) 0px -13px repeat-x;
}</pre><pre>
html>body .gwt-MenuBarPopup .middleRight {
- background: url(images/vborder.png) -18px 0px repeat-y;
+ background: url(images/vborder.png) -13px 0px repeat-y;
}</pre><pre>
html>body .gwt-MenuBarPopup .topLeft {
width: 5px;
@@ -94,17 +94,17 @@
background: url(images/corner.png) no-repeat -5px -41px;
}</pre><pre>
* html .gwt-MenuBarPopup .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_gray_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_gray_shadow.png',sizingMethod='scale');
}</pre><pre>
* html .gwt-MenuBarPopup .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_gray_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_gray_shadow.png',sizingMethod='scale');
}</pre><pre>
* html .gwt-MenuBarPopup .topLeftInner {
width: 5px;
height: 41px;
margin-top: -36px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-MenuBarPopup .topRightInner {
width: 13px;
@@ -112,14 +112,14 @@
margin-left: -5px;
margin-top: -36px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-MenuBarPopup .bottomLeftInner {
width: 5px;
height: 49px;
margin-top: -41px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-MenuBarPopup .bottomRightInner {
width: 13px;
@@ -127,5 +127,5 @@
margin-left: -5px;
margin-top: -41px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre>
\ No newline at end of file
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.lists.CwStackPanel.html b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.lists.CwStackPanel.html
index adb25e3..369c77e 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.lists.CwStackPanel.html
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.lists.CwStackPanel.html
@@ -24,10 +24,10 @@
height: 1px;
}</pre><pre>
.gwt-StackPanelItem .topCenter {
- background: url(images/hborder.png) 0px -26px repeat-x;
+ background: url(images/hborder.png) 0px -21px repeat-x;
}</pre><pre>
.gwt-StackPanelItem .middleLeft {
- background: #d3def6 url(images/bg_stackpanel.png) repeat-x;
+ background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
border-left: 1px solid #bbbbbb;
}</pre><pre>
.gwt-StackPanelItem .middleLeftInner,
@@ -36,13 +36,13 @@
height: 1px;
}</pre><pre>
.gwt-StackPanelItem .middleRight {
- background: #d3def6 url(images/bg_stackpanel.png) repeat-x;
+ background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
border-right: 1px solid #bbbbbb;
}</pre><pre>
.gwt-StackPanelItem .middleCenter {
font-weight: bold;
font-size: 1.3em;
- background: #d3def6 url(images/bg_stackpanel.png) repeat-x;
+ background: #d3def6 url(images/hborder.png) repeat-x 0px -989px;
}</pre><pre>
html>body .gwt-StackPanelItem .topLeft {
background: #d3def6 url(images/corner.png) no-repeat 0px -49px;
@@ -68,7 +68,7 @@
overflow: hidden;
border-left: 1px solid #bbbbbb;
background-color: #d3def6;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-StackPanelItem .topRightInner {
width: 12px;
@@ -78,7 +78,7 @@
overflow: hidden;
border-right: 1px solid #bbbbbb;
background-color: #d3def6;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-StackPanelItem-first .topLeftInner,
* html .gwt-StackPanelItem-first .topRightInner {
@@ -93,7 +93,7 @@
background-color: white;
}</pre><pre>
.cw-StackPanelHeader {
- padding-left: 7px;
+ padding-left: 7px;
font-weight: bold;
font-size: 1.4em;
}</pre>
\ No newline at end of file
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.lists.CwSuggestBox.html b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.lists.CwSuggestBox.html
index d282b28..80435a7 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.lists.CwSuggestBox.html
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.lists.CwSuggestBox.html
@@ -23,10 +23,10 @@
background: url(images/vborder.png) repeat-y;
}</pre><pre>
html>body .gwt-SuggestBoxPopup .bottomCenter {
- background: url(images/hborder.png) repeat-x;
+ background: url(images/hborder.png) repeat-x 0px -4px;
}</pre><pre>
html>body .gwt-SuggestBoxPopup .middleRight {
- background: url(images/vborder.png) repeat-y;
+ background: url(images/vborder.png) repeat-y -4px 0px;
}</pre><pre>
html>body .gwt-SuggestBoxPopup .topLeft {
width: 5px;
@@ -49,17 +49,17 @@
background: url(images/corner.png) no-repeat -5px -28px;
}</pre><pre>
* html .gwt-SuggestBoxPopup .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
}</pre><pre>
* html .gwt-SuggestBoxPopup .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
}</pre><pre>
* html .gwt-SuggestBoxPopup .topLeftInner {
width: 5px;
height: 28px;
margin-top: -23px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-SuggestBoxPopup .topRightInner {
width: 13px;
@@ -67,14 +67,14 @@
margin-left: -5px;
margin-top: -23px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-SuggestBoxPopup .bottomLeftInner {
width: 5px;
height: 36px;
margin-top: -28px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-SuggestBoxPopup .bottomRightInner {
width: 13px;
@@ -82,5 +82,5 @@
margin-left: -5px;
margin-top: -28px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre>
\ No newline at end of file
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.lists.CwTree.html b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.lists.CwTree.html
index 30c620b..23659be 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.lists.CwTree.html
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.lists.CwTree.html
@@ -7,7 +7,5 @@
cursor: pointer;
}</pre><pre>
.gwt-Tree .gwt-TreeItem-selected {
- padding: 0px;
- border: 1px dotted #888;
- background: #93c2f1 url(images/bg_listgradient.png) repeat-x;
+ background: #93c2f1 url(images/hborder.png) repeat-x 0px -1463px;
}</pre>
\ No newline at end of file
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwDecoratorPanel.html b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwDecoratorPanel.html
index 1ba2c13..4a6cab7 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwDecoratorPanel.html
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwDecoratorPanel.html
@@ -31,14 +31,14 @@
width: 5px;
height: 5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-DecoratorPanel .topRightInner {
width: 10px;
height: 5px;
margin-left: -5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-DecoratorPanel .bottomLeftInner {
width: 5px;
@@ -46,7 +46,7 @@
margin-left: 0px;
margin-top: -5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-DecoratorPanel .bottomRightInner {
width: 10px;
@@ -54,5 +54,5 @@
margin-left: -5px;
margin-top: -5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre>
\ No newline at end of file
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwDisclosurePanel.html b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwDisclosurePanel.html
index 710f271..5940a3b 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwDisclosurePanel.html
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwDisclosurePanel.html
@@ -9,6 +9,7 @@
.gwt-DisclosurePanel-closed {
}</pre><pre>
.gwt-DisclosurePanel .header {
+ color: black;
}</pre><pre>
.gwt-DisclosurePanel .content {
border-left: 3px solid #e8eef7;
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwHorizontalSplitPanel.html b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwHorizontalSplitPanel.html
index 1ed25d2..7d8c540 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwHorizontalSplitPanel.html
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwHorizontalSplitPanel.html
@@ -4,5 +4,5 @@
.gwt-HorizontalSplitPanel .hsplitter {
cursor: move;
border: 0px;
- background: #91c0ef url(images/vborder.png) -9px 0px repeat-y;
+ background: #91c0ef url(images/vborder.png) repeat-y;
}</pre>
\ No newline at end of file
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwTabPanel.html b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwTabPanel.html
index aabd25f..2febe7a 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwTabPanel.html
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwTabPanel.html
@@ -12,7 +12,7 @@
}</pre><pre>
.gwt-TabBar .gwt-TabBarItem .topCenter {
padding: 0px;
- background: url(images/hborder.png) 0px -32px repeat-x;
+ background: #d0e4f6;
}</pre><pre>
.gwt-TabBar .gwt-TabBarItem .topLeft,
.gwt-TabBar .gwt-TabBarItem .topRight {
@@ -28,26 +28,27 @@
.gwt-TabBar .gwt-TabBarItem .middleRight {
width: 6px;
padding: 0px;
- background: #e4e9f3 url(images/bg_tab.png) repeat-x;
+ background: #d0e4f6;
}</pre><pre>
.gwt-TabBar .gwt-TabBarItem .middleCenter {
padding: 0px 4px 2px 4px;
cursor: pointer;
cursor: hand;
+ color: black;
font-weight: bold;
text-align: center;
- background: #e4e9f3 url(images/bg_tab.png) repeat-x;
+ background: #d0e4f6;
}</pre><pre>
.gwt-TabBar .gwt-TabBarItem-selected .topCenter {
- background: url(images/hborder.png) 0px -38px repeat-x;
+ background: #92c1f0;
}</pre><pre>
.gwt-TabBar .gwt-TabBarItem-selected .middleLeft,
.gwt-TabBar .gwt-TabBarItem-selected .middleRight {
- background: #92c1f0 url(images/bg_tab_selected.png) repeat-x;
+ background: #92c1f0;
}</pre><pre>
.gwt-TabBar .gwt-TabBarItem-selected .middleCenter {
cursor: default;
- background: #92c1f0 url(images/bg_tab_selected.png) repeat-x;
+ background: #92c1f0;
}</pre><pre>
html>body .gwt-TabBar .gwt-TabBarItem .topLeft {
background: url(images/corner.png) no-repeat 0px -55px;
@@ -66,7 +67,7 @@
height: 61px;
margin-top: -55px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-TabBar .gwt-TabBarItem .topRightInner {
width: 12px;
@@ -74,14 +75,14 @@
margin-top: -55px;
margin-left: -6px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-TabBar .gwt-TabBarItem-selected .topLeftInner {
width: 5px;
height: 67px;
margin-top: -61px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-TabBar .gwt-TabBarItem-selected .topRightInner {
width: 12px;
@@ -89,7 +90,7 @@
margin-top: -61px;
margin-left: -6px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
.gwt-TabPanel {
}</pre><pre>
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwVerticalSplitPanel.html b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwVerticalSplitPanel.html
index fd85b50..087da20 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwVerticalSplitPanel.html
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.panels.CwVerticalSplitPanel.html
@@ -4,5 +4,5 @@
.gwt-VerticalSplitPanel .vsplitter {
cursor: move;
border: 0px;
- background: #91c0ef url(images/hborder.png) 0px -9px repeat-x;
+ background: #91c0ef url(images/hborder.png) repeat-x;
}</pre>
\ No newline at end of file
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.popups.CwBasicPopup.html b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.popups.CwBasicPopup.html
index 34a94b2..5fd92f8 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.popups.CwBasicPopup.html
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.popups.CwBasicPopup.html
@@ -18,10 +18,10 @@
zoom: 1;
}</pre><pre>
html>body .gwt-PopupPanel .bottomCenter {
- background: url(images/hborder.png) repeat-x;
+ background: url(images/hborder.png) repeat-x 0px -4px;
}</pre><pre>
html>body .gwt-PopupPanel .middleRight {
- background: url(images/vborder.png) repeat-y;
+ background: url(images/vborder.png) repeat-y -4px 0px;
}</pre><pre>
html>body .gwt-PopupPanel .topLeft {
width: 5px;
@@ -44,17 +44,17 @@
background: url(images/corner.png) no-repeat -5px -15px;
}</pre><pre>
* html .gwt-PopupPanel .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
}</pre><pre>
* html .gwt-PopupPanel .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
}</pre><pre>
* html .gwt-PopupPanel .topLeftInner {
width: 5px;
height: 15px;
margin-top: -10px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-PopupPanel .topRightInner {
width: 13px;
@@ -62,14 +62,14 @@
margin-left: -5px;
margin-top: -10px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-PopupPanel .bottomLeftInner {
width: 5px;
height: 23px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-PopupPanel .bottomRightInner {
width: 13px;
@@ -77,5 +77,5 @@
margin-left: -5px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre>
\ No newline at end of file
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.popups.CwDialogBox.html b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.popups.CwDialogBox.html
index ff8749d..f5aba91 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.popups.CwDialogBox.html
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.popups.CwDialogBox.html
@@ -1,9 +1,10 @@
<pre>
.gwt-DialogBox .Caption {
- background: #93c2f1 url(images/bg_listgradient.png) repeat-x;
+ background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
padding: 4px 4px 4px 8px;
cursor: default;
border-bottom: 1px solid #bbbbbb;
+ border-top: 5px solid #d0e4f6;
}</pre><pre>
.gwt-DialogBox .content {
}</pre><pre>
@@ -21,10 +22,10 @@
zoom: 1;
}</pre><pre>
html>body .gwt-DialogBox .bottomCenter {
- background: url(images/hborder.png) repeat-x;
+ background: url(images/hborder.png) repeat-x 0px -4px;
}</pre><pre>
html>body .gwt-DialogBox .middleRight {
- background: url(images/vborder.png) repeat-y;
+ background: url(images/vborder.png) repeat-y -4px 0px;
}</pre><pre>
html>body .gwt-DialogBox .topLeft {
width: 5px;
@@ -45,27 +46,27 @@
background: url(images/corner.png) no-repeat -5px -15px;
}</pre><pre>
* html .gwt-DialogBox .bottomCenter {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_blue_shadow.png',sizingMethod='scale');
}</pre><pre>
* html .gwt-DialogBox .middleRight {
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_blue_shadow.png',sizingMethod='scale');
}</pre><pre>
* html .gwt-DialogBox .topLeft {
width: 5px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/corner_dialog_topleft.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-DialogBox .topRight {
width: 8px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/ie6/corner_dialog_topright.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/corner_dialog_topright.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-DialogBox .bottomLeftInner {
width: 5px;
height: 23px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
* html .gwt-DialogBox .bottomRightInner {
width: 13px;
@@ -73,7 +74,7 @@
margin-left: -5px;
margin-top: -15px;
overflow: hidden;
- filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/corner.png',sizingMethod='crop');
+ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop');
}</pre><pre>
.cw-DialogBox {
opacity: 0.8;
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.text.CwRichText.html b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.text.CwRichText.html
index 0927c0c..354e90d 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.text.CwRichText.html
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.text.CwRichText.html
@@ -5,7 +5,7 @@
border: 0px;
}</pre><pre>
.gwt-RichTextToolbar {
- background: #e3e8f3 url(images/bg_headergradient.png) repeat-x;
+ background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px;
border-bottom: 1px solid #BBBBBB;
padding: 3px;
margin: 0px;
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.widgets.CwBasicButton.html b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.widgets.CwBasicButton.html
index 1d2bc57..82492b7 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.widgets.CwBasicButton.html
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.widgets.CwBasicButton.html
@@ -3,7 +3,15 @@
width: 10em;
}</pre><pre>
.gwt-Button:active {
+ border: 1px inset #ccc;
+}</pre><pre>
+.gwt-Button:hover {
+ border-color: #9cf #69e #69e #7af;
}</pre><pre>
.gwt-Button[disabled] {
+ cursor: default;
color: #888;
+}</pre><pre>
+.gwt-Button[disabled]:hover {
+ border: 1px outset #ccc;
}</pre>
\ No newline at end of file
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.widgets.CwCustomButton.html b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.widgets.CwCustomButton.html
index ed43f56..f770ce8 100644
--- a/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.widgets.CwCustomButton.html
+++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/style/com.google.gwt.sample.showcase.client.content.widgets.CwCustomButton.html
@@ -1,120 +1,100 @@
<pre>
+.gwt-PushButton-up,
+.gwt-PushButton-up-hovering,
+.gwt-PushButton-up-disabled,
+.gwt-PushButton-down,
+.gwt-PushButton-down-hovering,
+.gwt-PushButton-down-disabled {
+ margin: 0;
+ padding: 3px 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ background: url("images/hborder.png") repeat-x 0px -27px;
+}</pre><pre>
.gwt-PushButton-up {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-right: 2px solid #848280;
- border-bottom: 2px solid #848280;
+ border: 1px outset #ccc;
cursor: pointer;
cursor: hand;
}</pre><pre>
.gwt-PushButton-up-hovering {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-right: 2px solid #848280;
- border-bottom: 2px solid #848280;
+ border: 1px outset;
+ border-color: #9cf #69e #69e #7af;
cursor: pointer;
cursor: hand;
}</pre><pre>
.gwt-PushButton-up-disabled {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-right: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
+ border: 1px outset #ccc;
cursor: default;
- opacity: 0.5;
- filter: alpha(opacity=30);
+ opacity: .5;
+ filter: alpha(opacity=40);
zoom: 1;
}</pre><pre>
.gwt-PushButton-down {
- padding: 2px 1px 2px 3px;
- background-color: #efebe7;
- border: 2px solid #848280;
- border-right: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
+ border: 1px inset #666;
cursor: pointer;
cursor: hand;
}</pre><pre>
.gwt-PushButton-down-hovering {
- padding: 2px 1px 2px 3px;
- background-color: #efebe7;
- border: 2px solid #848280;
- border-right: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
+ border: 1px inset;
+ border-color: #9cf #69e #69e #7af;
cursor: pointer;
cursor: hand;
}</pre><pre>
.gwt-PushButton-down-disabled {
- padding: 2px 1px 2px 3px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-right: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
+ border: 1px outset #ccc;
cursor: default;
opacity: 0.5;
- filter: alpha(opacity=30);
- zoom: 1;
+ filter: alpha(opacity=40);
+ zoom: 1;
}</pre><pre>
-.gwt-PushButton-down-disabled .gwt-Image {
- filter: alpha(opacity=30);
+.gwt-ToggleButton-up,
+.gwt-ToggleButton-up-hovering,
+.gwt-ToggleButton-up-disabled,
+.gwt-ToggleButton-down,
+.gwt-ToggleButton-down-hovering,
+.gwt-ToggleButton-down-disabled {
+ margin: 0;
+ padding: 3px 5px;
+ font-family:Arial, sans-serif;
+ text-decoration: none;
+ background: url("images/hborder.png") repeat-x 0px -27px;
}</pre><pre>
.gwt-ToggleButton-up {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-right: 2px solid #848280;
- border-bottom: 2px solid #848280;
+ border: 1px outset #ccc;
cursor: pointer;
cursor: hand;
}</pre><pre>
.gwt-ToggleButton-up-hovering {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #faf9f7;
- border-right: 2px solid #848280;
- border-bottom: 2px solid #848280;
+ border: 1px outset;
+ border-color: #9cf #69e #69e #7af;
cursor: pointer;
cursor: hand;
}</pre><pre>
.gwt-ToggleButton-up-disabled {
- padding: 2px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-right: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
+ border: 1px outset #ccc;
cursor: default;
- opacity: 0.5;
- filter: alpha(opacity=40);
+ opacity: .5;
zoom: 1;
+ filter: alpha(opacity=40);
}</pre><pre>
.gwt-ToggleButton-down {
- padding: 2px 1px 2px 3px;
- background-color: #f5f5f5;
- border: 2px solid #848280;
- border-right: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
+ background-position: 0 -513px;
+ border: 1px inset #ccc;
cursor: pointer;
cursor: hand;
}</pre><pre>
.gwt-ToggleButton-down-hovering {
- padding: 2px 1px 2px 3px;
- background-color: #f5f5f5;
- border: 2px solid #848280;
- border-right: 2px solid #faf9f7;
- border-bottom: 2px solid #faf9f7;
+ background-position: 0 -513px;
+ border: 1px inset;
+ border-color: #9cf #69e #69e #7af;
cursor: pointer;
cursor: hand;
}</pre><pre>
.gwt-ToggleButton-down-disabled {
- padding: 2px 1px 2px 3px;
- background-color: #efebe7;
- border: 2px solid #e7e4e0;
- border-right: 2px solid #625b54;
- border-bottom: 2px solid #625b54;
+ background-position: 0 -513px;
+ border: 1px inset #ccc;
cursor: default;
- opacity: 0.5;
- filter: alpha(opacity=40);
+ opacity: .5;
zoom: 1;
+ filter: alpha(opacity=40);
}</pre>
\ No newline at end of file
