Updated the default style sheets to reflect the creation of the Decorated Widgets. Originally, I intended to update these styles after we finalized the style name architecture, but since that may not be available for a day or two, I'm submitting the style changes now. The affected Widgets are DecoratedTabPanel, DecoratedStackPanel, and DecoratedPopupPanel. Patch by: jlabanca Review by: jgw (TBR after style name refactor is complete) git-svn-id: https://google-web-toolkit.googlecode.com/svn/trunk@2756 8db76d5a-ed1c-0410-87a9-c151d255dfc7
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase.css index 11a1abf..b2d9241 100644 --- a/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase.css +++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase.css
@@ -74,14 +74,7 @@ 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, -.Application-content-title .gwt-TabBarItem .topRight, -.Application-content-title .gwt-TabBarItem .middleLeft, -.Application-content-title .gwt-TabBarItem .middleRight { - display: none; -} -.Application-content-title .gwt-TabBarItem .middleCenter { +.Application-content-title .gwt-TabBarItem { background: none; padding: 0px; }
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase_rtl.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase_rtl.css index 356bdb8..edba36f 100644 --- a/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase_rtl.css +++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/chrome/Showcase_rtl.css
@@ -74,14 +74,7 @@ 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, -.Application-content-title .gwt-TabBarItem .topRight, -.Application-content-title .gwt-TabBarItem .middleLeft, -.Application-content-title .gwt-TabBarItem .middleRight { - display: none; -} -.Application-content-title .gwt-TabBarItem .middleCenter { +.Application-content-title .gwt-TabBarItem { background: none; padding: 0px; }
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase.css index 59ac619..7b2785a 100644 --- a/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase.css +++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase.css
@@ -74,14 +74,7 @@ background: #222; border-bottom: 2px solid #000; } -.Application-content-title .gwt-TabBarItem .top, -.Application-content-title .gwt-TabBarItem .topLeft, -.Application-content-title .gwt-TabBarItem .topRight, -.Application-content-title .gwt-TabBarItem .middleLeft, -.Application-content-title .gwt-TabBarItem .middleRight { - display: none; -} -.Application-content-title .gwt-TabBarItem .middleCenter { +.Application-content-title .gwt-TabBarItem { background: none; padding: 0px; }
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase_rtl.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase_rtl.css index d90d821..ef0290a 100644 --- a/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase_rtl.css +++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/dark/Showcase_rtl.css
@@ -74,14 +74,7 @@ background: #222; border-bottom: 2px solid #000; } -.Application-content-title .gwt-TabBarItem .top, -.Application-content-title .gwt-TabBarItem .topLeft, -.Application-content-title .gwt-TabBarItem .topRight, -.Application-content-title .gwt-TabBarItem .middleLeft, -.Application-content-title .gwt-TabBarItem .middleRight { - display: none; -} -.Application-content-title .gwt-TabBarItem .middleCenter { +.Application-content-title .gwt-TabBarItem { background: none; padding: 0px; }
diff --git a/samples/showcase/src/com/google/gwt/sample/showcase/public/default/Showcase_rtl.css b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/Showcase_rtl.css index 6e75318..186d3d0 100644 --- a/samples/showcase/src/com/google/gwt/sample/showcase/public/default/Showcase_rtl.css +++ b/samples/showcase/src/com/google/gwt/sample/showcase/public/default/Showcase_rtl.css
@@ -74,14 +74,7 @@ background: url(images/hborder.png) repeat-x 0px -2003px; border-bottom: 2px solid #bbcdf3; } -.Application-content-title .gwt-TabBarItem .top, -.Application-content-title .gwt-TabBarItem .topLeft, -.Application-content-title .gwt-TabBarItem .topRight, -.Application-content-title .gwt-TabBarItem .middleLeft, -.Application-content-title .gwt-TabBarItem .middleRight { - display: none; -} -.Application-content-title .gwt-TabBarItem .middleCenter { +.Application-content-title .gwt-TabBarItem { background: none; padding: 0px; }
diff --git a/user/src/com/google/gwt/user/public/chrome/GWT.css b/user/src/com/google/gwt/user/public/chrome/GWT.css index 306928e..7247dfa 100644 --- a/user/src/com/google/gwt/user/public/chrome/GWT.css +++ b/user/src/com/google/gwt/user/public/chrome/GWT.css
@@ -467,66 +467,75 @@ } /** - * Applied to the decorator panel. + * Applied to PopupPanel. */ -.gwt-PopupPanel .content { -} -.gwt-PopupPanel .middleCenter { +.gwt-PopupPanel { + border: 3px solid #e3e3e3; padding: 3px; background: white; } -.gwt-PopupPanel .topCenter { + +/** + * Applied to the DecoratedPopupPanel. + */ +.gwt-DecoratedPopupPanel .content { +} +.gwt-DecoratedPopupPanel .middleCenter { + padding: 3px; + background: white; +} +.gwt-DecoratedPopupPanel .topCenter { background: url(images/hborder.png) repeat-x; } -html>body .gwt-PopupPanel .bottomCenter { +html>body .gwt-DecoratedPopupPanel .bottomCenter { background: url(images/hborder.png) repeat-x 0px -4px; } -* html .gwt-PopupPanel .bottomCenter { +* html .gwt-DecoratedPopupPanel .bottomCenter { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/hborder_blue_shadow.png',sizingMethod='scale'); } -.gwt-PopupPanel .middleLeft { +.gwt-DecoratedPopupPanel .middleLeft { background: url(images/vborder.png) repeat-y; } -html>body .gwt-PopupPanel .middleRight { +html>body .gwt-DecoratedPopupPanel .middleRight { background: url(images/vborder.png) repeat-y -4px 0px; } -* html .gwt-PopupPanel .middleRight { +* html .gwt-DecoratedPopupPanel .middleRight { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/vborder_blue_shadow.png',sizingMethod='scale'); } -.gwt-PopupPanel .topLeft, -.gwt-PopupPanel .topRight, -.gwt-PopupPanel .bottomLeft, -.gwt-PopupPanel .bottomRight { +.gwt-DecoratedPopupPanel .topLeft, +.gwt-DecoratedPopupPanel .topRight, +.gwt-DecoratedPopupPanel .bottomLeft, +.gwt-DecoratedPopupPanel .bottomRight { zoom: 1; } -html>body .gwt-PopupPanel .topLeft { +html>body .gwt-DecoratedPopupPanel .topLeft { width: 5px; height: 5px; background: url(images/corner.png) no-repeat 0px -10px; } -html>body .gwt-PopupPanel .topRight { +html>body .gwt-DecoratedPopupPanel .topRight { width: 8px; height: 5px; background: url(images/corner.png) no-repeat -5px -10px; } -html>body .gwt-PopupPanel .bottomLeft { +html>body .gwt-DecoratedPopupPanel .bottomLeft { width: 5px; height: 8px; background: url(images/corner.png) no-repeat 0px -15px; } -html>body .gwt-PopupPanel .bottomRight { +html>body .gwt-DecoratedPopupPanel .bottomRight { width: 8px; height: 8px; background: url(images/corner.png) no-repeat -5px -15px; } -* html .gwt-PopupPanel .topLeftInner { +* html .gwt-DecoratedPopupPanel .topLeftInner { width: 5px; height: 15px; margin-top: -10px; overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); } -* html .gwt-PopupPanel .topRightInner { +* html .gwt-DecoratedPopupPanel .topRightInner { width: 13px; height: 15px; margin-left: -5px; @@ -534,14 +543,14 @@ overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); } -* html .gwt-PopupPanel .bottomLeftInner { +* html .gwt-DecoratedPopupPanel .bottomLeftInner { width: 5px; height: 23px; margin-top: -15px; overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); } -* html .gwt-PopupPanel .bottomRightInner { +* html .gwt-DecoratedPopupPanel .bottomRightInner { width: 13px; height: 23px; margin-left: -5px; @@ -688,42 +697,64 @@ } /** - * Applied to the stack panel, a vertical menu widget that reveals one - * category at a time. + * Applied to StackPanel. */ .gwt-StackPanel { border-bottom: 1px solid #bbbbbb; } +.gwt-StackPanel .gwt-StackPanelItem { + cursor: pointer; + cursor: hand; + font-weight: bold; + font-size: 1.3em; + padding: 3px; + border: 1px solid #bbbbbb; + border-bottom: 0px; + background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; +} .gwt-StackPanel .gwt-StackPanelContent { border: 1px solid #bbbbbb; border-bottom: 0px; background: white; padding: 2px 2px 10px 5px; } -.gwt-StackPanelItem { + +/** + * Applied to DecoratedStackPanel. + */ +.gwt-DecoratedStackPanel { + border-bottom: 1px solid #bbbbbb; +} +.gwt-DecoratedStackPanel .gwt-StackPanelContent { + border: 1px solid #bbbbbb; + border-bottom: 0px; + background: white; + padding: 2px 2px 10px 5px; +} +.gwt-DecoratedStackPanel .gwt-StackPanelItem { cursor: pointer; cursor: hand; } -.gwt-StackPanelItem .topLeft, -.gwt-StackPanelItem .topRight { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft, +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight { height: 6px; width: 6px; zoom: 1; } -html>body .gwt-StackPanelItem .topLeft { +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft { background: #e4e4e4 url(images/corner.png) no-repeat 0px -49px; border-left: 1px solid #bbbbbb; } -html>body .gwt-StackPanelItem .topRight { +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight { background: #e4e4e4 url(images/corner.png) no-repeat -6px -49px; border-right: 1px solid #bbbbbb; } -.gwt-StackPanelItem .topLeftInner, -.gwt-StackPanelItem .topRightInner { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner, +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner { width: 1px; height: 1px; } -* html .gwt-StackPanelItem .topLeftInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner { width: 6px; height: 55px; margin-top: -49px; @@ -732,7 +763,7 @@ background-color: #d3def6; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); } -* html .gwt-StackPanelItem .topRightInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner { width: 12px; height: 55px; margin-top: -49px; @@ -742,46 +773,46 @@ background-color: #d3def6; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); } -.gwt-StackPanelItem .topCenter { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topCenter { background: url(images/hborder.png) 0px -21px repeat-x; } -.gwt-StackPanelItem .middleLeft { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleLeft { background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; border-left: 1px solid #bbbbbb; } -.gwt-StackPanelItem .middleLeftInner, -.gwt-StackPanelItem .middleRightInner { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleLeftInner, +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleRightInner { width: 1px; height: 1px; } -.gwt-StackPanelItem .middleRight { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleRight { background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; border-right: 1px solid #bbbbbb; } -.gwt-StackPanelItem .middleCenter { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleCenter { font-weight: bold; font-size: 1.3em; background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; } -html>body .gwt-StackPanelItem-first .topRight, -html>body .gwt-StackPanelItem-first .topLeft { +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topRight, +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeft { border: 0px; background-color: white; } -html>body .gwt-StackPanelItem-below-selected .topLeft, -html>body .gwt-StackPanelItem-below-selected .topRight { +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topLeft, +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topRight { background-color: white; } -* html .gwt-StackPanelItem-first .topLeftInner, -* html .gwt-StackPanelItem-first .topRightInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeftInner, +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topRightInner { border: 0px; background-color: white; } -* html .gwt-StackPanelItem-first .topLeftInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeftInner { padding-left: 1px; } -* html .gwt-StackPanelItem-below-selected .topLeftInner, -* html .gwt-StackPanelItem-below-selected .topRightInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topLeftInner, +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topRightInner { background-color: white; } @@ -875,10 +906,8 @@ } /** - * 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. - */ + * Applied to TabPanel. + */ .gwt-TabBar { } .gwt-TabBar .gwt-TabBarFirst { @@ -887,97 +916,20 @@ .gwt-TabBar .gwt-TabBarRest { } .gwt-TabBar .gwt-TabBarItem { - border-collapse: collapse; margin-left: 6px; -} -.gwt-TabBar .gwt-TabBarItem .topCenter { - padding: 0px; - background: #e3e3e3; -} -.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='chrome/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='chrome/images/corner.png',sizingMethod='crop'); -} -.gwt-TabBar .gwt-TabBarItem .middleLeft, -.gwt-TabBar .gwt-TabBarItem .middleRight { - width: 6px; - padding: 0px; - background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px; -} -.gwt-StackPanelItem .middleLeftInner, -.gwt-StackPanelItem .middleRightInner { - width: 1px; - height: 1px; -} -.gwt-TabBar .gwt-TabBarItem .middleCenter { - padding: 0px 4px 2px 4px; + padding: 3px 6px 3px 6px; cursor: pointer; cursor: hand; color: black; font-weight: bold; text-align: center; - background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px; + background: #e3e3e3; } -.gwt-TabBar .gwt-TabBarItem-selected .topCenter { - background: #747474; -} -html>body .gwt-TabBar .gwt-TabBarItem-selected .topLeft { - background-position: 0px -61px; -} -html>body .gwt-TabBar .gwt-TabBarItem-selected .topRight { - background-position: -6px -61px; -} -* html .gwt-TabBar .gwt-TabBarItem-selected .topLeftInner { - width: 5px; - height: 67px; - margin-top: -61px; - overflow: hidden; - filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); -} -* html .gwt-TabBar .gwt-TabBarItem-selected .topRightInner { - width: 12px; - height: 67px; - margin-top: -61px; - margin-left: -6px; - overflow: hidden; - 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: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px; -} -.gwt-TabBar .gwt-TabBarItem-selected .middleCenter { +.gwt-TabBar .gwt-TabBarItem-selected { cursor: default; - background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px; - color: white; -} + background: #bcbcbc; +} + .gwt-TabPanel { } .gwt-TabPanelBottom { @@ -989,6 +941,109 @@ } /** + * Applied to DecoratedTabPanel. + */ +.gwt-DecoratedTabBar { +} +.gwt-DecoratedTabBar .gwt-TabBarFirst { + width: 5px; /* first tab distance from the left */ +} +.gwt-DecoratedTabBar .gwt-TabBarRest { +} +.gwt-DecoratedTabBar .gwt-TabBarItem { + border-collapse: collapse; + margin-left: 6px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .topCenter { + padding: 0px; + background: #e3e3e3; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .topLeft, +.gwt-DecoratedTabBar .gwt-TabBarItem .topRight { + padding: 0px; + zoom: 1; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner, +.gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner { + width: 6px; + height: 6px; +} +html>body .gwt-DecoratedTabBar .gwt-TabBarItem .topLeft { + background: url(images/corner.png) no-repeat 0px -55px; +} +html>body .gwt-DecoratedTabBar .gwt-TabBarItem .topRight { + background: url(images/corner.png) no-repeat -6px -55px; +} +* html .gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner { + width: 5px; + height: 61px; + margin-top: -55px; + overflow: hidden; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); +} +* html .gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner { + width: 12px; + height: 61px; + margin-top: -55px; + margin-left: -6px; + overflow: hidden; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); +} +.gwt-DecoratedTabBar .gwt-TabBarItem .middleLeft, +.gwt-DecoratedTabBar .gwt-TabBarItem .middleRight { + width: 6px; + padding: 0px; + background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .middleLeftInner, +.gwt-DecoratedTabBar .gwt-TabBarItem .middleRightInner { + width: 1px; + height: 1px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .middleCenter { + padding: 0px 4px 2px 4px; + cursor: pointer; + cursor: hand; + color: black; + font-weight: bold; + text-align: center; + background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .topCenter { + background: #747474; +} +html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topLeft { + background-position: 0px -61px; +} +html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topRight { + background-position: -6px -61px; +} +* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topLeftInner { + width: 5px; + height: 67px; + margin-top: -61px; + overflow: hidden; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); +} +* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topRightInner { + width: 12px; + height: 67px; + margin-top: -61px; + margin-left: -6px; + overflow: hidden; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleLeft, +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleRight { + background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleCenter { + cursor: default; + background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px; + color: white; +} + +/** * Applied to general text areas. */ .gwt-TextArea {
diff --git a/user/src/com/google/gwt/user/public/chrome/GWT_rtl.css b/user/src/com/google/gwt/user/public/chrome/GWT_rtl.css index a0cb755..d9dc4a3 100644 --- a/user/src/com/google/gwt/user/public/chrome/GWT_rtl.css +++ b/user/src/com/google/gwt/user/public/chrome/GWT_rtl.css
@@ -467,66 +467,75 @@ } /** - * Applied to the decorator panel. + * Applied to PopupPanel. */ -.gwt-PopupPanel .content { -} -.gwt-PopupPanel .middleCenter { +.gwt-PopupPanel { + border: 3px solid #e3e3e3; padding: 3px; background: white; } -.gwt-PopupPanel .topCenter { + +/** + * Applied to the DecoratedPopupPanel. + */ +.gwt-DecoratedPopupPanel .content { +} +.gwt-DecoratedPopupPanel .middleCenter { + padding: 3px; + background: white; +} +.gwt-DecoratedPopupPanel .topCenter { background: url(images/hborder.png) repeat-x; } -html>body .gwt-PopupPanel .bottomCenter { +html>body .gwt-DecoratedPopupPanel .bottomCenter { background: url(images/hborder.png) repeat-x 0px -4px; } -* html .gwt-PopupPanel .bottomCenter { +* html .gwt-DecoratedPopupPanel .bottomCenter { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/hborder_blue_shadow.png',sizingMethod='scale'); } -.gwt-PopupPanel .middleLeft { +.gwt-DecoratedPopupPanel .middleLeft { background: url(images/vborder.png) repeat-y; } -html>body .gwt-PopupPanel .middleRight { +html>body .gwt-DecoratedPopupPanel .middleRight { background: url(images/vborder.png) repeat-y -4px 0px; } -* html .gwt-PopupPanel .middleRight { +* html .gwt-DecoratedPopupPanel .middleRight { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/ie6/vborder_blue_shadow.png',sizingMethod='scale'); } -.gwt-PopupPanel .topLeft, -.gwt-PopupPanel .topRight, -.gwt-PopupPanel .bottomLeft, -.gwt-PopupPanel .bottomRight { +.gwt-DecoratedPopupPanel .topLeft, +.gwt-DecoratedPopupPanel .topRight, +.gwt-DecoratedPopupPanel .bottomLeft, +.gwt-DecoratedPopupPanel .bottomRight { zoom: 1; } -html>body .gwt-PopupPanel .topLeft { +html>body .gwt-DecoratedPopupPanel .topLeft { width: 5px; height: 5px; background: url(images/corner.png) no-repeat 0px -10px; } -html>body .gwt-PopupPanel .topRight { +html>body .gwt-DecoratedPopupPanel .topRight { width: 8px; height: 5px; background: url(images/corner.png) no-repeat -5px -10px; } -html>body .gwt-PopupPanel .bottomLeft { +html>body .gwt-DecoratedPopupPanel .bottomLeft { width: 5px; height: 8px; background: url(images/corner.png) no-repeat 0px -15px; } -html>body .gwt-PopupPanel .bottomRight { +html>body .gwt-DecoratedPopupPanel .bottomRight { width: 8px; height: 8px; background: url(images/corner.png) no-repeat -5px -15px; } -* html .gwt-PopupPanel .topLeftInner { +* html .gwt-DecoratedPopupPanel .topLeftInner { width: 5px; height: 15px; margin-top: -10px; overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); } -* html .gwt-PopupPanel .topRightInner { +* html .gwt-DecoratedPopupPanel .topRightInner { width: 13px; height: 15px; margin-left: -5px; @@ -534,14 +543,14 @@ overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); } -* html .gwt-PopupPanel .bottomLeftInner { +* html .gwt-DecoratedPopupPanel .bottomLeftInner { width: 5px; height: 23px; margin-top: -15px; overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); } -* html .gwt-PopupPanel .bottomRightInner { +* html .gwt-DecoratedPopupPanel .bottomRightInner { width: 13px; height: 23px; margin-left: -5px; @@ -688,42 +697,64 @@ } /** - * Applied to the stack panel, a vertical menu widget that reveals one - * category at a time. + * Applied to StackPanel. */ .gwt-StackPanel { border-bottom: 1px solid #bbbbbb; } +.gwt-StackPanel .gwt-StackPanelItem { + cursor: pointer; + cursor: hand; + font-weight: bold; + font-size: 1.3em; + padding: 3px; + border: 1px solid #bbbbbb; + border-bottom: 0px; + background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; +} .gwt-StackPanel .gwt-StackPanelContent { border: 1px solid #bbbbbb; border-bottom: 0px; background: white; + padding: 2px 2px 10px 5px; +} + +/** + * Applied to DecoratedStackPanel. + */ +.gwt-DecoratedStackPanel { + border-bottom: 1px solid #bbbbbb; +} +.gwt-DecoratedStackPanel .gwt-StackPanelContent { + border: 1px solid #bbbbbb; + border-bottom: 0px; + background: white; padding: 2px 5px 10px 2px; } -.gwt-StackPanelItem { +.gwt-DecoratedStackPanel .gwt-StackPanelItem { cursor: pointer; cursor: hand; } -.gwt-StackPanelItem .topLeft, -.gwt-StackPanelItem .topRight { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft, +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight { height: 6px; width: 6px; zoom: 1; } -html>body .gwt-StackPanelItem .topLeft { +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft { background: #e4e4e4 url(images/corner.png) no-repeat 0px -49px; border-left: 1px solid #bbbbbb; } -html>body .gwt-StackPanelItem .topRight { +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight { background: #e4e4e4 url(images/corner.png) no-repeat -6px -49px; border-right: 1px solid #bbbbbb; } -.gwt-StackPanelItem .topLeftInner, -.gwt-StackPanelItem .topRightInner { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner, +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner { width: 1px; height: 1px; } -* html .gwt-StackPanelItem .topLeftInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner { width: 6px; height: 55px; margin-top: -49px; @@ -732,7 +763,7 @@ background-color: #d3def6; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); } -* html .gwt-StackPanelItem .topRightInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner { width: 12px; height: 55px; margin-top: -49px; @@ -742,46 +773,46 @@ background-color: #d3def6; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); } -.gwt-StackPanelItem .topCenter { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topCenter { background: url(images/hborder.png) 0px -21px repeat-x; } -.gwt-StackPanelItem .middleLeft { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleLeft { background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; border-left: 1px solid #bbbbbb; } -.gwt-StackPanelItem .middleLeftInner, -.gwt-StackPanelItem .middleRightInner { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleLeftInner, +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleRightInner { width: 1px; height: 1px; } -.gwt-StackPanelItem .middleRight { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleRight { background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; border-right: 1px solid #bbbbbb; } -.gwt-StackPanelItem .middleCenter { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleCenter { font-weight: bold; font-size: 1.3em; background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; } -html>body .gwt-StackPanelItem-first .topRight, -html>body .gwt-StackPanelItem-first .topLeft { +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topRight, +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeft { border: 0px; background-color: white; } -html>body .gwt-StackPanelItem-below-selected .topLeft, -html>body .gwt-StackPanelItem-below-selected .topRight { +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topLeft, +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topRight { background-color: white; } -* html .gwt-StackPanelItem-first .topLeftInner, -* html .gwt-StackPanelItem-first .topRightInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeftInner, +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topRightInner { border: 0px; background-color: white; } -* html .gwt-StackPanelItem-first .topLeftInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeftInner { padding-right: 1px; } -* html .gwt-StackPanelItem-below-selected .topLeftInner, -* html .gwt-StackPanelItem-below-selected .topRightInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topLeftInner, +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topRightInner { background-color: white; } @@ -875,10 +906,8 @@ } /** - * 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. - */ + * Applied to TabPanel. + */ .gwt-TabBar { } .gwt-TabBar .gwt-TabBarFirst { @@ -887,97 +916,20 @@ .gwt-TabBar .gwt-TabBarRest { } .gwt-TabBar .gwt-TabBarItem { - border-collapse: collapse; - margin-right: 6px; -} -.gwt-TabBar .gwt-TabBarItem .topCenter { - padding: 0px; - background: #e3e3e3; -} -.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='chrome/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='chrome/images/corner.png',sizingMethod='crop'); -} -.gwt-TabBar .gwt-TabBarItem .middleLeft, -.gwt-TabBar .gwt-TabBarItem .middleRight { - width: 6px; - padding: 0px; - background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px; -} -.gwt-StackPanelItem .middleLeftInner, -.gwt-StackPanelItem .middleRightInner { - width: 1px; - height: 1px; -} -.gwt-TabBar .gwt-TabBarItem .middleCenter { - padding: 0px 4px 2px 4px; + margin-left: 6px; + padding: 3px 6px 3px 6px; cursor: pointer; cursor: hand; color: black; font-weight: bold; text-align: center; - background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px; + background: #e3e3e3; } -.gwt-TabBar .gwt-TabBarItem-selected .topCenter { - background: #747474; -} -html>body .gwt-TabBar .gwt-TabBarItem-selected .topLeft { - background-position: 0px -61px; -} -html>body .gwt-TabBar .gwt-TabBarItem-selected .topRight { - background-position: -6px -61px; -} -* html .gwt-TabBar .gwt-TabBarItem-selected .topLeftInner { - width: 5px; - height: 67px; - margin-top: -61px; - overflow: hidden; - filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); -} -* html .gwt-TabBar .gwt-TabBarItem-selected .topRightInner { - width: 12px; - height: 67px; - margin-top: -61px; - margin-left: -6px; - overflow: hidden; - 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: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px; -} -.gwt-TabBar .gwt-TabBarItem-selected .middleCenter { +.gwt-TabBar .gwt-TabBarItem-selected { cursor: default; - background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px; - color: white; -} + background: #bcbcbc; +} + .gwt-TabPanel { } .gwt-TabPanelBottom { @@ -989,6 +941,109 @@ } /** + * Applied to DecoratedTabPanel. + */ +.gwt-DecoratedTabBar { +} +.gwt-DecoratedTabBar .gwt-TabBarFirst { + width: 5px; /* first tab distance from the left */ +} +.gwt-DecoratedTabBar .gwt-TabBarRest { +} +.gwt-DecoratedTabBar .gwt-TabBarItem { + border-collapse: collapse; + margin-right: 6px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .topCenter { + padding: 0px; + background: #e3e3e3; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .topLeft, +.gwt-DecoratedTabBar .gwt-TabBarItem .topRight { + padding: 0px; + zoom: 1; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner, +.gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner { + width: 6px; + height: 6px; +} +html>body .gwt-DecoratedTabBar .gwt-TabBarItem .topLeft { + background: url(images/corner.png) no-repeat 0px -55px; +} +html>body .gwt-DecoratedTabBar .gwt-TabBarItem .topRight { + background: url(images/corner.png) no-repeat -6px -55px; +} +* html .gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner { + width: 5px; + height: 61px; + margin-top: -55px; + overflow: hidden; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); +} +* html .gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner { + width: 12px; + height: 61px; + margin-top: -55px; + margin-left: -6px; + overflow: hidden; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); +} +.gwt-DecoratedTabBar .gwt-TabBarItem .middleLeft, +.gwt-DecoratedTabBar .gwt-TabBarItem .middleRight { + width: 6px; + padding: 0px; + background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .middleLeftInner, +.gwt-DecoratedTabBar .gwt-TabBarItem .middleRightInner { + width: 1px; + height: 1px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .middleCenter { + padding: 0px 4px 2px 4px; + cursor: pointer; + cursor: hand; + color: black; + font-weight: bold; + text-align: center; + background: #e3e3e3 url(images/hborder.png) repeat-x 0px -1463px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .topCenter { + background: #747474; +} +html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topLeft { + background-position: 0px -61px; +} +html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topRight { + background-position: -6px -61px; +} +* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topLeftInner { + width: 5px; + height: 67px; + margin-top: -61px; + overflow: hidden; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); +} +* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topRightInner { + width: 12px; + height: 67px; + margin-top: -61px; + margin-left: -6px; + overflow: hidden; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='chrome/images/corner.png',sizingMethod='crop'); +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleLeft, +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleRight { + background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleCenter { + cursor: default; + background: #bcbcbc url(images/hborder.png) repeat-x 0px -2511px; + color: white; +} + +/** * Applied to general text areas. */ .gwt-TextArea {
diff --git a/user/src/com/google/gwt/user/public/dark/GWT.css b/user/src/com/google/gwt/user/public/dark/GWT.css index 7ba3968..af7b401 100644 --- a/user/src/com/google/gwt/user/public/dark/GWT.css +++ b/user/src/com/google/gwt/user/public/dark/GWT.css
@@ -430,66 +430,75 @@ } /** - * Applied to the decorator panel. + * Applied to PopupPanel. */ -.gwt-PopupPanel .content { -} -.gwt-PopupPanel .middleCenter { +.gwt-PopupPanel { + border: 3px solid #222222; padding: 3px; background: #4D4D4D; } -.gwt-PopupPanel .topCenter { + +/** + * Applied to the DecoratedPopupPanel. + */ +.gwt-DecoratedPopupPanel .content { +} +.gwt-DecoratedPopupPanel .middleCenter { + padding: 3px; + background: #4D4D4D; +} +.gwt-DecoratedPopupPanel .topCenter { background: url(images/hborder.png) repeat-x; } -html>body .gwt-PopupPanel .bottomCenter { +html>body .gwt-DecoratedPopupPanel .bottomCenter { background: url(images/hborder.png) repeat-x 0px -4px; } -* html .gwt-PopupPanel .bottomCenter { +* html .gwt-DecoratedPopupPanel .bottomCenter { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/hborder_black_shadow.png',sizingMethod='scale'); } -.gwt-PopupPanel .middleLeft { +.gwt-DecoratedPopupPanel .middleLeft { background: url(images/vborder.png) repeat-y; } -html>body .gwt-PopupPanel .middleRight { +html>body .gwt-DecoratedPopupPanel .middleRight { background: url(images/vborder.png) repeat-y -4px 0px; } -* html .gwt-PopupPanel .middleRight { +* html .gwt-DecoratedPopupPanel .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 { +.gwt-DecoratedPopupPanel .topLeft, +.gwt-DecoratedPopupPanel .topRight, +.gwt-DecoratedPopupPanel .bottomLeft, +.gwt-DecoratedPopupPanel .bottomRight { zoom: 1; } -html>body .gwt-PopupPanel .topLeft { +html>body .gwt-DecoratedPopupPanel .topLeft { width: 5px; height: 5px; background: url(images/corner.png) no-repeat 0px -10px; } -html>body .gwt-PopupPanel .topRight { +html>body .gwt-DecoratedPopupPanel .topRight { width: 8px; height: 5px; background: url(images/corner.png) no-repeat -5px -10px; } -html>body .gwt-PopupPanel .bottomLeft { +html>body .gwt-DecoratedPopupPanel .bottomLeft { width: 5px; height: 8px; background: url(images/corner.png) no-repeat 0px -15px; } -html>body .gwt-PopupPanel .bottomRight { +html>body .gwt-DecoratedPopupPanel .bottomRight { width: 8px; height: 8px; background: url(images/corner.png) no-repeat -5px -15px; } -* html .gwt-PopupPanel .topLeftInner { +* html .gwt-DecoratedPopupPanel .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 { +* html .gwt-DecoratedPopupPanel .topRightInner { width: 13px; height: 15px; margin-left: -5px; @@ -497,14 +506,14 @@ overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop'); } -* html .gwt-PopupPanel .bottomLeftInner { +* html .gwt-DecoratedPopupPanel .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 { +* html .gwt-DecoratedPopupPanel .bottomRightInner { width: 13px; height: 23px; margin-left: -5px; @@ -650,30 +659,54 @@ } /** - * Applied to the stack panel, a vertical menu widget that reveals one - * category at a time. + * Applied to StackPanel. */ .gwt-StackPanel { border-bottom: 1px solid #000; } +.gwt-StackPanel .gwt-StackPanelItem { + cursor: pointer; + cursor: hand; + font-weight: bold; + font-size: 1.3em; + padding: 4px; + border: 1px solid #000; + border-bottom: 0px; + background: #222; +} .gwt-StackPanel .gwt-StackPanelContent { border: 1px solid #000; border-bottom: 0px; background: #666; padding: 2px 2px 10px 5px; } -.gwt-StackPanelItem { + +/** + * Applied to DecoratedStackPanel. + */ +.gwt-DecoratedStackPanel { + border-bottom: 1px solid #000; +} +.gwt-DecoratedStackPanel .gwt-StackPanelContent { + border: 1px solid #000; + border-bottom: 0px; + background: #666; + padding: 2px 2px 10px 5px; +} +.gwt-DecoratedStackPanel .gwt-StackPanelItem { cursor: pointer; cursor: hand; + font-weight: bold; + font-size: 1.3em; padding: 4px; border: 1px solid #000; border-bottom: 0px; background: #222; } -.gwt-StackPanelItem .topLeft, -.gwt-StackPanelItem .topRight, -.gwt-StackPanelItem .topLeftInner, -.gwt-StackPanelItem .topRightInner { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft, +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight, +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner, +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner { display: none; } @@ -767,10 +800,8 @@ } /** - * 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. - */ + * Applied to TabPanel. + */ .gwt-TabBar { } .gwt-TabBar .gwt-TabBarFirst { @@ -779,16 +810,7 @@ .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; @@ -797,10 +819,11 @@ text-align: center; background: #222; } -.gwt-TabBar .gwt-TabBarItem-selected .middleCenter { +.gwt-TabBar .gwt-TabBarItem-selected { cursor: default; background: #000; -} +} + .gwt-TabPanel { } .gwt-TabPanelBottom { @@ -812,6 +835,40 @@ } /** + * Applied to DecoratedTabPanel. + */ +.gwt-DecoratedTabBar { +} +.gwt-DecoratedTabBar .gwt-TabBarFirst { + width: 5px; /* first tab distance from the left */ +} +.gwt-DecoratedTabBar .gwt-TabBarRest { +} +.gwt-DecoratedTabBar .gwt-TabBarItem { + border-collapse: collapse; + margin-left: 6px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .topLeft, +.gwt-DecoratedTabBar .gwt-TabBarItem .topRight, +.gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner, +.gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner { + display: none; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .middleCenter { + padding: 4px 6px; + cursor: pointer; + cursor: hand; + color: #bec7cc; + font-weight: bold; + text-align: center; + background: #222; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleCenter { + cursor: default; + background: #000; +} + +/** * Applied to general text areas. */ .gwt-TextArea {
diff --git a/user/src/com/google/gwt/user/public/dark/GWT_rtl.css b/user/src/com/google/gwt/user/public/dark/GWT_rtl.css index 25c22df..e8236b5 100644 --- a/user/src/com/google/gwt/user/public/dark/GWT_rtl.css +++ b/user/src/com/google/gwt/user/public/dark/GWT_rtl.css
@@ -430,66 +430,75 @@ } /** - * Applied to the decorator panel. + * Applied to PopupPanel. */ -.gwt-PopupPanel .content { -} -.gwt-PopupPanel .middleCenter { +.gwt-PopupPanel { + border: 3px solid #222222; padding: 3px; background: #4D4D4D; } -.gwt-PopupPanel .topCenter { + +/** + * Applied to the DecoratedPopupPanel. + */ +.gwt-DecoratedPopupPanel .content { +} +.gwt-DecoratedPopupPanel .middleCenter { + padding: 3px; + background: #4D4D4D; +} +.gwt-DecoratedPopupPanel .topCenter { background: url(images/hborder.png) repeat-x; } -html>body .gwt-PopupPanel .bottomCenter { +html>body .gwt-DecoratedPopupPanel .bottomCenter { background: url(images/hborder.png) repeat-x 0px -4px; } -* html .gwt-PopupPanel .bottomCenter { +* html .gwt-DecoratedPopupPanel .bottomCenter { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/ie6/hborder_black_shadow.png',sizingMethod='scale'); } -.gwt-PopupPanel .middleLeft { +.gwt-DecoratedPopupPanel .middleLeft { background: url(images/vborder.png) repeat-y; } -html>body .gwt-PopupPanel .middleRight { +html>body .gwt-DecoratedPopupPanel .middleRight { background: url(images/vborder.png) repeat-y -4px 0px; } -* html .gwt-PopupPanel .middleRight { +* html .gwt-DecoratedPopupPanel .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 { +.gwt-DecoratedPopupPanel .topLeft, +.gwt-DecoratedPopupPanel .topRight, +.gwt-DecoratedPopupPanel .bottomLeft, +.gwt-DecoratedPopupPanel .bottomRight { zoom: 1; } -html>body .gwt-PopupPanel .topLeft { +html>body .gwt-DecoratedPopupPanel .topLeft { width: 5px; height: 5px; background: url(images/corner.png) no-repeat 0px -10px; } -html>body .gwt-PopupPanel .topRight { +html>body .gwt-DecoratedPopupPanel .topRight { width: 8px; height: 5px; background: url(images/corner.png) no-repeat -5px -10px; } -html>body .gwt-PopupPanel .bottomLeft { +html>body .gwt-DecoratedPopupPanel .bottomLeft { width: 5px; height: 8px; background: url(images/corner.png) no-repeat 0px -15px; } -html>body .gwt-PopupPanel .bottomRight { +html>body .gwt-DecoratedPopupPanel .bottomRight { width: 8px; height: 8px; background: url(images/corner.png) no-repeat -5px -15px; } -* html .gwt-PopupPanel .topLeftInner { +* html .gwt-DecoratedPopupPanel .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 { +* html .gwt-DecoratedPopupPanel .topRightInner { width: 13px; height: 15px; margin-left: -5px; @@ -497,14 +506,14 @@ overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='dark/images/corner.png',sizingMethod='crop'); } -* html .gwt-PopupPanel .bottomLeftInner { +* html .gwt-DecoratedPopupPanel .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 { +* html .gwt-DecoratedPopupPanel .bottomRightInner { width: 13px; height: 23px; margin-left: -5px; @@ -650,30 +659,54 @@ } /** - * Applied to the stack panel, a vertical menu widget that reveals one - * category at a time. + * Applied to StackPanel. */ .gwt-StackPanel { border-bottom: 1px solid #000; } +.gwt-StackPanel .gwt-StackPanelItem { + cursor: pointer; + cursor: hand; + font-weight: bold; + font-size: 1.3em; + padding: 4px; + border: 1px solid #000; + border-bottom: 0px; + background: #222; +} .gwt-StackPanel .gwt-StackPanelContent { border: 1px solid #000; border-bottom: 0px; background: #666; padding: 2px 5px 10px 2px; } -.gwt-StackPanelItem { + +/** + * Applied to DecoratedStackPanel. + */ +.gwt-DecoratedStackPanel { + border-bottom: 1px solid #000; +} +.gwt-DecoratedStackPanel .gwt-StackPanelContent { + border: 1px solid #000; + border-bottom: 0px; + background: #666; + padding: 2px 5px 10px 2px; +} +.gwt-DecoratedStackPanel .gwt-StackPanelItem { cursor: pointer; cursor: hand; + font-weight: bold; + font-size: 1.3em; padding: 4px; border: 1px solid #000; border-bottom: 0px; background: #222; } -.gwt-StackPanelItem .topLeft, -.gwt-StackPanelItem .topRight, -.gwt-StackPanelItem .topLeftInner, -.gwt-StackPanelItem .topRightInner { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft, +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight, +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner, +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner { display: none; } @@ -767,10 +800,8 @@ } /** - * 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. - */ + * Applied to TabPanel. + */ .gwt-TabBar { } .gwt-TabBar .gwt-TabBarFirst { @@ -779,17 +810,8 @@ .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; + padding: 4px 6px; cursor: pointer; cursor: hand; color: #bec7cc; @@ -797,10 +819,11 @@ text-align: center; background: #222; } -.gwt-TabBar .gwt-TabBarItem-selected .middleCenter { +.gwt-TabBar .gwt-TabBarItem-selected { cursor: default; background: #000; -} +} + .gwt-TabPanel { } .gwt-TabPanelBottom { @@ -812,6 +835,40 @@ } /** + * Applied to DecoratedTabPanel. + */ +.gwt-DecoratedTabBar { +} +.gwt-DecoratedTabBar .gwt-TabBarFirst { + width: 5px; /* first tab distance from the left */ +} +.gwt-DecoratedTabBar .gwt-TabBarRest { +} +.gwt-DecoratedTabBar .gwt-TabBarItem { + border-collapse: collapse; + margin-right: 6px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .topLeft, +.gwt-DecoratedTabBar .gwt-TabBarItem .topRight, +.gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner, +.gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner { + display: none; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .middleCenter { + padding: 4px 6px; + cursor: pointer; + cursor: hand; + color: #bec7cc; + font-weight: bold; + text-align: center; + background: #222; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleCenter { + cursor: default; + background: #000; +} + +/** * Applied to general text areas. */ .gwt-TextArea {
diff --git a/user/src/com/google/gwt/user/public/default/GWT.css b/user/src/com/google/gwt/user/public/default/GWT.css index 47fd5c0..854ea1e 100644 --- a/user/src/com/google/gwt/user/public/default/GWT.css +++ b/user/src/com/google/gwt/user/public/default/GWT.css
@@ -467,66 +467,75 @@ } /** - * Applied to the decorator panel. + * Applied to PopupPanel. */ -.gwt-PopupPanel .content { -} -.gwt-PopupPanel .middleCenter { +.gwt-PopupPanel { + border: 3px solid #C3D9FF; padding: 3px; background: white; } -.gwt-PopupPanel .topCenter { + +/** + * Applied to the DecoratedPopupPanel. + */ +.gwt-DecoratedPopupPanel .content { +} +.gwt-DecoratedPopupPanel .middleCenter { + padding: 3px; + background: white; +} +.gwt-DecoratedPopupPanel .topCenter { background: url(images/hborder.png) repeat-x; } -html>body .gwt-PopupPanel .bottomCenter { +html>body .gwt-DecoratedPopupPanel .bottomCenter { background: url(images/hborder.png) repeat-x 0px -4px; } -* html .gwt-PopupPanel .bottomCenter { +* html .gwt-DecoratedPopupPanel .bottomCenter { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_blue_shadow.png',sizingMethod='scale'); } -.gwt-PopupPanel .middleLeft { +.gwt-DecoratedPopupPanel .middleLeft { background: url(images/vborder.png) repeat-y; } -html>body .gwt-PopupPanel .middleRight { +html>body .gwt-DecoratedPopupPanel .middleRight { background: url(images/vborder.png) repeat-y -4px 0px; } -* html .gwt-PopupPanel .middleRight { +* html .gwt-DecoratedPopupPanel .middleRight { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_blue_shadow.png',sizingMethod='scale'); } -.gwt-PopupPanel .topLeft, -.gwt-PopupPanel .topRight, -.gwt-PopupPanel .bottomLeft, -.gwt-PopupPanel .bottomRight { +.gwt-DecoratedPopupPanel .topLeft, +.gwt-DecoratedPopupPanel .topRight, +.gwt-DecoratedPopupPanel .bottomLeft, +.gwt-DecoratedPopupPanel .bottomRight { zoom: 1; } -html>body .gwt-PopupPanel .topLeft { +html>body .gwt-DecoratedPopupPanel .topLeft { width: 5px; height: 5px; background: url(images/corner.png) no-repeat 0px -10px; } -html>body .gwt-PopupPanel .topRight { +html>body .gwt-DecoratedPopupPanel .topRight { width: 8px; height: 5px; background: url(images/corner.png) no-repeat -5px -10px; } -html>body .gwt-PopupPanel .bottomLeft { +html>body .gwt-DecoratedPopupPanel .bottomLeft { width: 5px; height: 8px; background: url(images/corner.png) no-repeat 0px -15px; } -html>body .gwt-PopupPanel .bottomRight { +html>body .gwt-DecoratedPopupPanel .bottomRight { width: 8px; height: 8px; background: url(images/corner.png) no-repeat -5px -15px; } -* html .gwt-PopupPanel .topLeftInner { +* html .gwt-DecoratedPopupPanel .topLeftInner { width: 5px; height: 15px; margin-top: -10px; overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); } -* html .gwt-PopupPanel .topRightInner { +* html .gwt-DecoratedPopupPanel .topRightInner { width: 13px; height: 15px; margin-left: -5px; @@ -534,14 +543,14 @@ overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); } -* html .gwt-PopupPanel .bottomLeftInner { +* html .gwt-DecoratedPopupPanel .bottomLeftInner { width: 5px; height: 23px; margin-top: -15px; overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); } -* html .gwt-PopupPanel .bottomRightInner { +* html .gwt-DecoratedPopupPanel .bottomRightInner { width: 13px; height: 23px; margin-left: -5px; @@ -688,42 +697,64 @@ } /** - * Applied to the stack panel, a vertical menu widget that reveals one - * category at a time. + * Applied to StackPanel. */ .gwt-StackPanel { border-bottom: 1px solid #bbbbbb; } +.gwt-StackPanel .gwt-StackPanelItem { + cursor: pointer; + cursor: hand; + font-weight: bold; + font-size: 1.3em; + padding: 3px; + border: 1px solid #bbbbbb; + border-bottom: 0px; + background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; +} .gwt-StackPanel .gwt-StackPanelContent { border: 1px solid #bbbbbb; border-bottom: 0px; background: white; padding: 2px 2px 10px 5px; } -.gwt-StackPanelItem { + +/** + * Applied to DecoratedStackPanel. + */ +.gwt-DecoratedStackPanel { + border-bottom: 1px solid #bbbbbb; +} +.gwt-DecoratedStackPanel .gwt-StackPanelContent { + border: 1px solid #bbbbbb; + border-bottom: 0px; + background: white; + padding: 2px 2px 10px 5px; +} +.gwt-DecoratedStackPanel .gwt-StackPanelItem { cursor: pointer; cursor: hand; } -.gwt-StackPanelItem .topLeft, -.gwt-StackPanelItem .topRight { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft, +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight { height: 6px; width: 6px; zoom: 1; } -html>body .gwt-StackPanelItem .topLeft { +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft { background: #d3def6 url(images/corner.png) no-repeat 0px -49px; border-left: 1px solid #bbbbbb; } -html>body .gwt-StackPanelItem .topRight { +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight { background: #d3def6 url(images/corner.png) no-repeat -6px -49px; border-right: 1px solid #bbbbbb; } -.gwt-StackPanelItem .topLeftInner, -.gwt-StackPanelItem .topRightInner { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner, +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner { width: 1px; height: 1px; } -* html .gwt-StackPanelItem .topLeftInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner { width: 6px; height: 55px; margin-top: -49px; @@ -732,7 +763,7 @@ background-color: #d3def6; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); } -* html .gwt-StackPanelItem .topRightInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner { width: 12px; height: 55px; margin-top: -49px; @@ -742,46 +773,46 @@ background-color: #d3def6; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); } -.gwt-StackPanelItem .topCenter { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topCenter { background: url(images/hborder.png) 0px -21px repeat-x; } -.gwt-StackPanelItem .middleLeft { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleLeft { background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; border-left: 1px solid #bbbbbb; } -.gwt-StackPanelItem .middleLeftInner, -.gwt-StackPanelItem .middleRightInner { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleLeftInner, +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleRightInner { width: 1px; height: 1px; } -.gwt-StackPanelItem .middleRight { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleRight { background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; border-right: 1px solid #bbbbbb; } -.gwt-StackPanelItem .middleCenter { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleCenter { font-weight: bold; font-size: 1.3em; background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; } -html>body .gwt-StackPanelItem-first .topRight, -html>body .gwt-StackPanelItem-first .topLeft { +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topRight, +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeft { border: 0px; background-color: white; } -html>body .gwt-StackPanelItem-below-selected .topLeft, -html>body .gwt-StackPanelItem-below-selected .topRight { +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topLeft, +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topRight { background-color: white; } -* html .gwt-StackPanelItem-first .topLeftInner, -* html .gwt-StackPanelItem-first .topRightInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeftInner, +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topRightInner { border: 0px; background-color: white; } -* html .gwt-StackPanelItem-first .topLeftInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeftInner { padding-left: 1px; } -* html .gwt-StackPanelItem-below-selected .topLeftInner, -* html .gwt-StackPanelItem-below-selected .topRightInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topLeftInner, +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topRightInner { background-color: white; } @@ -875,10 +906,8 @@ } /** - * 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. - */ + * Applied to TabPanel. + */ .gwt-TabBar { } .gwt-TabBar .gwt-TabBarFirst { @@ -887,57 +916,8 @@ .gwt-TabBar .gwt-TabBarRest { } .gwt-TabBar .gwt-TabBarItem { - border-collapse: collapse; margin-left: 6px; -} -.gwt-TabBar .gwt-TabBarItem .topCenter { - padding: 0px; - background: #d0e4f6; -} -.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='default/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='default/images/corner.png',sizingMethod='crop'); -} -.gwt-TabBar .gwt-TabBarItem .middleLeft, -.gwt-TabBar .gwt-TabBarItem .middleRight { - width: 6px; - padding: 0px; - background: #d0e4f6; -} -.gwt-StackPanelItem .middleLeftInner, -.gwt-StackPanelItem .middleRightInner { - width: 1px; - height: 1px; -} -.gwt-TabBar .gwt-TabBarItem .middleCenter { - padding: 0px 4px 2px 4px; + padding: 3px 6px 3px 6px; cursor: pointer; cursor: hand; color: black; @@ -945,38 +925,11 @@ text-align: center; background: #d0e4f6; } -.gwt-TabBar .gwt-TabBarItem-selected .topCenter { - background: #92c1f0; -} -html>body .gwt-TabBar .gwt-TabBarItem-selected .topLeft { - background-position: 0px -61px; -} -html>body .gwt-TabBar .gwt-TabBarItem-selected .topRight { - background-position: -6px -61px; -} -* html .gwt-TabBar .gwt-TabBarItem-selected .topLeftInner { - width: 5px; - height: 67px; - margin-top: -61px; - overflow: hidden; - filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); -} -* html .gwt-TabBar .gwt-TabBarItem-selected .topRightInner { - width: 12px; - height: 67px; - margin-top: -61px; - margin-left: -6px; - overflow: hidden; - 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; -} -.gwt-TabBar .gwt-TabBarItem-selected .middleCenter { +.gwt-TabBar .gwt-TabBarItem-selected { cursor: default; background: #92c1f0; -} +} + .gwt-TabPanel { } .gwt-TabPanelBottom { @@ -988,6 +941,108 @@ } /** + * Applied to DecoratedTabPanel. + */ +.gwt-DecoratedTabBar { +} +.gwt-DecoratedTabBar .gwt-TabBarFirst { + width: 5px; /* first tab distance from the left */ +} +.gwt-DecoratedTabBar .gwt-TabBarRest { +} +.gwt-DecoratedTabBar .gwt-TabBarItem { + border-collapse: collapse; + margin-left: 6px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .topCenter { + padding: 0px; + background: #d0e4f6; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .topLeft, +.gwt-DecoratedTabBar .gwt-TabBarItem .topRight { + padding: 0px; + zoom: 1; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner, +.gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner { + width: 6px; + height: 6px; +} +html>body .gwt-DecoratedTabBar .gwt-TabBarItem .topLeft { + background: url(images/corner.png) no-repeat 0px -55px; +} +html>body .gwt-DecoratedTabBar .gwt-TabBarItem .topRight { + background: url(images/corner.png) no-repeat -6px -55px; +} +* html .gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner { + width: 5px; + height: 61px; + margin-top: -55px; + overflow: hidden; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); +} +* html .gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner { + width: 12px; + height: 61px; + margin-top: -55px; + margin-left: -6px; + overflow: hidden; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); +} +.gwt-DecoratedTabBar .gwt-TabBarItem .middleLeft, +.gwt-DecoratedTabBar .gwt-TabBarItem .middleRight { + width: 6px; + padding: 0px; + background: #d0e4f6; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .middleLeftInner, +.gwt-DecoratedTabBar .gwt-TabBarItem .middleRightInner { + width: 1px; + height: 1px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .middleCenter { + padding: 0px 4px 2px 4px; + cursor: pointer; + cursor: hand; + color: black; + font-weight: bold; + text-align: center; + background: #d0e4f6; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .topCenter { + background: #92c1f0; +} +html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topLeft { + background-position: 0px -61px; +} +html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topRight { + background-position: -6px -61px; +} +* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topLeftInner { + width: 5px; + height: 67px; + margin-top: -61px; + overflow: hidden; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); +} +* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topRightInner { + width: 12px; + height: 67px; + margin-top: -61px; + margin-left: -6px; + overflow: hidden; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleLeft, +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleRight { + background: #92c1f0; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleCenter { + cursor: default; + background: #92c1f0; +} + +/** * Applied to general text areas. */ .gwt-TextArea {
diff --git a/user/src/com/google/gwt/user/public/default/GWT_rtl.css b/user/src/com/google/gwt/user/public/default/GWT_rtl.css index 6f6bfe2..567aef7 100644 --- a/user/src/com/google/gwt/user/public/default/GWT_rtl.css +++ b/user/src/com/google/gwt/user/public/default/GWT_rtl.css
@@ -467,66 +467,75 @@ } /** - * Applied to the decorator panel. + * Applied to PopupPanel. */ -.gwt-PopupPanel .content { -} -.gwt-PopupPanel .middleCenter { +.gwt-PopupPanel { + border: 3px solid #C3D9FF; padding: 3px; background: white; } -.gwt-PopupPanel .topCenter { + +/** + * Applied to the DecoratedPopupPanel. + */ +.gwt-DecoratedPopupPanel .content { +} +.gwt-DecoratedPopupPanel .middleCenter { + padding: 3px; + background: white; +} +.gwt-DecoratedPopupPanel .topCenter { background: url(images/hborder.png) repeat-x; } -html>body .gwt-PopupPanel .bottomCenter { +html>body .gwt-DecoratedPopupPanel .bottomCenter { background: url(images/hborder.png) repeat-x 0px -4px; } -* html .gwt-PopupPanel .bottomCenter { +* html .gwt-DecoratedPopupPanel .bottomCenter { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/hborder_blue_shadow.png',sizingMethod='scale'); } -.gwt-PopupPanel .middleLeft { +.gwt-DecoratedPopupPanel .middleLeft { background: url(images/vborder.png) repeat-y; } -html>body .gwt-PopupPanel .middleRight { +html>body .gwt-DecoratedPopupPanel .middleRight { background: url(images/vborder.png) repeat-y -4px 0px; } -* html .gwt-PopupPanel .middleRight { +* html .gwt-DecoratedPopupPanel .middleRight { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/ie6/vborder_blue_shadow.png',sizingMethod='scale'); } -.gwt-PopupPanel .topLeft, -.gwt-PopupPanel .topRight, -.gwt-PopupPanel .bottomLeft, -.gwt-PopupPanel .bottomRight { +.gwt-DecoratedPopupPanel .topLeft, +.gwt-DecoratedPopupPanel .topRight, +.gwt-DecoratedPopupPanel .bottomLeft, +.gwt-DecoratedPopupPanel .bottomRight { zoom: 1; } -html>body .gwt-PopupPanel .topLeft { +html>body .gwt-DecoratedPopupPanel .topLeft { width: 5px; height: 5px; background: url(images/corner.png) no-repeat 0px -10px; } -html>body .gwt-PopupPanel .topRight { +html>body .gwt-DecoratedPopupPanel .topRight { width: 8px; height: 5px; background: url(images/corner.png) no-repeat -5px -10px; } -html>body .gwt-PopupPanel .bottomLeft { +html>body .gwt-DecoratedPopupPanel .bottomLeft { width: 5px; height: 8px; background: url(images/corner.png) no-repeat 0px -15px; } -html>body .gwt-PopupPanel .bottomRight { +html>body .gwt-DecoratedPopupPanel .bottomRight { width: 8px; height: 8px; background: url(images/corner.png) no-repeat -5px -15px; } -* html .gwt-PopupPanel .topLeftInner { +* html .gwt-DecoratedPopupPanel .topLeftInner { width: 5px; height: 15px; margin-top: -10px; overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); } -* html .gwt-PopupPanel .topRightInner { +* html .gwt-DecoratedPopupPanel .topRightInner { width: 13px; height: 15px; margin-left: -5px; @@ -534,14 +543,14 @@ overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); } -* html .gwt-PopupPanel .bottomLeftInner { +* html .gwt-DecoratedPopupPanel .bottomLeftInner { width: 5px; height: 23px; margin-top: -15px; overflow: hidden; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); } -* html .gwt-PopupPanel .bottomRightInner { +* html .gwt-DecoratedPopupPanel .bottomRightInner { width: 13px; height: 23px; margin-left: -5px; @@ -688,42 +697,64 @@ } /** - * Applied to the stack panel, a vertical menu widget that reveals one - * category at a time. + * Applied to StackPanel. */ .gwt-StackPanel { border-bottom: 1px solid #bbbbbb; } +.gwt-StackPanel .gwt-StackPanelItem { + cursor: pointer; + cursor: hand; + font-weight: bold; + font-size: 1.3em; + padding: 3px; + border: 1px solid #bbbbbb; + border-bottom: 0px; + background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; +} .gwt-StackPanel .gwt-StackPanelContent { border: 1px solid #bbbbbb; border-bottom: 0px; background: white; + padding: 2px 2px 10px 5px; +} + +/** + * Applied to DecoratedStackPanel. + */ +.gwt-DecoratedStackPanel { + border-bottom: 1px solid #bbbbbb; +} +.gwt-DecoratedStackPanel .gwt-StackPanelContent { + border: 1px solid #bbbbbb; + border-bottom: 0px; + background: white; padding: 2px 5px 10px 2px; } -.gwt-StackPanelItem { +.gwt-DecoratedStackPanel .gwt-StackPanelItem { cursor: pointer; cursor: hand; } -.gwt-StackPanelItem .topLeft, -.gwt-StackPanelItem .topRight { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft, +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight { height: 6px; width: 6px; zoom: 1; } -html>body .gwt-StackPanelItem .topLeft { +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeft { background: #d3def6 url(images/corner.png) no-repeat 0px -49px; border-left: 1px solid #bbbbbb; } -html>body .gwt-StackPanelItem .topRight { +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem .topRight { background: #d3def6 url(images/corner.png) no-repeat -6px -49px; border-right: 1px solid #bbbbbb; } -.gwt-StackPanelItem .topLeftInner, -.gwt-StackPanelItem .topRightInner { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner, +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner { width: 1px; height: 1px; } -* html .gwt-StackPanelItem .topLeftInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem .topLeftInner { width: 6px; height: 55px; margin-top: -49px; @@ -732,7 +763,7 @@ background-color: #d3def6; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); } -* html .gwt-StackPanelItem .topRightInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem .topRightInner { width: 12px; height: 55px; margin-top: -49px; @@ -742,46 +773,46 @@ background-color: #d3def6; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); } -.gwt-StackPanelItem .topCenter { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .topCenter { background: url(images/hborder.png) 0px -21px repeat-x; } -.gwt-StackPanelItem .middleLeft { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleLeft { background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; border-left: 1px solid #bbbbbb; } -.gwt-StackPanelItem .middleLeftInner, -.gwt-StackPanelItem .middleRightInner { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleLeftInner, +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleRightInner { width: 1px; height: 1px; } -.gwt-StackPanelItem .middleRight { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleRight { background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; border-right: 1px solid #bbbbbb; } -.gwt-StackPanelItem .middleCenter { +.gwt-DecoratedStackPanel .gwt-StackPanelItem .middleCenter { font-weight: bold; font-size: 1.3em; background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; } -html>body .gwt-StackPanelItem-first .topRight, -html>body .gwt-StackPanelItem-first .topLeft { +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topRight, +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeft { border: 0px; background-color: white; } -html>body .gwt-StackPanelItem-below-selected .topLeft, -html>body .gwt-StackPanelItem-below-selected .topRight { +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topLeft, +html>body .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topRight { background-color: white; } -* html .gwt-StackPanelItem-first .topLeftInner, -* html .gwt-StackPanelItem-first .topRightInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeftInner, +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topRightInner { border: 0px; background-color: white; } -* html .gwt-StackPanelItem-first .topLeftInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-first .topLeftInner { padding-right: 1px; } -* html .gwt-StackPanelItem-below-selected .topLeftInner, -* html .gwt-StackPanelItem-below-selected .topRightInner { +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topLeftInner, +* html .gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .topRightInner { background-color: white; } @@ -875,10 +906,8 @@ } /** - * 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. - */ + * Applied to TabPanel. + */ .gwt-TabBar { } .gwt-TabBar .gwt-TabBarFirst { @@ -887,57 +916,8 @@ .gwt-TabBar .gwt-TabBarRest { } .gwt-TabBar .gwt-TabBarItem { - border-collapse: collapse; - margin-right: 6px; -} -.gwt-TabBar .gwt-TabBarItem .topCenter { - padding: 0px; - background: #d0e4f6; -} -.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='default/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='default/images/corner.png',sizingMethod='crop'); -} -.gwt-TabBar .gwt-TabBarItem .middleLeft, -.gwt-TabBar .gwt-TabBarItem .middleRight { - width: 6px; - padding: 0px; - background: #d0e4f6; -} -.gwt-StackPanelItem .middleLeftInner, -.gwt-StackPanelItem .middleRightInner { - width: 1px; - height: 1px; -} -.gwt-TabBar .gwt-TabBarItem .middleCenter { - padding: 0px 4px 2px 4px; + margin-left: 6px; + padding: 3px 6px 3px 6px; cursor: pointer; cursor: hand; color: black; @@ -945,38 +925,11 @@ text-align: center; background: #d0e4f6; } -.gwt-TabBar .gwt-TabBarItem-selected .topCenter { - background: #92c1f0; -} -html>body .gwt-TabBar .gwt-TabBarItem-selected .topLeft { - background-position: 0px -61px; -} -html>body .gwt-TabBar .gwt-TabBarItem-selected .topRight { - background-position: -6px -61px; -} -* html .gwt-TabBar .gwt-TabBarItem-selected .topLeftInner { - width: 5px; - height: 67px; - margin-top: -61px; - overflow: hidden; - filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); -} -* html .gwt-TabBar .gwt-TabBarItem-selected .topRightInner { - width: 12px; - height: 67px; - margin-top: -61px; - margin-left: -6px; - overflow: hidden; - 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; -} -.gwt-TabBar .gwt-TabBarItem-selected .middleCenter { +.gwt-TabBar .gwt-TabBarItem-selected { cursor: default; background: #92c1f0; -} +} + .gwt-TabPanel { } .gwt-TabPanelBottom { @@ -988,6 +941,108 @@ } /** + * Applied to DecoratedTabPanel. + */ +.gwt-DecoratedTabBar { +} +.gwt-DecoratedTabBar .gwt-TabBarFirst { + width: 5px; /* first tab distance from the left */ +} +.gwt-DecoratedTabBar .gwt-TabBarRest { +} +.gwt-DecoratedTabBar .gwt-TabBarItem { + border-collapse: collapse; + margin-right: 6px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .topCenter { + padding: 0px; + background: #d0e4f6; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .topLeft, +.gwt-DecoratedTabBar .gwt-TabBarItem .topRight { + padding: 0px; + zoom: 1; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner, +.gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner { + width: 6px; + height: 6px; +} +html>body .gwt-DecoratedTabBar .gwt-TabBarItem .topLeft { + background: url(images/corner.png) no-repeat 0px -55px; +} +html>body .gwt-DecoratedTabBar .gwt-TabBarItem .topRight { + background: url(images/corner.png) no-repeat -6px -55px; +} +* html .gwt-DecoratedTabBar .gwt-TabBarItem .topLeftInner { + width: 5px; + height: 61px; + margin-top: -55px; + overflow: hidden; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); +} +* html .gwt-DecoratedTabBar .gwt-TabBarItem .topRightInner { + width: 12px; + height: 61px; + margin-top: -55px; + margin-left: -6px; + overflow: hidden; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); +} +.gwt-DecoratedTabBar .gwt-TabBarItem .middleLeft, +.gwt-DecoratedTabBar .gwt-TabBarItem .middleRight { + width: 6px; + padding: 0px; + background: #d0e4f6; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .middleLeftInner, +.gwt-DecoratedTabBar .gwt-TabBarItem .middleRightInner { + width: 1px; + height: 1px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem .middleCenter { + padding: 0px 4px 2px 4px; + cursor: pointer; + cursor: hand; + color: black; + font-weight: bold; + text-align: center; + background: #d0e4f6; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .topCenter { + background: #92c1f0; +} +html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topLeft { + background-position: 0px -61px; +} +html>body .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topRight { + background-position: -6px -61px; +} +* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topLeftInner { + width: 5px; + height: 67px; + margin-top: -61px; + overflow: hidden; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); +} +* html .gwt-DecoratedTabBar .gwt-TabBarItem-selected .topRightInner { + width: 12px; + height: 67px; + margin-top: -61px; + margin-left: -6px; + overflow: hidden; + filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='default/images/corner.png',sizingMethod='crop'); +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleLeft, +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleRight { + background: #92c1f0; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .middleCenter { + cursor: default; + background: #92c1f0; +} + +/** * Applied to general text areas. */ .gwt-TextArea {