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

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

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

    "viewListResizeNode": {
        "width": "3px",
        "float": "right",
        "background-color": "#505050",
        "margin-right": "2px",
        "cursor": "col-resize"
    },
    "viewListAreaSccrollNode": {
        "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"
    },
    "viewListAreaNode": {
        "overflow": "hidden"
    },
	"viewListTitleNode": {
        "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"
    },


    "listViewItem": {
        "height": "24px",
        "line-height": "24px",
        "margin": "3px 10px 0px 10px",
        "cursor": "pointer",
        "background": "#FFF",
        "color": "#333"
    },
    "listViewItem_over": {
        "background": "#e8eef7"
    },
    "listViewItem_current": {
        "background": "#48638f",
        "color": "#FFF"
    },
    "listViewItemIcon": {
        "height": "24px",
        "width": "26px",
        "background": "url("+"../x_component_query_ViewDesigner/$Main/default/view.png) no-repeat center center",
        "float": "left"
    },
    "listViewItemText": {
        "height": "24px",
        "margin-left": "28px",
        "white-space": "nowrap"
    },


	"contentToolbarNode": {
		"height": "30px",
		"background-color": "#EEE"
	},
	"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%",
		"margin": "15px",
		"box-shadow": "0px 0px 20px #606060",
		"background": "#FFF",
		"-webkit-user-select": "none",
		"overflow": "hidden",
		"background": "url(../x_component_query_ViewDesigner/$Main/default/designerBg.png)",
		"-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",
		"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"
    }
}