--- /dev/null
+/*\r
+© Copyright 2008 Nokia Corporation. All rights reserved.\r
+\r
+IMPORTANT: The Nokia software ("WRTKit and Example Widget files") is supplied to you by Nokia\r
+Corporation (“Nokia”) in consideration of your agreement to the following terms. Your use, installation\r
+and/or redistribution of the WRTKit and Example Widget files constitutes acceptance of these terms. If\r
+you do not agree with these terms, please do not use, install, or redistribute the WRTKit and Example\r
+Widget files.\r
+\r
+In consideration of your agreement to abide by the following terms, and subject to these terms, Nokia\r
+grants you a personal, non-exclusive license, under Nokia’s copyrights in the WRTKit and Example\r
+Widget files, to use, reproduce, and redistribute the WRTKit and Example files, in text form (for HTML,\r
+CSS, or JavaScript files) or binary form (for associated images), for the sole purpose of creating S60\r
+Widgets.\r
+\r
+If you redistribute the WRTKit and Example files, you must retain this entire notice in all such\r
+redistributions of the WRTKit and Example files.\r
+\r
+You may not use the name, trademarks, service marks or logos of Nokia to endorse or promote products\r
+that include the WRTKit and Example files without the prior written explicit agreement with Nokia.\r
+Except as expressly stated in this notice, no other rights or licenses, express or implied, are granted by\r
+Nokia herein, including but not limited to any patent rights that may be infringed by your products that\r
+incorporate the WRTKit and Example files or by other works in which the WRTKit and Example files\r
+may be incorporated.\r
+\r
+The WRTKit and Example files are provided on an "AS IS" basis. NOKIA MAKES NO\r
+WARRANTIES, EXPRESS OR IMPLIED, INCLUDING WITHOUT LIMITATION THE IMPLIED\r
+WARRANTIES OF NON-INFRINGEMENT, MERCHANTABILITY AND FITNESS FOR A\r
+PARTICULAR PURPOSE, REGARDING THE EXAMPLES OR ITS USE AND OPERATION\r
+ALONE OR IN COMBINATION WITH YOUR PRODUCTS.\r
+\r
+IN NO EVENT SHALL NOKIA BE LIABLE FOR ANY SPECIAL, INDIRECT, INCIDENTAL OR\r
+CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF\r
+SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS\r
+INTERRUPTION) ARISING IN ANY WAY OUT OF THE USE, REPRODUCTION, AND/OR\r
+DISTRIBUTION OF THE EXAMPLES, HOWEVER CAUSED AND WHETHER UNDER THEORY\r
+OF CONTRACT, TORT (INCLUDING NEGLIGENCE), STRICT LIABILITY OR OTHERWISE,\r
+EVEN IF NOKIA HAS BEEN ADVISED OF THE POSSIBILITY OF SUCH DAMAGE.\r
+\r
+*/\r
+\r
+/******************************************************************************/\r
+/* Definition of visuals for the WRTKit user interface toolkit */\r
+/******************************************************************************/\r
+\r
+/******************************************************************************/\r
+/* Document body rules */\r
+\r
+body {\r
+ margin: 0px;\r
+ background: url("DocumentBackground.png") repeat-x fixed;\r
+ font: normal 12px Arial, sans-serif;\r
+ color: rgb(0,0,0);\r
+}\r
+\r
+\r
+/******************************************************************************/\r
+/* Override default WRT styling for HTML form controls */\r
+\r
+/* Textarea when focused */\r
+textarea:focus {\r
+ outline: none;\r
+}\r
+\r
+/* Textarea when hovering */\r
+textarea:hover {\r
+ outline: none;\r
+}\r
+\r
+/* Select elements when focused */\r
+select:focus {\r
+ outline: none;\r
+}\r
+\r
+/* Select elements when hovering */\r
+select:hover {\r
+ outline: none;\r
+}\r
+\r
+/* Input elements when focused */\r
+input:focus {\r
+ outline: none;\r
+}\r
+\r
+/* Input elements when hovering */\r
+input:hover {\r
+ outline: none;\r
+}\r
+\r
+/* Link elements */\r
+a {\r
+ text-decoration: none;\r
+ color: rgb(0,0,0);\r
+}\r
+\r
+/* Links when focused */\r
+a:focus {\r
+ background: none;\r
+ outline: none;\r
+}\r
+\r
+/* Links when hovering */\r
+a:hover {\r
+ background: none;\r
+ outline: none;\r
+}\r
+\r
+\r
+/******************************************************************************/\r
+/* Rules for default view and document scrollbar containers */\r
+\r
+/* Default view container rules */\r
+.ViewContainer {\r
+ margin: 0px 0px 0px 0px;\r
+}\r
+\r
+/* Default document scrollbar container rules */\r
+.DocumentScrollbarContainer {\r
+ position: fixed;\r
+ right: 0px;\r
+ top: 0px;\r
+ height: 100%;\r
+ width: 7px;\r
+}\r
+\r
+\r
+/******************************************************************************/\r
+/* View style rules */\r
+\r
+/* Rules for the list view */\r
+.ListView {\r
+ margin: 0px 0px 0px 0px;\r
+}\r
+\r
+/* Rules for the list view caption */\r
+.ListViewCaption {\r
+ background: url("ListViewCaptionBackground.png");\r
+ height: 35px;\r
+}\r
+\r
+/* Rules for the list view caption text */\r
+.ListViewCaptionText {\r
+ font-size: 18px;\r
+ font-weight: bold;\r
+ padding: 7px 0px 0px 11px;\r
+}\r
+\r
+/* Rules for the list view control list element */\r
+.ListViewControlList {\r
+ margin: 1px 10px 1px 3px;\r
+}\r
+\r
+\r
+/******************************************************************************/\r
+/* Control style rules */\r
+\r
+/* Rules for control root element (rootElement) */\r
+.Control {\r
+ \r
+}\r
+\r
+/* Control assembly rules (assemblyElement) */\r
+.ControlAssembly {\r
+ background: url("ControlAssemblyBackground.png") repeat-x;\r
+ padding: 1px 5px;\r
+}\r
+\r
+/* Control assembly in normal state */\r
+.ControlAssemblyNormal {\r
+ background-position: 0px 0px;\r
+}\r
+\r
+/* Control assembly in focused state */\r
+.ControlAssemblyFocus {\r
+ background-position: 0px -250px;\r
+}\r
+\r
+/* Control assembly in hovering state */\r
+.ControlAssemblyHover {\r
+ background-position: 0px -500px;\r
+}\r
+\r
+/* Control assembly in disabled state */\r
+.ControlAssemblyDisabled {\r
+ background-position: 0px 0px;\r
+}\r
+\r
+/* Caption for controls (captionElement) */\r
+.ControlCaption {\r
+ font-weight: bold;\r
+ padding: 3px 0px 0px 3px;\r
+}\r
+\r
+/* Caption for controls in normal state */\r
+.ControlCaptionNormal {\r
+ \r
+}\r
+\r
+/* Caption for controls when focused */\r
+.ControlCaptionFocus {\r
+ color: rgb(255,255,255);\r
+}\r
+\r
+/* Caption for controls when hovering */\r
+.ControlCaptionHover {\r
+ \r
+}\r
+\r
+/* Caption for controls when disabled */\r
+.ControlCaptionDisabled {\r
+ color: rgb(125,125,125);\r
+}\r
+\r
+/* Control element rules (controlElement) */\r
+.ControlElement {\r
+ padding: 3px 3px 3px 3px;\r
+}\r
+\r
+/******************************************************************************/\r
+/* Label */\r
+\r
+/* Rules for the text value of a Label control */\r
+.LabelText {\r
+ \r
+}\r
+\r
+\r
+/******************************************************************************/\r
+/* ContentPanel */\r
+\r
+/* Caption area rules for non-foldable content panels */\r
+.ContentPanelCaptionNonFoldable {\r
+ padding: 3px 0px 0px 3px;\r
+}\r
+\r
+/* Caption area rules for foldable content panels */\r
+.ContentPanelCaptionFoldable {\r
+ padding: 4px 0px 3px 3px;\r
+}\r
+\r
+/* Rules for fold toggling element in content panel */\r
+.ContentPanelFoldToggle {\r
+ background: url("ContentPanelFoldIcons.png") no-repeat;\r
+ padding-left: 16px;\r
+}\r
+\r
+/* Collapsed fold */\r
+.ContentPanelFoldToggleCollapsed {\r
+ background-position: 0px 0px;\r
+}\r
+\r
+/* Expanded fold */\r
+.ContentPanelFoldToggleExpanded {\r
+ background-position: 0px -50px;\r
+}\r
+\r
+/* Rules for the content panel caption text */\r
+.ContentPanelCaptionText {\r
+ font-weight: bold;\r
+}\r
+\r
+/* Caption text for content panel in normal state */\r
+.ContentPanelCaptionTextNormal {\r
+ \r
+}\r
+\r
+/* Caption text for content panel when focused */\r
+.ContentPanelCaptionTextFocus {\r
+ color: rgb(255,255,255);\r
+}\r
+\r
+/* Caption text for content panel when hovering */\r
+.ContentPanelCaptionTextHover {\r
+ \r
+}\r
+\r
+/* Caption text for content panel when disabled */\r
+.ContentPanelCaptionTextDisabled {\r
+ color: rgb(125,125,125);\r
+}\r
+\r
+/* Rules for content in the content panel */\r
+.ContentPanelContent {\r
+ padding: 2px 2px 2px 8px;\r
+}\r
+\r
+\r
+/******************************************************************************/\r
+/* FormButton */\r
+\r
+/* Rules for form button */\r
+.FormButton {\r
+ \r
+}\r
+\r
+/* Rules for form button control element */\r
+.FormButtonControlElement {\r
+ \r
+}\r
+\r
+/* Rules for form button table (table) */\r
+.FormButtonTable {\r
+ width: 100%;\r
+ border-spacing: 0px;\r
+ padding: 0px;\r
+ table-layout: fixed;\r
+}\r
+\r
+/* Form button row (tr) */\r
+.FormButtonRow {\r
+ padding: 0px;\r
+}\r
+\r
+/* Rules for form button left cell (td) */\r
+.FormButtonLeftCell {\r
+ width: 8px;\r
+ height: 26px;\r
+ background: url("FormButtonLeft.png") no-repeat;\r
+ padding: 0px;\r
+}\r
+\r
+/* Rules for form button center cell (td) */\r
+.FormButtonCenterCell {\r
+ height: 26px;\r
+ background: url("FormButtonCenter.png") repeat-x;\r
+ padding: 0px;\r
+ vertical-align: middle;\r
+ text-align: center;\r
+}\r
+\r
+/* Rules for form button right cell (td) */\r
+.FormButtonRightCell {\r
+ width: 8px;\r
+ height: 26px;\r
+ background: url("FormButtonRight.png") no-repeat;\r
+ padding: 0px;\r
+}\r
+\r
+/* Rules for form button left cell in normal state (td) */\r
+.FormButtonLeftCellNormal {\r
+ background-position: 0px 0px;\r
+}\r
+\r
+/* Rules for form button left cell in focused state (td) */\r
+.FormButtonLeftCellFocus {\r
+ background-position: 0px -50px;\r
+}\r
+\r
+/* Rules for form button left cell in hover state (td) */\r
+.FormButtonLeftCellHover {\r
+ background-position: 0px -100px;\r
+}\r
+\r
+/* Rules for form button left cell in disabled state (td) */\r
+.FormButtonLeftCellDisabled {\r
+ background-position: 0px -150px;\r
+}\r
+\r
+/* Rules for form button center cell in normal state (td) */\r
+.FormButtonCenterCellNormal {\r
+ background-position: 0px 0px;\r
+}\r
+\r
+/* Rules for form button center cell in focused state (td) */\r
+.FormButtonCenterCellFocus {\r
+ background-position: 0px -50px;\r
+}\r
+\r
+/* Rules for form button center cell in hover state (td) */\r
+.FormButtonCenterCellHover {\r
+ background-position: 0px -100px;\r
+}\r
+\r
+/* Rules for form button center cell in disabled state (td) */\r
+.FormButtonCenterCellDisabled {\r
+ background-position: 0px -150px;\r
+}\r
+\r
+/* Rules for form button left cell in normal state (td) */\r
+.FormButtonRightCellNormal {\r
+ background-position: 0px 0px;\r
+}\r
+\r
+/* Rules for form button left cell in focused state (td) */\r
+.FormButtonRightCellFocus {\r
+ background-position: 0px -50px;\r
+}\r
+\r
+/* Rules for form button left cell in hover state (td) */\r
+.FormButtonRightCellHover {\r
+ background-position: 0px -100px;\r
+}\r
+\r
+/* Rules for form button left cell in disabled state (td) */\r
+.FormButtonRightCellDisabled {\r
+ background-position: 0px -150px;\r
+}\r
+\r
+/* Rules for form button text */\r
+.FormButtonText {\r
+ font-weight: bold;\r
+}\r
+\r
+/* Form button text in normal state */\r
+.FormButtonTextNormal {\r
+ color: rgb(255,255,255);\r
+}\r
+\r
+/* Form button text when focused */\r
+.FormButtonTextFocus {\r
+ color: rgb(255,255,255);\r
+}\r
+\r
+/* Form button text when hovering */\r
+.FormButtonTextHover {\r
+ color: rgb(255,255,255);\r
+}\r
+\r
+/* Form button text when disabled */\r
+.FormButtonTextDisabled {\r
+ color: rgb(200,200,200);\r
+}\r
+\r
+\r
+/******************************************************************************/\r
+/* NavigationButton */\r
+\r
+/* Rules for navigation button */\r
+.NavigationButton {\r
+ \r
+}\r
+\r
+/* Rules for navigation button control element */\r
+.NavigationButtonControlElement {\r
+ padding: 3px 3px 3px 3px;\r
+}\r
+\r
+/* Rules for navigation button table (table) */\r
+.NavigationButtonTable {\r
+ border-spacing: 0px;\r
+ padding: 0px;\r
+}\r
+\r
+/* Navigation button row (tr) */\r
+.NavigationButtonRow {\r
+ padding: 0px;\r
+}\r
+\r
+/* Rules for navigation button image cell (td) */\r
+.NavigationButtonImageCell {\r
+ line-height: 1px;\r
+ font-size: 1px;\r
+ vertical-align: middle;\r
+}\r
+\r
+/* Rules for navigation button text cell (td) */\r
+.NavigationButtonTextCell {\r
+ vertical-align: middle;\r
+ padding: 0px;\r
+}\r
+\r
+/* Rules for navigation button image */\r
+.NavigationButtonImage {\r
+ padding: 0px 5px 0px 0px;\r
+}\r
+\r
+/* Rules for navigation button text */\r
+.NavigationButtonText {\r
+ font-weight: bold;\r
+}\r
+\r
+/* Navigation button text in normal state */\r
+.NavigationButtonTextNormal {\r
+ \r
+}\r
+\r
+/* Navigation button text when focused */\r
+.NavigationButtonTextFocus {\r
+ color: rgb(255,255,255);\r
+}\r
+\r
+/* Navigation button text when hovering */\r
+.NavigationButtonTextHover {\r
+ \r
+}\r
+\r
+/* Navigation button text when disabled */\r
+.NavigationButtonTextDisabled {\r
+ color: rgb(125,125,125);\r
+}\r
+\r
+\r
+/******************************************************************************/\r
+/* TextField */\r
+\r
+/* Rules for textField */\r
+.TextField {\r
+ width: 100%;\r
+ border: 1px solid rgb(0,0,0);\r
+ background: rgb(255,255,255);\r
+ margin: 0px 0px 3px 0px;\r
+}\r
+\r
+/* TextField in normal state */\r
+.TextFieldNormal {\r
+ \r
+}\r
+\r
+/* TextField in focus state */\r
+.TextFieldFocus {\r
+ \r
+}\r
+\r
+/* TextField in hover state */\r
+.TextFieldHover {\r
+ \r
+}\r
+\r
+/* TextField in disabled state */\r
+.TextFieldDisabled {\r
+ color: rgb(50,50,50);\r
+ background: rgb(200,200,200);\r
+}\r
+\r
+\r
+/******************************************************************************/\r
+/* TextArea */\r
+\r
+/* Rules for TextArea */\r
+.TextArea {\r
+ width: 100%;\r
+ border: 1px solid rgb(0,0,0);\r
+ background: rgb(255,255,255);\r
+ margin: 0px 0px 3px 0px;\r
+}\r
+\r
+/* TextArea in normal state */\r
+.TextAreaNormal {\r
+ \r
+}\r
+\r
+/* TextArea in focus state */\r
+.TextAreaFocus {\r
+ \r
+}\r
+\r
+/* TextArea in hover state */\r
+.TextAreaHover {\r
+ \r
+}\r
+\r
+/* TextArea in disabled state */\r
+.TextAreaDisabled {\r
+ color: rgb(50,50,50);\r
+ background: rgb(200,200,200);\r
+}\r
+\r
+\r
+/******************************************************************************/\r
+/* Separator */\r
+\r
+/* Rules for Separator (table) */\r
+.Separator {\r
+ width: 100%;\r
+ padding: 0px;\r
+ border-spacing: 0px;\r
+ table-layout: fixed;\r
+ margin: 3px 0px;\r
+}\r
+\r
+/* Separator row (tr) */\r
+.SeparatorRow {\r
+ padding: 0px;\r
+}\r
+\r
+/* Separator left cell (td) */\r
+.SeparatorLeftCell {\r
+ width: 5px;\r
+ height: 2px;\r
+ background: url("SeparatorLeft.png") no-repeat;\r
+ padding: 0px;\r
+}\r
+\r
+/* Separator center cell (td) */\r
+.SeparatorCenterCell {\r
+ height: 2px;\r
+ background: url("SeparatorCenter.png") repeat-x;\r
+ padding: 0px;\r
+}\r
+\r
+/* Separator right cell (td) */\r
+.SeparatorRightCell {\r
+ width: 6px;\r
+ height: 2px;\r
+ background: url("SeparatorRight.png") no-repeat;\r
+ padding: 0px;\r
+}\r
+\r
+\r
+/******************************************************************************/\r
+/* SelectionMenu */\r
+\r
+/* Rules for SelectionMenu select element */\r
+.SelectionMenu {\r
+ width: 100%;\r
+ border: 1px solid rgb(0,0,0);\r
+ background: rgb(255,255,255);\r
+ margin: 0px 0px 3px 0px;\r
+}\r
+\r
+/* SelectionMenu in normal state */\r
+.SelectionMenuNormal {\r
+ \r
+}\r
+\r
+/* SelectionMenu in focus state */\r
+.SelectionMenuFocus {\r
+ \r
+}\r
+\r
+/* SelectionMenu in hover state */\r
+.SelectionMenuHover {\r
+ \r
+}\r
+\r
+/* SelectionMenu in disabled state */\r
+.SelectionMenuDisabled {\r
+ color: rgb(50,50,50);\r
+ background: rgb(200,200,200);\r
+}\r
+\r
+/* Rules for SelectionMenu option elements */\r
+.SelectionMenuOption {\r
+ background: rgb(255,255,255);\r
+}\r
+\r
+/* SelectionMenu option in normal state */\r
+.SelectionMenuOptionNormal {\r
+ \r
+}\r
+\r
+/* SelectionMenu option in focus state */\r
+.SelectionMenuOptionFocus {\r
+ \r
+}\r
+\r
+/* SelectionMenu option in hover state */\r
+.SelectionMenuOptionHover {\r
+ \r
+}\r
+\r
+/* SelectionMenu option in disabled state */\r
+.SelectionMenuOptionDisabled {\r
+ color: rgb(50,50,50);\r
+ background: rgb(200,200,200);\r
+}\r
+\r
+\r
+/******************************************************************************/\r
+/* SelectionList */\r
+\r
+/* SelectionList option list element */\r
+.SelectionList {\r
+ \r
+}\r
+\r
+/* SelectionList option list element in normal state */\r
+.SelectionListNormal {\r
+ \r
+}\r
+\r
+/* SelectionList option list element in focus state */\r
+.SelectionListFocus {\r
+ \r
+}\r
+\r
+/* SelectionList option list element in hover state */\r
+.SelectionListHover {\r
+ \r
+}\r
+\r
+/* SelectionList option list element in disabled state */\r
+.SelectionListDisabled {\r
+ \r
+}\r
+\r
+/* SelectionList option element in single selection mode */\r
+.SelectionListOptionSingle {\r
+ padding-left: 19px;\r
+ background: url("RadioButton.png") no-repeat;\r
+ height: 16px;\r
+}\r
+\r
+/* SelectionList option element in single selection mode, unchecked normal state */\r
+.SelectionListOptionSingleUncheckedNormal {\r
+ background-position: 0px 0px;\r
+}\r
+\r
+/* SelectionList option element in single selection mode, unchecked focus state */\r
+.SelectionListOptionSingleUncheckedFocus {\r
+ background-position: 0px -50px;\r
+}\r
+\r
+/* SelectionList option element in single selection mode, unchecked diabled state */\r
+.SelectionListOptionSingleUncheckedDisabled {\r
+ background-position: 0px -100px;\r
+}\r
+\r
+/* SelectionList option element in single selection mode, checked normal state */\r
+.SelectionListOptionSingleCheckedNormal {\r
+ background-position: 0px -150px;\r
+}\r
+\r
+/* SelectionList option element in single selection mode, checked focus state */\r
+.SelectionListOptionSingleCheckedFocus {\r
+ background-position: 0px -200px;\r
+}\r
+\r
+/* SelectionList option element in single selection mode, checked diabled state */\r
+.SelectionListOptionSingleCheckedDisabled {\r
+ background-position: 0px -250px;\r
+}\r
+\r
+/* SelectionList option element in multi selection mode */\r
+.SelectionListOptionMulti {\r
+ padding-left: 19px;\r
+ background: url("CheckBox.png") no-repeat;\r
+ height: 16px;\r
+}\r
+\r
+/* SelectionList option element in multi selection mode, unchecked normal state */\r
+.SelectionListOptionMultiUncheckedNormal {\r
+ background-position: 0px 0px;\r
+}\r
+\r
+/* SelectionList option element in multi selection mode, unchecked focus state */\r
+.SelectionListOptionMultiUncheckedFocus {\r
+ background-position: 0px -50px;\r
+}\r
+\r
+/* SelectionList option element in multi selection mode, unchecked diabled state */\r
+.SelectionListOptionMultiUncheckedDisabled {\r
+ background-position: 0px -100px;\r
+}\r
+\r
+/* SelectionList option element in multi selection mode, checked normal state */\r
+.SelectionListOptionMultiCheckedNormal {\r
+ background-position: 0px -150px;\r
+}\r
+\r
+/* SelectionList option element in multi selection mode, checked focus state */\r
+.SelectionListOptionMultiCheckedFocus {\r
+ background-position: 0px -200px;\r
+}\r
+\r
+/* SelectionList option element in multi selection mode, checked diabled state */\r
+.SelectionListOptionMultiCheckedDisabled {\r
+ background-position: 0px -250px;\r
+}\r
+\r
+/* SelectionList option text */\r
+.SelectionListOptionText {\r
+ \r
+}\r
+\r
+/* SelectionList option text in normal state */\r
+.SelectionListOptionTextNormal {\r
+ \r
+}\r
+\r
+/* SelectionList option text in focus state */\r
+.SelectionListOptionTextFocus {\r
+ color: rgb(255,255,255);\r
+}\r
+\r
+/* SelectionList option text in hover state */\r
+.SelectionListOptionTextHover {\r
+ \r
+}\r
+\r
+/* SelectionList option text in disabled state */\r
+.SelectionListOptionTextDisabled {\r
+ color: rgb(125,125,125);\r
+}\r
+\r
+\r
+/******************************************************************************/\r
+/* Scrollbar */\r
+\r
+/* Scrollbar root element */\r
+.Scrollbar {\r
+ position: absolute;\r
+ height: 100%;\r
+ width: 7px;\r
+}\r
+\r
+/* Top portion of scrollbar track */\r
+.ScrollbarTrackTop {\r
+ position: absolute;\r
+ background: url("ScrollbarTrackTop.png") no-repeat;\r
+ width: 7px;\r
+ height: 4px;\r
+}\r
+\r
+/* Middle portion of scrollbar track */\r
+.ScrollbarTrackMiddle {\r
+ position: absolute;\r
+ background: url("ScrollbarTrackMiddle.png") repeat-y;\r
+ width: 7px;\r
+}\r
+\r
+/* Bottom portion of scrollbar track */\r
+.ScrollbarTrackBottom {\r
+ position: absolute;\r
+ background: url("ScrollbarTrackBottom.png") no-repeat;\r
+ width: 7px;\r
+ height: 4px;\r
+}\r
+\r
+/* Top portion of scrollbar thumb */\r
+.ScrollbarThumbTop {\r
+ position: absolute;\r
+ background: url("ScrollbarThumbTop.png") no-repeat;\r
+ width: 7px;\r
+ height: 5px;\r
+}\r
+\r
+/* Middle portion of scrollbar thumb */\r
+.ScrollbarThumbMiddle {\r
+ position: absolute;\r
+ background: url("ScrollbarThumbMiddle.png") repeat-y;\r
+ width: 7px;\r
+}\r
+\r
+/* Bottom portion of scrollbar thumb */\r
+.ScrollbarThumbBottom {\r
+ position: absolute;\r
+ background: url("ScrollbarThumbBottom.png") no-repeat;\r
+ width: 7px;\r
+ height: 5px;\r
+}\r
+\r
+\r
+/******************************************************************************/\r
+/* NotificationPopup */\r
+\r
+/* Container that defines the area for the popup dialog */\r
+.NotificationPopupContainer {\r
+ position: fixed;\r
+ bottom: 0px;\r
+ left: 50%;\r
+ margin-left: -115px;\r
+ width: 230px;\r
+ height: 85px;\r
+}\r
+\r
+/* Notification popup dialog */\r
+.NotificationPopup {\r
+ position: absolute;\r
+ width: 230px;\r
+ height: 85px;\r
+ background: url("NotificationPopupBackground.png") repeat-x;\r
+ border: 1px solid rgb(0,0,0);\r
+}\r
+\r
+/* Notification type indicator */\r
+.NotificationPopupTypeIndicator {\r
+ position: absolute;\r
+ left: 195px;\r
+ top: 10px;\r
+ width: 24px;\r
+ height: 34px;\r
+ background: url("NotificationPopupTypeIndicator.png") no-repeat;\r
+}\r
+\r
+/* Notification type indicator for notifications of undefined type */\r
+.NotificationPopupTypeIndicatorNone {\r
+ background-position: 0px 0px;\r
+}\r
+\r
+/* Notification type indicator for info notifications */\r
+.NotificationPopupTypeIndicatorInfo {\r
+ background-position: 0px -50px;\r
+}\r
+\r
+/* Notification type indicator for warning notifications */\r
+.NotificationPopupTypeIndicatorWarning {\r
+ background-position: 0px -100px;\r
+}\r
+\r
+/* Notification type indicator for wait notifications */\r
+.NotificationPopupTypeIndicatorWait {\r
+ background-position: 0px -150px;\r
+}\r
+\r
+/* Notification text area */\r
+.NotificationPopupText {\r
+ position: absolute;\r
+ left: 10px;\r
+ top: 8px;\r
+ width: 180px;\r
+ height: 50px;\r
+}\r
+\r
+/* Progress bar */\r
+.NotificationPopupProgressBar {\r
+ position: absolute;\r
+ left: 6px;\r
+ top: 60px;\r
+ width: 218px;\r
+ height: 16px;\r
+}\r
projects / ptas / blobdiff