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