o2oa-cairong/o2web/source/x_component_process_ScriptDesigner/$Main/default/css.wcss

{
	"propertyNode": {
		"width": "300px",
		"overflow": "hidden",
		"float": "right",
		"-webkit-user-select": "text",
		"-moz-user-select": "text" 
	},
	"scriptListNode": {
        "width": "260px",
        "overflow": "hidden",
        "border": "1px solid #505050",
        "height": "100%",
        "float": "left",
        "background-color": "#EEE"
	},

	"contentNode": {
		"margin-right": "301px",
		"border-right": "1px solid #505050",
		"border-left": "1px solid #505050",
		"background-color": "#FFF",
		"-webkit-user-select": "none",
		"-moz-user-select": "none" 
	},

    "scriptListResizeNode": {
        "width": "3px",
        "float": "right",
        "background-color": "#505050",
        "margin-right": "2px",
        "cursor": "col-resize"
    },
    "scriptListAreaSccrollNode": {
        "margin": "4px",
        "margin-right": "8px",
        "overflow": "auto",
        "background-color": "#FFF",
        "border-top": "1px solid #999",
        "border-left": "1px solid #999",
        "border-bottom": "1px solid #DDD",
        "border-right": "1px solid #DDD"
    },
    "scriptListAreaNode": {
        "overflow": "hidden"
    },


    "scriptListTitleNode": {
        "height": "26px",
        "background-color": "#505050",
        "border-radius": "0px",
        "margin": "2px",
        "color": "#FFF",
        "line-height": "26px",
        "font-size": "12px",
        "font-weight": "bold",
        "padding-left": "10px",
        "clear": "both"
    },

    "listScriptItem": {
        "height": "24px",
        "line-height": "24px",
        "margin": "3px 10px 0px 10px",
        "cursor": "pointer",
        "background": "#FFF",
        "color": "#333"
    },
    "listScriptItem_over": {
        "background": "#e8eef7"
    },
    "listScriptItem_current": {
        "background": "#48638f",
        "color": "#FFF"
    },
    "listScriptItemIcon": {
        "height": "24px",
        "width": "26px",
        "background": "url("+"../x_component_process_ScriptDesigner/$Main/default/script.png) no-repeat center center",
        "float": "left"
    },
    "listScriptItemText": {
        "height": "24px",
        "margin-left": "28px",
        "white-space": "nowrap"
    },

    "includeTitleNode": {
        "height": "24px",
        "background-color": "#EEE",
        "border-bottom": "#999",
        "line-height": "24px"
    },
    "includeTitleActionNode": {
        "height": "24px",
        "width": "30px",
        "background": "url("+"../x_component_process_ScriptDesigner/$Script/default/icon/add.png) no-repeat center center",
        "float": "right",
        "cursor": "pointer"
    },
    "includeTitleTextNode": {
        "margin": "0px 35px 0px 5px",
        "height": "24px"
    },
    "includeScriptItem": {
        "height": "26px",
        "line-height": "26px",
        "border-bottom": "1px solid #999",
        "padding": "0px 0px 0px 10px",
        "cursor": "pointer"
    },
    "includeScriptItemAction": {
        "height": "26px",
        "width": "30px",
        "background": "url("+"../x_component_process_ScriptDesigner/$Script/default/icon/del.png) no-repeat center center",
        "float": "right",
        "cursor": "pointer"
    },
    "includeScriptItemText": {
        "height": "26px",
        "margin-right": "30px"
    },

    "propertyItemTitleNode": {
        "height": "24px",
        "line-height": "24px",
        "font-size": "12px",
        "font-weight": "bold",
        "margin": "10px 10px 0px 10px"
    },
    "propertyTextNode": {
        "height": "24px",
        "line-height": "24px",
        "font-size": "12px",
        "margin": "0px 10px",
        "color": "#666"
    },
    "propertyInputNode": {
        "display": "block",
        "width": "90%",
        "margin": "0px 10px",
        "border": "1px solid #999",
        "height": "20px",
        "line-height": "20px"
    },
    "propertyInputAreaNode": {
        "display": "block",
        "width": "90%",
        "margin": "0px 10px",
        "border": "1px solid #999",
        "height": "60px",
        "overflow": "auto"
    },



	"contentToolbarNode": {
		"height": "30px"
	},
	"editContentNode": {
		"overflow": "hidden",
		"background": "#CCC",
		"-webkit-user-select": "none",
		"-moz-user-select": "none" 
	},
	"designFrame": {
		"width": "100%",
		"height": "100%",
		"border": "0px"
	},
	"designBody": {
		"margin": "0px"
	},
	"designNode": {
		//"height": "100%",
		"width": "auto",
		"margin": "15px",
		"box-shadow": "0px 0px 20px #606060", 
		"background": "#FFF",
		"-webkit-user-select": "none",
		"overflow": "hidden",
		"-moz-user-select": "none" 
	},
	"propertyTitleNode": {
		"height": "26px",
		"background-color": "#505050",
		"border-radius": "0px",
		"margin": "2px",
		"color": "#FFF",
		"line-height": "26px",
		"font-size": "12px",
		"font-weight": "bold",
		"padding-left": "10px",
		"clear": "both"
	},
	"propertyResizeBar": {
		"width": "3px",
		"float": "left",
		"background-color": "#505050",
		"margin-left": "2px",
		"cursor": "col-resize"
	},
	"propertyContentNode": {
		"background-color": "#EEE",
		"border-radius": "0px",
		"margin": "2px",
		"margin-left": "7px",
		"padding-right": "0px",
		"overflow": "hidden"
	},
	"propertyContentResizeNode": {
		"height": "3px",
		"background-color": "#505050",
		"cursor": "row-resize"
	},
	"propertyDomArea": {
		"overflow": "hidden",
		"background": "#FFF",
		"margin": "2px",
		"font-family": "Verdana, Geneva, sans-serif",
		"border-top": "1px solid #999",
		"border-left": "1px solid #999",
		"border-bottom": "1px solid #DDD",
		"border-right": "1px solid #DDD"
	},
	"propertyContentArea": {
		"overflow": "hidden",
		"background": "#FFF",
		"margin-bottom": "2px"
	},


    "titleActionArea":{
        "float" : "right",
         "display": "flex",
          "align-items":"center",
          "height":"100%",
          "flex": "1",
           "justify-content": "flex-end"
    },
    "moreAction":{
         "margin-right": "10px",
         "width": "20px",
         "height": "20px",
         "cursor": "pointer",
         "background": "url(../x_component_query_ViewDesigner/$Main/default/toolbar/more.png) no-repeat center center",
         "background-size": "12px 12px"
     },
     "toolbarNode":{
       "border-bottom": "1px dashed rgb(204, 204, 204)",
       "width": "100%",
       "background": "#fff",
       "display": "none",
       "padding-bottom": "10px"
    },
	"itemSortArea":{
        "height": "38px",
        "line-height": "38px",
        "text-align": "center"
    },
    "itemSortSelect":{
        "border": "1px solid #ccc",
        "height": "20px",
        "width": "90%"
    },
    "searchArea":{
        "border": "1px solid #ccc",
        "padding": "0 0 0 2px",
        "overflow": "hidden",
        "width": "90%",
        "margin-left": "calc( 5% - 4px )",
         "text-align": "center"
    },
    "searchInput": {
        "width": "calc( 100% - 46px )",
        "height": "20px",
        "line-height": "20px",
        "font-size": "13px",
        "color": "#666",
        "border": "0",
        "float": "left",
        "background": "inherit"
    },
    "searchButton":{
        "cursor": "pointer",
        "width": "20px",
        "height": "20px",
        "line-height": "20px",
        "color": "#ccc",
        "float": "right",
        "background": "url(../x_component_process_ProcessManager/$Explorer/default/icon/search.png) no-repeat center center",
        "background-size": "12px 12px"
    },
    "searchCancelButton":{
        "cursor": "pointer",
        "width": "20px",
        "height": "20px",
        "line-height": "20px",
        "color": "#ccc",
        "float": "right",
        "background": "url(../x_component_process_ProcessManager/$Explorer/default/icon/icon_clear.png) no-repeat center center",
        "display": "none",
        "background-size": "12px 12px"
    }
}