o2oa-cairong/o2web/source/x_component_cms_ColumnManager/$Explorer/default/css.wcss

{
  "toolbarNode": {
	"overflow" : "hidden",
	"background-color" : "#f7f7f7",
	"height" : "50px",
	"padding-left" : "10px",
	"line-height" : "50px",
	"color" : "#333"
  },
  "iconElementNode": {
	"float": "left",
	"width": "80px",
	"height": "80px",
	"background-position": "center center",
	"background-repeat": "no-repeat",
	"cursor": "pointer"
  },
  "createElementNode": {
	"float" : "right",
	"width" : "24px",
	"margin-right" : "18px",
	"margin-top" : "14px",
	"cursor" : "pointer",
	"height" : "24px",
	"line-height" : "24px",
	"background" : "url(../x_component_cms_ColumnManager/$CategoryExplorer/default/icon/add.png) no-repeat center center"
  },
  "createElementNode_over" : {
	"background" : "url(../x_component_cms_ColumnManager/$CategoryExplorer/default/icon/add_blue.png) no-repeat center center"
  },
  "titleElementNode": {
	"font-size" : "16px",
	"float" : "left",
	"height" : "50px",
	"margin-left" : "10px",
	"line-height" : "50px"
  },
  "searchElementNode": {
	"margin-left": "362px",
	"overflow": "hidden"
  },
  "searchElementButtonNode": {
	"float": "right",
	"width": "80px",
	"height": "80px",
	"margin-right": "40px",
	"background": "url("+"../x_component_cms_ColumnManager/$Explorer/default/icon/search.png) no-repeat center center",
	"cursor": "pointer"
  },
  "searchElementInputAreaNode": {
	"margin-right": "120px",
	"text-align": "right"
  },
  "searchElementInputBoxNode": {
	"margin-top": "25px",
	"width": "80%",
	"max-width": "500px",
	"height": "30px",
	"border-radius": "5px",
	"background-color": "#EEE",
	"float": "right",
	"text-align": "center"
  },
  "searchElementInputNode": {
	"width": "96%",
	"height": "28px",
	"border": "0px",
	"font-family": "Microsoft YaHei",
	"font-size": "14px",
	"color": "#999",
	"background": "transparent",
	"-webkit-user-select": "auto",
	"-moz-user-select": "auto"
  },

  "itemStyleSwitchNode":{
        "float": "right",
        "display": "flex",
        "height": "38px",
         "align-items": "center",
         "margin-top": "8px",
         "margin-right": "20px"
    },
    "itemStyleSwitchItemNode":{
        "padding": "5px",
        "width":"16px",
        "height": "16px",
        "background-repeat": "no-repeat",
        "background-position": "center center"
    },
    "itemSortArea":{
        "float": "right",
         "margin-top": "8px",
        "height": "38px",
        "line-height": "38px"
    },
    "itemSortSelect":{
        "border": "1px solid #ccc",
        "border-radius": "4px",
        "height": "20px",
    },
    "searchArea":{
        "float": "right",
        "width": "172px",
        "border": "1px solid #ccc",
        "border-radius": "4px",
        "margin": "16px 10px 0 0",
        "padding": "0 0 0 2px",
        "overflow": "hidden"
    },
    "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"
    },

  "elementContentNode": {
	"overflow": "hidden",
	"position": "static"
  },
  "elementContentListNode": {
	"overflow": "hidden"//,
	//"padding-bottom": "20px"
	//"margin-right": "10px"
  },
  "noElementNode": {
	"text-align": "center",
	"padding": "20px",
	"height": "30px",
	"line-height": "30px",
	"margin-top": "10px",
	"margin-left": "0px",
	"color": "#888",
	"cursor": "pointer",
	"font-size": "16px"
  },


  "deleteItemsAction": {
	"width": "140px",
	"height": "30px",
	"cursor": "pointer",
	"position": "absolute",
	"background-color": "#c04444",
	"border": "1px solid #FFF",
	"line-height": "30px",
	"font-size": "14px",
	"font-family": "Microsoft YaHei",
	"color": "#FFF",
	"text-align": "center",
	"border-radius": "0px",
	"opacity": 0,
	"box-shadow": "0px 2px 5px #666"
  },

  "noItemNoticeNode": {
	"text-align": "left",
	"padding": "20px",
	"height": "60px",
	"line-height": "60px",
	"margin-top": "10px",
	"margin-left": "0px",
	"color": "#888",
	"cursor": "pointer",
	"font-size": "16px"
  },

  "itemNode_card": {
        "position": "relative",
		"width": "240px",
		"padding": "10px",
		"height": "60px",
		"margin-top": "20px",
		"margin-left": "20px",
		"border": "1px solid #CCC",
		"float": "left",
		"background-color": "#FFF",
		"cursor": "default"
	},
	"itemIconNode_card": {
		"padding": "0px",
		"float": "left",
		"width": "40px",
		"height": "60px",
		"cursor": "pointer"
	},
	"itemTextTitleNode_card": {
		"margin-left": "50px",
		"margin-right": "20px",
		"height": "20px",
		"line-height": "20px",
		"font-size": "14px",
		"font-weight": "bold",
		"overflow": "hidden",
		"cursor": "pointer",
		"color": "#333"
	},
	"itemTextDescriptionNode_card": {
	    "margin-left": "50px",
    	"margin-right": "20px",
		"font-size": "12px",
		"line-height": "20px",
		"height": "20px",
		"color": "#777",
		"overflow": "hidden",
		"white-space": "normal"
	},
	"itemTextDateNode_card": {
	    "margin-left": "50px",
	    "font-size": "12px",
        "line-height": "20px",
        "height": "20px",
        "color": "#777",
        "text-align": "right"
	},
	"itemNewNode_card": {
        "width": "47px",
        "height": "47px",
        "position": "absolute",
        "top": "0",
        "left": "0",
        "background": "url("+"../x_component_process_ProcessManager/$Explorer/default/icon/new.png) no-repeat right"
    },

  "itemNode": {
	"height": "50px",
	"margin-left": "0px",
	"background-color": "#FFF",
	"cursor": "default",
	"position" : "relative"
  },
  "itemNode_selected": {
	"background-color": "#b7d0e6"
  },
  "itemNode_even" : {
	"height": "50px",
	"margin-left": "0px",
	"background-color": "#f7f7f7",
	"cursor": "default",
	"position" : "relative"
  },
  "itemNode_over" : {
	"background-color": "#f0f0f0"
  },
  "itemTypeNode" : {
	"overflow" : "hidden",
	"float": "left",
	"width": "50px",
	"height": "50px"
  },
  "itemStatusNode" : {
	"overflow" : "hidden",
	"float": "left",
	"width": "5px",
	"height": "50px"
  },
  "itemStatusTopNode" : {
	"width": "5px",
	"height": "25px"
  },
  "itemStatusBottomNode" : {
	"width": "5px",
	"height": "25px"
  },
  "itemIconNode": {
	"padding": "0px",
	"float": "left",
	"margin-left": "10px",
	"width": "50px",
	"height": "50px"
  },
  "deleteActionNode": {
	"padding": "0px",
	"float": "right",
	"width": "16px",
	"height": "16px",
	"cursor": "pointer",
	"background": "url(../x_component_cms_ColumnManager/$CategoryExplorer/default/icon/trash.png) no-repeat center center"
  },

  "itemInforNode": {
	"margin-left": "60px",
	"margin-right": "26px",
	"height": "50px",
	"overflow": "hidden"
  },
  "itemInforBaseNode": {
	"height": "50px",
	"line-height": "50px",
	"font-size": "12px"
  },
  "itemTextTitleNode": {
	"height": "50px",
	"font-size": "14px",
	"overflow": "hidden",
	"cursor": "pointer",
	"color": "#888",
	"width": "200px",
	"float": "left"
  },
  "itemTextAliasNode": {
	"padding-left" : "10px",
	"height": "50px",
	"overflow": "hidden",
	"cursor": "pointer",
	"color": "#777",
	"float": "left",
	"width": "190px"
  },
  "itemTextDateNode": {
	"height": "50px",
	"overflow": "hidden",
	"cursor": "pointer",
	"color": "#999",
	"float": "left",
	"text-align": "right",
	"width": "120px"
  },
  "itemTextDescriptionNode": {
	"padding-left" : "10px",
	"font-size": "12px",
	"line-height": "50px",
	"height": "50px",
	"color": "#888",
	"overflow": "hidden",
	"white-space": "normal"
  },

  "itemErrorNode": {
	"width": "16px",
	"height": "16px",
	"float": "right",
	"background": "url("+"../x_component_cms_ColumnManager/$Explorer/default/icon/error.png) no-repeat center center",
	"position": "relative",
	"top": "-16px",
	"left": "0px"
  },
  "itemNewNode": {
	"width": "30px",
	"height": "30px",
	"position": "absolute",
	"top": "0",
	"left": "0",
	"background": "url("+"../x_component_cms_ColumnManager/$Explorer/default/icon/new.png) no-repeat right"
  },

  "createTemplateScrollNode": {
	"margin-right": "0px",
	"height": "100%",
	"overflow": "hidden"
  },
  "createTemplateContentNode": {
	"overflow": "hidden",
	"padding": "10px 40px 40px 10px"
  },
  "templateNode": {
	"margin-top": "30px",
	"margin-left": "30px",
	"float": "left",
	"width": "120px",
	"height": "140px",
	"cursor": "pointer",
	"border": "2px solid #FFF",
	"border-radius": "10px",
	"box-shadow": "0px 0px 0px #999",
	"background-color": "#FFF"
  },
  "templateNode_over": {
	"border": "2px solid #999",
	"box-shadow": "0px 0px 5px #999"
  },
  "templateNode_down": {
	"border-top": "2px solid #999",
	"border-left": "2px solid #999",
	"border-bottom": "2px solid #FFF",
	"border-right": "2px solid #FFF",
	"box-shadow": "0px 0px 0px #999"
  },
  "templateIconNode": {
	"height": "110px"
  },
  "templateTitleNode": {
	"height": "30px",
	"line-height": "30px",
	"text-align": "center",
	"font-size": "14px"
  },
  "templateIconImgNode": {
	"width": "100%",
	"height": "100%",
	"border-radius": "10px"
  },

  "selectFormMaskNode": {
	"width": "100%",
	"height": "100%",
	"background-color": "#666",
	"position": "absolute",
	"top": "0px",
	"left": "0px",
	"opacity": 0.4,
	"z-index":100
  },
  "selectFormAreaNode": {
	"width": "900px",
	"height": "226",
	"border": "3px solid #999",
	"border-radius": "12px",
	"box-shadow": "0px 0px 10px #999",
	"position": "absolute",
	"top": "20%",
	"left": "10%",
	"z-index": "30000",
	"background-color": "#FFF",
	"opacity": 0
  },
  "selectFormTemplateAreaNode": {
	"width": "900px",
	"height": "226",
	"border": "3px solid #999",
	"border-radius": "12px",
	"box-shadow": "0px 0px 10px #999",
	"position": "absolute",
	"top": "20%",
	"left": "10%",
	"z-index": "30000",
	"background-color": "#FFF",
	"opacity": 0
  },
  "selectFormTitleNode": {
	"border-top-left-radius": "12px",
	"border-top-right-radius": "12px",
	"padding": "0px 10px",
	"height": "30px",
	"color": "rgb(102, 102, 102)",
	"line-height": "30px",
	"font-size": "14px",
	"font-weight": "bold",
	"background-color": "#EEE"
  },
  "selectFormScrollNode": {
	"margin-right": "0px",
	"height": "100%",
	"overflow": "hidden"
  },
  "selectFormContentNode": {
	"overflow": "hidden",
	"padding": "10px 40px 40px 10px"
  },


  "formNode": {
	"width": "240px",
	"padding": "10px",
	"height": "60px",
	"margin-top": "20px",
	"margin-left": "20px",
	"border": "1px solid #CCC",
	"float": "left",
	"background-color": "#FFF",
	"cursor": "pointer"
  },
  "formNode_over": {
	"border": "1px solid #999",
	"box-shadow": "0px 0px 5px #999"
  },
  "formNode_down": {
	"border-top": "1px solid #999",
	"border-left": "1px solid #999",
	"border-bottom": "1px solid #FFF",
	"border-right": "1px solid #FFF",
	"box-shadow": "0px 0px 0px #999"
  },
  "formIconNode": {
	"padding": "0px",
	"float": "left",
	"width": "40px",
	"height": "60px"
  },
  "formTitleNode": {
	"margin-left": "50px",
	"margin-right": "20px",
	"height": "20px",
	"line-height": "20px",
	"font-size": "14px",
	"font-weight": "bold",
	"overflow": "hidden",
	"cursor": "pointer",
	"color": "#333"
  },
  "formDescriptionNode": {
	"margin-left": "50px",
	"margin-right": "20px",
	"font-size": "12px",
	"line-height": "20px",
	"height": "20px",
	"color": "#777",
	"overflow": "hidden",
	"white-space": "normal"
  },
  "actionsArea" : {
	"position": "absolute",
	"padding": "1px",
	"padding-right": "0px",
	//"opacity": 1,
	"top" : "15px",
	"right" : "5px",
	"z-index": 100
  },
  "setCategoryViewAction": {
	"width": "16px",
	"height": "16px",
	"background" : "url(../x_component_cms_ColumnManager/$CategoryExplorer/default/icon/checkmark.png) no-repeat left",
	"margin-left": "2px",
	"margin-right": "2px",
	"float": "left",
	"cursor": "pointer"
  },
  "setCategoryViewAction_selected": {
	"width": "16px",
	"height": "16px",
	"background" : "url(../x_component_cms_ColumnManager/$CategoryExplorer/default/icon/checkmark_selected2.png) no-repeat left",
	"margin-left": "2px",
	"margin-right": "2px",
	"float": "left",
	"cursor": "pointer"
  },
  "cancelCategoryViewAction": {
	"width": "16px",
	"height": "16px",
	"background" : "url(../x_component_cms_ColumnManager/$CategoryExplorer/default/icon/checkmark_selected2.png) no-repeat left",
	"margin-left": "2px",
	"margin-right": "2px",
	"float": "left",
	"cursor": "pointer"
  },
  "setDefaultCategoryViewAction": {
	"width": "16px",
	"height": "16px",
	"background" : "url(../x_component_cms_ColumnManager/$CategoryExplorer/default/icon/home.png) no-repeat left",
	"margin-left": "2px",
	"margin-right": "2px",
	"float": "left",
	"cursor": "pointer"
  },
  "setDefaultCategoryViewAction_selected": {
	"width": "16px",
	"height": "16px",
	"background" : "url(../x_component_cms_ColumnManager/$CategoryExplorer/default/icon/home_selected.png) no-repeat left",
	"margin-left": "2px",
	"margin-right": "2px",
	"float": "left",
	"cursor": "pointer"
  },
  "deleteAction" : {
	"width": "16px",
	"height": "16px",
	"background" : "url(../x_component_cms_ColumnManager/$Explorer/default/icon/delete.png) no-repeat left",
	"margin-left": "2px",
	"margin-right": "5px",
	"float": "left",
	 "opacity": 0,
	"cursor": "pointer"
  },
  "deleteAction_over" : {
	"width": "16px",
	"height": "16px",
	"background" : "url(../x_component_cms_ColumnManager/$Explorer/default/icon/delete_over.png) no-repeat left",
	"margin-left": "2px",
	"margin-right": "5px",
	"float": "left",
	"cursor": "pointer"
  },

  "saveasActionNode" : {
	"width": "16px",
	"height": "16px",
	"background" : "url(../x_component_cms_ColumnManager/$Explorer/default/icon/copy.png) no-repeat left",
	"margin-left": "2px",
	"margin-right": "5px",
	"float": "left",
	 "opacity": 0,
	"cursor": "pointer"
  },
  "saveasActionNode_over" : {
	"width": "16px",
	"height": "16px",
	"background" : "url(../x_component_cms_ColumnManager/$Explorer/default/icon/copy_over.png) no-repeat left",
	"margin-left": "2px",
	"margin-right": "5px",
	"float": "left",
	"cursor": "pointer"
  },
	"createTemplateMaskNode": {
		"width": "100%",
		"height": "100%",
		"background-color": "#666",
		"position": "absolute",
		"top": "0px",
		"left": "0px",
		"opacity": 0.4,
		"z-index":100
	},
	"createTemplateAreaNode": {
		"width": "688px",
		"height": "486px",
		"border": "3px solid #999",
		"border-radius": "12px",
		"box-shadow": "0px 0px 10px #999",
		"position": "absolute",
		"top": "20%",
		"left": "10%",
		"z-index": "30000",
		"background-color": "#FFF",
		"opacity": 1
	},
  "fileDesignerTitleNode": {
	"height": "40px",
	"line-height": "40px"
  },
  "fileDesignerTitleIconNode": {
	"width": "40px",
	"height": "40px",
	"float": "left",
	"background-repeat": "no-repeat",
	"background-position": "left top"
  },
  "fileDesignerTitleTextNode": {
	"margin": "0px 40px",
	"height": "40px",
	"text-align": "center",
	"font-size": "18px",
	"color": "#666666",
	"font-weight": "bold"
  },
  "fileDesignerContentNode": {
	"overflow": "auto"
  },
  "fileDesignerButtonNode": {
	"height": "50px"
  },
  "fileDesignerContentAreaNode": {
	"overflow": "hidden",
	"padding": "20px"
  },
  "fileDesignerContentLineNode": {
	"height": "30px",
	"line-height": "30px",
	"width": "80%",
	"margin": "auto",
	"margin-top": "10px"
  },
  "fileDesignerContentLineTitleNode": {
	"height": "30px",
	"width": "80px",
	"float": "left",
	"font-size": "16px",
	"color": "#666666",
	"text-align": "left",
	"font-weight": "bold"
  },
  "fileDesignerContentLineContentNode": {
	"height": "30px",
	"margin-left": "80px",
	"-webkit-user-select": "text",
	"-moz-user-select": "text"
  },
  "fileDesignerContentLineInputNode": {
	"border": "1px solid #999999",
	"height": "22px",
	"line-height": "22px",
	"width": "99%",
	"color": "#666666"
  },
  "fileDesignerContentFileLineNode": {
	"height": "80px",
	"line-height": "80px",
	"width": "80%",
	"margin": "auto",
	"margin-top": "10px"
  },
  "fileDesignerContentFileLineTitleNode": {
	"height": "80px",
	"width": "80px",
	"float": "left",
	"font-size": "16px",
	"color": "#666666",
	"text-align": "left",
	"font-weight": "bold"
  },
  "fileDesignerContentFileLineContentNode": {
	"height": "80px",
	"margin": "0px 80px"
  },
  "fileDesignerContentFileLineRightNode":{
	"height": "80px",
	"width": "80px",
	"float": "right",
  },
  "fileDesignerUploadButtonNode": {
	"height": "24px",
	"width": "70px",
	"line-height": "24px",
	"border": "1px solid #999999",
	"border-radius": "5px",
	"text-align": "center",
	"color": "#666666",
	"float": "right",
	"margin-top": "28px",
	"background-color": "#F3F3F3",
	"cursor": "pointer"
  },

  "fileDesignerCancelButtonNode": {
	"height": "26px",
	"width": "80px",
	"line-height": "26px",
	"border": "1px solid #999999",
	"border-radius": "5px",
	"text-align": "center",
	"color": "#666666",
	"float": "right",
	"margin-right": "60px",
	"background-color": "#F3F3F3",
	"cursor": "pointer"
  },
  "fileDesignerOkButtonNode": {
	"height": "26px",
	"width": "100px",
	"line-height": "26px",
	"border": "1px solid #999999",
	"border-radius": "5px",
	"text-align": "center",
	"color": "#FFFFFF",
	"float": "right",
	"margin-right": "20px",
	"background-color": "#4c6b87",
	"cursor": "pointer"
  },

  "fileDesignerContentFileLineFileIconNode": {
	"height": "80px",
	"width": "80px",
	"float": "left",
	"background-repeat": "no-repeat",
	"background-position": "center"
  },
  "fileDesignerContentFileLineFileNameNode": {
	"margin-left": "85px",
	"height": "40px",
	"line-height": "20px",
	"font-size": "14px",
	"word-break": "break-all",
	"color": "#666666"
  },
  "fileDesignerContentFileLineFileSizeNode": {
	"margin-left": "85px",
	"height": "40px",
	"line-height": "20px",
	"font-size": "14px",
	"color": "#999999"
  }
}