jtoa/o2web/source/x_component_Deployment/$Main/default/css.wcss

{
    "titleBar": {
        "overflow": "hidden",
        "height": "50px",
        "background-color": "#4c6b87"
    },
    "titleTextNode": {
        "padding-left": "20px",
        "color": "#FFF",
        "font-size": "18px",
        "line-height": "50px",
        "font-weight": "bold",
        "width": "160px",
        "float": "left"
    },
    "appDeploymentContent": {
        "overflow": "auto"
    },
    "componentsContent": {
        "padding": "0px"
    },
	"componentItemNode": {
	    "width": "140px",
	    "height": "170px",
	    "overflow": "hidden",
	    "padding": "10px",
	    "padding-top": "15px",
	    "float": "left",
	    "background-color": "#EEE",
	    "border-right": "1px solid #CCC",
	    "border-bottom": "1px solid #CCC",
	    "border-top": "1px solid #FFF",
        "border-left": "1px solid #FFF",
	    "margin": "0px"
	},
	"userComponentItemNode": {
        "width": "140px",
        "height": "170px",
        "overflow": "hidden",
        "padding": "10px",
        "padding-top": "15px",
        "float": "left",
        "background-color": "#F9F9F9",
        "border-right": "1px solid #CCC",
        "border-bottom": "1px solid #CCC",
        "border-top": "1px solid #FFF",
        "border-left": "1px solid #FFF",
        "margin": "0px"
    },
	"iconNode": {
        "height": "90px",
        "background-repeat": "no-repeat",
        "background-position": "center center"
	},
	"addIconNode": {
        "cursor": "pointer",
        "height": "90px",
        "width": "90px",
        "margin": "auto",
        "background-color": "#EEE",
        "margin-bottom": "10px",
        "border-radius": "10px",
        "box-shadow": "0px 0px 0px #CCC",
        "border": "3px solid #C3C3C3",
        "background-repeat": "no-repeat",
        "background-position": "center center",
        "background-image": "url(../x_component_Deployment/$Main/default/icon/add.png)"
	},
	"addIconNode_over": {
	    "background-image": "url(../x_component_Deployment/$Main/default/icon/add_over.png)",
	    "border": "3px solid #3498db",
	    "box-shadow": "0px 0px 5px #666"
	},
	"contentNode": {
	    "text-align": "center",
	    "height": "50px"
	},
	"titleNode": {
	    "height": "30px",
	    "line-height": "30px",
	    "font-weight": "bold",
	    "font-size": "18px"
	},
	"nameNode": {
        "height": "20px",
        "line-height": "20px",
        "color": "#666",
        "font-size": "14px"
    },
    "actionAreaNode": {
        "height": "30px",
        "text-align": "center"
    },
    "actionNode": {
        "height": "20px",
        "width": "60px",
        "line-height": "20px",
        "border": "1px solid #999",
        "background-color": "#FFF",
        "border-radius": "5px",
        "box-shadow": "0px 0px 3px #999",
        "text-align": "center",
        "color": "#777",
        "cursor": "pointer",
        "margin": "auto"
    },
    "actionNode_over":{
        "background-color": "#6288a2",
        "color": "#FFF",
        "border": "1px solid #666",
    },
    "flagNode": {
        "position": "relative",
        "top": "-185px",
        "left": "-10px",
        "width": "32px",
        "height": "32px",
        "background": "url(../x_component_Deployment/$Main/default/icon/flag.png) no-repeat center center",
    },
    "newDeployNode": {
        "overflow": "hidden"
    },
    "deployContentNode": {
        "margin": "30px auto",
        "width": "80%",
        "max-width": "600px",
        "overflow": "hidden"
    },
    "deployLineNode": {
        "height": "36px",
        "line-height": "36px"
    },
    "deployTitleNode": {
        "height": "36px",
        "width": "100px",
        "float": "left",
        "color": "#db7a33",
        "font-size": "14px"
    },
    "deployvalueNode": {
        "height": "36px",
        "margin-left": "100px",
    },
    "deployInputNode": {
        "height": "18px",
        "width": "95%"
    },
    "deployOkAction": {
        "height": "32px",
        "width": "220px",
        "line-height": "32px",
        "font-size": "18px",
        "border-radius": "5px",
        "box-shadow": "0px 0px 5px #999",
        "text-align": "center",
        "cursor": "pointer",
        "margin": "10px auto",
        "background-color": "#6288a2",
        "color": "#FFF",
        "border": "1px solid #666",
    },

    "action2Node": {
        "height": "20px",
        "width": "40px",
        "line-height": "20px",
        "border": "1px solid #999",
        "background-color": "#FFF",
        "border-radius": "5px",
        "box-shadow": "0px 0px 3px #999",
        "text-align": "center",
        "color": "#777",
        "cursor": "pointer",
        "margin-right": "6px",
        "float": "left"
    },
    "action3Node": {
        "height": "20px",
        "width": "40px",
        "line-height": "20px",
        "border": "1px solid #999",
        "background-color": "#FFF",
        "border-radius": "5px",
        "box-shadow": "0px 0px 3px #999",
        "text-align": "center",
        "color": "#777",
        "cursor": "pointer",
        "margin-right": "0px",
        "float": "right"
    },
    "action4Node": {
        "height": "20px",
        "width": "60px",
        "line-height": "20px",
        "border": "1px solid #999",
        "background-color": "#FFF",
        "border-radius": "5px",
        "box-shadow": "0px 0px 3px #999",
        "text-align": "center",
        "color": "#777",
        "cursor": "pointer",
        "margin-left": "4px",
        "float": "left"
    },
    "action5Node": {
        "height": "20px",
        "width": "60px",
        "line-height": "20px",
        "border": "1px solid #999",
        "background-color": "#FFF",
        "border-radius": "5px",
        "box-shadow": "0px 0px 3px #999",
        "text-align": "center",
        "color": "#777",
        "cursor": "pointer",
        "margin-right": "4px",
        "float": "right"
    }
}