@apache-royale/royale-js
Version:
Apache Royale (formerly FlexJS)
1,154 lines (1,004 loc) • 35.1 kB
CSS
/*
*
* Licensed to the Apache Software Foundation (ASF) under one or more
* contributor license agreements. See the NOTICE file distributed with
* this work for additional information regarding copyright ownership.
* The ASF licenses this file to You 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.
*
*/
@namespace Basic "library://ns.apache.org/royale/basic";
@namespace "library://ns.apache.org/royale/mx";
@namespace charts "mx.charts.chartClasses.*";
@namespace core "mx.core.*";
@namespace containerBeads "mx.containers.beads.*";
@namespace adg "mx.controls.advancedDataGridClasses.*";
@namespace dg "mx.controls.dataGridClasses.*";
@namespace pop "mx.managers.*";
@namespace menu "mx.controls.menuClasses.*";
.royale *, . royale *:before, . royale *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
* {
font-family: Arial;
font-size: 12px;
}
global {
IStatesImpl: ClassReference("org.apache.royale.core.StatesWithTransitionsImpl");
IEffectTimer: ClassReference("org.apache.royale.utils.EffectTimer");
whiteSpaceCollapse: "collapse";
horizontalAlign: "left";
horizontalGap: 8;
verticalAlign: "top";
verticalGap: 6;
padding : 0px;
errorColor: #CE2929;
}
Button {
white-space: nowrap;
}
/* -------------------------------------------------------
* Common Platform Styles
* -------------------------------------------------------
*/
Basic|CascadingMenu
{
IItemRenderer: ClassReference("mx.controls.menuClasses.CascadingMenuItemRenderer");
IDataProviderItemRendererMapper: ClassReference("mx.controls.listClasses.DataItemRendererFactoryForICollectionViewData");
IBeadController: ClassReference("mx.controls.beads.controllers.CascadingMenuSelectionMouseController");
IMenu: ClassReference("mx.controls.menuClasses.CascadingMenuWithOnScreenCheck");
IListPresentationModel: ClassReference("mx.controls.beads.models.ListPresentationModel");
}
Basic|ComboBoxList
{
IDataProviderItemRendererMapper: ClassReference("mx.controls.listClasses.DataItemRendererFactoryForICollectionViewData");
IBeadModel: ClassReference("mx.controls.beads.models.SingleSelectionICollectionViewModel");
IListPresentationModel: ClassReference("mx.controls.beads.models.ListPresentationModel");
}
Basic|DataGridColumnList {
IDataProviderItemRendererMapper: ClassReference("mx.controls.listClasses.DataItemRendererFactoryForICollectionViewData");
IItemRenderer: ClassReference("mx.controls.listClasses.ListItemRenderer");
}
dg|DataGridButtonBar {
IItemRenderer: ClassReference("mx.controls.dataGridClasses.DataGridHeaderRenderer");
IDataProviderItemRendererMapper: ClassReference("mx.controls.dataGridClasses.HeaderRendererFactoryForArrayData");
position: absolute;
}
adg|AdvancedDataGridButtonBar {
IItemRenderer: ClassReference("mx.controls.advancedDataGridClasses.AdvancedDataGridHeaderRenderer");
position: absolute;
}
dg|DataGridHeaderRenderer{
horizontalAlign: center;
vertical-align: middle;
border-top: 1px solid #222222;
border-bottom: 1px solid #222222;
border-right: 1px solid #222222;
border-left: none;
font-weight: bold;
overflow: hidden;
}
adg|AdvancedDataGridHeaderRenderer {
horizontalAlign: center;
vertical-align: middle;
border-top: 1px solid #222222;
border-bottom: 1px solid #222222;
border-right: 1px solid #222222;
border-left: none;
font-weight: bold;
overflow: hidden;
}
Application
{
IBeadLayout: ClassReference("mx.containers.beads.ApplicationLayout");
ICursorManager: ClassReference("mx.managers.CursorManagerImpl");
IDragManager: ClassReference("mx.managers.DragManagerImpl");
}
AdvancedDataGrid
{
alternatingItemColors: #F7F7F7, #FFFFFF;
IChangePropagator: ClassReference("org.apache.royale.html.beads.DataGridColumnChangePropagator");
IDataGridPresentationModel: ClassReference("mx.controls.beads.models.DataGridPresentationModel");
IBeadView: ClassReference("mx.controls.beads.AdvancedDataGridView");
IBeadModel: ClassReference("mx.controls.beads.models.DataGridICollectionViewModel");
IBeadLayout: ClassReference("mx.controls.beads.layouts.AdvancedDataGridLayout");
IDataProviderNotifier: ClassReference("mx.controls.beads.DataProviderChangeNotifier");
columnClass: ClassReference("mx.controls.advancedDataGridClasses.AdvancedDataGridColumnList");
columnContainerClass: ClassReference("mx.controls.advancedDataGridClasses.AdvancedDataGridButtonBar");
columnLayoutClass: ClassReference("mx.containers.beads.AdvancedDataGridHeaderLayout");
listAreaClass: ClassReference("mx.controls.advancedDataGridClasses.AdvancedDataGridListArea");
background-color: #FFFFFF;
border: 1px solid #222222;
width: 200px;
height: 200px;
}
adg|AdvancedDataGridColumnList {
IBeadModel: ClassReference("mx.controls.beads.models.DataGridColumnICollectionViewModel");
IDataProviderItemRendererMapper: ClassReference("mx.controls.advancedDataGridClasses.DataItemRendererFactoryForICollectionViewAdvancedDataGridData");
IBeadView: ClassReference("mx.containers.beads.AdvancedDataGridListVirtualListView");
IBeadController: ClassReference("mx.controls.advancedDataGridClasses.AdvancedDataGridSingleSelectionMouseController");
IBeadLayout: ClassReference("mx.controls.beads.layouts.AdvancedDataGridVirtualListVerticalLayout");
IItemRendererClassFactory: ClassReference("mx.controls.beads.AdvancedDataGridSelectableItemRendererClassFactory");
IItemRenderer: ClassReference("mx.controls.advancedDataGridClasses.AdvancedDataGridItemRenderer");
IItemRendererInitializer: ClassReference("mx.controls.beads.AdvancedDataGridItemRendererInitializer");
ISelectableItemRenderer: ClassReference("mx.controls.advancedDataGridClasses.AdvancedDataGridSelectableItemRendererBead");
IViewport: ClassReference("org.apache.royale.html.supportClasses.Viewport");
IViewportModel: ClassReference("org.apache.royale.html.beads.models.ViewportModel");
border-style: none;
background-color: #FFFFFF;
}
adg|AdvancedDataGridItemRenderer {
padding-left: 5px;
}
dg|DataGridItemRenderer {
padding-left: 5px;
}
Alert
{
IBeadLayout: ClassReference("org.apache.royale.html.beads.layouts.VerticalFlexLayout");
IBeadView: ClassReference("mx.controls.beads.AlertView");
IBeadController: ClassReference("mx.controls.beads.controllers.AlertMouseController");
IBeadModel: ClassReference("org.apache.royale.html.beads.models.AlertModel");
background-color: #FFFFFF;
border-style: solid;
border-color: #000000;
border-width: 1px;
}
.AlertButton
{
padding-top: 3px;
padding-bottom: 3px;
}
.AlertContent
{
margin: auto;
padding: 8px;
}
Button
{
IBeadModel: ClassReference("org.apache.royale.html.beads.models.ImageAndTextModel");
font-weight: bold;
}
Canvas
{
IBeadLayout: ClassReference("mx.containers.beads.CanvasLayout");
}
CheckBox
{
IBeadModel: ClassReference("org.apache.royale.html.beads.models.ToggleButtonModel");
}
ColorPicker
{
IBeadModel: ClassReference("org.apache.royale.html.beads.models.ArrayListColorSelectionModel");
IBeadView: ClassReference("mx.controls.beads.ColorPickerView");
IBeadController: ClassReference("mx.controls.beads.ColorPickerController");
IPopUp: ClassReference("mx.controls.beads.ColorPickerPopUp");
}
Basic|ColorPalette
{
IBeadModel: ClassReference("org.apache.royale.html.beads.models.ArrayListSelectionModel");
IDataProviderItemRendererMapper: ClassReference("org.apache.royale.html.beads.DataItemRendererFactoryForArrayList");
IBeadView: ClassReference("mx.controls.beads.ListView");
}
ComboBox
{
IBeadModel: ClassReference("mx.controls.beads.models.ComboBoxModel");
IBeadView: ClassReference("mx.controls.beads.ComboBoxView");
IBeadController: ClassReference("org.apache.royale.html.beads.controllers.ComboBoxController");
IPopUp: ClassReference("mx.supportClasses.ComboBoxList");
}
ComboBoxList
{
IItemRenderer: ClassReference("mx.supportClasses.StringItemRenderer");
}
Container
{
IBeadView: ClassReference("org.apache.royale.html.beads.ContainerView");
IBeadLayout: ClassReference("mx.containers.beads.layouts.BasicLayout");
IViewport: ClassReference("org.apache.royale.html.supportClasses.ScrollingViewport");
IViewportModel: ClassReference("org.apache.royale.html.beads.models.ViewportModel");
align-items: flex-start;
}
DataGrid
{
alternatingItemColors: #F7F7F7, #FFFFFF;
IChangePropagator: ClassReference("org.apache.royale.html.beads.DataGridColumnChangePropagator");
IDataGridPresentationModel: ClassReference("mx.controls.beads.models.DataGridPresentationModel");
IDataProviderNotifier: ClassReference("mx.controls.beads.DataProviderChangeNotifier");
IBeadView: ClassReference("mx.controls.beads.DataGridView");
IBeadModel: ClassReference("mx.controls.beads.models.DataGridICollectionViewModel");
IBeadLayout: ClassReference("mx.controls.beads.layouts.DataGridLayout");
columnClass: ClassReference("mx.controls.dataGridClasses.DataGridColumnList");
columnContainerClass: ClassReference("mx.controls.dataGridClasses.DataGridButtonBar");
columnLayoutClass: ClassReference("mx.controls.beads.layouts.DataGridHeaderLayout");
listAreaClass: ClassReference("mx.controls.dataGridClasses.DataGridListArea");
background-color: #FFFFFF;
border: 1px solid #222222;
}
DataGridColumnList {
IBeadModel: ClassReference("mx.controls.beads.models.DataGridColumnICollectionViewModel");
IViewport: ClassReference("org.apache.royale.html.supportClasses.Viewport");
IViewportModel: ClassReference("org.apache.royale.html.beads.models.ViewportModel");
IBeadView: ClassReference("mx.containers.beads.DataGridListListView");
IBeadController: ClassReference("mx.controls.dataGridClasses.DataGridSingleSelectionMouseController");
IDataProviderItemRendererMapper: ClassReference("mx.controls.listClasses.DataItemRendererFactoryForICollectionViewData");
IItemRendererClassFactory: ClassReference("mx.controls.beads.DataGridSelectableItemRendererClassFactory");
IItemRendererInitializer: ClassReference("mx.controls.beads.DataGridItemRendererInitializer");
IItemRenderer: ClassReference("mx.controls.dataGridClasses.DataGridItemRenderer");
ISelectableItemRenderer: ClassReference("mx.controls.dataGridClasses.DataGridSelectableItemRendererBead");
border-style: none;
background-color: #FFFFFF;
}
DataGridListArea {
background-color: #FFFFFF;
IBeadLayout: ClassReference("org.apache.royale.html.beads.layouts.HorizontalLayout");
IViewport: ClassReference("mx.controls.dataGridClasses.DataGridListAreaViewport");
IViewportModel: ClassReference("org.apache.royale.html.beads.models.ViewportModel");
flex-grow: 1;
}
DateChooser
{
IBeadView: ClassReference("org.apache.royale.html.beads.DateChooserView");
IBeadModel: ClassReference("org.apache.royale.html.beads.models.DateChooserModel");
IBeadLayout: ClassReference("org.apache.royale.html.beads.layouts.VerticalFlexLayout");
IBeadController: ClassReference("org.apache.royale.html.beads.controllers.DateChooserMouseController");
width: 200px;
height: 240px;
}
DateField {
IBeadView: ClassReference("mx.controls.beads.DateFieldView");
IBeadModel: ClassReference("org.apache.royale.html.beads.models.DateChooserModel");
IBeadController: ClassReference("org.apache.royale.html.beads.controllers.DateFieldMouseController");
IFormatter: ClassReference("org.apache.royale.html.accessories.DateFormatMMDDYYYY");
IPopUp: ClassReference("mx.controls.dateFieldClasses.DateFieldDateChooser");
}
DownloadButton
{
border: solid 1px #000;
text-decoration: none;
white-space: nowrap;
}
FormItem
{
IBeadView: ClassReference("mx.containers.beads.FormItemView");
IContentView: ClassReference("mx.containers.beads.FormItemContainer");
indicatorSkin: ClassReference("mx.supportClasses.FormItemRequired");
indicatorGap: 14px;
}
containerBeads|FormItemContainer
{
IViewport: ClassReference("org.apache.royale.html.supportClasses.Viewport");
}
containerBeads|PanelInternalContainer
{
IBeadView: ClassReference("mx.containers.beads.PanelInternalContainerView");
}
HRule {
stroke-width: 2px;
stroke-color: #C4CCCC
}
Image
{
IBeadModel: ClassReference("org.apache.royale.html.beads.models.ImageModel");
IBeadView: ClassReference("org.apache.royale.html.beads.ImageView");
}
List
{
IBeadModel: ClassReference("mx.controls.beads.models.SingleSelectionICollectionViewModel");
IBeadView: ClassReference("org.apache.royale.html.beads.ListView");
IBeadController: ClassReference("mx.controls.listClasses.ListSingleSelectionMouseController");
IBeadLayout: ClassReference("org.apache.royale.html.beads.layouts.VerticalLayout");
IDataProviderItemRendererMapper: ClassReference("mx.controls.listClasses.DataItemRendererFactoryForICollectionViewData");
IItemRendererClassFactory: ClassReference("org.apache.royale.core.SelectableItemRendererClassFactory");
IItemRenderer: ClassReference("mx.controls.listClasses.ListItemRenderer");
IItemRendererInitializer: ClassReference("mx.controls.beads.ListItemRendererInitializer");
ISelectableItemRenderer: ClassReference("org.apache.royale.html.beads.SolidBackgroundSelectableItemRendererBead");
IListPresentationModel: ClassReference("org.apache.royale.html.beads.models.ListPresentationModel");
IViewport: ClassReference("org.apache.royale.html.supportClasses.ScrollingViewport");
IViewportModel: ClassReference("org.apache.royale.html.beads.models.ViewportModel");
background-color: #FFFFFF;
border: 1px solid #222222;
width: 200px;
height: 200px;
}
ListItemRenderer
{
IBeadController: ClassReference("org.apache.royale.html.beads.controllers.ItemRendererMouseController");
padding-top: 4px;
padding-bottom: 4px;
flex-shrink: 0;
flex-grow: 1;
cursor: pointer;
}
MenuBar {
IBeadModel: ClassReference("mx.controls.beads.models.MenuBarModel");
IBeadView: ClassReference("org.apache.royale.html.beads.ListView");
IBeadLayout: ClassReference("org.apache.royale.html.beads.layouts.HorizontalLayout");
IContentView: ClassReference("org.apache.royale.html.supportClasses.DataGroup");
IItemRenderer: ClassReference("mx.controls.menuClasses.MenuBarItemRenderer");
IBeadController: ClassReference("mx.controls.beads.controllers.MenuBarMouseController");
IMenuFactory: ClassReference("mx.controls.menuClasses.CascadingMenuFactory");
IDataProviderItemRendererMapper: ClassReference("mx.controls.menuClasses.MenuDataItemRendererFactoryForICollectionViewData");
IItemRendererClassFactory: ClassReference("org.apache.royale.core.ItemRendererClassFactory");
IItemRendererInitializer: ClassReference("org.apache.royale.html.beads.IndexedItemRendererInitializer");
IViewport: ClassReference("org.apache.royale.html.supportClasses.Viewport");
IViewportModel: ClassReference("org.apache.royale.html.beads.models.ViewportModel");
height: 30px;
line-height: 30px;
vertical-align: middle;
border-bottom: 1px solid #222222;
}
menu|MenuBarItemRenderer {
margin-left: 10px;
margin-right: 10px;
cursor: pointer;
}
Menu {
IMenu: ClassReference("mx.controls.Menu");
IBeadModel: ClassReference("mx.controls.beads.models.CascadingMenuModel");
IBeadController: ClassReference("mx.controls.beads.controllers.CascadingMenuSelectionMouseController");
IItemRenderer: ClassReference("mx.controls.menuClasses.CascadingMenuItemRenderer");
IBeadView: ClassReference("org.apache.royale.html.beads.ListView");
IBeadLayout: ClassReference("org.apache.royale.html.beads.layouts.VerticalLayout");
IDataProviderItemRendererMapper: ClassReference("mx.controls.listClasses.DataItemRendererFactoryForICollectionViewData");
IItemRendererClassFactory: ClassReference("org.apache.royale.core.SelectableItemRendererClassFactory");
IItemRendererInitializer: ClassReference("mx.controls.beads.ListItemRendererInitializer");
ISelectableItemRenderer: ClassReference("org.apache.royale.html.beads.SolidBackgroundSelectableItemRendererBead");
IListPresentationModel: ClassReference("org.apache.royale.html.beads.models.ListPresentationModel");
IViewportModel: ClassReference("org.apache.royale.html.beads.models.ViewportModel");
IViewport: ClassReference("org.apache.royale.html.supportClasses.Viewport");
position: absolute;
background-color: white;
border-width: 1px;
border-style: solid;
border-color: #222222;
box-shadow: 2px 2px 5px gray;
cursor: auto;
}
MultiSelectionList
{
IBeadModel: ClassReference("mx.controls.beads.models.ArrayMultiSelectionModel");
IBeadView: ClassReference("mx.controls.beads.MultiSelectionListView");
IBeadController: ClassReference("mx.controls.beads.controllers.ListMultiSelectionMouseController");
IBeadLayout: ClassReference("org.apache.royale.html.beads.layouts.VerticalLayout");
IDataProviderItemRendererMapper: ClassReference("org.apache.royale.html.beads.DataItemRendererFactoryForArrayData");
IItemRendererClassFactory: ClassReference("mx.controls.beads.MultiSelectionItemRendererClassFactory");
IItemRendererInitializer: ClassReference("org.apache.royale.html.beads.ListItemRendererInitializer");
IItemRenderer: ClassReference("org.apache.royale.html.supportClasses.StringItemRenderer");
ISelectableItemRenderer: ClassReference("org.apache.royale.html.beads.SolidBackgroundSelectableItemRendererBead");
IViewport: ClassReference("org.apache.royale.html.supportClasses.ScrollingViewport");
IViewportModel: ClassReference("org.apache.royale.html.beads.models.ViewportModel");
IListPresentationModel: ClassReference("org.apache.royale.html.beads.models.ListPresentationModel");
}
NavBar
{
paddingBottom: 1;
paddingLeft: 1;
paddingRight: 0;
paddingTop: 1;
horizontalGap: 6;
}
LinkBar {
/* @todo restore this once rawChildren is working in LinkBar, otherwise selection indexing does not work
separatorSkin : ClassReference("mx.skins.halo.LinkSeparator");
*/
}
/*
MenuItemRenderer {
margin-top: 4px;
margin-left: 2px;
margin-bottom: 2px;
margin-right: 8px;
cursor: pointer;
}
MenuItemRenderer
{
IBeadController: ClassReference("org.apache.royale.html.beads.controllers.ItemRendererMouseController");
height: 24;
flex-shrink: 0;
flex-grow: 1;
}
MenuBarItemRenderer
{
IBeadController: ClassReference("org.apache.royale.html.beads.controllers.ItemRendererMouseController");
height: 24;
flex-shrink: 0;
flex-grow: 1;
}
*/
NumericStepper
{
IBeadModel: ClassReference("org.apache.royale.html.beads.models.DeferredRangeModel");
IBeadView: ClassReference("mx.controls.beads.NumericStepperView");
IBeadController: ClassReference("mx.controls.beads.NumericStepperController");
}
Panel
{
IBeadModel: ClassReference("mx.containers.beads.models.PanelModel");
IBeadView: ClassReference("mx.containers.beads.PanelView");
IPanelLayout: ClassReference("mx.containers.beads.BoxLayout");
IPanelContentArea: ClassReference("mx.containers.beads.PanelInternalContainer");
background-color: #FFFFFF;
border-width: 1px;
border: 1px solid #333333;
verticalGap: 0px;
}
Panel .TitleBar
{
border-bottom: 1px solid #333333;
}
.PanelContent
{
background-color: #FFFFFF;
}
PanelTitleBar
{
IBeadModel: ClassReference("org.apache.royale.html.beads.models.TitleBarModel");
IBeadView: ClassReference("mx.controls.beads.TitleBarView");
IBeadLayout: ClassReference("org.apache.royale.html.beads.layouts.FlexibleFirstChildHorizontalLayout");
iMeasurementBead: ClassReference("org.apache.royale.html.beads.TitleBarMeasurementBead");
background-color: #E2E2E2;
height: 30px;
flex-grow: 0;
min-height: 30px;
font-weight: bold;
padding-left: 1px;
padding-right: 1px;
border-bottom: 1px solid #333333;
display: flex /* added this because I don't see the layout bead working here, @todo investigate*/
}
PanelTitleBar .CloseButton {
position: absolute;
right: 5px;
top: 5px;
width: 16px;
height: 16px;
}
pop|PopUpManagerModal
{
-webkit-backdrop-filter: blur(1px);
backdrop-filter: blur(1px);
background: rgba(226, 226, 226, 0.2);
height: 100%;
left: 0;
position: fixed;
top: 0;
width: 100%;
}
TabNavigator
{
IBeadModel: ClassReference("org.apache.royale.html.beads.models.ArraySelectionModel");
IBeadView: ClassReference("mx.containers.beads.TabNavigatorView");
ITabNavigatorContentArea: ClassReference("mx.core.Container");
IViewport: ClassReference("org.apache.royale.html.supportClasses.Viewport");
verticalGap: 0;
background-color: #FFFFFF;
}
Slider
{
dataTipOffset: 16;
dataTipPrecision: 2;
labelOffset: -10;
showTrackHighlight: false;
slideDuration: 300;
/* thumbDisabledSkin: null
thumbDownSkin: null */
thumbOffset: 0;
/* thumbOverSkin: null */
/* thumbUpSkin: null */
tickColor: #6F7777;
tickOffset: -6;
tickThickness: 1;
}
HSlider
{
dataTipPlacement: "top";
tickLength: 4;
}
VSlider
{
dataTipPlacement: "left";
tickLength: 4;
}
.TabNavigatorContent
{
border: 1px solid #333333
}
ProgressBar
{
IBeadView: ClassReference("mx.controls.beads.ProgressBarView");
}
TextInput
{
border-color: #000000;
border-width: 1px;
background-color: #FFFFFF;
font-size: 11px;
font-family: Arial;
}
TinyEditor
{
border-color: #000000;
border-style: solid;
border-width: 1px;
background-color: #FFFFFF;
font-size: 11px;
font-family: Arial;
}
TinyEditor .__editor
{
flex-grow: 1;
overflow: auto;
}
TinyEditor .__toolbar-item
{
padding: 0px;
}
TinyEditor .__toolbar
{
padding: 0px;
}
TinyEditor .__wrapper
{
display: flex;
flex-direction: column-reverse;
width: 100%;
height: 100%;
}
Tree
{
IBeadLayout: ClassReference("mx.controls.listClasses.ListVerticalLayout");
IBeadModel: ClassReference("mx.controls.beads.models.SingleSelectionICollectionViewModel");
IBeadController: ClassReference("mx.controls.treeClasses.TreeSingleSelectionMouseController");
IDataProviderItemRendererMapper: ClassReference("mx.controls.treeClasses.DataItemRendererFactoryForICollectionViewHierarchicalData");
IItemRendererInitializer: ClassReference("mx.controls.beads.TreeItemRendererInitializer");
IItemRenderer: ClassReference("mx.controls.treeClasses.TreeItemRenderer");
}
TreeItemRenderer
{
IBeadController: ClassReference("mx.controls.beads.TreeItemRendererMouseController");
cursor: pointer;
}
ToggleButtonBar
{
IBeadModel: ClassReference("org.apache.royale.html.beads.models.ButtonBarModel");
IBeadView: ClassReference("org.apache.royale.html.beads.ButtonBarView");
IBeadController: ClassReference("mx.controls.listClasses.ListSingleSelectionMouseController");
IBeadLayout: ClassReference("org.apache.royale.html.beads.layouts.ButtonBarLayout");
IDataProviderItemRendererMapper: ClassReference("org.apache.royale.html.beads.TextItemRendererFactoryForArrayData");
IItemRendererInitializer: ClassReference("org.apache.royale.html.beads.ListItemRendererInitializer");
IItemRendererClassFactory: ClassReference("org.apache.royale.core.SelectableItemRendererClassFactory");
/* IItemRenderer: ClassReference("org.apache.royale.html.supportClasses.TextButtonItemRenderer"); */
/* ISelectableItemRenderer: ClassReference("org.apache.royale.html.beads.SolidBackgroundSelectableItemRendererBead"); */
IItemRenderer: ClassReference("org.apache.royale.html.supportClasses.TextButtonItemRenderer");
ISelectableItemRenderer: ClassReference("org.apache.royale.html.beads.TextColorSelectableItemRendererBead");
border-style: none;
}
ViewStack
{
IBeadLayout: ClassReference("mx.containers.beads.BoxLayout");
IViewport: ClassReference("org.apache.royale.html.supportClasses.Viewport");
}
VRule {
stroke-width: 2px;
stroke-color: #C4CCCC
}
charts|ChartBase
{
dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
fontSize : 10;
paddingTop : 0;
paddingBottom : 0;
}
charts|CartesianChart
{
axisColor : #D5DEDD;
dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
fontSize : 10;
}
charts|PolarChart
{
dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
fontSize : 10;
}
AreaChart
{
axisColor : #D5DEDD;
dataTipRenderer: ClassReference("mx.charts.chartClasses.DataTip");
fontSize : 10;
textAlign : "left";
}
AreaSeries
{
adjustedRadius: 2;
radius: 4;
}
/*
//--------------------------------
// BarSeries
//--------------------------------
*/
BarSeries
{
labelClass: ClassReference("spark.components.Label");
labelSizeLimit : 9;
}
/*
//--------------------------------
// BarChart
//--------------------------------
*/
BarChart
{
labelClass: ClassReference("spark.components.Label");
axisColor: #D5DEDD;
barWidthRatio : 0.65;
dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
fontSize : 10;
gridLinesStyleName : "horizontalGridLines";
textAlign : "left";
}
BubbleSeries
{
}
BubbleChart
{
axisColor : #D5DEDD;
dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
fontSize : 10;
gridLinesStyleName : "bothGridLines";
maxRadius : 50;
minRadius : 0;
textAlign : "left";
}
CandlestickSeries
{
}
CandlestickChart
{
axisColor: #D5DEDD;
columnWidthRatio : 0.65;
dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
fontSize : 10;
textAlign : "left";
}
/*
//--------------------------------
// ColumnSeries
//--------------------------------
*/
ColumnSeries
{
labelClass: ClassReference("spark.components.Label");
labelSizeLimit : 9;
}
/*
//--------------------------------
// ColumnChart
//--------------------------------
*/
ColumnChart
{
labelClass: ClassReference("spark.components.Label");
axisColor : #D5DEDD;
columnWidthRatio : 0.65;
dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
fontSize : 10;
textAlign : "left";
}
HLOCSeries
{
closeTickLength : 3;
openTickLength: 3;
hlocColor: 0;
}
HLOCChart
{
axisColor : #D5DEDD;
columnWidthRatio : 0.65;
dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
fontSize : 10;
textAlign : "left";
}
LineSeries
{
adjustedRadius: 2;
radius : 4;
}
LineChart
{
axisColor : #D5DEDD;
dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
fontSize : 10;
textAlign : "left";
}
PlotSeries
{
radius: 5;
adjustedRadius : 2;
}
PlotChart
{
axisColor : #D5DEDD;
dataTipRenderer : ClassReference("mx.charts.chartClasses.DataTip");
fontSize : 10;
gridLinesStyleName : "bothGridLines";
textAlign : "left";
}
PieSeries
{
calloutGap : 10;
innerRadius : 0;
insideLabelSizeLimit : 9;
labelPosition : "none";
renderDirection : "counterClockwise";
shadowDepth : 4;
}
PieChart
{
dataTipRenderer: ClassReference("mx.charts.chartClasses.DataTip");
fontSize : 10;
innerRadius : 0;
textAlign : "left";
}
/*
//--------------------------------
// AxisRenderer
//--------------------------------
*/
AxisRenderer
{
labelClass: ClassReference("spark.components.Label");
canDropLabels : ClassReference(null);
canStagger : true;
labelGap : 3;
labelRotation : NaN;
minorTickLength : 0;
minorTickPlacement : "none";
showLabels : true;
showLine : true;
tickLength : 3;
tickPlacement : "outside";
labelAlign : "center";
verticalAxisTitleAlignment:"flippedVertical";
}
.verticalAxisStyle
{
minorTickLength : 2;
minorTickPlacement : "outside";
tickLength : 5;
}
.blockNumericAxis
{
minorTickLength : 0;
minorTickPlacement : "cross";
tickLength : 8;
}
.linedNumericAxis
{
minorTickLength : 4;
minorTickPlacement : "outside";
tickLength : 8;
}
.dashedNumericAxis
{
minorTickLength : 4;
minorTickPlacement : "outside";
showLine : false;
tickLength : 8;
}
.blockCategoryAxis
{
minorTickLength : 0;
minorTickPlacement : "none";
tickLength : 0;
tickPlacement : "cross";
}
.hangingCategoryAxis
{
minorTickLength : 0;
minorTickPlacement : "cross";
tickLength : 4;
}
.dashedCategoryAxis
{
minorTickPlacement : "none";
tickLength : 0;
tickPlacement : "cross";
}
GridLines
{
gridDirection : "horizontal";
horizontalShowOrigin : true;
horizontalTickAligned : true;
verticalShowOrigin : false;
verticalTickAligned: true;
}
.horizontalGridLines
{
gridDirection : "vertical";
horizontalShowOrigin : false;
horizontalTickAligned : true;
verticalShowOrigin : true;
verticalTickAligned: true;
}
RadioButton
{
IBeadController: ClassReference("mx.controls.beads.controllers.RadioButtonMouseController");
}
TextArea
{
resize: none;
}
.bothGridLines
{
gridDirection : "both";
horizontalShowOrigin : true;
horizontalTickAligned: true;
verticalShowOrigin : true;
verticalTickAligned: true;
}
/*
//-------------------------------
// LegendItem
//-------------------------------
*/
LegendItem
{
fill: #000000;
fontWeight: "bold";
fontSize: 10;
paddingLeft: 0;
paddingRight: 0;
paddingTop: 0;
paddingBottom: 0;
}
/*
//-------------------------------
// Legend
//-------------------------------
*/
Legend
{
borderStyle: "none";
horizontalGap: 20;
maintainAspectRatio: true;
paddingBottom: 5;
paddingLeft: 5;
paddingRight: 5;
paddingTop: 5;
verticalGap: 7;
}
/*
//-------------------------------
// DataTip
//-------------------------------
*/
charts|DataTip
{
backgroundColor: #FFFFFF;
}
/* -------------------------------------------------------
* SWF specific styles
* -------------------------------------------------------
*/
@media -royale-swf
{
/* Global style declaration for Flash only. This will effectively be the same
as the browser defaults */
Alert
{
IBackgroundBead: ClassReference("org.apache.royale.html.beads.SolidBackgroundBead");
IBorderBead: ClassReference("org.apache.royale.html.beads.SingleLineBorderBead");
}
Button
{
IBeadView: ClassReference("mx.controls.beads.CSSImageAndTextButtonView");
}
CheckBox
{
IBeadView: ClassReference("mx.controls.beads.CheckBoxView");
}
Container
{
IBackgroundBead: ClassReference("org.apache.royale.html.beads.SolidBackgroundBead");
IBorderBead: ClassReference("org.apache.royale.html.beads.SingleLineBorderBead");
IContentView: ClassReference("mx.containers.beads.supportClasses.ContainerContentArea");
}
DataGrid {
IBackgroundBead: ClassReference("org.apache.royale.html.beads.SolidBackgroundBead");
IBorderBead: ClassReference("org.apache.royale.html.beads.SingleLineBorderBead");
font-size: 11px;
font-family: Arial;
}
Label
{
IBeadModel: ClassReference("org.apache.royale.html.beads.models.TextModel");
IBeadView: ClassReference("org.apache.royale.html.beads.TextFieldView");
iMeasurementBead: ClassReference("org.apache.royale.html.beads.TextFieldLabelMeasurementBead");
}
List
{
iBackgroundBead: ClassReference("org.apache.royale.html.beads.SolidBackgroundBead");
iBorderBead: ClassReference('org.apache.royale.html.beads.SingleLineBorderBead');
iBorderModel: ClassReference('org.apache.royale.html.beads.models.SingleLineBorderModel');
IContentView: ClassReference("org.apache.royale.html.supportClasses.DataGroup");
font-size: 11px;
font-family: Arial;
}
/*
MenuItemRenderer
{
iBackgroundBead: ClassReference("org.apache.royale.html.beads.SolidBackgroundBead");
iBorderBead: ClassReference('org.apache.royale.html.beads.SingleLineBorderBead');
iBorderModel: ClassReference('org.apache.royale.html.beads.models.SingleLineBorderModel');
}
*/
NumericStepper
{
iBorderBead: ClassReference('org.apache.royale.html.beads.SingleLineBorderBead');
iBackgroundBead: ClassReference('org.apache.royale.html.beads.SolidBackgroundBead');
}
Panel
{
IContentView: ClassReference("mx.containers.beads.supportClasses.ContainerContentArea");
IBorderBead: ClassReference("org.apache.royale.html.beads.SingleLineBorderBead");
IBackgroundBead: ClassReference("org.apache.royale.html.beads.SolidBackgroundBead");
}
RadioButton
{
IBeadModel: ClassReference("org.apache.royale.html.beads.models.ValueToggleButtonModel");
IBeadView: ClassReference("mx.controls.beads.RadioButtonView");
IBeadController: ClassReference("mx.controls.beads.controllers.RadioButtonMouseController");
}
TextArea
{
IBeadModel: ClassReference("org.apache.royale.html.beads.models.NonNullTextModel");
IBeadView: ClassReference("org.apache.royale.html.beads.TextAreaView");
IBeadController: ClassReference("org.apache.royale.html.beads.controllers.EditableTextKeyboardController");
IBorderBead: ClassReference('org.apache.royale.html.beads.SingleLineBorderBead');
IBorderModel: ClassReference('org.apache.royale.html.beads.models.SingleLineBorderModel');
IBackgroundBead: ClassReference('org.apache.royale.html.beads.SolidBackgroundBead');
border-style: solid;
border-color: #000000;
border-width: 1px;
background-color: #FFFFFF;
font-size: 11px;
font-family: Arial;
}
TextInput
{
IBeadModel: ClassReference("org.apache.royale.html.beads.models.NonNullTextModel");
IBeadView: ClassReference("org.apache.royale.html.beads.TextInputWithBorderView");
IBeadController: ClassReference("org.apache.royale.html.beads.controllers.EditableTextKeyboardController");
IBorderBead: ClassReference('org.apache.royale.html.beads.SingleLineBorderBead');
IBackgroundBead: ClassReference('org.apache.royale.html.beads.SolidBackgroundBead');
border-style: solid;
border-color: #000000;
border-width: 1px;
background-color: #FFFFFF;
font-size: 11px;
font-family: Arial;
}
ToggleButtonBar
{
IContentView: ClassReference("org.apache.royale.html.supportClasses.DataGroup");
}
core|UITextField
{
IBeadModel: ClassReference("org.apache.royale.html.beads.models.TextModel");
IBeadView: ClassReference("org.apache.royale.html.beads.TextFieldView");
iMeasurementBead: ClassReference("org.apache.royale.html.beads.TextFieldLabelMeasurementBead");
}
}