Hi.
I want to include an external css file in my flex application.
Very simple:
<mx:Script source="assets/wemmStyle.css"/>
However this gives me an error:
1087: Syntax error: extra characters found after end of program.
When I use the css in <mx:Style> tags in the file, all is well...
however when I move it to an external file, it breaks...
Can someone suggest why?
Thanks in advance.
Kind regards.
Luke.
Heres the css:
/~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
@font-face {
src: url("assets/HelveticaNeueLTStd/HelveticaNeueLTStd-Md.otf");
fontFamily: HelveticaMedium;
fontWeight: normal;
}
@font-face {
src: url("assets/HelveticaNeueLTStd/HelveticaNeueLTStd-Hv.otf");
fontFamily: HelveticaHeavy;
fontWeight: normal;
}
global {
color: #666666;
fontFamily: HelveticaMedium;
fontWeight: normal;
fontSize: 12;
}
Label, Form, FormHeading, ComboBox, Button, VBox, HBox, Panel,
TabNavigator, FormItem,
Text, .errorTip {
color: #666666;
fontFamily: HelveticaMedium;
fontWeight: normal;
fontSize: 12;
}
Button {
color: #333333;
paddingTop: 5;
paddingRight: 10;
paddingBottom: 2;
paddingLeft: 10;
}
Panel {
color: #FF3300;
fontSize: 18;
}
FormHeading {
color: #E21630;
fontFamily: HelveticaHeavy;
fontWeight: normal;
fontSize: 14;
leftPadding: 0;
paddingRight: 0;
paddingTop: 0;
textIndent: 0;
textDecoration: none;
textAlign: left;
errorColor: #FF9900;
disabledColor: #666666;
indicatorGap: 0;
}
Label {
color: #000000;
}
TabNavigator {
color: #000000;
fontSize: 12;
}
.tabStyle {
color: #000000;
fontSize: 11;
}
.selectedTab {
color: #666666;
fontSize: 11;
}
.submitBox {
backgroundColor: #EEEEEE;
borderWidth: 1;
borderColor: #CCCCCC;
paddingTop: 10;
paddingRight: 10;
paddingBottom: 10;
paddingLeft: 10;
horizontalAlign: center;
}
FormItem {
color: #000000;
fontSize: 12;
}
.errorTip {
color: #FFFFFF;
fontSize: 11;
}
HRule {
borderColor: #EEEEEE;
}
/~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
--
Luke Vanderfluit
Analyst / Web Programmer
e3Learning.com.au
08 8221 6422
