Added: devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtcanvasdemo/gwt/standard/standard.css URL: http://svn.apache.org/viewvc/devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtcanvasdemo/gwt/standard/standard.css?rev=1749209&view=auto ============================================================================== --- devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtcanvasdemo/gwt/standard/standard.css (added) +++ devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtcanvasdemo/gwt/standard/standard.css Sun Jun 19 21:56:46 2016 @@ -0,0 +1,1155 @@ +/** + * The file contains styles for GWT widgets in the standard theme. + * + * In order to maintain cross-browser compatibility, the following syntax is + * used to create IE6 specific style rules: + * .gwt-Widget { + * property: rule applies to all browsers + * -property: rule applies only to IE6 (overrides previous rule) + * } + * * html .gwt-Widget { + * property: rule applies to all versions of IE + * } + */ + +body, table td, select { + font-family: Arial Unicode MS, Arial, sans-serif; + font-size: small; +} +pre { + font-family: "courier new", courier; + font-size: small; +} +body { + color: black; + margin: 0px; + border: 0px; + padding: 0px; + background: #fff; + direction: ltr; +} +a, a:visited, a:hover { + color: #0000AA; +} + +/** + * The reference theme can be used to determine when this style sheet has + * loaded. Create a hidden div element with absolute position, assign the style + * name below, and attach it to the DOM. Use a timer to detect when the + * element's height and width are set to 5px. + */ +.gwt-Reference-standard { + height: 5px; + width: 5px; + zoom: 1; +} + +.gwt-Button { + margin: 0; + padding: 3px 5px; + text-decoration: none; + font-size: small; + 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; +} + +.gwt-CheckBox { +} +.gwt-CheckBox-disabled { + color: #888; +} + +.gwt-DecoratorPanel { +} +.gwt-DecoratorPanel .topCenter, +.gwt-DecoratorPanel .bottomCenter { + background: url(images/hborder.png) repeat-x; +} +.gwt-DecoratorPanel .middleLeft, +.gwt-DecoratorPanel .middleRight { + background: url(images/vborder.png) repeat-y; +} +.gwt-DecoratorPanel .topLeftInner, +.gwt-DecoratorPanel .topRightInner, +.gwt-DecoratorPanel .bottomLeftInner, +.gwt-DecoratorPanel .bottomRightInner { + width: 5px; + height: 5px; + zoom: 1; +} +.gwt-DecoratorPanel .topLeft { + background: url(images/corner.png) no-repeat 0px 0px; + -background: url(images/corner_ie6.png) no-repeat 0px 0px; +} +.gwt-DecoratorPanel .topRight { + background: url(images/corner.png) no-repeat -5px 0px; + -background: url(images/corner_ie6.png) no-repeat -5px 0px; +} +.gwt-DecoratorPanel .bottomLeft { + background: url(images/corner.png) no-repeat 0px -5px; + -background: url(images/corner_ie6.png) no-repeat 0px -5px; +} +.gwt-DecoratorPanel .bottomRight { + background: url(images/corner.png) no-repeat -5px -5px; + -background: url(images/corner_ie6.png) no-repeat -5px -5px; +} +* html .gwt-DecoratorPanel .topLeftInner, +* html .gwt-DecoratorPanel .topRightInner, +* html .gwt-DecoratorPanel .bottomLeftInner, +* html .gwt-DecoratorPanel .bottomRightInner { + width: 5px; + height: 5px; + overflow: hidden; +} + +.gwt-DialogBox .Caption { + 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 .dialogContent { +} +.gwt-DialogBox .dialogMiddleCenter { + padding: 3px; + background: white; +} +.gwt-DialogBox .dialogBottomCenter { + background: url(images/hborder.png) repeat-x 0px -4px; + -background: url(images/hborder_ie6.png) repeat-x 0px -4px; +} +.gwt-DialogBox .dialogMiddleLeft { + background: url(images/vborder.png) repeat-y; +} +.gwt-DialogBox .dialogMiddleRight { + background: url(images/vborder.png) repeat-y -4px 0px; + -background: url(images/vborder_ie6.png) repeat-y -4px 0px; +} +.gwt-DialogBox .dialogTopLeftInner { + width: 5px; + zoom: 1; +} +.gwt-DialogBox .dialogTopRightInner { + width: 8px; + zoom: 1; +} +.gwt-DialogBox .dialogBottomLeftInner { + width: 5px; + height: 8px; + zoom: 1; +} +.gwt-DialogBox .dialogBottomRightInner { + width: 5px; + height: 8px; + zoom: 1; +} +.gwt-DialogBox .dialogTopLeft { + background: url(images/corner.png) no-repeat -13px 0px; + -background: url(images/corner_ie6.png) no-repeat -13px 0px; +} +.gwt-DialogBox .dialogTopRight { + background: url(images/corner.png) no-repeat -18px 0px; + -background: url(images/corner_ie6.png) no-repeat -18px 0px; +} +.gwt-DialogBox .dialogBottomLeft { + background: url(images/corner.png) no-repeat 0px -15px; + -background: url(images/corner_ie6.png) no-repeat 0px -15px; +} +.gwt-DialogBox .dialogBottomRight { + background: url(images/corner.png) no-repeat -5px -15px; + -background: url(images/corner_ie6.png) no-repeat -5px -15px; +} +* html .gwt-DialogBox .dialogTopLeftInner { + width: 5px; + overflow: hidden; +} +* html .gwt-DialogBox .dialogTopRightInner { + width: 8px; + overflow: hidden; +} +* html .gwt-DialogBox .dialogBottomLeftInner { + width: 5px; + height: 8px; + overflow: hidden; +} +* html .gwt-DialogBox .dialogBottomRightInner { + width: 8px; + height: 8px; + overflow: hidden; +} + +.gwt-DisclosurePanel { +} +.gwt-DisclosurePanel-open { +} +.gwt-DisclosurePanel-closed { +} +.gwt-DisclosurePanel .header, +.gwt-DisclosurePanel .header a, +.gwt-DisclosurePanel .header td { + text-decoration: none; /* Remove underline from header */ + color: black; + cursor: pointer; + cursor: hand; +} +.gwt-DisclosurePanel .content { + border-left: 3px solid #e8eef7; + padding: 4px 0px 4px 8px; + margin-left: 6px; +} + +.gwt-FileUpload { +} + +.gwt-Frame { + border-top: 2px solid #666; + border-left: 2px solid #666; + border-right: 2px solid #bbb; + border-bottom: 2px solid #bbb; +} + +.gwt-HorizontalSplitPanel { +} +.gwt-HorizontalSplitPanel .hsplitter { + cursor: move; + border: 0px; + background: #91c0ef url(images/vborder.png) repeat-y; + line-height: 0px; +} +.gwt-VerticalSplitPanel { +} +.gwt-VerticalSplitPanel .vsplitter { + cursor: move; + border: 0px; + background: #91c0ef url(images/hborder.png) repeat-x; + line-height: 0px; +} + +.gwt-HTML { +} + +.gwt-Hyperlink { + cursor: pointer; +} + +.gwt-Image { +} + +.gwt-Label { +} + +.gwt-ListBox { +} + +.gwt-MenuBar { + cursor: default; +} +.gwt-MenuBar .gwt-MenuItem { + cursor: default; +} +.gwt-MenuBar .gwt-MenuItem-selected { + background: #E0EDFE; +} +.gwt-MenuBar .gwt-MenuItem-disabled { + color: #c0c0c0; +} +.gwt-MenuBar-horizontal { + background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px; + border: 1px solid #BBBBBB; +} +.gwt-MenuBar-horizontal .gwt-MenuItem { + padding: 0px 10px; + vertical-align: bottom; + color: #666666; + font-weight: bold; +} +.gwt-MenuBar-horizontal .gwt-MenuItemSeparator { + width: 1px; + padding: 0px; + margin: 0px; + border: 0px; + border-left: 1px solid #888888; + background: white; +} +.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner { + width: 1px; + height: 1px; + background: white; +} +.gwt-MenuBar-vertical { + margin-top: 0px; + margin-left: 0px; + background: white; +} +.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 .menuSeparatorInner { + height: 1px; + padding: 0px; + border: 0px; + border-top: 1px solid #777777; + background: #ddddee; + overflow: hidden; +} +.gwt-MenuBar-vertical .subMenuIcon { + padding-right: 4px; +} +.gwt-MenuBar-vertical .subMenuIcon-selected { + background: #E0EDFE; +} +.gwt-MenuBarPopup { + margin: 0px 0px 0px 3px; +} +.gwt-MenuBarPopup .menuPopupTopCenter { + background: url(images/hborder.png) 0px -12px repeat-x; +} +.gwt-MenuBarPopup .menuPopupBottomCenter { + background: url(images/hborder.png) 0px -13px repeat-x; + -background: url(images/hborder_ie6.png) 0px -13px repeat-x; +} +.gwt-MenuBarPopup .menuPopupMiddleLeft { + background: url(images/vborder.png) -12px 0px repeat-y; + -background: url(images/vborder_ie6.png) -12px 0px repeat-y; +} +.gwt-MenuBarPopup .menuPopupMiddleRight { + background: url(images/vborder.png) -13px 0px repeat-y; + -background: url(images/vborder_ie6.png) -13px 0px repeat-y; +} +.gwt-MenuBarPopup .menuPopupTopLeftInner { + width: 5px; + height: 5px; + zoom: 1; +} +.gwt-MenuBarPopup .menuPopupTopRightInner { + width: 8px; + height: 5px; + zoom: 1; +} +.gwt-MenuBarPopup .menuPopupBottomLeftInner { + width: 5px; + height: 8px; + zoom: 1; +} +.gwt-MenuBarPopup .menuPopupBottomRightInner { + width: 8px; + height: 8px; + zoom: 1; +} +.gwt-MenuBarPopup .menuPopupTopLeft { + background: url(images/corner.png) no-repeat 0px -36px; + -background: url(images/corner_ie6.png) no-repeat 0px -36px; +} +.gwt-MenuBarPopup .menuPopupTopRight { + background: url(images/corner.png) no-repeat -5px -36px; + -background: url(images/corner_ie6.png) no-repeat -5px -36px; +} +.gwt-MenuBarPopup .menuPopupBottomLeft { + background: url(images/corner.png) no-repeat 0px -41px; + -background: url(images/corner_ie6.png) no-repeat 0px -41px; +} +.gwt-MenuBarPopup .menuPopupBottomRight { + background: url(images/corner.png) no-repeat -5px -41px; + -background: url(images/corner_ie6.png) no-repeat -5px -41px; +} +* html .gwt-MenuBarPopup .menuPopupTopLeftInner { + width: 5px; + height: 5px; + overflow: hidden; +} +* html .gwt-MenuBarPopup .menuPopupTopRightInner { + width: 8px; + height: 5px; + overflow: hidden; +} +* html .gwt-MenuBarPopup .menuPopupBottomLeftInner { + width: 5px; + height: 8px; + overflow: hidden; +} +* html .gwt-MenuBarPopup .menuPopupBottomRightInner { + width: 8px; + height: 8px; + overflow: hidden; +} + +.gwt-PasswordTextBox { + padding: 2px; +} +.gwt-PasswordTextBox-readonly { + color: #888; +} + +.gwt-PopupPanel { + border: 3px solid #C3D9FF; + padding: 3px; + background: white; +} + +.gwt-DecoratedPopupPanel .popupContent { +} +.gwt-DecoratedPopupPanel .popupMiddleCenter { + padding: 3px; + background: #d0e4f6; +} +.gwt-DecoratedPopupPanel .popupTopCenter { + background: url(images/hborder.png) repeat-x; +} +.gwt-DecoratedPopupPanel .popupBottomCenter { + background: url(images/hborder.png) repeat-x 0px -4px; + -background: url(images/hborder_ie6.png) repeat-x 0px -4px; +} +.gwt-DecoratedPopupPanel .popupMiddleLeft { + background: url(images/vborder.png) repeat-y; +} +.gwt-DecoratedPopupPanel .popupMiddleRight { + background: url(images/vborder.png) repeat-y -4px 0px; + -background: url(images/vborder_ie6.png) repeat-y -4px 0px; +} +.gwt-DecoratedPopupPanel .popupTopLeftInner { + width: 5px; + height: 5px; + zoom: 1; +} +.gwt-DecoratedPopupPanel .popupTopRightInner { + width: 8px; + height: 5px; + zoom: 1; +} +.gwt-DecoratedPopupPanel .popupBottomLeftInner { + width: 5px; + height: 8px; + zoom: 1; +} +.gwt-DecoratedPopupPanel .popupBottomRightInner { + width: 8px; + height: 8px; + zoom: 1; +} +.gwt-DecoratedPopupPanel .popupTopLeft { + background: url(images/corner.png) no-repeat 0px -10px; + -background: url(images/corner_ie6.png) no-repeat 0px -10px; +} +.gwt-DecoratedPopupPanel .popupTopRight { + background: url(images/corner.png) no-repeat -5px -10px; + -background: url(images/corner_ie6.png) no-repeat -5px -10px; +} +.gwt-DecoratedPopupPanel .popupBottomLeft { + background: url(images/corner.png) no-repeat 0px -15px; + -background: url(images/corner_ie6.png) no-repeat 0px -15px; +} +.gwt-DecoratedPopupPanel .popupBottomRight { + background: url(images/corner.png) no-repeat -5px -15px; + -background: url(images/corner_ie6.png) no-repeat -5px -15px; +} +* html .gwt-DecoratedPopupPanel .popupTopLeftInner { + width: 5px; + height: 5px; + overflow: hidden; +} +* html .gwt-DecoratedPopupPanel .popupTopRightInner { + width: 8px; + height: 5px; + overflow: hidden; +} +* html .gwt-DecoratedPopupPanel .popupBottomLeftInner { + width: 5px; + height: 8px; + overflow: hidden; +} +* html .gwt-DecoratedPopupPanel .popupBottomRightInner { + width: 8px; + height: 8px; + overflow: hidden; +} + +.gwt-PopupPanelGlass { + background-color: #000; + opacity: 0.3; + filter: alpha(opacity=30); +} + +.gwt-PushButton-up, +.gwt-PushButton-up-hovering, +.gwt-PushButton-up-disabled, +.gwt-PushButton-down, +.gwt-PushButton-down-hovering, +.gwt-PushButton-down-disabled { + margin: 0; + text-decoration: none; + background: url("images/hborder.png") repeat-x 0px -27px; +} +.gwt-PushButton-up, +.gwt-PushButton-up-hovering, +.gwt-PushButton-up-disabled { + padding: 3px 5px 3px 5px; +} +.gwt-PushButton-up { + border: 1px outset #ccc; + cursor: pointer; + cursor: hand; +} +.gwt-PushButton-up-hovering { + border: 1px outset; + border-color: #9cf #69e #69e #7af; + cursor: pointer; + cursor: hand; +} +.gwt-PushButton-up-disabled { + border: 1px outset #ccc; + cursor: default; + opacity: .5; + filter: alpha(opacity=40); + zoom: 1; +} +.gwt-PushButton-down, +.gwt-PushButton-down-hovering, +.gwt-PushButton-down-disabled { + padding: 4px 4px 2px 6px; +} +.gwt-PushButton-down { + border: 1px inset #666; + cursor: pointer; + cursor: hand; +} +.gwt-PushButton-down-hovering { + border: 1px inset; + border-color: #9cf #69e #69e #7af; + cursor: pointer; + cursor: hand; +} +.gwt-PushButton-down-disabled { + border: 1px outset #ccc; + cursor: default; + opacity: 0.5; + filter: alpha(opacity=40); + zoom: 1; +} + +.gwt-RadioButton { +} +.gwt-RadioButton-disabled { + color: #888; +} + +.gwt-RichTextArea { +} +.hasRichTextToolbar { + border: 0px; +} +.gwt-RichTextToolbar { + background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px; + 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; +} + +.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-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-DecoratedStackPanel .stackItemTopLeft, +.gwt-DecoratedStackPanel .stackItemTopRight { + height: 6px; + width: 6px; + zoom: 1; +} +.gwt-DecoratedStackPanel .stackItemTopLeft { + border-left: 1px solid #bbbbbb; + background: #d3def6 url(images/corner.png) no-repeat 0px -49px; + -background: #d3def6 url(images/corner_ie6.png) no-repeat 0px -49px; +} +.gwt-DecoratedStackPanel .stackItemTopRight { + border-right: 1px solid #bbbbbb; + background: #d3def6 url(images/corner.png) no-repeat -6px -49px; + -background: #d3def6 url(images/corner_ie6.png) no-repeat -6px -49px; +} +.gwt-DecoratedStackPanel .stackItemTopLeftInner, +.gwt-DecoratedStackPanel .stackItemTopRightInner { + width: 1px; + height: 1px; +} +* html .gwt-DecoratedStackPanel .stackItemTopLeftInner, +* html .gwt-DecoratedStackPanel .stackItemTopRightInner { + width: 6px; + height: 6px; + overflow: hidden; +} +.gwt-DecoratedStackPanel .stackItemTopCenter { + background: url(images/hborder.png) 0px -21px repeat-x; +} +.gwt-DecoratedStackPanel .stackItemMiddleLeft { + background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; + border-left: 1px solid #bbbbbb; +} +.gwt-DecoratedStackPanel .stackItemMiddleLeftInner, +.gwt-DecoratedStackPanel .stackItemMiddleRightInner { + width: 1px; + height: 1px; +} +.gwt-DecoratedStackPanel .stackItemMiddleRight { + background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; + border-right: 1px solid #bbbbbb; +} +.gwt-DecoratedStackPanel .stackItemMiddleCenter { + font-weight: bold; + font-size: 1.3em; + background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; +} +.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight, +.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft { + border: 0px; + background-color: white; +} +.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft, +.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight { + background-color: white; +} + +.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 .suggestPopupContent { + background: white; +} +.gwt-SuggestBoxPopup .suggestPopupTopCenter { + background: url(images/hborder.png) repeat-x; +} +.gwt-SuggestBoxPopup .suggestPopupBottomCenter { + background: url(images/hborder.png) repeat-x 0px -4px; + -background: url(images/hborder_ie6.png) repeat-x 0px -4px; +} +.gwt-SuggestBoxPopup .suggestPopupMiddleLeft { + background: url(images/vborder.png) repeat-y; +} +.gwt-SuggestBoxPopup .suggestPopupMiddleRight { + background: url(images/vborder.png) repeat-y -4px 0px; + -background: url(images/vborder_ie6.png) repeat-y -4px 0px; +} +.gwt-SuggestBoxPopup .suggestPopupTopLeftInner { + width: 5px; + height: 5px; + zoom: 1; +} +.gwt-SuggestBoxPopup .suggestPopupTopRightInner { + width: 8px; + height: 5px; + zoom: 1; +} +.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner { + width: 5px; + height: 8px; + zoom: 1; +} +.gwt-SuggestBoxPopup .suggestPopupBottomRightInner { + width: 8px; + height: 8px; + zoom: 1; +} +.gwt-SuggestBoxPopup .suggestPopupTopLeft { + background: url(images/corner.png) no-repeat 0px -23px; + -background: url(images/corner_ie6.png) no-repeat 0px -23px; +} +.gwt-SuggestBoxPopup .suggestPopupTopRight { + background: url(images/corner.png) no-repeat -5px -23px; + -background: url(images/corner_ie6.png) no-repeat -5px -23px; +} +.gwt-SuggestBoxPopup .suggestPopupBottomLeft { + background: url(images/corner.png) no-repeat 0px -28px; + -background: url(images/corner_ie6.png) no-repeat 0px -28px; +} +.gwt-SuggestBoxPopup .suggestPopupBottomRight { + background: url(images/corner.png) no-repeat -5px -28px; + -background: url(images/corner_ie6.png) no-repeat -5px -28px; +} +* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner { + width: 5px; + height: 5px; + overflow: hidden; +} +* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner { + width: 8px; + height: 5px; + overflow: hidden; +} +* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner { + width: 5px; + height: 8px; + overflow: hidden; +} +* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner { + width: 8px; + height: 8px; + overflow: hidden; +} + +.gwt-TabBar { +} +.gwt-TabBar .gwt-TabBarFirst { + width: 5px; /* first tab distance from the left */ +} +.gwt-TabBar .gwt-TabBarRest { +} +.gwt-TabBar .gwt-TabBarItem { + margin-left: 6px; + padding: 3px 6px 3px 6px; + cursor: pointer; + cursor: hand; + color: black; + font-weight: bold; + text-align: center; + background: #d0e4f6; +} +.gwt-TabBar .gwt-TabBarItem-selected { + cursor: default; + background: #92c1f0; +} +.gwt-TabBar .gwt-TabBarItem-disabled { + cursor: default; + color: #999999; +} +.gwt-TabPanel { +} +.gwt-TabPanelBottom { + border-color: #92c1f0; + border-style: solid; + border-width: 3px 2px 2px; + overflow: hidden; + padding: 6px; +} + +.gwt-DecoratedTabBar { +} +.gwt-DecoratedTabBar .gwt-TabBarFirst { + width: 5px; /* first tab distance from the left */ +} +.gwt-DecoratedTabBar .gwt-TabBarRest { +} +.gwt-DecoratedTabBar .gwt-TabBarItem { + border-collapse: collapse; + margin-left: 6px; +} +.gwt-DecoratedTabBar .tabTopCenter { + padding: 0px; + background: #d0e4f6; +} +.gwt-DecoratedTabBar .tabTopLeft, +.gwt-DecoratedTabBar .tabTopRight { + padding: 0px; + zoom: 1; +} +.gwt-DecoratedTabBar .tabTopLeftInner, +.gwt-DecoratedTabBar .tabTopRightInner { + width: 6px; + height: 6px; +} +.gwt-DecoratedTabBar .tabTopLeft { + background: url(images/corner.png) no-repeat 0px -55px; + -background: url(images/corner_ie6.png) no-repeat 0px -55px; +} +.gwt-DecoratedTabBar .tabTopRight { + background: url(images/corner.png) no-repeat -6px -55px; + -background: url(images/corner_ie6.png) no-repeat -6px -55px; +} +* html .gwt-DecoratedTabBar .tabTopLeftInner, +* html .gwt-DecoratedTabBar .tabTopRightInner { + width: 6px; + height: 6px; + overflow: hidden; +} +.gwt-DecoratedTabBar .tabMiddleLeft, +.gwt-DecoratedTabBar .tabMiddleRight { + width: 6px; + padding: 0px; + background: #d0e4f6; +} +.gwt-DecoratedTabBar .tabMiddleLeftInner, +.gwt-DecoratedTabBar .tabMiddleRightInner { + width: 1px; + height: 1px; +} +.gwt-DecoratedTabBar .tabMiddleCenter { + padding: 0px 4px 2px 4px; + cursor: pointer; + cursor: hand; + color: black; + font-weight: bold; + text-align: center; + background: #d0e4f6; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter { + background: #92c1f0; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft { + background-position: 0px -61px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight { + background-position: -6px -61px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft, +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight { + background: #92c1f0; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter { + cursor: default; + background: #92c1f0; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter { + cursor: default; + color: #999999; +} + +.gwt-TextArea { + padding: 2px; +} +.gwt-TextArea-readonly { + color: #888; +} + +.gwt-TextBox { + padding: 2px; +} +.gwt-TextBox-readonly { + color: #888; +} + +.gwt-ToggleButton-up, +.gwt-ToggleButton-up-hovering, +.gwt-ToggleButton-up-disabled, +.gwt-ToggleButton-down, +.gwt-ToggleButton-down-hovering, +.gwt-ToggleButton-down-disabled { + margin: 0; + text-decoration: none; + background: url("images/hborder.png") repeat-x 0px -27px; +} +.gwt-ToggleButton-up, +.gwt-ToggleButton-up-hovering, +.gwt-ToggleButton-up-disabled { + padding: 3px 5px 3px 5px; +} +.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, +.gwt-ToggleButton-down-hovering, +.gwt-ToggleButton-down-disabled { + padding: 4px 4px 2px 6px; +} +.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); +} + +.gwt-Tree .gwt-TreeItem { + padding: 1px 0px; + margin: 0px; + white-space: nowrap; + cursor: hand; + cursor: pointer; +} +.gwt-Tree .gwt-TreeItem-selected { + background: #93c2f1 url(images/hborder.png) repeat-x 0px -1463px; +} +.gwt-TreeItem .gwt-RadioButton input, +.gwt-TreeItem .gwt-CheckBox input { + margin-left: 0px; +} +* html .gwt-TreeItem .gwt-RadioButton input, +* html .gwt-TreeItem .gwt-CheckBox input { + margin-left: -4px; +} + +.gwt-DateBox input { + width: 8em; +} +.dateBoxFormatError { + background: #ffcccc; +} +.dateBoxPopup { +} + +.gwt-DatePicker { + border: 1px solid #A2BBDD; + cursor: default; +} +.gwt-DatePicker td, +.datePickerMonthSelector td:focus { + outline: none +} +.datePickerDays { + width: 100%; + background: white; +} +.datePickerDay, +.datePickerWeekdayLabel, +.datePickerWeekendLabel { + font-size: 75%; + text-align: center; + padding: 4px; + outline: none; +} +.datePickerWeekdayLabel, +.datePickerWeekendLabel { + background: #C3D9FF; + padding: 0px 4px 2px; + cursor: default; +} +.datePickerDay { + padding: 4px; + cursor: hand; + cursor: pointer; +} +.datePickerDayIsToday { + border: 1px solid black; + padding: 3px; +} +.datePickerDayIsWeekend { + background: #EEEEEE; +} +.datePickerDayIsFiller { + color: #888888; +} +.datePickerDayIsValue { + background: #aaccee; +} +.datePickerDayIsDisabled { + color: #AAAAAA; + font-style: italic; +} +.datePickerDayIsHighlighted { + background: #F0E68C; +} +.datePickerDayIsValueAndHighlighted { + background: #bbddd9; +} +.datePickerMonthSelector { + background: #C3D9FF; + width: 100%; +} +td.datePickerMonth, +td.datePickerYear { + text-align: center; + vertical-align: middle; + white-space: nowrap; + font-size: 70%; + font-weight: bold; + color: blue; +} +.datePickerPreviousButton, +.datePickerNextButton, +.datePickerPreviousYearButton, +.datePickerNextYearButton { + font-size: 120%; + line-height: 1em; + color: blue; + cursor: hand; + cursor: pointer; + padding: 0px 4px; +} + +.gwt-StackLayoutPanel { + border-bottom: 1px solid #bbbbbb; +} +.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader { + 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-StackLayoutPanel .gwt-StackLayoutPanelHeader-hovering { + background: #d3def6 url(images/hborder.png) repeat-x 0px -1464px; +} +.gwt-StackLayoutPanel .gwt-StackLayoutPanelContent { + border: 1px solid #bbbbbb; + border-bottom: 0px; + background: white; + padding: 2px 2px 10px 5px; +} + +.gwt-TabLayoutPanel { +} +.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs { +} +.gwt-TabLayoutPanelContentContainer { + border-color: #92c1f0; + border-style: solid; + border-width: 2px 1px 1px; +} +.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent { + border-color: #92c1f0; + border-style: solid; + border-width: 1px; + overflow: hidden; + padding: 6px; +} +.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab { + margin-left: 6px; + padding: 3px 6px 3px 6px; + cursor: pointer; + cursor: hand; + color: black; + font-weight: bold; + text-align: center; + background: #d0e4f6; +} +.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected { + cursor: default; + background: #92c1f0; +} + +.gwt-SplitLayoutPanel-HDragger { + background: #d0e4f6 url(images/splitPanelThumb.png) center center no-repeat; + cursor: col-resize; +} + +.gwt-SplitLayoutPanel-VDragger { + background: #d0e4f6 url(images/splitPanelThumb.png) center center no-repeat; + cursor: row-resize; +}
Added: devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtcanvasdemo/gwt/standard/standard_rtl.css URL: http://svn.apache.org/viewvc/devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtcanvasdemo/gwt/standard/standard_rtl.css?rev=1749209&view=auto ============================================================================== --- devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtcanvasdemo/gwt/standard/standard_rtl.css (added) +++ devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtcanvasdemo/gwt/standard/standard_rtl.css Sun Jun 19 21:56:46 2016 @@ -0,0 +1,1156 @@ +/** + * The file contains styles for GWT widgets in the standard theme, in RTL mode. + * + * In order to maintain cross-browser compatibility, the following syntax is + * used to create IE6 specific style rules: + * .gwt-Widget { + * property: rule applies to all browsers + * -property: rule applies only to IE6 (overrides previous rule) + * } + * * html .gwt-Widget { + * property: rule applies to all versions of IE + * } + */ + +body, table td, select { + font-family: Arial Unicode MS, Arial, sans-serif; + font-size: small; +} +pre { + font-family: "courier new", courier; + font-size: small; +} +body { + color: black; + margin: 0px; + border: 0px; + padding: 0px; + background: #fff; + direction: rtl; +} +a, a:visited, a:hover { + color: #0000AA; +} + +/** + * The reference theme can be used to determine when this style sheet has + * loaded. Create a hidden div element with absolute position, assign the style + * name below, and attach it to the DOM. Use a timer to detect when the + * element's height and width are set to 5px. + */ +.gwt-Reference-standard-rtl { + height: 5px; + width: 5px; + zoom: 1; +} + +.gwt-Button { + margin: 0; + padding: 3px 5px; + text-decoration: none; + font-size: small; + 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; +} + +.gwt-CheckBox { +} +.gwt-CheckBox-disabled { + color: #888; +} + +.gwt-DecoratorPanel { +} +.gwt-DecoratorPanel .topCenter, +.gwt-DecoratorPanel .bottomCenter { + background: url(images/hborder.png) repeat-x; +} +.gwt-DecoratorPanel .middleLeft, +.gwt-DecoratorPanel .middleRight { + background: url(images/vborder.png) repeat-y; +} +.gwt-DecoratorPanel .topLeftInner, +.gwt-DecoratorPanel .topRightInner, +.gwt-DecoratorPanel .bottomLeftInner, +.gwt-DecoratorPanel .bottomRightInner { + width: 5px; + height: 5px; + zoom: 1; +} +.gwt-DecoratorPanel .topLeft { + background: url(images/corner.png) no-repeat 0px 0px; + -background: url(images/corner_ie6.png) no-repeat 0px 0px; +} +.gwt-DecoratorPanel .topRight { + background: url(images/corner.png) no-repeat -5px 0px; + -background: url(images/corner_ie6.png) no-repeat -5px 0px; +} +.gwt-DecoratorPanel .bottomLeft { + background: url(images/corner.png) no-repeat 0px -5px; + -background: url(images/corner_ie6.png) no-repeat 0px -5px; +} +.gwt-DecoratorPanel .bottomRight { + background: url(images/corner.png) no-repeat -5px -5px; + -background: url(images/corner_ie6.png) no-repeat -5px -5px; +} +* html .gwt-DecoratorPanel .topLeftInner, +* html .gwt-DecoratorPanel .topRightInner, +* html .gwt-DecoratorPanel .bottomLeftInner, +* html .gwt-DecoratorPanel .bottomRightInner { + width: 5px; + height: 5px; + overflow: hidden; +} + +.gwt-DialogBox .Caption { + 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 .dialogContent { +} +.gwt-DialogBox .dialogMiddleCenter { + padding: 3px; + background: white; +} +.gwt-DialogBox .dialogBottomCenter { + background: url(images/hborder.png) repeat-x 0px -4px; + -background: url(images/hborder_ie6.png) repeat-x 0px -4px; +} +.gwt-DialogBox .dialogMiddleLeft { + background: url(images/vborder.png) repeat-y; +} +.gwt-DialogBox .dialogMiddleRight { + background: url(images/vborder.png) repeat-y -4px 0px; + -background: url(images/vborder_ie6.png) repeat-y -4px 0px; +} +.gwt-DialogBox .dialogTopLeftInner { + width: 5px; + zoom: 1; +} +.gwt-DialogBox .dialogTopRightInner { + width: 8px; + zoom: 1; +} +.gwt-DialogBox .dialogBottomLeftInner { + width: 5px; + height: 8px; + zoom: 1; +} +.gwt-DialogBox .dialogBottomRightInner { + width: 5px; + height: 8px; + zoom: 1; +} +.gwt-DialogBox .dialogTopLeft { + background: url(images/corner.png) no-repeat -13px 0px; + -background: url(images/corner_ie6.png) no-repeat -13px 0px; +} +.gwt-DialogBox .dialogTopRight { + background: url(images/corner.png) no-repeat -18px 0px; + -background: url(images/corner_ie6.png) no-repeat -18px 0px; +} +.gwt-DialogBox .dialogBottomLeft { + background: url(images/corner.png) no-repeat 0px -15px; + -background: url(images/corner_ie6.png) no-repeat 0px -15px; +} +.gwt-DialogBox .dialogBottomRight { + background: url(images/corner.png) no-repeat -5px -15px; + -background: url(images/corner_ie6.png) no-repeat -5px -15px; +} +* html .gwt-DialogBox .dialogTopLeftInner { + width: 5px; + overflow: hidden; +} +* html .gwt-DialogBox .dialogTopRightInner { + width: 8px; + overflow: hidden; +} +* html .gwt-DialogBox .dialogBottomLeftInner { + width: 5px; + height: 8px; + overflow: hidden; +} +* html .gwt-DialogBox .dialogBottomRightInner { + width: 8px; + height: 8px; + overflow: hidden; +} + +.gwt-DisclosurePanel { +} +.gwt-DisclosurePanel-open { +} +.gwt-DisclosurePanel-closed { +} +.gwt-DisclosurePanel .header, +.gwt-DisclosurePanel .header a, +.gwt-DisclosurePanel .header td { + text-decoration: none; /* Remove underline from header */ + color: black; + cursor: pointer; + cursor: hand; +} +.gwt-DisclosurePanel .content { + border-right: 3px solid #e8eef7; + padding: 4px 8px 4px 0px; + margin-right: 6px; +} + +.gwt-FileUpload { +} + +.gwt-Frame { + border-top: 2px solid #666; + border-left: 2px solid #666; + border-right: 2px solid #bbb; + border-bottom: 2px solid #bbb; +} + +.gwt-HorizontalSplitPanel { +} +.gwt-HorizontalSplitPanel .hsplitter { + cursor: move; + border: 0px; + background: #91c0ef url(images/vborder.png) repeat-y; + line-height: 0px; +} +.gwt-VerticalSplitPanel { +} +.gwt-VerticalSplitPanel .vsplitter { + cursor: move; + border: 0px; + background: #91c0ef url(images/hborder.png) repeat-x; + line-height: 0px; +} + +.gwt-HTML { +} + +.gwt-Hyperlink { + cursor: pointer; +} + +.gwt-Image { +} + +.gwt-Label { +} + +.gwt-ListBox { +} + +.gwt-MenuBar { + cursor: default; +} +.gwt-MenuBar .gwt-MenuItem { + cursor: default; +} +.gwt-MenuBar .gwt-MenuItem-selected { + background: #E0EDFE; +} +.gwt-MenuBar .gwt-MenuItem-disabled { + color: #c0c0c0; +} +.gwt-MenuBar-horizontal { + background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px; + border: 1px solid #BBBBBB; +} +.gwt-MenuBar-horizontal .gwt-MenuItem { + padding: 0px 10px; + vertical-align: bottom; + color: #666666; + font-weight: bold; +} +.gwt-MenuBar-horizontal .gwt-MenuItemSeparator { + width: 1px; + padding: 0px; + margin: 0px; + border: 0px; + border-right: 1px solid #888888; + background: white; +} +.gwt-MenuBar-horizontal .gwt-MenuItemSeparator .menuSeparatorInner { + width: 1px; + height: 1px; + background: white; +} +.gwt-MenuBar-vertical { + margin-top: 0px; + margin-right: 0px; + background: white; +} +.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 .menuSeparatorInner { + height: 1px; + padding: 0px; + border: 0px; + border-top: 1px solid #777777; + background: #ddddee; + overflow: hidden; +} +.gwt-MenuBar-vertical .subMenuIcon { + padding-left: 4px; +} +.gwt-MenuBar-vertical .subMenuIcon-selected { + background: #E0EDFE; +} +.gwt-MenuBarPopup { + margin: 0px 3px 0px 0px; +} +.gwt-MenuBarPopup .menuPopupTopCenter { + background: url(images/hborder.png) 0px -12px repeat-x; +} +.gwt-MenuBarPopup .menuPopupBottomCenter { + background: url(images/hborder.png) 0px -13px repeat-x; + -background: url(images/hborder_ie6.png) 0px -13px repeat-x; +} +.gwt-MenuBarPopup .menuPopupMiddleLeft { + background: url(images/vborder.png) -12px 0px repeat-y; + -background: url(images/vborder_ie6.png) -12px 0px repeat-y; +} +.gwt-MenuBarPopup .menuPopupMiddleRight { + background: url(images/vborder.png) -13px 0px repeat-y; + -background: url(images/vborder_ie6.png) -13px 0px repeat-y; +} +.gwt-MenuBarPopup .menuPopupTopLeftInner { + width: 5px; + height: 5px; + zoom: 1; +} +.gwt-MenuBarPopup .menuPopupTopRightInner { + width: 8px; + height: 5px; + zoom: 1; +} +.gwt-MenuBarPopup .menuPopupBottomLeftInner { + width: 5px; + height: 8px; + zoom: 1; +} +.gwt-MenuBarPopup .menuPopupBottomRightInner { + width: 8px; + height: 8px; + zoom: 1; +} +.gwt-MenuBarPopup .menuPopupTopLeft { + background: url(images/corner.png) no-repeat 0px -36px; + -background: url(images/corner_ie6.png) no-repeat 0px -36px; +} +.gwt-MenuBarPopup .menuPopupTopRight { + background: url(images/corner.png) no-repeat -5px -36px; + -background: url(images/corner_ie6.png) no-repeat -5px -36px; +} +.gwt-MenuBarPopup .menuPopupBottomLeft { + background: url(images/corner.png) no-repeat 0px -41px; + -background: url(images/corner_ie6.png) no-repeat 0px -41px; +} +.gwt-MenuBarPopup .menuPopupBottomRight { + background: url(images/corner.png) no-repeat -5px -41px; + -background: url(images/corner_ie6.png) no-repeat -5px -41px; +} +* html .gwt-MenuBarPopup .menuPopupTopLeftInner { + width: 5px; + height: 5px; + overflow: hidden; +} +* html .gwt-MenuBarPopup .menuPopupTopRightInner { + width: 8px; + height: 5px; + overflow: hidden; +} +* html .gwt-MenuBarPopup .menuPopupBottomLeftInner { + width: 5px; + height: 8px; + overflow: hidden; +} +* html .gwt-MenuBarPopup .menuPopupBottomRightInner { + width: 8px; + height: 8px; + overflow: hidden; +} + +.gwt-PasswordTextBox { + padding: 2px; +} +.gwt-PasswordTextBox-readonly { + color: #888; +} + +.gwt-PopupPanel { + border: 3px solid #C3D9FF; + padding: 3px; + background: white; +} + +.gwt-DecoratedPopupPanel .popupContent { +} +.gwt-DecoratedPopupPanel .popupMiddleCenter { + padding: 3px; + background: #d0e4f6; +} +.gwt-DecoratedPopupPanel .popupTopCenter { + background: url(images/hborder.png) repeat-x; +} +.gwt-DecoratedPopupPanel .popupBottomCenter { + background: url(images/hborder.png) repeat-x 0px -4px; + -background: url(images/hborder_ie6.png) repeat-x 0px -4px; +} +.gwt-DecoratedPopupPanel .popupMiddleLeft { + background: url(images/vborder.png) repeat-y; +} +.gwt-DecoratedPopupPanel .popupMiddleRight { + background: url(images/vborder.png) repeat-y -4px 0px; + -background: url(images/vborder_ie6.png) repeat-y -4px 0px; +} +.gwt-DecoratedPopupPanel .popupTopLeftInner { + width: 5px; + height: 5px; + zoom: 1; +} +.gwt-DecoratedPopupPanel .popupTopRightInner { + width: 8px; + height: 5px; + zoom: 1; +} +.gwt-DecoratedPopupPanel .popupBottomLeftInner { + width: 5px; + height: 8px; + zoom: 1; +} +.gwt-DecoratedPopupPanel .popupBottomRightInner { + width: 8px; + height: 8px; + zoom: 1; +} +.gwt-DecoratedPopupPanel .popupTopLeft { + background: url(images/corner.png) no-repeat 0px -10px; + -background: url(images/corner_ie6.png) no-repeat 0px -10px; +} +.gwt-DecoratedPopupPanel .popupTopRight { + background: url(images/corner.png) no-repeat -5px -10px; + -background: url(images/corner_ie6.png) no-repeat -5px -10px; +} +.gwt-DecoratedPopupPanel .popupBottomLeft { + background: url(images/corner.png) no-repeat 0px -15px; + -background: url(images/corner_ie6.png) no-repeat 0px -15px; +} +.gwt-DecoratedPopupPanel .popupBottomRight { + background: url(images/corner.png) no-repeat -5px -15px; + -background: url(images/corner_ie6.png) no-repeat -5px -15px; +} +* html .gwt-DecoratedPopupPanel .popupTopLeftInner { + width: 5px; + height: 5px; + overflow: hidden; +} +* html .gwt-DecoratedPopupPanel .popupTopRightInner { + width: 8px; + height: 5px; + overflow: hidden; +} +* html .gwt-DecoratedPopupPanel .popupBottomLeftInner { + width: 5px; + height: 8px; + overflow: hidden; +} +* html .gwt-DecoratedPopupPanel .popupBottomRightInner { + width: 8px; + height: 8px; + overflow: hidden; +} + +.gwt-PopupPanelGlass { + background-color: #000; + opacity: 0.3; + filter: alpha(opacity=30); +} + +.gwt-PushButton-up, +.gwt-PushButton-up-hovering, +.gwt-PushButton-up-disabled, +.gwt-PushButton-down, +.gwt-PushButton-down-hovering, +.gwt-PushButton-down-disabled { + margin: 0; + text-decoration: none; + background: url("images/hborder.png") repeat-x 0px -27px; +} +.gwt-PushButton-up, +.gwt-PushButton-up-hovering, +.gwt-PushButton-up-disabled { + padding: 3px 5px 3px 5px; +} +.gwt-PushButton-up { + border: 1px outset #ccc; + cursor: pointer; + cursor: hand; +} +.gwt-PushButton-up-hovering { + border: 1px outset; + border-color: #9cf #69e #69e #7af; + cursor: pointer; + cursor: hand; +} +.gwt-PushButton-up-disabled { + border: 1px outset #ccc; + cursor: default; + opacity: .5; + filter: alpha(opacity=40); + zoom: 1; +} +.gwt-PushButton-down, +.gwt-PushButton-down-hovering, +.gwt-PushButton-down-disabled { + padding: 4px 4px 2px 6px; +} +.gwt-PushButton-down { + border: 1px inset #666; + cursor: pointer; + cursor: hand; +} +.gwt-PushButton-down-hovering { + border: 1px inset; + border-color: #9cf #69e #69e #7af; + cursor: pointer; + cursor: hand; +} +.gwt-PushButton-down-disabled { + border: 1px outset #ccc; + cursor: default; + opacity: 0.5; + filter: alpha(opacity=40); + zoom: 1; +} + +.gwt-RadioButton { +} +.gwt-RadioButton-disabled { + color: #888; +} + +.gwt-RichTextArea { +} +.hasRichTextToolbar { + border: 0px; +} +.gwt-RichTextToolbar { + background: #e3e8f3 url(images/hborder.png) repeat-x 0px -2003px; + 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; +} + +.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-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-DecoratedStackPanel .gwt-StackPanelItem { + cursor: pointer; + cursor: hand; +} +.gwt-DecoratedStackPanel .stackItemTopLeft, +.gwt-DecoratedStackPanel .stackItemTopRight { + height: 6px; + width: 6px; + zoom: 1; +} +.gwt-DecoratedStackPanel .stackItemTopLeft { + border-left: 1px solid #bbbbbb; + background: #d3def6 url(images/corner.png) no-repeat 0px -49px; + -background: #d3def6 url(images/corner_ie6.png) no-repeat 0px -49px; +} +.gwt-DecoratedStackPanel .stackItemTopRight { + border-right: 1px solid #bbbbbb; + background: #d3def6 url(images/corner.png) no-repeat -6px -49px; + -background: #d3def6 url(images/corner_ie6.png) no-repeat -6px -49px; +} +.gwt-DecoratedStackPanel .stackItemTopLeftInner, +.gwt-DecoratedStackPanel .stackItemTopRightInner { + width: 1px; + height: 1px; +} +* html .gwt-DecoratedStackPanel .stackItemTopLeftInner, +* html .gwt-DecoratedStackPanel .stackItemTopRightInner { + width: 6px; + height: 6px; + overflow: hidden; +} +.gwt-DecoratedStackPanel .stackItemTopCenter { + background: url(images/hborder.png) 0px -21px repeat-x; +} +.gwt-DecoratedStackPanel .stackItemMiddleLeft { + background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; + border-left: 1px solid #bbbbbb; +} +.gwt-DecoratedStackPanel .stackItemMiddleLeftInner, +.gwt-DecoratedStackPanel .stackItemMiddleRightInner { + width: 1px; + height: 1px; +} +.gwt-DecoratedStackPanel .stackItemMiddleRight { + background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; + border-right: 1px solid #bbbbbb; +} +.gwt-DecoratedStackPanel .stackItemMiddleCenter { + font-weight: bold; + font-size: 1.3em; + background: #d3def6 url(images/hborder.png) repeat-x 0px -989px; +} +.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopRight, +.gwt-DecoratedStackPanel .gwt-StackPanelItem-first .stackItemTopLeft { + border: 0px; + background-color: white; +} +.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopLeft, +.gwt-DecoratedStackPanel .gwt-StackPanelItem-below-selected .stackItemTopRight { + background-color: white; +} + +.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 .suggestPopupContent { + background: white; +} +.gwt-SuggestBoxPopup .suggestPopupTopCenter { + background: url(images/hborder.png) repeat-x; +} +.gwt-SuggestBoxPopup .suggestPopupBottomCenter { + background: url(images/hborder.png) repeat-x 0px -4px; + -background: url(images/hborder_ie6.png) repeat-x 0px -4px; +} +.gwt-SuggestBoxPopup .suggestPopupMiddleLeft { + background: url(images/vborder.png) repeat-y; +} +.gwt-SuggestBoxPopup .suggestPopupMiddleRight { + background: url(images/vborder.png) repeat-y -4px 0px; + -background: url(images/vborder_ie6.png) repeat-y -4px 0px; +} +.gwt-SuggestBoxPopup .suggestPopupTopLeftInner { + width: 5px; + height: 5px; + zoom: 1; +} +.gwt-SuggestBoxPopup .suggestPopupTopRightInner { + width: 8px; + height: 5px; + zoom: 1; +} +.gwt-SuggestBoxPopup .suggestPopupBottomLeftInner { + width: 5px; + height: 8px; + zoom: 1; +} +.gwt-SuggestBoxPopup .suggestPopupBottomRightInner { + width: 8px; + height: 8px; + zoom: 1; +} +.gwt-SuggestBoxPopup .suggestPopupTopLeft { + background: url(images/corner.png) no-repeat 0px -23px; + -background: url(images/corner_ie6.png) no-repeat 0px -23px; +} +.gwt-SuggestBoxPopup .suggestPopupTopRight { + background: url(images/corner.png) no-repeat -5px -23px; + -background: url(images/corner_ie6.png) no-repeat -5px -23px; +} +.gwt-SuggestBoxPopup .suggestPopupBottomLeft { + background: url(images/corner.png) no-repeat 0px -28px; + -background: url(images/corner_ie6.png) no-repeat 0px -28px; +} +.gwt-SuggestBoxPopup .suggestPopupBottomRight { + background: url(images/corner.png) no-repeat -5px -28px; + -background: url(images/corner_ie6.png) no-repeat -5px -28px; +} +* html .gwt-SuggestBoxPopup .suggestPopupTopLeftInner { + width: 5px; + height: 5px; + overflow: hidden; +} +* html .gwt-SuggestBoxPopup .suggestPopupTopRightInner { + width: 8px; + height: 5px; + overflow: hidden; +} +* html .gwt-SuggestBoxPopup .suggestPopupBottomLeftInner { + width: 5px; + height: 8px; + overflow: hidden; +} +* html .gwt-SuggestBoxPopup .suggestPopupBottomRightInner { + width: 8px; + height: 8px; + overflow: hidden; +} + +.gwt-TabBar { +} +.gwt-TabBar .gwt-TabBarFirst { + width: 5px; /* first tab distance from the left */ +} +.gwt-TabBar .gwt-TabBarRest { +} +.gwt-TabBar .gwt-TabBarItem { + margin-left: 6px; + padding: 3px 6px 3px 6px; + cursor: pointer; + cursor: hand; + color: black; + font-weight: bold; + text-align: center; + background: #d0e4f6; +} +.gwt-TabBar .gwt-TabBarItem-selected { + cursor: default; + background: #92c1f0; +} +.gwt-TabBar .gwt-TabBarItem-disabled { + cursor: default; + color: #999999; +} +.gwt-TabPanel { +} +.gwt-TabPanelBottom { + border-color: #92c1f0; + border-style: solid; + border-width: 3px 2px 2px; + overflow: hidden; + padding: 6px; +} + +.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 .tabTopCenter { + padding: 0px; + background: #d0e4f6; +} +.gwt-DecoratedTabBar .tabTopLeft, +.gwt-DecoratedTabBar .tabTopRight { + padding: 0px; + zoom: 1; +} +.gwt-DecoratedTabBar .tabTopLeftInner, +.gwt-DecoratedTabBar .tabTopRightInner { + width: 6px; + height: 6px; +} +.gwt-DecoratedTabBar .tabTopLeft { + background: url(images/corner.png) no-repeat 0px -55px; + -background: url(images/corner_ie6.png) no-repeat 0px -55px; +} +.gwt-DecoratedTabBar .tabTopRight { + background: url(images/corner.png) no-repeat -6px -55px; + -background: url(images/corner_ie6.png) no-repeat -6px -55px; +} +* html .gwt-DecoratedTabBar .tabTopLeftInner, +* html .gwt-DecoratedTabBar .tabTopRightInner { + width: 6px; + height: 6px; + overflow: hidden; +} +.gwt-DecoratedTabBar .tabMiddleLeft, +.gwt-DecoratedTabBar .tabMiddleRight { + width: 6px; + padding: 0px; + background: #d0e4f6; +} +.gwt-DecoratedTabBar .tabMiddleLeftInner, +.gwt-DecoratedTabBar .tabMiddleRightInner { + width: 1px; + height: 1px; +} +.gwt-DecoratedTabBar .tabMiddleCenter { + padding: 0px 4px 2px 4px; + cursor: pointer; + cursor: hand; + color: black; + font-weight: bold; + text-align: center; + background: #d0e4f6; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopCenter { + background: #92c1f0; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopLeft { + background-position: 0px -61px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabTopRight { + background-position: -6px -61px; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleLeft, +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleRight { + background: #92c1f0; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-selected .tabMiddleCenter { + cursor: default; + background: #92c1f0; +} +.gwt-DecoratedTabBar .gwt-TabBarItem-disabled .tabMiddleCenter { + cursor: default; + color: #999999; +} + +.gwt-TextArea { + padding: 2px; +} +.gwt-TextArea-readonly { + color: #888; +} + +.gwt-TextBox { + padding: 2px; +} +.gwt-TextBox-readonly { + color: #888; +} + +.gwt-ToggleButton-up, +.gwt-ToggleButton-up-hovering, +.gwt-ToggleButton-up-disabled, +.gwt-ToggleButton-down, +.gwt-ToggleButton-down-hovering, +.gwt-ToggleButton-down-disabled { + margin: 0; + text-decoration: none; + background: url("images/hborder.png") repeat-x 0px -27px; +} +.gwt-ToggleButton-up, +.gwt-ToggleButton-up-hovering, +.gwt-ToggleButton-up-disabled { + padding: 3px 5px 3px 5px; +} +.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, +.gwt-ToggleButton-down-hovering, +.gwt-ToggleButton-down-disabled { + padding: 4px 4px 2px 6px; +} +.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); +} + +.gwt-Tree .gwt-TreeItem { + padding: 1px 0px; + margin: 0px; + white-space: nowrap; + cursor: hand; + cursor: pointer; + zoom: 1; +} +.gwt-Tree .gwt-TreeItem-selected { + background: #93c2f1 url(images/hborder.png) repeat-x 0px -1463px; +} +.gwt-TreeItem .gwt-RadioButton input, +.gwt-TreeItem .gwt-CheckBox input { + margin-right: 0px; +} +* html .gwt-TreeItem .gwt-RadioButton input, +* html .gwt-TreeItem .gwt-CheckBox input { + margin-right: -4px; +} + +.gwt-DateBox input { + width: 8em; +} +.dateBoxFormatError { + background: #ffcccc; +} +.dateBoxPopup { +} + +.gwt-DatePicker { + border: 1px solid #A2BBDD; + cursor: default; +} +.gwt-DatePicker td, +.datePickerMonthSelector td:focus { + outline: none +} +.datePickerDays { + width: 100%; + background: white; +} +.datePickerDay, +.datePickerWeekdayLabel, +.datePickerWeekendLabel { + font-size: 75%; + text-align: center; + padding: 4px; + outline: none; +} +.datePickerWeekdayLabel, +.datePickerWeekendLabel { + background: #C3D9FF; + padding: 0px 4px 2px; + cursor: default; +} +.datePickerDay { + padding: 4px; + cursor: hand; + cursor: pointer; +} +.datePickerDayIsToday { + border: 1px solid black; + padding: 3px; +} +.datePickerDayIsWeekend { + background: #EEEEEE; +} +.datePickerDayIsFiller { + color: #888888; +} +.datePickerDayIsValue { + background: #aaccee; +} +.datePickerDayIsDisabled { + color: #AAAAAA; + font-style: italic; +} +.datePickerDayIsHighlighted { + background: #F0E68C; +} +.datePickerDayIsValueAndHighlighted { + background: #bbddd9; +} +.datePickerMonthSelector { + background: #C3D9FF; + width: 100%; +} +td.datePickerMonth, +td.datePickerYear { + text-align: center; + vertical-align: middle; + white-space: nowrap; + font-size: 70%; + font-weight: bold; + color: blue; +} +.datePickerPreviousButton, +.datePickerNextButton, +.datePickerPreviousYearButton, +.datePickerNextYearButton { + font-size: 120%; + line-height: 1em; + color: blue; + cursor: hand; + cursor: pointer; + padding: 0px 4px; +} + +.gwt-StackLayoutPanel { + border-bottom: 1px solid #bbbbbb; +} +.gwt-StackLayoutPanel .gwt-StackLayoutPanelHeader { + 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-StackLayoutPanel .gwt-StackLayoutPanelHeader-hovering { + background: #d3def6 url(images/hborder.png) repeat-x 0px -1464px; +} +.gwt-StackLayoutPanel .gwt-StackLayoutPanelContent { + border: 1px solid #bbbbbb; + border-bottom: 0px; + background: white; + padding: 2px 5px 10px 2px; +} + +.gwt-TabLayoutPanel { +} +.gwt-TabLayoutPanel .gwt-TabLayoutPanelTabs { +} +.gwt-TabLayoutPanelContentContainer { + border-color: #92c1f0; + border-style: solid; + border-width: 2px 1px 1px; +} +.gwt-TabLayoutPanel .gwt-TabLayoutPanelContent { + border-color: #92c1f0; + border-style: solid; + border-width: 1px; + overflow: hidden; + padding: 6px; +} +.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab { + margin-left: 6px; + padding: 3px 6px 3px 6px; + cursor: pointer; + cursor: hand; + color: black; + font-weight: bold; + text-align: center; + background: #d0e4f6; +} +.gwt-TabLayoutPanel .gwt-TabLayoutPanelTab-selected { + cursor: default; + background: #92c1f0; +} + +.gwt-SplitLayoutPanel-HDragger { + background: #d0e4f6 url(images/splitPanelThumb.png) center center no-repeat; + cursor: col-resize; +} + +.gwt-SplitLayoutPanel-VDragger { + background: #d0e4f6 url(images/splitPanelThumb.png) center center no-repeat; + cursor: row-resize; +} Added: devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtcanvasdemo/gwtcanvasdemo.nocache.js URL: http://svn.apache.org/viewvc/devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtcanvasdemo/gwtcanvasdemo.nocache.js?rev=1749209&view=auto ============================================================================== --- devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtcanvasdemo/gwtcanvasdemo.nocache.js (added) +++ devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtcanvasdemo/gwtcanvasdemo.nocache.js Sun Jun 19 21:56:46 2016 @@ -0,0 +1,271 @@ +/* + * Copyright 2014 Google Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); you may not + * use this file except in compliance with the License. You may obtain a copy of + * the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations under + * the License. + */ + +/** + * This startup script is used when we run superdevmode from an app server. + * + * The main goal is to avoid installing bookmarklets for host:port/module + * to load and recompile the application. + */ +(function($wnd, $doc){ + // Don't support browsers without session storage: IE6/7 + var badBrowser = 'Unable to load Super Dev Mode of "gwtcanvasdemo" because\n'; + if (!('sessionStorage' in $wnd)) { + $wnd.alert(badBrowser + 'this browser does not support "sessionStorage".'); + return; + } + + //We don't import properties.js so we have to update active modules here + $wnd.__gwt_activeModules = $wnd.__gwt_activeModules || {}; + $wnd.__gwt_activeModules['gwtcanvasdemo'] = { + 'moduleName' : 'gwtcanvasdemo', + 'bindings' : function() { + return {}; + } + }; + + // Reuse compute script base + /* + * Copyright 2012 Google Inc. + * + * Licensed under the Apache License, Version 2.0 (the "License"); you may not + * use this file except in compliance with the License. You may obtain a copy of + * the License at + * + * http://www.apache.org/licenses/LICENSE-2.0 + * + * Unless required by applicable law or agreed to in writing, software + * distributed under the License is distributed on an "AS IS" BASIS, WITHOUT + * WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the + * License for the specific language governing permissions and limitations under + * the License. + */ + +/** + * A simplified version of computeScriptBase.js that's used only when running + * in Super Dev Mode. (We don't want the default version because it allows the + * web page to override it using a meta tag.) + * + * Prerequisite: we assume that the first script tag using a URL ending with + * "/gwtcanvasdemo.nocache.js" is the one that loaded us. Normally this happens + * because DevModeRedirectHook.js loaded this nocache.js script by prepending a + * script tag with an absolute URL to head. (However, it's also okay for an html + * file included in the GWT compiler's output to load the nocache.js file using + * a relative URL.) + */ +function computeScriptBase() { + // TODO(skybrian) This approach won't work for workers. + + $wnd.__gwt_activeModules['gwtcanvasdemo'].superdevmode = true; + + var expectedSuffix = '/gwtcanvasdemo.nocache.js'; + + var scriptTags = $doc.getElementsByTagName('script'); + for (var i = 0;; i++) { + var tag = scriptTags[i]; + if (!tag) { + break; + } + var candidate = tag.src; + var lastMatch = candidate.lastIndexOf(expectedSuffix); + if (lastMatch == candidate.length - expectedSuffix.length) { + // Assumes that either the URL is absolute, or it's relative + // and the html file is hosted by this code server. + return candidate.substring(0, lastMatch + 1); + } + } + + $wnd.alert('Unable to load Super Dev Mode version of ' + gwtcanvasdemo + "."); +} +; + + // document.head does not exist in IE8 + var $head = $doc.head || $doc.getElementsByTagName('head')[0]; + + // Quick way to compute the user.agent, it works almost the same than + // UserAgentPropertyGenerator, but we cannot reuse it without depending + // on gwt-user.jar. + // This reduces compilation time since we only compile for one ua. + var ua = $wnd.navigator.userAgent.toLowerCase(); + var docMode = $doc.documentMode || 0; + ua = /webkit/.test(ua)? 'safari' : /gecko/.test(ua) || docMode > 10 ? 'gecko1_8' : + /msie/.test(ua) && docMode > 7 ? 'ie' + docMode : ''; + if (!ua && docMode) { + $wnd.alert(badBrowser + 'your browser is running "Compatibility View" for IE' + docMode + '.'); + return; + } + + // We use a different key for each module so that we can turn on dev mode + // independently for each. + var devModeHookKey = '__gwtDevModeHook:gwtcanvasdemo'; + var devModeSessionKey = '__gwtDevModeSession:gwtcanvasdemo'; + + // Compute some codeserver urls so as the user does not need bookmarklets + var hostName = $wnd.location.hostname; + var serverUrl = 'http://' + hostName + ':9876'; + var nocacheUrl = serverUrl + '/gwtcanvasdemo/gwtcanvasdemo.nocache.js'; + + // Save supder-devmode url in session + $wnd.sessionStorage[devModeHookKey] = nocacheUrl; + // Save user.agent in session + $wnd.sessionStorage[devModeSessionKey] = 'user.agent=' + ua + '&'; + + // Set bookmarklet params in window + $wnd.__gwt_bookmarklet_params = {'server_url': serverUrl}; + // Save the original module base. (Returned by GWT.getModuleBaseURL.) + $wnd[devModeHookKey + ':moduleBase'] = computeScriptBase(); + + // Needed in the real nocache.js logic + $wnd.__gwt_activeModules['gwtcanvasdemo'].canRedirect = true; + $wnd.__gwt_activeModules['gwtcanvasdemo'].superdevmode = true; + + // Insert the superdevmode nocache script in the first position of the head + var devModeScript = $doc.createElement('script'); + devModeScript.src = nocacheUrl; + + // Show a div in a corner for adding buttons to recompile the app. + // We reuse the same div in all modules of this page for stacking buttons + // and to make it available in jsni. + // The user can remove this: .gwt-DevModeRefresh {display:none} + $wnd.__gwt_compileElem = $wnd.__gwt_compileElem || $doc.createElement('div'); + $wnd.__gwt_compileElem.className = 'gwt-DevModeRefresh'; + + // Create the compile button for this module + var compileButton = $doc.createElement('div'); + $wnd.__gwt_compileElem.appendChild(compileButton); + // Number of modules present in the window + var moduleIdx = $wnd.__gwt_compileElem.childNodes.length; + // Each button has a class with its index number + var buttonClassName = 'gwt-DevModeCompile gwt-DevModeModule-' + moduleIdx; + compileButton.className = buttonClassName; + // The status message container + compileButton.innerHTML = '<div></div>'; + // User knows who module to compile, hovering the button + compileButton.title = 'Compile module:\ngwtcanvasdemo'; + + // Use CSS so the app could change button style + var compileStyle = $doc.createElement('style'); + compileStyle.language = 'text/css'; + $head.appendChild(compileStyle); + var css = + ".gwt-DevModeRefresh{" + + "position:fixed;" + + "right:3px;" + + "bottom:3px;" + + "font-family:arial;" + + "font-size:1.8em;" + + "cursor:pointer;" + + "color:#B62323;" + + "text-shadow:grey 1px 1px 3px;" + + "z-index:2147483646;" + + "white-space:nowrap;" + + "}" + + ".gwt-DevModeCompile{" + + "position:relative;" + + "float:left;" + + "width:1em;" + + "}" + + ".gwt-DevModeCompile div{" + + "position:absolute;" + + "right:1em;" + + "bottom:-3px;" + + "font-size:0.3em;" + + "opacity:1;" + + "direction:rtl;" + + "}" + + ".gwt-DevModeCompile:before{" + + "content:'\u21bb';" + + "}" + + ".gwt-DevModeCompiling:before{" + + // IE8 fails when setting content here + "opacity:0.1;" + + "}" + + ".gwt-DevModeCompile div:before{" + + "content:'GWT';" + + "}" + + ".gwt-DevModeError div:before{" + + "content:'FAILED';" + + "}"; + // Only insert common css the first time + css = (moduleIdx == 1 ? css : '') + + ".gwt-DevModeModule-" + moduleIdx + ".gwt-DevModeCompiling div:before{" + + "content:'COMPILING gwtcanvasdemo';" + + "font-size:24px;" + + "color:#d2d9ee;" + + "}"; + if ('styleSheet' in compileStyle) { + // IE8 + compileStyle.styleSheet.cssText = css; + } else { + compileStyle.appendChild($doc.createTextNode(css)); + } + + // Set a different compile function name per module + var compileFunction = '__gwt_compile_' + moduleIdx; + + compileButton.onclick = function() { + $wnd[compileFunction](); + }; + + // defer so as the body is ready + setTimeout(function(){ + $head.insertBefore(devModeScript, $head.firstElementChild || $head.children[0]); + $doc.body.appendChild($wnd.__gwt_compileElem); + }, 1); + + // Flag to avoid compiling in parallel. + var compiling = false; + // Compile function available in window so as it can be run from jsni. + // TODO(manolo): make Super Dev Mode script set this function in __gwt_activeModules + $wnd[compileFunction] = function() { + if (compiling) { + return; + } + compiling = true; + + // Compute an unique name for each callback to avoid cache issues + // in IE, and to avoid the same function being called twice. + var callback = '__gwt_compile_callback_' + moduleIdx + '_' + new Date().getTime(); + $wnd[callback] = function(r) { + if (r && r.status && r.status == 'ok') { + $wnd.location.reload(); + } + compileButton.className = buttonClassName + ' gwt-DevModeError'; + delete $wnd[callback]; + compiling = false; + }; + + // Insert the jsonp script to compile the current module + // TODO(manolo): we don't have a way to detect when the server is unreachable, + // maybe a request returning status='idle' + var compileScript = $doc.createElement('script'); + compileScript.src = serverUrl + + '/recompile/gwtcanvasdemo?user.agent=' + ua + '&_callback=' + callback; + $head.appendChild(compileScript); + compileButton.className = buttonClassName + ' gwt-DevModeCompiling'; + } + + // Run this block after the app has been loaded. + setTimeout(function(){ + // Maintaining the hook key in session can cause problems + // if we try to run classic code server so we remove it + // after a while. + $wnd.sessionStorage.removeItem(devModeHookKey); + + // Re-attach compile button because sometimes app clears the dom + $doc.body.appendChild($wnd.__gwt_compileElem); + }, 2000); +})(window, document); Added: devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtcanvasdemo/hosted.html URL: http://svn.apache.org/viewvc/devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtcanvasdemo/hosted.html?rev=1749209&view=auto ============================================================================== --- devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtcanvasdemo/hosted.html (added) +++ devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtcanvasdemo/hosted.html Sun Jun 19 21:56:46 2016 @@ -0,0 +1,366 @@ +<html> +<head><script> +var $wnd = parent; +var $doc = $wnd.document; +var $moduleName, $moduleBase, $entry +,$stats = $wnd.__gwtStatsEvent ? function(a) {return $wnd.__gwtStatsEvent(a);} : null +,$sessionId = $wnd.__gwtStatsSessionId ? $wnd.__gwtStatsSessionId : null; +// Lightweight metrics +if ($stats) { + var moduleFuncName = location.search.substr(1); + var moduleFunc = $wnd[moduleFuncName]; + var moduleName = moduleFunc ? moduleFunc.moduleName : "unknown"; + $stats({moduleName:moduleName,sessionId:$sessionId,subSystem:'startup',evtGroup:'moduleStartup',millis:(new Date()).getTime(),type:'moduleEvalStart'}); +} +var $hostedHtmlVersion="2.1"; + +var gwtOnLoad; +var $hosted = "localhost:9997"; + +function loadIframe(url) { + var topDoc = window.top.document; + + // create an iframe + var iframeDiv = topDoc.createElement("div"); + iframeDiv.innerHTML = "<iframe scrolling=no frameborder=0 src='" + url + "'>"; + var iframe = iframeDiv.firstChild; + + // mess with the iframe style a little + var iframeStyle = iframe.style; + iframeStyle.position = "absolute"; + iframeStyle.borderWidth = "0"; + iframeStyle.left = "0"; + iframeStyle.top = "0"; + iframeStyle.width = "100%"; + iframeStyle.backgroundColor = "#ffffff"; + iframeStyle.zIndex = "1"; + iframeStyle.height = "100%"; + + // update the top window's document's body's style + var hostBodyStyle = window.top.document.body.style; + hostBodyStyle.margin = "0"; + hostBodyStyle.height = iframeStyle.height; + hostBodyStyle.overflow = "hidden"; + + // insert the iframe + topDoc.body.insertBefore(iframe, topDoc.body.firstChild); +} + +var ua = navigator.userAgent.toLowerCase(); +if (ua.indexOf("gecko") != -1) { + // install eval wrapper on FF to avoid EvalError problem + var __eval = window.eval; + window.eval = function(s) { + return __eval(s); + } +} +if (ua.indexOf("chrome") != -1) { + // work around __gwt_ObjectId appearing in JS objects + var hop = Object.prototype.hasOwnProperty; + Object.prototype.hasOwnProperty = function(prop) { + return prop != "__gwt_ObjectId" && hop.call(this, prop); + }; + // do the same in our parent as well -- see issue 4486 + // NOTE: this will have to be changed when we support non-iframe-based DevMode + var hop2 = parent.Object.prototype.hasOwnProperty; + parent.Object.prototype.hasOwnProperty = function(prop) { + return prop != "__gwt_ObjectId" && hop2.call(this, prop); + }; +} + +// wrapper to call JS methods, which we need both to be able to supply a +// different this for method lookup and to get the exception back +function __gwt_jsInvoke(thisObj, methodName) { + try { + var args = Array.prototype.slice.call(arguments, 2); + return [0, window[methodName].apply(thisObj, args)]; + } catch (e) { + return [1, e]; + } +} + +var __gwt_javaInvokes = []; +function __gwt_makeJavaInvoke(argCount) { + return __gwt_javaInvokes[argCount] || __gwt_doMakeJavaInvoke(argCount); +} + +function __gwt_doMakeJavaInvoke(argCount) { + // IE6 won't eval() anonymous functions except as r-values + var argList = ""; + for (var i = 0; i < argCount; i++) { + argList += ",p" + i; + } + var argListNoComma = argList.substring(1); + + return eval( + "__gwt_javaInvokes[" + argCount + "] =\n" + + " function(thisObj, dispId" + argList + ") {\n" + + " var result = __static(dispId, thisObj" + argList + ");\n" + + " if (result[0]) {\n" + + " throw result[1];\n" + + " } else {\n" + + " return result[1];\n" + + " }\n" + + " }\n" + ); +} + +/* + * This is used to create tear-offs of Java methods. Each function corresponds + * to exactly one dispId, and also embeds the argument count. We get the "this" + * value from the context in which the function is being executed. + * Function-object identity is preserved by caching in a sparse array. + */ +var __gwt_tearOffs = []; +var __gwt_tearOffGenerators = []; +function __gwt_makeTearOff(proxy, dispId, argCount) { + return __gwt_tearOffs[dispId] || __gwt_doMakeTearOff(dispId, argCount); +} + +function __gwt_doMakeTearOff(dispId, argCount) { + return __gwt_tearOffs[dispId] = + (__gwt_tearOffGenerators[argCount] || __gwt_doMakeTearOffGenerator(argCount))(dispId); +} + +function __gwt_doMakeTearOffGenerator(argCount) { + // IE6 won't eval() anonymous functions except as r-values + var argList = ""; + for (var i = 0; i < argCount; i++) { + argList += ",p" + i; + } + var argListNoComma = argList.substring(1); + + return eval( + "__gwt_tearOffGenerators[" + argCount + "] =\n" + + " function(dispId) {\n" + + " return function(" + argListNoComma + ") {\n" + + " var result = __static(dispId, this" + argList + ");\n" + + " if (result[0]) {\n" + + " throw result[1];\n" + + " } else {\n" + + " return result[1];\n" + + " }\n" + + " }\n" + + " }\n" + ); +} + +function __gwt_makeResult(isException, result) { + return [isException, result]; +} + +function __gwt_disconnected() { + // Prevent double-invocation. + window.__gwt_disconnected = new Function(); + // Do it in a timeout so we can be sure we have a clean stack. + window.setTimeout(__gwt_disconnected_impl, 1); +} + +function __gwt_disconnected_impl() { + __gwt_displayGlassMessage('GWT Code Server Disconnected', + 'Most likely, you closed GWT Development Mode. Or, you might have lost ' + + 'network connectivity. To fix this, try restarting GWT Development Mode and ' + + 'refresh this page.'); +} + +// Keep track of z-index to allow layering of multiple glass messages +var __gwt_glassMessageZIndex = 2147483647; + +// Note this method is also used by ModuleSpace.java +function __gwt_displayGlassMessage(summary, details) { + var topWin = window.top; + var topDoc = topWin.document; + var outer = topDoc.createElement("div"); + // Do not insert whitespace or outer.firstChild will get a text node. + outer.innerHTML = + '<div style="position:absolute;z-index:' + __gwt_glassMessageZIndex-- + + ';left:50px;top:50px;width:600px;color:#FFF;font-family:verdana;text-align:left;">' + + '<div style="font-size:30px;font-weight:bold;">' + summary + '</div>' + + '<div style="font-size:15px;">' + details + '</div>' + + '</div>' + + '<div style="position:absolute;z-index:' + __gwt_glassMessageZIndex-- + + ';left:0px;top:0px;right:0px;bottom:0px;filter:alpha(opacity=60);opacity:0.6;background-color:#000;"></div>' + ; + topDoc.body.appendChild(outer); + var glass = outer.firstChild; + var glassStyle = glass.style; + + // Scroll to the top and remove scrollbars. + topWin.scrollTo(0, 0); + if (topDoc.compatMode == "BackCompat") { + topDoc.body.style["overflow"] = "hidden"; + } else { + topDoc.documentElement.style["overflow"] = "hidden"; + } + + // Steal focus. + glass.focus(); + + if ((navigator.userAgent.indexOf("MSIE") >= 0) && (topDoc.compatMode == "BackCompat")) { + // IE quirks mode doesn't support right/bottom, but does support this. + glassStyle.width = "125%"; + glassStyle.height = "100%"; + } else if (navigator.userAgent.indexOf("MSIE 6") >= 0) { + // IE6 doesn't have a real standards mode, so we have to use hacks. + glassStyle.width = "125%"; // Get past scroll bar area. + // Nasty CSS; onresize would be better but the outer window won't let us add a listener IE. + glassStyle.setExpression("height", "document.documentElement.clientHeight"); + } + + $doc.title = summary + " [" + $doc.title + "]"; +} + +function findPluginObject() { + try { + return document.getElementById('pluginObject'); + } catch (e) { + return null; + } +} + +function findPluginEmbed() { + try { + return document.getElementById('pluginEmbed') + } catch (e) { + return null; + } +} + +function findPluginXPCOM() { + try { + return __gwt_HostedModePlugin; + } catch (e) { + return null; + } +} + +gwtOnLoad = function(errFn, modName, modBase){ + $moduleName = modName; + $moduleBase = modBase; + + // Note that the order is important + var pluginFinders = [ + findPluginXPCOM, + findPluginObject, + findPluginEmbed, + ]; + var topWin = window.top; + var url = topWin.location.href; + if (!topWin.__gwt_SessionID) { + var ASCII_EXCLAMATION = 33; + var ASCII_TILDE = 126; + var chars = []; + for (var i = 0; i < 16; ++i) { + chars.push(Math.floor(ASCII_EXCLAMATION + + Math.random() * (ASCII_TILDE - ASCII_EXCLAMATION + 1))); + } + topWin.__gwt_SessionID = String.fromCharCode.apply(null, chars); + } + var plugin = null; + for (var i = 0; i < pluginFinders.length; ++i) { + try { + var maybePlugin = pluginFinders[i](); + if (maybePlugin != null && maybePlugin.init(window)) { + plugin = maybePlugin; + break; + } + } catch (e) { + } + } + if (!plugin) { + // try searching for a v1 plugin for backwards compatibility + var found = false; + for (var i = 0; i < pluginFinders.length; ++i) { + try { + plugin = pluginFinders[i](); + if (plugin != null && plugin.connect($hosted, $moduleName, window)) { + return; + } + } catch (e) { + } + } + loadIframe("http://www.gwtproject.org/missing-plugin/";); + } else { + if (plugin.connect(url, topWin.__gwt_SessionID, $hosted, $moduleName, + $hostedHtmlVersion)) { + // take over the onunload function, wrapping any existing call if it exists + var oldUnload = window.onunload; + window.onunload = function() { + // run wrapped unload first in case it is running gwt code + !!oldUnload && oldUnload(); + try { + // wrap in try/catch since plugins are not required to supply this + plugin.disconnect(); + } catch (e) { + } + }; + } else { + if (errFn) { + errFn(modName); + } else { + __gwt_displayGlassMessage( + "Plugin failed to connect to Development Mode server at " + simpleEscape($hosted), + "Follow the troubleshooting instructions at " + + "<a href='http://code.google.com/p/google-web-toolkit/wiki/TroubleshootingOOPHM'>" + + "http://code.google.com/p/google-web-toolkit/wiki/TroubleshootingOOPHM</a>"); + } + } + } +} + +function simpleEscape(originalString) { + return originalString.replace(/&/g,"&") + .replace(/</g,"<") + .replace(/>/g,">") + .replace(/\'/g, "'") + .replace(/\"/g,"""); +} + +// Lightweight metrics +window.fireOnModuleLoadStart = function(className) { + $stats && $stats({moduleName:$moduleName, sessionId:$sessionId, subSystem:'startup', evtGroup:'moduleStartup', millis:(new Date()).getTime(), type:'onModuleLoadStart', className:className}); +}; + +window.__gwt_module_id = 0; +</script></head> +<body> +<font face='arial' size='-1'>This html file is for Development Mode support.</font> +<script><!-- +// Lightweight metrics +$stats && $stats({moduleName:$moduleName, sessionId:$sessionId, subSystem:'startup', evtGroup:'moduleStartup', millis:(new Date()).getTime(), type:'moduleEvalEnd'}); + +// OOPHM currently only supports IFrameLinker +var query = parent.location.search; +if (!findPluginXPCOM()) { + document.write('<embed id="pluginEmbed" type="application/x-gwt-hosted-mode" width="10" height="10">'); + document.write('</embed>'); + document.write('<object id="pluginObject" CLASSID="CLSID:1D6156B6-002B-49E7-B5CA-C138FB843B4E">'); + document.write('</object>'); +} + +// look for the old query parameter if we don't find the new one +var idx = query.indexOf("gwt.codesvr="); +if (idx >= 0) { + idx += 12; // "gwt.codesvr=".length() == 12 +} else { + idx = query.indexOf("gwt.hosted="); + if (idx >= 0) { + idx += 11; // "gwt.hosted=".length() == 11 + } +} +if (idx >= 0) { + var amp = query.indexOf("&", idx); + if (amp >= 0) { + $hosted = query.substring(idx, amp); + } else { + $hosted = query.substring(idx); + } + + // According to RFC 3986, some of this component's characters (e.g., ':') + // are reserved and *may* be escaped. + $hosted = decodeURIComponent($hosted); +} + +query = window.location.search.substring(1); +if (query && $wnd[query]) setTimeout($wnd[query].onScriptLoad, 1); +--></script></body></html> Added: devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtlogo.png URL: http://svn.apache.org/viewvc/devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtlogo.png?rev=1749209&view=auto ============================================================================== Binary file - no diff available. Propchange: devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtlogo.png ------------------------------------------------------------------------------ svn:mime-type = application/octet-stream Added: devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtlogo40_40.png URL: http://svn.apache.org/viewvc/devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtlogo40_40.png?rev=1749209&view=auto ============================================================================== Binary file - no diff available. Propchange: devicemap/trunk/examples/1.0/java/gwtcanvas/war/gwtlogo40_40.png ------------------------------------------------------------------------------ svn:mime-type = application/octet-stream
