o2oa-cairong/o2web/source/x_component_Selector/$Selector/flow/css.wcss

{
	"maskNode": {
		"background-color": "#ddd",
		"opacity": 0.6,
		"z-index":1000
	},
	"containerNode": {
		"height": "510px",
		"width": "700px",
		"background-color": "#FFF",
		"overflow": "hidden",
		"border": "0px",
		"border-radius": "8px",
		"box-shadow": "0px 0px 18px 0px #999999",
		"position": "absolute",
		"padding": "0px 20px 20px 20px",
		"z-index":1001
	},
	"containerNode_multiple": {
		"height": "550px",
		"width": "700px",
		"background-color": "#FFF",
		"overflow": "hidden",
		"border": "0px",
		"border-radius": "8px",
		"box-shadow": "0px 0px 18px 0px #999999",
		"position": "absolute",
		"padding": "0px 20px 20px 20px",
		"z-index":1001
	},
	"containerNodeSingle": {
		"height": "510px",
		"width": "355px",
		"background-color": "#FFF",
		"overflow": "hidden",
		"border": "0px",
		"border-radius": "8px",
		"box-shadow": "0px 0px 18px 0px #999999",
		"position": "absolute",
		"padding": "0px 20px 20px 20px",
		"z-index":1001
	},
	"containerNodeSingle_multiple": {
		"height": "550px",
		"width": "355px",
		"background-color": "#FFF",
		"overflow": "hidden",
		"border": "0px",
		"border-radius": "8px",
		"box-shadow": "0px 0px 18px 0px #999999",
		"position": "absolute",
		"padding": "0px 20px 20px 20px",
		"z-index":1001
	},
	"containerNodeMobile": {
		"height": "100%",
		"width": "100%",
		"background-color": "#FFF",
		"overflow": "hidden",
		"position": "absolute",
		"z-index":1001
	},

	"titleNode": {
		"height": "30px",
		"padding-top": "10px"
	},
	"titleNodeMobile": {
		"height": "40px",
		"text-align": "center",
		"background-color": "#4c6b87"
	},

	"titleTextNode": {
		"margin-right": "30px",
		"height": "30px",
		"padding": "0px 10px",
		"color": "#333",
		"font-size": "16px",
		"line-height": "30px"
	},
	"titleActionNode": {
		"width": "30px",
		"height": "30px",
		"float": "right",
		"background": "url(../x_component_Selector/$Selector/flow/icon/close.png) no-repeat center right",
		"cursor": "pointer"
	},
	"titleTextNodeMobile": {
		"margin": "0px 50px",
		"height": "40px",
		"padding": "0px 10px",
		"color": "#FFF",
		"font-weight": "bold",
		"font-size": "14px",
		"line-height": "40px"
	},

	"titleCancelActionNodeMobile": {
		"height": "26px",
		"width": "50px",
		"text-align": "center",
		"color": "#FFF",
		"margin": "7px 15px",
		"line-height": "26px",
		"float": "left",
		"font-size": "14px"
	},
	"titleOkActionNodeMobile": {
		"height": "26px",
		"width": "50px",
		"text-align": "center",
		"color": "#FFF",
		"margin": "7px 15px",
		"line-height": "26px",
		"float": "right",
		"font-size": "14px"
	},

	"contentNode": {
		"overflow": "hidden",
		"font-size": "14px"
	},
	"tabContainer": {
		"height": "44px"
	},
	"noSelectableItemText" : {
		"margin" : "10px auto",
		"text-align" : "center",
		"width" : "200px",
		"color" : "#999"
	},
	"selectNode": {
		"position": "relative",
		"width": "50%",
		"min-width": "200px",
		"height": "410px",
		"float": "left",
		"margin": "0px",
		"border": "1px solid #DEDEDE",
		"border-radius": "0px"
	},
	"selectNodeSingle": {
		"width": "100%",
		"height": "250px",
		"float": "left",
		"margin": "10px",
		"border": "2px solid #DEDEDE",
		"border-radius": "6px"
	},
	"selectNodeMobile":{
		"margin": "0px",
		"border": "0px solid #DEDEDE",
		"border-radius": "0px"
	},


	"selectedContainerNode": {
		"height": "410px",
		"margin": "0px",
		"border": "1px solid #DEDEDE",
		"border-left": "0px solid #DEDEDE",
		"border-radius": "0px",
		"overflow" : "hidden"
	},
	"selectedScrollNode": {
		"min-width": "160px",
		"height": "410px",
		"overflow-x": "auto",
		"overflow-y": "auto",
		"background-color": "#ffffff"
	},
	"selectedNode": {

	},
	"actionNode": {
		"height": "50px",
		"width": "345px",
		"margin": "20px auto 0px auto"
	},
	"okActionNode": {
		"width": "200px",
		"text-align": "center",
		"line-height": "32px",
		"height": "32px",
		"border": "0px",
		"color": "#FFF",
		"font-size": "16px",
		"border-radius": "20px",
		"background": "#4A90E2",
		"float": "left",
		"cursor": "pointer"
	},
	"cancelActionNode": {
		"width": "130px",
		"text-align": "center",
		"line-height": "32px",
		"height": "32px",
		"border": "0px",
		"color": "#666666",
		"font-size": "16px",
		"border-radius": "20px",
		"margin-left": "15px",
		"cursor": "pointer",
		"float": "left",
		"background": "#F0F0F0"
	},
	"selectedTopNode" : {
		"overflow" : "hidden",
		"height": "24px",
		"background-color" : "#f7f7f7",
		"border-bottom": "1px solid #DEDEDE"
	},
	"selectedTopTextNode" : {
		"float" : "left",
		"width" : "40px",
		"height": "24px",
		"line-height": "24px",
		"margin-left" : "10px"
	},
	"selectedTopActionNode" : {
		"color" : "#3C76B7",
		"float" : "right",
		"cursor" : "pointer",
		"height": "24px",
		"line-height": "24px",
		"margin-right" : "10px"
	},

	"selectTopNode" : {
		"overflow": "hidden",
		"background-color": "#f7f7f7"
	},
	"selectTopTextNode": {
		"float": "left",
		"width": "40px",
		"height": "24px",
		"line-height": "24px",
		"border-bottom": "1px solid #DEDEDE",
		"margin-left": "10px"
	},
	"searchInputDiv": {
		"height": "24px",
		"line-height": "24px",
		//"font-size": "12px",
		"color": "#666666",
		"background": "transparent",
		"border-bottom": "1px solid #DEDEDE",
		"position": "relative",
		"margin-left": "50px"
	},
	"searchInput": {
		"width": "calc( 100% - 46px )",
		"height": "16px",
		"margin-top": "2px",
		"font-size": "12px",
		"padding-right" : "22px",
		"padding-left" : "22px",
		//"background" : "url(../x_component_Selector/$Selector/flow/icon/search.png) 5px center / 12px 12px no-repeat rgb(255, 255, 255)",
		"border" : "1px solid #e3e4e8",
		"float": "left",
		"outline": "none"
	},
	"searchInputSingle": {
		"width": "calc( 100% - 46px )",
		"height": "16px",
		"margin-top": "2px",
		"font-size": "12px",
		"padding-right" : "22px",
		"padding-left" : "22px",
		//"background" : "url(../x_component_Selector/$Selector/flow/icon/search.png) 5px center / 12px 12px no-repeat rgb(255, 255, 255)",
		"border" : "1px solid #e3e4e8",
		"float": "left",
		"outline": "none"
	},
	"searchCancelAction": {
		"background" : "url(../x_component_Selector/$Selector/flow/icon/cancel.png) center center / 12px 12px no-repeat rgb(255, 255, 255)",
		"position": "absolute",
		"right": "25px",
		"top": "4px",
		"height": "16px",
		"width": "16px",
		"cursor": "pointer",
		"display": "none"
	},
	"letterActionNode": {
//		"background" : "url(../x_component_Selector/$Selector/flow/icon/alphabet.png) center center / 14px 14px no-repeat rgb(255, 255, 255)",
//		"position": "absolute",
//		"right": "5px",
//		"top": "4px",
//		"height": "16px",
//		"width": "16px",
//		"cursor": "pointer"
	},
	"letterActionNode_active": {
//		"background": "url(../x_component_Selector/$Selector/flow/icon/alphabet_active.png) center center / 14px 14px no-repeat rgb(255, 255, 255)",
//		"position": "absolute",
//		"right": "5px",
//		"top": "4px",
//		"height": "16px",
//		"width": "16px",
//		"cursor": "pointer"
	},
	"letterAreaMobileNode": {
		"padding": "0px 9px",
		"height": "36px",
		"border-bottom": "1px solid #DEDEDE",
		"background-color": "#EEE"
	},
	"letterAreaNode": {
		"display": "none",
		"height": "37px",
		"padding": "0px 2px",
		"width": "calc( 100% - 4px )",
		"overflow": "hidden",
		"border-bottom": "1px solid #DEDEDE",
		"background-color": "#f3f3f3"
	},
	"letterNode": {
		"height": "18px",
		"line-height": "18px",
		"width": "15px",
		"text-align": "center",
		"font-weight": "bold",
		"float": "left",
		"cursor": "pointer",
		"font-size": "11px",
		"color": "#666666",
		"background": "transparent"
	},
	"letterNode_over": {
		"height": "18px",
		"line-height": "18px",
		"width": "15px",
		"text-align": "center",
		"font-weight": "bold",
		"float": "left",
		"color": "#666666",
		"cursor": "pointer",
		"font-size": "11px",
		"background": "#FFF"
	},
	"itemAreaScrollNode": {
		"overflow-x": "auto",
		"overflow-y": "auto",
		"background-color": "#ffffff",
		"height": "188px"
	},
	"itemAreaNode": {
		"overflow": "hidden"
	},
	"letterShowNode": {
		"text-align": "center",
		"font-size": "48px",
		"font-weight": "bold",
		"position": "absolute",
		"color": "#333",
		"opacity": 0.6
	},
	"selectorItem": {
		"height": "26px",
		"line-height": "26px",
		"padding": "0px 0px",
		"overflow": "hidden",
		"cursor": "pointer",
		//"font-size": "12px",
		"border-bottom": "1px solid #FFF",
		"color": "#666666",
		"background": "transparent"
	},
	"selectorItemCategory": {
		"height": "26px",
		"line-height": "26px",
		"padding": "0px 0px",
		"overflow": "hidden",
		"cursor": "pointer",
		//"font-size": "12px",
		"color": "#666666",
		"border-bottom": "1px solid #FFF"
	},
	"selectorItemCategory_department": {
		"height": "26px",
		"line-height": "26px",
		"padding": "0px 0px",
		"overflow": "hidden",
		"cursor": "pointer",
		//"font-size": "12px",
		"border-bottom": "1px solid #FFF"
	},

	"selectorItem_over": {
		"line-height": "26px",
		"padding": "0px 0px",
		"overflow": "hidden",
		"cursor": "pointer",
		"border-bottom": "1px solid #FFF",
		"background-color": "#f5f5f5"
	},
	"selectorItem_selected": {
		"line-height": "26px",
		"padding": "0px 0px",
		"overflow": "hidden",
		"cursor": "pointer",
		"border-bottom": "1px solid #FFF",
		"background-color": "#f4f4f4"
	},
	"selectorItemLevelNode": {
		"width": "0px",
		"height": "26px",
		"float": "left"
	},
	"selectorItemLevelNode_expand":{
		"background": "url(../x_component_Selector/$Selector/flow/icon/expand.png) no-repeat center right"
	},
	"selectorItemLevelNode_collapse":{
		"background": "url(../x_component_Selector/$Selector/flow/icon/collapse.png) no-repeat center right"
	},
	"selectorItemIconNode": {
		"width": "20px",
		"height": "26px",
		"float": "left",
		"background-repeat": "no-repeat",
		"background-position": "center center"
	},
	"selectorItemActionNode": {
		"width": "16px",
		"height": "26px",
		"margin-right": "7px",
		"float": "right",
		"background": "transparent"
	},
	"selectorItemActionNode_selected_over": {
		"width": "16px",
		"height": "26px",
		"margin-right": "7px",
		"margin-top": "0px",
		"float": "right",
		"background": "url(../x_component_Selector/$Selector/flow/icon/remove.png) no-repeat center center"
	},
	"selectorItemActionNode_over": {
		"width": "16px",
		"height": "26px",
		"margin-right": "7px",
		"margin-top": "0px",
		"float": "right",
		"background": "url(../x_component_Selector/$Selector/flow/icon/right.png) no-repeat center center"
	},
	"selectorItemActionNode_selected": {
		"width": "16px",
		"height": "26px",
		"float": "right",
		"margin-right": "7px",
		"background": "transparent",
		"margin-top": "5px",
		"font-size": "15px",
		"color": "#4A90E2"
		//"background": "url(../x_component_Selector/$Selector/flow/icon/check.png) no-repeat center center"
	},
	"selectorItemCategoryActionNode_expand": {
		"width": "20px",
		"height": "26px",
		"float": "left",
		//"font-size": "12px",
		"background": "url(../x_component_Selector/$Selector/flow/icon/expand.png) no-repeat center center"
	},
	"selectorItemCategoryActionNode_collapse": {
		"width": "20px",
		"height": "26px",
		//"font-size": "12px",
		"float": "left",
		"background": "url(../x_component_Selector/$Selector/flow/icon/collapse.png) no-repeat center center"
	},
	"selectorItemCategoryActionNode_selectAll": {
		"width": "16px",
		"height": "26px",
		"margin-right": "7px",
		"float": "right",
		"background": "url(../x_component_Selector/$Selector/flow/icon/selectall.png) no-repeat center center"
	},
	"selectorItemCategoryActionNode_empty": {
		"width": "16px",
		"height": "26px",
		"margin-right": "7px",
		"float": "right"
	},

	"selectorItemTextNode": {
		"height": "26px",
		"margin-right": "26px",
		"margin-left": "26px",
		"word-wrap": "break-word",
		"color": "#000"
	},
	"selectorItemCategoryTextNode": {
		"height": "26px",
		"margin": "0px 26px 0px 46px",
		"color": "#000",
		//"font-size": "12px",
		"font-weight": "bold"
	},
	"selectorItemTextNode_selected": {
		"height": "26px",
		"margin-left": "26px",
		"color": "#000"
	},

	"selectorItemCategoryChildrenNode": {
		"overflow": "hidden",
		"margin-left": "0px"
	},

	"dutyInputDialog":{
		"height": "56px",
		"clear": "both"
	},
	"dutyInputNode": {
		"border": "1px solid #eee",
		"background": "#FFF",
		"height": "18px"
	},
	"filePreviewNode": {
		"overflow": "hidden",
		"max-width": "300px",
		"max-height": "200px"
	}
}