O2OA/o2web/source/x_component_Execution/$WorkTask/default/css.wcss

{
  "naviDiv":{
    "position":"absolute","width":"130px","height":"616px","background-color":"#203140"
  },
  "naviTitleDiv":{
    "background-color":"#006666", "color":"#008f8f","font-size":"18px","text-align":"center","height":"65px","line-height":"65px"
  },
  "naviContentLi":{
    "margin-top":"20px",
    "cursor":"pointer"
  },
  "naviContentImg":{
    "width":"70px","height":"70px","display":"block","margin":"0px auto"
  },
  "naviContentSpan":{
    "display":"block","text-align":"center"
  },
  "naviContentDiv":{
    "height":"480px","list-style-type":"none","color":"#ffffff","font-size":"14px"
  },
  "contentDiv":{
    "margin-left":"130px","height":"616px", "background-color":"#ffffff","min-width":"1000px","font-size":"14px"
  },
  "rightCategoryDiv":{
    "width":"100%","height":"65px","border":"0px solid #f00","min-width":"1000px","border-bottom":"1px dashed #cccccc"
  },
  "rightCategoryNewDiv":{
    "position":"absolute","width":"145px","height":"45px","margin":"10px", "background-color":"#3d77c1","height":"45px","line-height":"45px","text-align":"center","color":"#ffffff","font-size":"14px",
    "cursor":"pointer"
  },
  "rightCategoryItemDiv":{
    "margin-left":"165px","height":"45px","min-width":"950px","list-style-type":"none","color":"#3c76c1","font-size":"16px"
  },
  "rightCategoryItemLi":{
    "margin":"0 50px","line-height":"65px","width":"100px","text-align":"center","float":"left","cursor":"pointer"
  },
  "rightCategoryItemCurrentLi":{
    "margin":"0 50px","line-height":"65px","width":"100px","border-bottom":"2px solid #124c93","text-align":"center","float":"left","cursor":"pointer"
  },
//  "rightDrafterDiv":{
//    "width":"100%","border":"0px solid #f00","min-width":"1000px","float":"left","margin-bottom":"10px"
//  },
//  "rightDrafterTabLi":{
//    "width":"90px","height":"30px","background-color":"#3c76c1","color":"#ffffff","display":"block","margin-left":"10px"
//  },
//  "rightDeployTabLi":{
//    "width":"90px","height":"30px","background-color":"#3c76c1","color":"#ffffff","display":"block","margin-left":"10px"
//  },
  "rightDrafterDiv":{
    "width":"100%","border":"0px solid #f00","min-width":"1000px","float":"left","margin-bottom":"0px","padding-left":"10px"
  },
  "rightDrafterTabLi":{
    "display":"inline-block","width":"80px","height":"30px","text-align":"center","line-height":"30px","cursor":"pointer","color":"#999999"
  },
  "rightDeployTabLi":{
    "display":"inline-block","width":"80px","height":"30px","text-align":"center","line-height":"30px","cursor":"pointer","border-bottom":"2px solid #124c93","color":"#999999"
  },
  "rightArchiveTabLi":{
    "display":"inline-block","width":"80px","height":"30px","text-align":"center","line-height":"30px","cursor":"pointer","color":"#999999"
  },
  "rightSearchDiv":{
    "width":"100%","border":"0px solid #f00","min-width":"1000px","float":"left","margin-bottom":"10px","padding-left":"10px"
  },
  "rightSearchBarDiv":{
    "margin-left":"165px",  "height":"45px","padding-top":"10px","min-width":"950px"
  },
  "rightDrafterTabSpan":{"width":"90px","height":"30px","background-color":"#3c76c1","color":"#ffffff","cursor":"pointer"},
  "rightSearchBarSpan":{
    "height":"45px","line-height":"45px","margin-left":"10px","font-size":"12px","color":"#999999"
  },
  "rightSearchBarSelect":{
    "color":"#999999","border":"1px solid #999999","height":"25px","line-height":"25px"
  },
  "rightSearchBarInput":{
    "height":"25px","line-height":"25px","border":"1px solid #999999","width":"250px","color":"#999999","font-size":"14px"
  },
  "rightSearchBarSearch":{
    "margin": "7px",
    "width": "60px", "height": "30px",
    "text-align": "center",
    "color": "#ffffff",
    "line-height": "30px",
    "font-size": "14px",
    "position": "absolute",
    "cursor": "pointer",
    "background-color": "rgb(61, 119, 193)",
    "display":"inline-block"
  },
  "baseTabLi":{
    "display":"inline-block","width":"100px","height":"30px","text-align":"center","line-height":"30px","cursor":"pointer","color":"#999999"
  },

  "rightContentDiv":{
    "height":"486px",
    "overflow":"hidden",
    "width" : "99%"
  },
  "taskTable":{
    "border":"0px","border-collapse":"collapse","margin":"0 auto","width":"99%"
  },
  "naviBottomDiv":{

  },


  "createNewTaskDiv":{
    "width":"260px",
    "height":"150px",
    "cursor":"pointer",
    "font-size":"28px",
    "font-weight":"bold",
    "line-height":"150px",
    "margin-left":"100px",
    "float":"left",
    "color":"#ffffff",
    "text-align":"center",
    "background-color":"#3d77c1",
    "box-shadow": "2px 2px 10px #2a5c95"
  },
  "createAddTaskDiv":{
    "width":"260px",
    "height":"150px",
    "cursor":"pointer",
    "font-size":"28px",
    "font-weight":"bold",
    "line-height":"150px",
    "margin-left":"80px",
    "float":"left",
    "color":"#ffffff",
    "text-align":"center",
    "background-color":"#3d77c1",
    "box-shadow": "2px 2px 10px #2a5c95"
  },
  "createExplainDiv":{
    "color":"#bfc2c7",
    "line-height":"20px",
    "padding-left":"50px",
    "padding-right":"50px",
    "padding-top":"5px"
  },


  "formMaskNode": {
    "width": "100%",
    "height": "100%",
    "opacity": 0.6,
    "position": "absolute",
    "background-color": "#CCC",
    "top": "0px",
    "left": "0px"
  },
  "formAreaNode": {
    "position": "absolute",
    "opacity": 0,
    "top": "0px" //,
    //"z-index" : "105"
  },
  "formNode": {
    "background-color": "#FFF",
    "box-shadow": "0px 0px 10px #999",
    "margin": "auto",
    "border": "1px solid #fff",
    "overflow": "hidden"
  },
  "formTopNode": {
    "color" : "#fff",
    "height": "40px",
    "background-color": "#3d77c1",
    "border-top": "1px solid #ddd",
    "border-bottom": "1px solid #b6b6b6",
    "line-height": "40px",
    "font-size": "14px",
    "padding-left" : "5px",
    "text-align": "left"
  },
  "formTopIconNode" : {
    "width": "28px",
    "height": "32px",
    "float": "left",
    "background": "url(../x_component_Execution/$WorkForm/default/icon/document.png) no-repeat center 4px"
  },
  "formTopTextNode" : {
    "font-size": "16px",
    "float": "left",
    "width" : "70%",
    "overflow" : "hidden",
    "text-overflow" : "ellipsis",
    "white-space":"nowrap"
  },
  "formTopCloseActionNode": {
    "width": "32px",
    "height": "32px",
    "float": "right",
    "padding-left" : "30px",
    "padding-right" : "10px",
    "background": "url(../x_component_Execution/$WorkForm/default/icon/close.png) no-repeat center 4px",
    "cursor": "pointer"
  },
  "formTopContentNode" : {
    "float" : "right",
    "padding-right" : "10px",
    "text-align" : "right"
  },
  "formTopContentTitle" : {
  },
  "formTopContentValue" : {
    "padding-right" : "20px",
    "font-size": "14px"
  },
  "formNewNode": {
    "width": "47px",
    "height": "47px",
    "background": "url(../x_component_Template/$Explorer/default/icon/new.png) no-repeat"
  },
  "formIconNode": {
    "width": "47px",
    "height": "47px"
  },
  "formEditNode": {
    "width": "47px",
    "height": "47px"
  },
  "formContentNode": {
    "border": "0px solid #666",
    "width": "100%",
    "margin": "auto",
    "font-size": "14px",
    "color": "#666",
    "font-family": "Microsoft YaHei",
    "overflow" : "hidden"
  },
  "formTableContainer" : {
    "margin": "0px 10px",
    "overflow" : "hidden",
    "positon" : "static"
  },
  "formBottomNode" : {
    "height" : "50px",
    "line-height" : "50px",
    "border-top" : "1px solid #3d77c1",
    "background-color" : "#fff",
    "overflow" : "hidden"
  },
  "formOkActionNode": {
    "margin-top" : "5px",
    "height": "35px",
    "width": "75px",
    "cursor": "pointer",
    "float": "right",
    "line-height": "35px",
    "text-align": "center",
    "font-size": "16px",
    "font-family": "Microsoft YaHei",
    "border": "1px solid #3d77c1",
    "background-color" : "#3d77c1",
    "color": "#FFF",
    "margin-right": "20px",
    "box-shadow": "3px 3px 3px #999"
  },
  "formCancelActionNode": {
    "margin-top" : "5px",
    "height": "35px",
    "width": "75px",
    "cursor": "pointer",
    "float": "right",
    "line-height": "35px",
    "text-align": "center",
    "font-size": "16px",
    "font-family": "Microsoft YaHei",
    "border": "1px solid #3d77c1",
    "background-color" : "#3d77c1",
    "color": "#FFF",
    "margin-right": "20px",
    "box-shadow": "3px 3px 3px #999"
  },

  "viewHeadNode": {
    "width":"100%",
    "height": "20px",
    "background-color": "#fff",
    "color": "#666666",
    "line-height": "30px",
    "font-family": "Microsoft YaHei",
    "font-size": "14px"
  },

  "normalThNode" : {
    "background-color" : "#fff",
    "text-align":"center",
    "border-bottom": "1px solid #cfecf5",
    "font-weight" : "normal"
  },
  "sortIconNode" : {
    "height": "16px",
    "width": "16px",
    "line-height": "20px",
    "margin-top": "5px",
    //"float": "left",
    "display":"inline-block",
    "margin-right": "5px",
    "background-position" : "center center",
    "background-repeat" : "no-repeat",
    "background-image" : "url(../x_component_Template/$Explorer/default/icon/dblsort.gif)"
  },
  "sortIconNode_asc" : {
    "height": "16px",
    "width": "16px",
    "line-height": "20px",
    "margin-top": "5px",
    //"float": "left",
    "display":"inline-block",
    "margin-right": "5px",
    "background-position" : "center center",
    "background-repeat" : "no-repeat",
    "background-image" : "url(../x_component_Template/$Explorer/default/icon/dblasc.gif)"
  },
  "sortIconNode_desc" : {
    "height": "16px",
    "width": "16px",
    "line-height": "20px",
    "margin-top": "5px",
    //"float": "left",
    "display":"inline-block",
    "margin-right": "5px",
    "background-position" : "center center",
    "background-repeat" : "no-repeat",
    "background-image" : "url(../x_component_Template/$Explorer/default/icon/dbldesc.gif)"
  },


  "documentNode":{
    "min-height": "29px",
    "overflow": "hidden",
    "color": "#666666",
    //"line-height": "39px",
    "cursor": "pointer",
    "font-family": "Microsoft YaHei",
    "font-size": "12px",
    "background-color": "#fff"
  },
  "documentNode_noread": {
    "background-color": "#fcfcfc"
  },
  "documentNode_over": {
    "background-color": "#f5f6f7"
  },
  "documentNode_remove": {
    "background-color": "#ffcccc"
  },

  "documentActionNode": {
    "height": "20px",
    "width": "20px",
    "line-height": "20px",
    "color": "#0066cc",
    "cursor": "pointer",
    "margin-right": "5px"
  },
  "documentActionNode_over":{
    "color": "#003399"
  },
  "documentActionNode_down":{
    "color": "#000"
  },

  "normalTdNode" : {
    "min-height": "30px",
    "padding-left" : "10px",
    "text-align":"left",
    "overflow" : "hidden",
    //"font-weight" : "bold",
    //"border-top": "1px solid #FFF",
    "border-top": "1px dashed #cfecf5"
  },
  "normalTdCenterNode" : {
    "min-height": "30px",
    "padding-left" : "10px",
    "text-align":"center",
    "overflow" : "hidden",
    //"font-weight" : "bold",
    //"border-top": "1px solid #FFF",
    "border-top": "1px dashed #cfecf5"
  },
  "appointNode":{
    "background-image" :"url(../x_component_Execution/$Main/default/icon/appoint.png)",
    "width":"35px",
    "height":"35px",
    "display":"block",
    //    "left":"-10px",
    //    "top":"-15px",
    "margin-left":"-10px",
    "margin-top":"-33px",
//    "position":"absolute",
    "display":"none"
  },
  "documentSubject" : {
    "font-size" : "14px",
    "font-weight" : "normal",
    "color" : "#003399"
  },
  "itemBlock" : {
    "overflow" : "hidden",
    "display" : "block"
  },
  "itemInLine" : {
    "float" : "left",
    "font-color" : "#888",
    "padding-right" : "10px",
    "padding-top" : "5px"
  }

}