oaup9/o2web/source/x_component_File/$FileSelector/default/css.wcss

{
  "markNode": {
	"width": "100%",
	"height": "100%",
	"opacity": 0.6,
	"position": "absolute",
	"background-color": "#eee",
	"top": "0px",
	"left": "0px",
	"z-index" : 10011
  },
  "container": {
	"position": "absolute",
	"opacity": 0,
	"top": "0px",
	"border" : "1px solid #ccc",
	"border-radius" : "10px",
	"box-shadow": "0px 0px 15px #666",
	"z-index" : 10012
  },
  "node" : {
	"background-color" : "#eee",
	"border-radius" : "10px"
  },
  "bottomToolbarNode" : {
	"height" : "40px",
	"line-height" : "40px",
	"background-color" : "#eee",
	"overflow" : "hidden",
	"border-top" : "1px solid #ccc",
	"border-bottom-left-radius" : "10px",
	"border-bottom-right-radius" : "10px",
	"padding-top" : "10px"
  },
  "titleNode": {
	"color" : "#333",
	"height": "30px",
	"background-color": "#eee",
	"border-top": "1px solid #ddd",
	"border-bottom": "1px solid #b6b6b6",
	"border-top-left-radius" : "10px",
	"border-top-right-radius" : "10px",
	"line-height": "30px",
	"font-size": "14px",
	"font-weight": "bold",
	"padding-left": "20px",
	"text-align": "left"
  },
  "titleActionNode": {
	"width": "30px",
	"height": "30px",
	"float": "right",
	"background": "url(../x_component_File/$FileSelector/default/icon/close.png) no-repeat center center",
	"cursor": "pointer"
  },
  "okButton" : {
	"color" : "#fff",
	"width" : "50px",
	"height" : "28px",
	"line-height" : "28px",
	"border" : "1px solid #2274c9",
	"background-color" : "#3f8edf",
	"border-radius" : "4px",
	"text-align" : "center",
	"cursor" : "pointer",
	"float" : "right",
	"font-size" : "14px",
	"margin-right" : "10px"
  },
  "cancelButton" : {
	"color" : "#333",
	"width" : "50px",
	"height" : "28px",
	"line-height" : "28px",
	"border" : "1px solid #ddd",
	"background-color" : "#fff",
	"border-radius" : "4px",
	"text-align" : "center",
	"cursor" : "pointer",
	"float" : "right",
	"font-size" : "14px",
	"margin-right" : "30px"
  },
	"topNode": {
		"padding": "3px",
		"margin": "0px 0px",
		"height": "30px",
		"overflow": "hidden"
	},
	"toolsNode": {
		"height": "30px",
		"margin-bottom": "2px"
	},
	"toolsActionNode": {
		"padding": "2px 10px",
		"border": "1px solid #999",
		"background-color": "#e1ecff",
		"border-radius": "3px",
		"float": "left",
		"cursor": "pointer",
		"margin-left": "10px"
	},
	"toolsActionNode_over": {
		"padding": "2px 10px",
		"border": "1px solid #999",
		"background-color": "#bbd5ff",
		"border-radius": "3px",
		"float": "left",
		"cursor": "pointer",
		"margin-left": "10px"
	},
	"toolsMenuActionNode": {
		"width": "38px",
		"padding": "2px 8px",
		"border": "1px solid #999",
		"background-color": "#e1ecff",
		"border-radius": "3px",
		"float": "left",
		"cursor": "pointer",
		"margin-left": "10px",
		"overflow": "hidden"
	},
	"toolsMenuActionNode_over": {
		"width": "38px",
		"padding": "2px 8px",
		"border": "1px solid #999",
		"background-color": "#bbd5ff",
		"border-radius": "3px",
		"float": "left",
		"cursor": "pointer",
		"margin-left": "10px",
		"overflow": "hidden"
	},
	"downTextNode": {
		"float": "left",
		"margin-right": "5px"
	},
	"downIconNode": {
		"float": "right",
		"width": "8px",
		"height": "20px",
		"background": "url("+"../x_component_File/$FileSelector/default/icon/down.png) center center no-repeat"
	},
	
	"leftNode": {
		"height": "24px",
		"width": "24px",
		"margin-left": "0px",
		"cursor": "pointer",
		"float": "left",
		"border": "1px solid #999",
		"margin-left": "4px",
		"border-radius": "3px",
		"background": "url("+"../x_component_File/$FileSelector/default/icon/left.png) center center no-repeat"
	},
	"rightNode": {
		"height": "24px",
		"width": "24px",
		"margin-left": "0px",
		"cursor": "pointer",
		"float": "left",
		"border": "1px solid #999",
		"margin-left": "4px",
		"border-radius": "3px",
		"background": "url("+"../x_component_File/$FileSelector/default/icon/right.png) center center no-repeat"
	},
	"refreshNode": {
		"height": "24px",
		"width": "24px",
		"margin-left": "0px",
		"cursor": "pointer",
		"float": "left",
		"border": "1px solid #999",
		"margin-left": "4px",
		"border-radius": "3px",
		"background": "url("+"../x_component_File/$FileSelector/default/icon/refresh.png) center center no-repeat"
	},
	"searchNode": {
		"height": "24px",
		"width": "190px",
		"background-color": "#FFF",
		"border-radius": "3px",
		"border": "1px solid #999",
		"float": "right"
	},
	"pathNode": {
		"height": "24px",
		"margin-right": "200px",
		"margin-left": "94px",
		"background-color": "#FFF",
		"border": "1px solid #999",
		"border-radius": "3px"
	},




	"fileContentNode": {
		"overflow": "hidden"
	},
	"folderContentNode": {
	    "width": "255px",
	    "height": "100%",
        "overflow": "hidden",
        "float": "left"
	},
	"attachmentContentNode": {
	    "margin-left": "255px",
	    "height": "100%",
        "overflow": "hidden"
	},

	"resizeContentNode": {
	    "width": "1px",
	    "background-color": "#CCC",
	    "border-top": "1px solid #CCC",
	    "float": "right",
	    "height": "100%",
	    "cursor": "col-resize"
	},


	"folderTreeAreaNode": {
		"height": "100%",
		"margin-right": "1px",
		"overflow": "hidden",
	},
	"folderTreeAreaScrollNode": {
		"height": "100%",
		"overflow": "hidden",
	},
	"folderTreeNode": {
		"padding": "0px",
		"overflow": "hidden"
	},
	"fileContentAreaScrollNode": {
	//	"margin-left": "260px",
		"margin-right": "5px",
		"height": "100%",
		"overflow": "hidden",
		"background-color": "#FFF"
	},
	"fileContentAreaNode":{
		"overflow": "hidden"
	},
	
	"attachmentNode": {
		"width": "80px",
		"height": "120px",
		"float": "left",
		"margin-left": "20px",
		"margin-bottom": "10px",
		"margin-top": "10px",
		"background": "transparent"
	},
	"attachmentNode_over": {
		"width": "80px",
		"height": "120px",
		"float": "left",
		"margin-left": "20px",
		"margin-bottom": "10px",
		"background": "#d8e7ff"
	},
	"attachmentNode_select": {
		"width": "80px",
		"height": "120px",
		"float": "left",
		"margin-left": "20px",
		"margin-bottom": "10px",
		"background": "#aacaff"
	},
	"attachmentIconNode": {
		"width": "80px",
		"height": "72px",
		"background-position": "center center",
		"background-repeat": "no-repeat",
		"text-align": "center",
	},
	"shareIconNode": {
		"width": "80px",
		"height": "20px",
		"background": "url("+"../x_component_File/$FileSelector/default/icon/share.png) center center no-repeat",
		"position": "relative",
		"z-index":100,
		"top": "-56px"
	},
	"attachmentImgNode": {
		"width": "80px",
		"height": "72px",
		"margin-top": "4px",
		"background-position": "center center",
		"background-repeat": "no-repeat"
	},
	"attachmentTextNode": {
		"width": "80px",
		"height": "36px",
		"overflow": "hidden",
		"line-height": "18px",
		"word-break": "break-all",
		"text-align": "center"
	},
	"pathItemNode": {
		"height": "14px",
		"margin-top": "2px",
		"margin-left": "2px",
		"margin-right": "2px",
		"line-height": "14px",
		"font-size": "12px",
		"float": "left",
		"padding": "2px",
		"border": "1px solid #FFF",
		"background-color": "#FFF",
		"cursor": "pointer"
	},
	"pathItemNode_over": {
		"height": "14px",
		"margin-top": "2px",
		"margin-left": "2px",
		"margin-right": "2px",
		"line-height": "14px",
		"font-size": "12px",
		"float": "left",
		"padding": "2px",
		"border": "1px solid #a8c6f8",
		"background-color": "#edf3fe",
		"cursor": "pointer"
	},
	"pathItemIconNode": {
		"width": "10px",
		"height": "24px",
		"float": "left",
		"background": "url("+"../x_component_File/$FileSelector/default/icon/next.png) center center no-repeat"
	},
	"dropUploadInforNode": {
		"width": "260px",
		"height": "60px",
		"line-height": "60px",
		"opacity": 0,
		"border-radius": "5px",
		"background-color": "#576d91",
		"color": "#FFF",
		"font-size": "18px",
		"position": "absolute",
		"text-align": "center"
	},
	"createFolderNode": {
		"width": "450px",
		"height": "160px",
		"border-radius": "5px",
		"box-shadow": "0px 0px 10px #FFF",
		"position": "absolute",
		"border": "2px solid #999",
		"border-top": "4px solid #5290e5",
		"background-color": "#FFF",
		"z-index": 100
	},
	"createFolderTitleNode": {
		"height": "30px",
		"line-height": "30px",
		"text-align": "center",
		"font-weight": "bold",
		"font-family": "Microsoft YaHei",
		"font-size": "14px"
	},
	"createFolderInforNode": {
		"height": "24px",
		"line-height": "24px",
		"text-align": "center",
		"color": "#666",
		"font-family": "Microsoft YaHei",
		"font-size": "12px",
		"text-align": "left",
		"margin": "10px 20px 0px 20px"
	},
	"createFolderInputAreaNode": {
		"margin": "0px 20px 20px 20px",
		"height": "24px"
	},
	"createFolderInputNode": {
		"width": "407px",
		"height": "23px",
		"border": "1px solid #666",
	},
	"shareFileInputNode": {
		"width": "407px",
		"height": "23px",
		"border": "1px solid #F00",
		"cursor": "pointer"
	},
	
	
	"createFolderActionNode": {
		"margin": "0px 20px",
		"border-top": "1px solid #999",
	},
	"createFolderOkButton": {
		"height": "24px",
		"width": "80px",
		"color": "#FFF",
		"background-color": "#42699e",
		"border": "1px solid #1e3d67",
		"border-radius": "3px",
		"float": "right",
		"margin-top": "10px",
		"margin-left": "10px"
	},
	"createFolderCancelButton": {
		"height": "24px",
		"width": "80px",
		"color": "#666",
		"background-color": "#DFDFDF",
		"border": "1px solid #666",
		"border-radius": "3px",
		"float": "right",
		"margin-top": "10px",
		"margin-left": "10px"
	}
	
}