You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@flex.apache.org by bi...@apache.org on 2014/08/15 22:57:17 UTC
[07/12] git commit: [flex-sdk] [refs/heads/new_android_skins] - Merge
Android4.x skins into defaults.css First the default skins appear,
then Android specific skins overwrite the default ones
Merge Android4.x skins into defaults.css
First the default skins appear, then Android specific skins overwrite the default ones
Project: http://git-wip-us.apache.org/repos/asf/flex-sdk/repo
Commit: http://git-wip-us.apache.org/repos/asf/flex-sdk/commit/5b1431ff
Tree: http://git-wip-us.apache.org/repos/asf/flex-sdk/tree/5b1431ff
Diff: http://git-wip-us.apache.org/repos/asf/flex-sdk/diff/5b1431ff
Branch: refs/heads/new_android_skins
Commit: 5b1431ffd20a35dbcf730d070a862aebaf085fa8
Parents: b306c45
Author: Om <bi...@gmail.com>
Authored: Fri Aug 15 13:45:19 2014 -0700
Committer: Om <bi...@gmail.com>
Committed: Fri Aug 15 13:45:19 2014 -0700
----------------------------------------------------------------------
frameworks/projects/mobiletheme/defaults.css | 1183 ++++++++++++++-------
1 file changed, 802 insertions(+), 381 deletions(-)
----------------------------------------------------------------------
http://git-wip-us.apache.org/repos/asf/flex-sdk/blob/5b1431ff/frameworks/projects/mobiletheme/defaults.css
----------------------------------------------------------------------
diff --git a/frameworks/projects/mobiletheme/defaults.css b/frameworks/projects/mobiletheme/defaults.css
index 66f7fb7..7de40e3 100644
--- a/frameworks/projects/mobiletheme/defaults.css
+++ b/frameworks/projects/mobiletheme/defaults.css
@@ -1,24 +1,25 @@
/*
- *
- * 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.
- *
- */
+*
+* 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 "library://ns.adobe.com/flex/spark";
+
/*
Default Mobile Flex skins and styles. Defaults sizes are based on
application-dpi=240.
@@ -26,153 +27,153 @@ application-dpi=240.
ActionBar
{
- chromeColor: #484848;
- defaultButtonAppearance: normal;
- skinClass: ClassReference("spark.skins.mobile.ActionBarSkin");
- textShadowAlpha: .65;
- textShadowColor: #000000;
- paddingBottom: 1;
- paddingLeft: 0;
- paddingRight: 0;
- paddingTop: 1;
+ chromeColor: #484848;
+ defaultButtonAppearance: normal;
+ skinClass: ClassReference("spark.skins.mobile.ActionBarSkin");
+ textShadowAlpha: .65;
+ textShadowColor: #000000;
+ paddingBottom: 1;
+ paddingLeft: 0;
+ paddingRight: 0;
+ paddingTop: 1;
}
ActionBar.beveled
{
- paddingLeft: 7;
- paddingRight: 7;
- titleAlign: center;
+ paddingLeft: 7;
+ paddingRight: 7;
+ titleAlign: center;
}
ActionBar #titleDisplay
{
- color: #FFFFFF;
- fontSize: 28;
- fontWeight: bold;
+ color: #FFFFFF;
+ fontSize: 28;
+ fontWeight: bold;
}
ActionBar ButtonBase
{
- color: #FFFFFF;
+ color: #FFFFFF;
}
ActionBar Group#navigationGroup Button
{
- skinClass: ClassReference("spark.skins.mobile.TransparentNavigationButtonSkin");
+ skinClass: ClassReference("spark.skins.mobile.TransparentNavigationButtonSkin");
}
ActionBar Group#navigationGroup Button.emphasized
{
- skinClass: ClassReference("spark.skins.mobile.DefaultTransparentNavigationButtonSkin");
+ skinClass: ClassReference("spark.skins.mobile.DefaultTransparentNavigationButtonSkin");
}
ActionBar.beveled Group#navigationGroup Button
{
- fontSize: 18;
- skinClass: ClassReference("spark.skins.mobile.BeveledBackButtonSkin");
+ fontSize: 18;
+ skinClass: ClassReference("spark.skins.mobile.BeveledBackButtonSkin");
}
ActionBar.beveled Group#navigationGroup Button.emphasized
{
- skinClass: ClassReference("spark.skins.mobile.DefaultBeveledBackButtonSkin");
+ skinClass: ClassReference("spark.skins.mobile.DefaultBeveledBackButtonSkin");
}
ActionBar Group#actionGroup Button
{
- skinClass: ClassReference("spark.skins.mobile.TransparentActionButtonSkin");
+ skinClass: ClassReference("spark.skins.mobile.TransparentActionButtonSkin");
}
ActionBar Group#actionGroup Button.emphasized
{
- skinClass: ClassReference("spark.skins.mobile.DefaultTransparentActionButtonSkin");
+ skinClass: ClassReference("spark.skins.mobile.DefaultTransparentActionButtonSkin");
}
ActionBar.beveled Group#actionGroup Button
{
- fontSize: 18;
- skinClass: ClassReference("spark.skins.mobile.BeveledActionButtonSkin");
+ fontSize: 18;
+ skinClass: ClassReference("spark.skins.mobile.BeveledActionButtonSkin");
}
ActionBar.beveled Group#actionGroup Button.emphasized
{
- skinClass: ClassReference("spark.skins.mobile.DefaultBeveledActionButtonSkin");
+ skinClass: ClassReference("spark.skins.mobile.DefaultBeveledActionButtonSkin");
}
BusyIndicator
{
- rotationInterval: 50;
+ rotationInterval: 50;
}
Button
{
- fontWeight: "bold";
- skinClass: ClassReference("spark.skins.mobile.ButtonSkin");
+ fontWeight: "bold";
+ skinClass: ClassReference("spark.skins.mobile.ButtonSkin");
}
Button.emphasized
{
- skinClass: ClassReference("spark.skins.mobile.DefaultButtonSkin");
+ skinClass: ClassReference("spark.skins.mobile.DefaultButtonSkin");
}
ButtonBar
{
- fontWeight: "bold";
- skinClass: ClassReference("spark.skins.mobile.ButtonBarSkin");
+ fontWeight: "bold";
+ skinClass: ClassReference("spark.skins.mobile.ButtonBarSkin");
}
ButtonBase
{
- iconPlacement: "left";
+ iconPlacement: "left";
}
Callout
{
- backgroundColor: #484848;
- contentBackgroundAppearance: inset;
- contentBackgroundColor: #FFFFFF;
- gap: 12;
- skinClass: ClassReference("spark.skins.mobile.CalloutSkin");
- borderThickness: NaN;
- borderColor: 0;
+ backgroundColor: #484848;
+ contentBackgroundAppearance: inset;
+ contentBackgroundColor: #FFFFFF;
+ gap: 12;
+ skinClass: ClassReference("spark.skins.mobile.CalloutSkin");
+ borderThickness: NaN;
+ borderColor: 0;
}
Callout ViewNavigator
{
- skinClass: ClassReference("spark.skins.mobile.CalloutViewNavigatorSkin");
+ skinClass: ClassReference("spark.skins.mobile.CalloutViewNavigatorSkin");
}
Callout ViewNavigator ActionBar
{
- skinClass: ClassReference("spark.skins.mobile.CalloutActionBarSkin");
- defaultButtonAppearance: beveled;
- paddingLeft: 0;
- paddingRight: 0;
+ skinClass: ClassReference("spark.skins.mobile.CalloutActionBarSkin");
+ defaultButtonAppearance: beveled;
+ paddingLeft: 0;
+ paddingRight: 0;
}
Callout ViewNavigator ActionBar.beveled
{
- paddingLeft: 0;
- paddingRight: 0;
+ paddingLeft: 0;
+ paddingRight: 0;
}
Callout ViewNavigator ActionBar.beveled Group#navigationGroup Button
{
- skinClass: ClassReference("spark.skins.mobile.BeveledActionButtonSkin");
+ skinClass: ClassReference("spark.skins.mobile.BeveledActionButtonSkin");
}
Callout ViewNavigator ActionBar.beveled Group#navigationGroup Button.emphasized
{
- skinClass: ClassReference("spark.skins.mobile.DefaultBeveledActionButtonSkin");
+ skinClass: ClassReference("spark.skins.mobile.DefaultBeveledActionButtonSkin");
}
Callout#viewNavigatorPopUp
{
- contentBackgroundAppearance: none;
+ contentBackgroundAppearance: none;
}
CheckBox
{
- skinClass: ClassReference("spark.skins.mobile.CheckBoxSkin");
+ skinClass: ClassReference("spark.skins.mobile.CheckBoxSkin");
}
DateSpinner
@@ -182,80 +183,80 @@ DateSpinner
HScrollBar
{
- skinClass: ClassReference("spark.skins.mobile.HScrollBarSkin");
+ skinClass: ClassReference("spark.skins.mobile.HScrollBarSkin");
}
HSlider
{
- skinClass: ClassReference("spark.skins.mobile.HSliderSkin");
+ skinClass: ClassReference("spark.skins.mobile.HSliderSkin");
}
IconItemRenderer
{
- paddingBottom: 12;
- paddingTop: 12;
- horizontalGap: 10;
- verticalGap: 9;
- iconDelay: 500;
- messageStyleName: "iconItemRendererMessageStyle";
+ paddingBottom: 12;
+ paddingTop: 12;
+ horizontalGap: 10;
+ verticalGap: 9;
+ iconDelay: 500;
+ messageStyleName: "iconItemRendererMessageStyle";
}
.iconItemRendererMessageStyle
{
- fontSize: 20;
- color: #333333;
+ fontSize: 20;
+ color: #333333;
}
Image
{
- skinClass: ClassReference("spark.skins.mobile.ImageSkin");
- enableLoadingState: false;
- showErrorSkin : false;
- smoothingQuality: "default";
+ skinClass: ClassReference("spark.skins.mobile.ImageSkin");
+ enableLoadingState: false;
+ showErrorSkin : false;
+ smoothingQuality: "default";
}
LabelItemRenderer
{
- paddingBottom: 24;
- paddingLeft: 15;
- paddingRight: 15;
- paddingTop: 24;
- verticalAlign: "middle";
+ paddingBottom: 24;
+ paddingLeft: 15;
+ paddingRight: 15;
+ paddingTop: 24;
+ verticalAlign: "middle";
}
List
{
- skinClass: ClassReference("spark.skins.mobile.ListSkin");
- borderColor: #000000;
- borderAlpha: 1;
- verticalScrollPolicy: on;
- borderVisible: false;
+ skinClass: ClassReference("spark.skins.mobile.ListSkin");
+ borderColor: #000000;
+ borderAlpha: 1;
+ verticalScrollPolicy: on;
+ borderVisible: false;
}
RadioButton
{
- skinClass: ClassReference("spark.skins.mobile.RadioButtonSkin");
+ skinClass: ClassReference("spark.skins.mobile.RadioButtonSkin");
}
Scroller
{
- touchDelay: 100;
+ touchDelay: 100;
}
SkinnableContainer
{
- backgroundColor: #FFFFFF;
- skinClass: ClassReference("spark.skins.mobile.SkinnableContainerSkin");
+ backgroundColor: #FFFFFF;
+ skinClass: ClassReference("spark.skins.mobile.SkinnableContainerSkin");
}
SkinnableTextBase:normalWithPrompt
{
- fontStyle: normal;
+ fontStyle: normal;
}
SkinnableTextBase:disabledWithPrompt
{
- fontStyle: normal;
+ fontStyle: normal;
}
SpinnerList
@@ -279,146 +280,146 @@ SpinnerListItemRenderer
SplitViewNavigator
{
skinClass: ClassReference("spark.skins.mobile.SplitViewNavigatorSkin");
- backgroundColor: #000000;
+ backgroundColor: #000000;
}
TabbedViewNavigatorApplication
{
- backgroundColor: #FFFFFF;
- skinClass: ClassReference("spark.skins.mobile.TabbedViewNavigatorApplicationSkin");
+ backgroundColor: #FFFFFF;
+ skinClass: ClassReference("spark.skins.mobile.TabbedViewNavigatorApplicationSkin");
}
TabbedViewNavigator
{
- skinClass: ClassReference("spark.skins.mobile.TabbedViewNavigatorSkin");
+ skinClass: ClassReference("spark.skins.mobile.TabbedViewNavigatorSkin");
}
TabbedViewNavigator #tabBar
{
- chromeColor: #484848;
- color: #FFFFFF;
- fontSize: 20;
- fontWeight: normal;
- iconPlacement: top;
- interactionMode: mouse;
- skinClass: ClassReference("spark.skins.mobile.TabbedViewNavigatorTabBarSkin");
- textShadowAlpha: .65;
- textShadowColor: #000000;
+ chromeColor: #484848;
+ color: #FFFFFF;
+ fontSize: 20;
+ fontWeight: normal;
+ iconPlacement: top;
+ interactionMode: mouse;
+ skinClass: ClassReference("spark.skins.mobile.TabbedViewNavigatorTabBarSkin");
+ textShadowAlpha: .65;
+ textShadowColor: #000000;
}
TextArea
{
- paddingBottom: 9;
- paddingLeft: 9;
- paddingRight: 9;
- paddingTop: 9;
- showPromptWhenFocused: true;
- skinClass: ClassReference("spark.skins.mobile.ScrollingStageTextAreaSkin");
+ paddingBottom: 9;
+ paddingLeft: 9;
+ paddingRight: 9;
+ paddingTop: 9;
+ showPromptWhenFocused: true;
+ skinClass: ClassReference("spark.skins.mobile.ScrollingStageTextAreaSkin");
}
TextArea VScrollBar
{
- skinClass: ClassReference("spark.skins.mobile.TextAreaVScrollBarSkin");
+ skinClass: ClassReference("spark.skins.mobile.TextAreaVScrollBarSkin");
}
TextArea HScrollBar
{
- skinClass: ClassReference("spark.skins.mobile.TextAreaHScrollBarSkin");
+ skinClass: ClassReference("spark.skins.mobile.TextAreaHScrollBarSkin");
}
TextInput
{
- paddingBottom: 9;
- paddingLeft: 9;
- paddingRight: 9;
- paddingTop: 9;
- showPromptWhenFocused: true;
- skinClass: ClassReference("spark.skins.mobile.ScrollingStageTextInputSkin");
+ paddingBottom: 9;
+ paddingLeft: 9;
+ paddingRight: 9;
+ paddingTop: 9;
+ showPromptWhenFocused: true;
+ skinClass: ClassReference("spark.skins.mobile.ScrollingStageTextInputSkin");
}
ToggleSwitch
{
- accentColor: #3F7FBA;
- color: #FFFFFF;
- fontSize: 27;
- skinClass: ClassReference("spark.skins.mobile.ToggleSwitchSkin");
- slideDuration: 125;
- textShadowAlpha: .65;
- textShadowColor: #000000;
+ accentColor: #3F7FBA;
+ color: #FFFFFF;
+ fontSize: 27;
+ skinClass: ClassReference("spark.skins.mobile.ToggleSwitchSkin");
+ slideDuration: 125;
+ textShadowAlpha: .65;
+ textShadowColor: #000000;
}
View
{
- backgroundColor: #FFFFFF;
- skinClass: ClassReference("spark.skins.mobile.SkinnableContainerSkin");
+ backgroundColor: #FFFFFF;
+ skinClass: ClassReference("spark.skins.mobile.SkinnableContainerSkin");
}
ViewMenu
{
- skinClass: ClassReference("spark.skins.mobile.ViewMenuSkin");
+ skinClass: ClassReference("spark.skins.mobile.ViewMenuSkin");
}
ViewMenuItem
{
- iconPlacement : "top";
- chromeColor : #FFFFFF;
- paddingBottom: 8;
- paddingLeft: 8;
- paddingRight: 8;
- paddingTop: 8;
- skinClass : ClassReference("spark.skins.mobile.ViewMenuItemSkin");
+ iconPlacement : "top";
+ chromeColor : #FFFFFF;
+ paddingBottom: 8;
+ paddingLeft: 8;
+ paddingRight: 8;
+ paddingTop: 8;
+ skinClass : ClassReference("spark.skins.mobile.ViewMenuItemSkin");
}
ViewNavigator
{
- skinClass: ClassReference("spark.skins.mobile.ViewNavigatorSkin");
+ skinClass: ClassReference("spark.skins.mobile.ViewNavigatorSkin");
}
ViewNavigatorApplication
{
- backgroundColor: #FFFFFF;
- skinClass: ClassReference("spark.skins.mobile.ViewNavigatorApplicationSkin");
+ backgroundColor: #FFFFFF;
+ skinClass: ClassReference("spark.skins.mobile.ViewNavigatorApplicationSkin");
}
VScrollBar
{
- skinClass: ClassReference("spark.skins.mobile.VScrollBarSkin");
+ skinClass: ClassReference("spark.skins.mobile.VScrollBarSkin");
}
global
{
- /* framework styles */
- modalTransparency: 0;
- modalTransparencyBlur: 0;
-
- /* Looks */
- backgroundAlpha : 1;
- backgroundImageFillMode : "scale";
- borderVisible : true;
- borderWeight : 1;
- contentBackgroundColor: #F0F0F0;
- downColor: #E0E0E0; /* set in here and not in framework's default.css because it only is really applicable for touch interactions*/
- selectionColor: #E0E0E0;
- alternatingItemColors: #FFFFFF;
- focusThickness: 3;
- symbolColor: #000000;
- fontLookup: "embeddedCFF";
- fontFamily: "_sans";
- fontSize: 24;
- color: #000000;
- textShadowColor: #FFFFFF;
- textShadowAlpha: .55;
-
- /* Behaviors */
- autoThumbVisibility: true;
- fixedThumbSize: false;
- fullScreenHideControlsDelay: 3000;
- interactionMode: "touch";
- liveDragging: true;
- rollOverOpenDelay: 200;
- slideDuration: 300;
- smoothScrolling: true;
- touchDelay: 0; /* default to 0 here, but Scroller sets it to 100 */
+ /* framework styles */
+ modalTransparency: 0;
+ modalTransparencyBlur: 0;
+
+ /* Looks */
+ backgroundAlpha : 1;
+ backgroundImageFillMode : "scale";
+ borderVisible : true;
+ borderWeight : 1;
+ contentBackgroundColor: #F0F0F0;
+ downColor: #E0E0E0; /* set in here and not in framework's default.css because it only is really applicable for touch interactions*/
+ selectionColor: #E0E0E0;
+ alternatingItemColors: #FFFFFF;
+ focusThickness: 3;
+ symbolColor: #000000;
+ fontLookup: "embeddedCFF";
+ fontFamily: "_sans";
+ fontSize: 24;
+ color: #000000;
+ textShadowColor: #FFFFFF;
+ textShadowAlpha: .55;
+
+ /* Behaviors */
+ autoThumbVisibility: true;
+ fixedThumbSize: false;
+ fullScreenHideControlsDelay: 3000;
+ interactionMode: "touch";
+ liveDragging: true;
+ rollOverOpenDelay: 200;
+ slideDuration: 300;
+ smoothScrolling: true;
+ touchDelay: 0; /* default to 0 here, but Scroller sets it to 100 */
}
@media (application-dpi: 120)
@@ -522,61 +523,61 @@ global
@media (application-dpi: 160)
{
- ActionBar
- {
- paddingBottom: 1;
- paddingLeft: 0;
- paddingRight: 0;
- paddingTop: 1;
- }
-
- ActionBar.beveled
- {
- paddingLeft: 5;
- paddingRight: 5;
- }
-
- ActionBar #titleDisplay
- {
- fontSize: 18;
- }
-
- ActionBar.beveled Group#navigationGroup Button
- {
- fontSize: 12;
- }
-
- ActionBar.beveled Group#actionGroup Button
- {
- fontSize: 12;
- }
-
- Callout
- {
- gap: 8;
- }
-
- IconItemRenderer
- {
- paddingBottom: 8;
- paddingTop: 8;
- horizontalGap: 8;
- verticalGap: 6;
- }
-
- .iconItemRendererMessageStyle
- {
- fontSize: 14;
- }
-
- LabelItemRenderer
- {
- paddingBottom: 16;
- paddingLeft: 10;
- paddingRight: 10;
- paddingTop: 16;
- }
-
+ ActionBar
+ {
+ paddingBottom: 1;
+ paddingLeft: 0;
+ paddingRight: 0;
+ paddingTop: 1;
+ }
+
+ ActionBar.beveled
+ {
+ paddingLeft: 5;
+ paddingRight: 5;
+ }
+
+ ActionBar #titleDisplay
+ {
+ fontSize: 18;
+ }
+
+ ActionBar.beveled Group#navigationGroup Button
+ {
+ fontSize: 12;
+ }
+
+ ActionBar.beveled Group#actionGroup Button
+ {
+ fontSize: 12;
+ }
+
+ Callout
+ {
+ gap: 8;
+ }
+
+ IconItemRenderer
+ {
+ paddingBottom: 8;
+ paddingTop: 8;
+ horizontalGap: 8;
+ verticalGap: 6;
+ }
+
+ .iconItemRendererMessageStyle
+ {
+ fontSize: 14;
+ }
+
+ LabelItemRenderer
+ {
+ paddingBottom: 16;
+ paddingLeft: 10;
+ paddingRight: 10;
+ paddingTop: 16;
+ }
+
SpinnerListItemRenderer
{
paddingTop : 12;
@@ -585,96 +586,96 @@ global
paddingRight : 8;
}
- TextArea
- {
- paddingBottom: 6;
- paddingLeft: 6;
- paddingRight: 6;
- paddingTop: 6;
- }
-
- TextInput
- {
- paddingBottom: 6;
- paddingLeft: 6;
- paddingRight: 6;
- paddingTop: 6;
- }
-
- TabbedViewNavigator #tabBar
- {
- fontSize: 14;
- }
-
- ToggleSwitch
- {
- fontSize: 18;
- }
-
- global
- {
- fontSize: 16;
- focusThickness: 2;
- }
+ TextArea
+ {
+ paddingBottom: 6;
+ paddingLeft: 6;
+ paddingRight: 6;
+ paddingTop: 6;
+ }
+
+ TextInput
+ {
+ paddingBottom: 6;
+ paddingLeft: 6;
+ paddingRight: 6;
+ paddingTop: 6;
+ }
+
+ TabbedViewNavigator #tabBar
+ {
+ fontSize: 14;
+ }
+
+ ToggleSwitch
+ {
+ fontSize: 18;
+ }
+
+ global
+ {
+ fontSize: 16;
+ focusThickness: 2;
+ }
}
@media (application-dpi: 320)
{
- ActionBar
- {
- paddingBottom: 2;
- paddingLeft: 0;
- paddingRight: 0;
- paddingTop: 2;
- }
-
- ActionBar.beveled
- {
- paddingLeft: 10;
- paddingRight: 10;
- }
-
- ActionBar #titleDisplay
- {
- fontSize: 36;
- }
-
- ActionBar.beveled Group#navigationGroup Button
- {
- fontSize: 24;
- }
-
- ActionBar.beveled Group#actionGroup Button
- {
- fontSize: 24;
- }
-
- Callout
- {
- gap: 16;
- }
-
- IconItemRenderer
- {
- paddingBottom: 16;
- paddingTop: 16;
- horizontalGap: 16;
- verticalGap: 12;
- }
-
- .iconItemRendererMessageStyle
- {
- fontSize: 26;
- }
-
- LabelItemRenderer
- {
- paddingBottom: 32;
- paddingLeft: 20;
- paddingRight: 20;
- paddingTop: 32;
- }
-
+ ActionBar
+ {
+ paddingBottom: 2;
+ paddingLeft: 0;
+ paddingRight: 0;
+ paddingTop: 2;
+ }
+
+ ActionBar.beveled
+ {
+ paddingLeft: 10;
+ paddingRight: 10;
+ }
+
+ ActionBar #titleDisplay
+ {
+ fontSize: 36;
+ }
+
+ ActionBar.beveled Group#navigationGroup Button
+ {
+ fontSize: 24;
+ }
+
+ ActionBar.beveled Group#actionGroup Button
+ {
+ fontSize: 24;
+ }
+
+ Callout
+ {
+ gap: 16;
+ }
+
+ IconItemRenderer
+ {
+ paddingBottom: 16;
+ paddingTop: 16;
+ horizontalGap: 16;
+ verticalGap: 12;
+ }
+
+ .iconItemRendererMessageStyle
+ {
+ fontSize: 26;
+ }
+
+ LabelItemRenderer
+ {
+ paddingBottom: 32;
+ paddingLeft: 20;
+ paddingRight: 20;
+ paddingTop: 32;
+ }
+
SpinnerListItemRenderer
{
paddingTop : 24;
@@ -683,36 +684,36 @@ global
paddingRight : 24;
}
- TextArea
- {
- paddingBottom: 12;
- paddingLeft: 12;
- paddingRight: 12;
- paddingTop: 12;
- }
-
- TextInput
- {
- paddingBottom: 12;
- paddingLeft: 12;
- paddingRight: 12;
- paddingTop: 12;
- }
-
- TabbedViewNavigator #tabBar
- {
- fontSize: 28;
- }
-
- ToggleSwitch
- {
- fontSize: 36;
- }
-
- global
- {
- fontSize: 32;
- }
+ TextArea
+ {
+ paddingBottom: 12;
+ paddingLeft: 12;
+ paddingRight: 12;
+ paddingTop: 12;
+ }
+
+ TextInput
+ {
+ paddingBottom: 12;
+ paddingLeft: 12;
+ paddingRight: 12;
+ paddingTop: 12;
+ }
+
+ TabbedViewNavigator #tabBar
+ {
+ fontSize: 28;
+ }
+
+ ToggleSwitch
+ {
+ fontSize: 36;
+ }
+
+ global
+ {
+ fontSize: 32;
+ }
}
@media (application-dpi: 480)
@@ -914,61 +915,481 @@ global
@media (application-dpi: 160) AND (os-platform:"IOS")
{
- TextArea
- {
- leading: 1.5;
- paddingRight: 1.5;
- }
+ TextArea
+ {
+ leading: 1.5;
+ paddingRight: 1.5;
+ }
}
@media (application-dpi: 320) AND (os-platform:"IOS")
{
- TextArea
- {
- leading: 4.5;
- paddingRight: 3;
- }
+ TextArea
+ {
+ leading: 4.5;
+ paddingRight: 3;
+ }
}
/* ios 7 status bar
- requires new os-version selector (cf FLEX-FLEX-33949)
- */
+requires new os-version selector (cf FLEX-FLEX-33949)
+*/
@media (application-dpi: 120) AND (os-platform:"IOS") AND (min-os-version: 7)
{
- Application
- {
- osStatusBarHeight: 15;
- }
+ Application
+ {
+ osStatusBarHeight: 15;
+ }
}
@media (application-dpi: 160) AND (os-platform:"IOS") AND (min-os-version: 7)
{
- Application {
- osStatusBarHeight: 20;
- }
+ Application {
+ osStatusBarHeight: 20;
+ }
}
@media (application-dpi: 240) AND (os-platform:"IOS") AND (min-os-version: 7)
{
- Application
- {
- osStatusBarHeight: 30;
- }
+ Application
+ {
+ osStatusBarHeight: 30;
+ }
}
@media (application-dpi: 320) AND (os-platform:"IOS") AND (min-os-version: 7)
{
- Application
- {
- osStatusBarHeight: 40;
- }
+ Application
+ {
+ osStatusBarHeight: 40;
+ }
}
@media (application-dpi: 480) AND (os-platform:"IOS") AND (min-os-version: 7)
{
- Application
- {
- osStatusBarHeight: 60;
- }
-}
\ No newline at end of file
+ Application
+ {
+ osStatusBarHeight: 60;
+ }
+}
+
+
+/*
+Android 4.x specific Mobile Flex skins and styles. Defaults sizes are based on
+application-dpi=240.
+*/
+
+/*Roboto Fonts*/
+@font-face {
+ src: url("spark/skins/android4/assets/fonts/Roboto-Regular.ttf");
+ fontFamily: RobotoRegular;
+ embed-as-cff: false;
+}
+
+@font-face {
+ src: url("spark/skins/android4/assets/fonts/Roboto-Bold.ttf");
+ fontFamily: RobotoBold;
+ fontWeight: bold;
+ embed-as-cff: false;
+}
+
+@media (os-platform: "android") AND (min-os-version: "4.1.2")
+{
+ global
+ {
+ primaryAccentColor: #33B5E5;
+ fontFamily: RobotoRegular;
+ fontWeight: "normal";
+ fontSize: 24;
+ color: #000000;
+ textShadowColor: #FFFFFF;
+ textShadowAlpha: 0;
+ }
+
+ ActionBar
+ {
+ chromeColor: #DEDEDD;
+ defaultButtonAppearance: normal;
+ skinClass: ClassReference("spark.skins.android4.ActionBarSkin");
+ textShadowAlpha: 0;
+ textShadowColor: #000000;
+ paddingBottom: 1;
+ paddingLeft: 0;
+ paddingRight: 0;
+ paddingTop: 1;
+ }
+
+ ActionBar #titleDisplay
+ {
+ color: #333333;
+ fontSize: 24;
+ fontFamily: RobotoBold;
+ }
+
+ ActionBar ButtonBase
+ {
+ color: #333333;
+ fontFamily: RobotoBold;
+ fontWeight: bold;
+ }
+
+ ActionBar Group#actionGroup Button
+ {
+ skinClass: ClassReference("spark.skins.android4.TransparentActionButtonSkin");
+ }
+
+ MobileBusyIndicator
+ {
+ skinClass: ClassReference("spark.skins.android4.BusyIndicatorSkin");
+ }
+
+ Button
+ {
+ fontFamily: RobotoBold;
+ fontWeight: "bold";
+ skinClass: ClassReference("spark.skins.android4.ButtonSkin");
+ }
+
+ Button.emphasized
+ {
+ skinClass: ClassReference("spark.skins.mobile.DefaultButtonSkin");
+ }
+
+ ButtonBar
+ {
+ skinClass: ClassReference("spark.skins.android4.ButtonBarSkin");
+ fontFamily: RobotoBold;
+ fontWeight: "bold";
+ }
+
+ Callout
+ {
+ backgroundColor: #33B5E5;
+ contentBackgroundColor: #FFFFFF;
+ gap: 12;
+ skinClass: ClassReference("spark.skins.android4.CalloutSkin");
+ borderThickness: 0;
+ borderColor: 0;
+ }
+
+ Callout ViewNavigator ActionBar
+ {
+ skinClass: ClassReference("spark.skins.mobile.CalloutActionBarSkin");
+ defaultButtonAppearance: none;
+ paddingLeft: 0;
+ paddingRight: 0;
+ }
+
+ Callout ViewNavigator ActionBar.beveled
+ {
+ paddingLeft: 0;
+ paddingRight: 0;
+ }
+
+ Callout ViewNavigator ActionBar.beveled Group#navigationGroup Button
+ {
+ skinClass: ClassReference("spark.skins.mobile.BeveledActionButtonSkin");
+ }
+
+ Callout ViewNavigator ActionBar.beveled Group#navigationGroup Button.emphasized
+ {
+ skinClass: ClassReference("spark.skins.mobile.DefaultBeveledActionButtonSkin");
+ }
+
+ Callout#viewNavigatorPopUp
+ {
+ contentBackgroundAppearance: none;
+ }
+
+ CheckBox
+ {
+ skinClass: ClassReference("spark.skins.android4.CheckBoxSkin");
+ chromeColor: #FFFFFF;
+ }
+
+ HScrollBar
+ {
+ skinClass: ClassReference("spark.skins.android4.HScrollBarSkin");
+ thumbColor: #333333;
+ }
+
+ HSlider
+ {
+ skinClass: ClassReference("spark.skins.android4.HSliderSkin");
+ fontFamily: RobotoBold;
+ }
+
+ RadioButton
+ {
+ skinClass: ClassReference("spark.skins.android4.RadioButtonSkin");
+ chromeColor: #FFFFFF;
+ }
+
+ SpinnerList
+ {
+ skinClass: ClassReference("spark.skins.android4.SpinnerListSkin");
+ }
+
+ SpinnerListContainer
+ {
+ skinClass: ClassReference("spark.skins.android4.SpinnerListContainerSkin");
+ }
+
+ SpinnerListItemRenderer
+ {
+ paddingTop : 18;
+ paddingBottom : 18;
+ paddingLeft : 6;
+ paddingRight : 6;
+ }
+
+ TabbedViewNavigator #tabBar
+ {
+ fontFamily: RobotoRegular;
+ chromeColor: #484848;
+ color: #000000;
+ fontSize: 20;
+ fontWeight: normal;
+ iconPlacement: top;
+ interactionMode: mouse;
+ skinClass: ClassReference("spark.skins.android4.TabbedViewNavigatorTabBarSkin");
+ textShadowAlpha: 0;
+ textShadowColor: #000000;
+ }
+
+ TextInput
+ {
+ skinClass: ClassReference("spark.skins.android4.StageTextInputSkin");
+ contentBackgroundAlpha: 0;
+ focusColor: #33B5E5;
+ contentBackgroundColor: #DEDEDD;
+ contentBackgroundBorder: "flat";
+ fontFamily: RobotoRegular;
+ selectionHighlighting: "never";
+ focusEnabled:"false";
+ focusThickness: 0;
+ }
+
+ TextArea
+ {
+ skinClass: ClassReference("spark.skins.android4.StageTextAreaSkin");
+ contentBackgroundAlpha: 1;
+ contentBackgroundBorder: "rectangle";
+ contentBackgroundColor: #DEDEDD;
+ focusColor: #33B5E5;
+ fontFamily: RobotoRegular;
+ selectionHighlighting: "never";
+ focusEnabled:"false";
+ focusThickness: 0;
+ }
+
+ ToggleSwitch
+ {
+ accentColor: #3F7FBA;
+ color: #FFFFFF;
+ skinClass: ClassReference("spark.skins.android4.ToggleSwitchSkin");
+ slideDuration: 125;
+ textShadowAlpha: .65;
+ textShadowColor: #000000;
+ }
+
+ VScrollBar
+ {
+ skinClass: ClassReference("spark.skins.android4.VScrollBarSkin");
+ thumbColor: #333333;
+ }
+
+ ViewMenu
+ {
+ skinClass: ClassReference("spark.skins.android4.ViewMenuSkin");
+ }
+
+ ViewMenuItem
+ {
+ iconPlacement : "left";
+ chromeColor : #FFFFFF;
+ focusColor: #DEDEDD;
+ paddingBottom: 8;
+ paddingLeft: 8;
+ paddingRight: 8;
+ paddingTop: 8;
+ skinClass : ClassReference("spark.skins.android4.ViewMenuItemSkin");
+ }
+
+ ViewNavigator
+ {
+ skinClass: ClassReference("spark.skins.mobile.ViewNavigatorSkin");
+ }
+}
+@media (os-platform: "android") AND (min-os-version: "4.1.2") AND (application-dpi: 120)
+{
+ global
+ {
+ fontSize: 12;
+ focusThickness: 2;
+ }
+
+ ActionBar.beveled
+ {
+ paddingLeft: 4;
+ paddingRight: 4;
+ }
+
+ ActionBar #titleDisplay
+ {
+ fontSize: 14;
+ }
+
+ SpinnerListItemRenderer
+ {
+ paddingTop : 9;
+ paddingBottom : 9;
+ paddingLeft : 3;
+ paddingRight : 3;
+ }
+
+ TabbedViewNavigator #tabBar
+ {
+ fontSize: 11;
+ }
+}
+
+@media (os-platform: "android") AND (min-os-version: "4.1.2") AND (application-dpi: 160)
+{
+ global
+ {
+ fontSize: 16;
+ focusThickness: 2;
+ }
+
+ ActionBar
+ {
+ paddingBottom: 1;
+ paddingLeft: 0;
+ paddingRight: 0;
+ paddingTop: 1;
+ }
+
+ ActionBar #titleDisplay
+ {
+ fontSize: 18;
+ }
+
+ SpinnerListItemRenderer
+ {
+ paddingTop : 12;
+ paddingBottom : 12;
+ paddingLeft : 4;
+ paddingRight : 4;
+ }
+
+ TabbedViewNavigator #tabBar
+ {
+ fontSize: 14;
+ }
+}
+
+@media (os-platform: "android") AND (min-os-version: "4.1.2") AND (application-dpi: 320)
+{
+ global
+ {
+ fontSize: 32;
+ }
+
+ ActionBar
+ {
+ paddingBottom: 2;
+ paddingLeft: 0;
+ paddingRight: 0;
+ paddingTop: 2;
+ }
+
+ ActionBar #titleDisplay
+ {
+ fontSize: 36;
+ }
+
+ SpinnerListItemRenderer
+ {
+ paddingTop : 24;
+ paddingBottom : 24;
+ paddingLeft : 8;
+ paddingRight : 8;
+ }
+
+ TabbedViewNavigator #tabBar
+ {
+ fontSize: 28;
+ }
+}
+
+@media (os-platform: "android") AND (min-os-version: "4.1.2") AND (application-dpi: 480)
+{
+ global
+ {
+ fontSize: 48;
+ focusThickness: 6;
+ }
+
+ ActionBar
+ {
+ paddingBottom: 4;
+ paddingLeft: 0;
+ paddingRight: 0;
+ paddingTop: 4;
+ }
+
+ ActionBar #titleDisplay
+ {
+ fontSize: 54;
+ }
+
+ SpinnerListItemRenderer
+ {
+ paddingTop : 36;
+ paddingBottom : 36;
+ paddingLeft : 12;
+ paddingRight : 12;
+ }
+
+
+ TabbedViewNavigator #tabBar
+ {
+ fontSize: 42;
+ }
+}
+
+@media (os-platform: "android") AND (min-os-version: "4.1.2") AND (application-dpi: 640)
+{
+ global
+ {
+ fontSize: 64;
+ }
+
+ ActionBar
+ {
+ paddingBottom: 4;
+ paddingLeft: 0;
+ paddingRight: 0;
+ paddingTop: 4;
+ }
+
+ ActionBar #titleDisplay
+ {
+ fontSize: 72;
+ }
+
+ SpinnerListItemRenderer
+ {
+ paddingTop : 48;
+ paddingBottom : 48;
+ paddingLeft : 16;
+ paddingRight : 16;
+ }
+
+ TabbedViewNavigator #tabBar
+ {
+ fontSize: 56;
+ }
+}