我的CSS

来源:互联网 发布:图标设计软件 编辑:程序博客网 时间:2024/06/03 00:32

 /*
 * Global Component Style definition
 */
Application {
  fontFamily:"Verdana";
  font-size: 10;
  backgroundColor: #ffffff;
  backgroundGradientColors:#ffffff, #ffffff;
  backgroundGradientAlphas: 1, 1;
  themeColor: #999999;
  color: #000000;
}

.globalMapBackground
{
   backgroundColor: #94bee8;
}

Accordion {
   borderStyle: solid;
   highlightAlphas: 0.79, 0.2;
   fillAlphas: 1, 1, 1, 1;
   fillColors: #e0e0e0, #ffffff, #e0e0e0, #ffffff;
   backgroundColor: #ffffff;
   borderColor: #999999;
   dropShadowEnabled: false;
   headerStyleName: "myaccordionHeader";
}
.myaccordionHeader {
   fontWeight: bold;
   font-size: 11;
}

Button {
   cornerRadius: 5;
   textIndent: 0;
   highlightAlphas: 1, 0.32;
   fillAlphas: 1, 1, 1, 1;
   fillColors: #cccccc, #ffffff, #cccccc, #ffffff;
   borderColor: #999999;
  
}
.vdcButton
{
 fontSize: 11;
    fontWeight: bold;
    upSkin:  Embed("css/btnskin/disable.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
 overSkin: Embed("css/btnskin/over.png",  scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
 downSkin: Embed("css/btnskin/down.png",  scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
}
.upButton
{
    upSkin:  Embed("icon/up.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
    overSkin: Embed("icon/up.png",  scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
 downSkin: Embed("icon/up_down.png",  scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
}
.downButton
{
    upSkin:  Embed("icon/down.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
    overSkin: Embed("icon/down.png",  scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
 downSkin: Embed("icon/down_down.png",  scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
}
.leftButton
{
    upSkin:  Embed("icon/left.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
    overSkin: Embed("icon/left.png",  scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
 downSkin: Embed("icon/left_down.png",  scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
}
.rightButton
{
    upSkin:  Embed("icon/right.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
    overSkin: Embed("icon/right.png",  scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
 downSkin: Embed("icon/right_down.png",  scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
}
.centerButton
{
    upSkin:  Embed("icon/center.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
    overSkin: Embed("icon/center.png",  scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
 downSkin: Embed("icon/center_down.png",  scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
}
.zoonInButton
{
    upSkin:  Embed("icon/zoomin.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
    overSkin: Embed("icon/zoomin.png",  scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
 downSkin: Embed("icon/zoomin_d.png",  scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
}
.zoonOutButton
{
    upSkin:  Embed("icon/zoomout.png", scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
    overSkin: Embed("icon/zoomout.png",  scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
 downSkin: Embed("icon/zoonout_d.png",  scaleGridLeft="5", scaleGridRight="10", scaleGridTop="5", scaleGridBottom="10");
}

CheckBox {
   highlightAlphas: 1, 0.24;
   fillAlphas: 1, 1, 1, 1;
   fillColors: #aaaaaa, #ffffff, #aaaaaa, #ffffff;
   borderColor: #999999;
}

ColorPicker {
   swatchBorderColor: #000000;
   swatchGridBackgroundColor: #000000;
   swatchHighlightColor: #ffffff;
}

ComboBox {
   cornerRadius: 6;
   borderColor: #999999;
   highlightAlphas: 1, 0.32;
   fillAlphas: 1, 1, 1, 1;
   fillColors: #cccccc, #ffffff, #cccccc, #ffffff;
   selectionColor: #df8712;
   textSelectedColor: #ffffff;
   rollOverColor: #f4c000;
   alternatingItemColors: #ffffff, #ffffff;
   fontWeight: normal;
}

DataGrid {
   backgroundColor: #ffffff;
   headerColors: #e0e0e0, #ffffff;
   rollOverColor: #f4c000;
   borderColor: #999999;
   selectionColor: #df8712;
   textSelectedColor: #ffffff;
   headerStyleName: "mydataGridHeaderStyle";
}

.mydataGridHeaderStyle {
   font-weight:bold;
   font-size: 11;
}

DateChooser {
   cornerRadius: 10;
   headerColors: #cccccc, #000000;
   highlightAlphas: 1, 0.32;
   fillAlphas: 1, 1, 1, 1;
   fillColors: #000000, #ffffff, #000000, #ffffff;
   todayColor: #ff6600;
   rollOverColor: #eeeeee;
   selectionColor: #999999;
   borderColor: #999999;
   dropShadowEnabled: true;
   shadowDirection: right;
   headerStyleName: "mydateChooserHeaderStyle";  
   todayStyleName: "mydateChooserTodayStyle";
   nextMonthSkin: Embed("css/btnskin/right_s.png");
   prevMonthSkin: Embed("css/btnskin/left_s.png");
   nextYearSkin : Embed("css/btnskin/right_s.png");
   prevYearSkin : Embed("css/btnskin/left_s.png");
}

.mydateChooserHeaderStyle {
   color: #ffffff;
   fontSize: 11;
   font-weight:bold;
}

.mydateChooserTodayStyle {
   color: #ffffff;
}

LinkButton {
   fontSize: 11;
   fontWeight: bold;
   rollOverColor: #c5e6f9;
   selectionColor: #e7a749;
   textRollOverColor: #000000;
   textSelectedColor: #ffffff;
}

/*************for File Depot******************/
.LinkButton1 {
   fontSize: 8;
   rollOverColor: #c5e6f9;
   selectionColor: #e7a749;
   textRollOverColor: #000000;
   textSelectedColor: #ffffff;
}

List {
   backgroundColor: #ffffff;
   rollOverColor: #f4c000;
   textRollOverColor: #000000;
   borderColor: #999999;
   selectionColor: #df8712;
   textSelectedColor: #ffffff;
}

NumericStepper {
   highlightAlphas: 1, 0.32;
   fillAlphas: 1, 1, 1, 1;
   fillColors: #aaaaaa, #ffffff, #aaaaaa, #ffffff;
}

RadioButton {
   highlightAlphas: 1, 0.24;
   fillAlphas: 1, 1, 1, 1;
   fillColors: #aaaaaa, #ffffff, #aaaaaa, #ffffff;
   borderColor: #999999;
}

/*************************  TabNavigator  *******************************/

TabNavigator {
   cornerRadius: 0;
   paddingLeft: 0;
   tabStyleName: "myTabs";
}

.myTabs {
   cornerRadius: 6;
   highlightAlphas: 1, 0.32;
   fillAlphas: 1, 1;
   fillColors: #cccccc, #ffffff;
   fontWeight: bold;
   font-size: 11;
}

.tabSkin
{
 color:#cccccc;
 fontWeight:bold;
 fontSize: 11;
 textRollOverColor:#ffffff;
 overSkin: Embed("css/btnskin/overT.png");
 upSkin: Embed("css/btnskin/upT.png");
 downSkin: Embed("css/btnskin/upT.png");
 selectionIndicatorSkin: Embed("css/btnskin/downT.png");
 selectedUpSkin: Embed("css/btnskin/downT.png");
 selectedOverSkin: Embed("css/btnskin/downT.png");
}

.tabText
{
 color:#ffffff;
 fontWeight:bold;
 fontSize: 11;
 textSelectedColor:#ffffff;
 textRollOverColor:#ffffff;
}

.tabSkinRP
{
 font-size:11;
 font-weight:bold;
 skin:Embed('css/btnskin/tt.png');
}

.tabSkinRP1
{
 font-size:11;
 font-weight:bold;
 skin:Embed('css/btnskin/uu2.png');
}

/*********************************************************************/

TextArea {
   borderStyle: solid;
   borderColor: #999999;
}

TextInput {
   borderStyle: solid;
   borderColor: #999999;
}

ToolTip {
   backgroundAlpha: 0.9;
   cornerRadius: 6;
   backgroundColor: #ff6633;
}

/**************************  Tree  ******************************/

Tree {
   backgroundColor: #ffffff;
   rollOverColor: #f4c000;
   textRollOverColor: #000000;
   borderColor: #999999;
   selectionColor: #df8712;
   textSelectedColor: #ffffff;
}

.treeGroup{
 default-leaf-icon:Embed('icon/usergroup(close).png');
}

.treeUser{
 default-leaf-icon:Embed('icon/user(close).png');
}

/****************************************************************/

ScrollBar {
   trackColors: #dfe0e3, #ffffff;
   borderColor : #ffffff;
   thumbUpSkin:Embed(source='css/btnskin/thum_up_skin.png', scaleGridLeft=8, scaleGridRight=9, scaleGridTop=11,scaleGridBottom=12);
   thumbOverSkin:Embed(source='css/btnskin/thum_over_skin.png', scaleGridLeft=8, scaleGridRight=9, scaleGridTop=11,scaleGridBottom=12);
   thumbDownSkin:Embed(source='css/btnskin/thum_over_down.png', scaleGridLeft=8, scaleGridRight=9, scaleGridTop=11,scaleGridBottom=12);
   upArrowSkin:Embed(source='css/btnskin/scroll_arrow_up_up.png');
   upArrowDownSkin:Embed(source='css/btnskin/scroll_arrow_up_over.png');
   upArrowOverSkin:Embed(source='css/btnskin/scroll_arrow_up_over.png');
   downArrowSkin:Embed(source='css/btnskin/scroll_arrow_down_up.png');
   downArrowDownSkin:Embed(source='css/btnskin/scroll_arrow_down_over.png');
   downArrowOverSkin:Embed(source='css/btnskin/scroll_arrow_down_over.png');
}
HRule {
   strokeColor: #e1e1e1;
   shadowColor: #ffffff;
   strokeWidth: 1;
   showEffect:Inner;
}
VRule{
   strokeColor: #e1e1e1;
   shadowColor: #ffffff;
   strokeWidth: 1;
   showEffect:Inner;
}

/*****************************  PopupWindow  **********************************/

Panel {
    titleBackgroundSkin: Embed('css/btnskin/popskinB.png');
 borderAlpha: 1;
 borderColor: #333333;
 borderThicknessLeft: 2;
 borderThicknessBottom: 2;
 borderThicknessRight: 2;
 borderThicknessTop : 0;
 backgroundColor: #F6F6F6;
 shadowDistance: 4;
 shadowDirection: right;
 dropShadowColor: #000000;
 cornerRadius :5;
 headerHeight: 25;
 paddingLeft: 5;
 paddingRight: 5;
 paddingBottom: 5;
    titleStyleName: "mypanelTitle";
}

.mypanelTitle {
   font-size:12;
   color:#eeeeee;
   fontWeight:bold;
}

TitleWindow{
 horizontalScrollPolicy: "off";
 verticalScrollPolicy: "off";
 closeButtonUpSkin:   Embed('css/btnskin/close1.png');
 closeButtonOverSkin: Embed('css/btnskin/close2.png');
 closeButtonDownSkin: Embed('css/btnskin/close3.png');
}

Alert {
 backgroundColor: #F6F6F6;
 borderColor: #333333;
 paddingLeft: 5;
 paddingRight: 5;
 paddingBottom: 10;
 paddingTop: 10;
 letterSpacing : 0.5;
 verticalGap : 15;
 messageStyleName: "myMessageStyle";
 buttonStyleName: "vdcButton";
}

.myMessageStyle{
   fontWeight: bold;
   font-size: 11;
   color: #000000;
}

/*************************  Form ******************************/

Form{
 paddingTop: 0;
 paddingBottom : 0;
 paddingLeft: 0;
 paddingRight: 0;
 labelWidth : 200;
 horizontalScrollPolicy: "off";
 verticalScrollPolicy: "off";
}

FormItem{
 labelStyleName : "itemLable";
}

FormHeading{
 fontWeight: bold;
    font-size: 18;
    paddingTop: 0;
}

.formHeadStyle{
 fontWeight: bold;
    font-size: 11;
    paddingTop: 0;
}

.innerForm{
 paddingTop: 15;
 paddingBottom : 0;
 paddingLeft: 0;
 paddingRight: 0;
 labelWidth: 100;
}

.innerForm2{
 paddingTop: 15;
 paddingBottom : 0;
 paddingLeft: 0;
 paddingRight: 0;
 labelWidth: 150;
}

/**********************for GraphItem*************************/
.innerForm3{
 paddingTop: 20;
 paddingBottom : 0;
 paddingLeft: 0;
 paddingRight: 0;
 labelWidth: 180;
}

.innerForm4{
 paddingTop: 0;
 paddingBottom : 0;
 paddingLeft: 0;
 paddingRight: 0;
 labelWidth: 100;
}

/*************************  Client ************************/

.AlignButton
{
 cornerRadius :8;
 highlightAlphas :1,0.32;
 fillAlphas :1,1,1,1;
 fillColors :#4d4948,#000000;
 focusThickness :10;
 borderColor :#999999;
 dropShadow:true;
 shadowDistance:1;
 fontWeight:normal;
}

.AlignWindowText
{
 fontSize: 12;
}

.messageBox
{
 cornerRadius:16;
 borderStyle:solid;
 backgroundColor:#ffffff;
 backgroundAlpha:0.5;
 borderThickness:0;
 borderColor:#000000;
 alpha:1;
}

.toolbarBox{
   backgroundColor: #FFFFFF;
   shadowDirection: "center";
   shadowDistance: 2;
   borderStyle: "solid";
   dropShadowColor: #B19E9E;
   dropShadowEnabled: true;
   borderColor: #FFFFFF;
   verticalScrollPolicy: "off";
   horizontalScrollPolicy: "off";
}

.dragList{
   textSelectedColor: #000000;
}

/*****************************  Text Style  ***********************/

.title
{
   fontWeight: bold;
   font-size: 18;
}

.itemLable
{
   fontWeight: bold;
   font-size: 11;
}

.systemMessage
{
 fontSize: 12;
 fontWeight: bold;
 color: #004080;
}

.loginFont
{
 font-weight:bold;
 font-size:15;
 color:#ff0000;
}


.linkStyle
{
 font-size:10;
 text-decoration:underline;
}

.linkStyle1
{
 font-size:10;
}

.ip
{
 font-size:11;
 color:#777799;
 text-align:center;
}

.linkStyleOver
{
 font-size:11;
 color:#FEA62a;
 text-decoration:underline;
}
.windowInfoText
{
 font-size:9;
 color:#0B333C;
 fontWeight: bold;
}

/***************************  Box  ********************************/

.listBox{
 paddingBottom: 0;
 paddingLeft: 0;
 paddingTop: 0;
 paddingRight: 0;
}