O2OA/o2web/source/x_component_Profile/$Main/empower/css.wcss

{
  "formMaskNode": {
    "width": "100%",
    "height": "100%",
    "opacity": 0.6,
    "position": "absolute",
    "background-color": "#CCC",
    "top": "0px",
    "left": "0px"
  },
  "formAreaNode": {
    "position": "absolute",
    "opacity": 0,
    "top": "0px"
  },
  "formNode": {
    "background-color": "#EEE",
    "box-shadow": "0px 0px 10px #999",
    "margin": "auto",
    //"border-radius" : "8px",
    "overflow": "hidden",
    "-webkit-user-select": "text",
    "-moz-user-select": "text"
  },
  "formTopNode": {
    "color" : "#fff",
    "height" : "50px",
    "background-color": "#4c6b87",
    "line-height": "40px",
    "font-size": "14px",
    "padding-left" : "5px",
    "text-align": "left"
  },
  "formTopTextNode" : {
    //"font-family" : "PingFang-SC-Medium",
    "height" : "50px",
    "line-height" : "50px",
    "padding-left" : "18px",
    "font-size": "18px",
    "float": "left",
    "overflow" : "hidden",
    "text-overflow" : "ellipsis",
    "white-space":"nowrap"
  },
  "formTopCloseActionNode": {
    "width": "24px",
    "height" : "50px",
    "line-height" : "50px",
    "float": "right",
    "margin-right" : "20px",
    "background": "url(/x_component_Template/$MPopupForm/meeting/icon/icon_off_2.png) no-repeat center center",
    "cursor": "pointer"
  },
  "formTopMaxActionNode": {
    "width": "24px",
    "height" : "50px",
    "line-height" : "50px",
    "float": "right",
    "background": "url(/x_component_Template/$MPopupForm/meeting/icon/icon_max_2.png) no-repeat center center",
    "cursor": "pointer"
  },
  "formTopRestoreActionNode": {
    "display" : "none",
    "width": "24px",
    "height" : "50px",
    "line-height" : "50px",
    "float": "right",
    "background": "url(/x_component_Template/$MPopupForm/meeting/icon/icon_restore_2.png) no-repeat center center",
    "cursor": "pointer"
  },
  "resizeNode" : {
    "position": "absolute",
    "height": "15px",
    "width": "15px",
    "bottom": "0px",
    "right": "0px",
    "cursor" : "se-resize"
  },
  "formTopContentNode" : {
    "float" : "right",
    "padding-right" : "10px",
    "text-align" : "right"
  },
  "formTopContentSepNode" : {
    "float" : "right",
    "width" : "1px",
    "margin-top" : "33px",
    "margin-right" : "10px",
    "height" : "16px",
    "border-left" : "1px solid #fff"
  },
  "inputActive" : {
    "border" : "1px solid #3c75b7"
  },
  "formTopContentNode" : {
    "overflow" : "hidden",
    "float" : "right",
    "padding-right" : "10px",
    "text-align" : "right"
  },
  "formTopContentCustomNode" : {
    "float" : "right",
    "margin-top" : "20px",
    "margin-right" : "10px",
    "font-size" : "16px",
    "cursor" : "pointer"
  },
  "formTopContentTitle" : {
  },
  "formTopContentValue" : {
    "padding-right" : "20px",
    "font-size": "12px"
  },
  "formContentNode": {
    "border": "0px solid #666",
    "width": "100%",
    "margin": "auto",
    "font-size": "14px",
    "color": "#666",
    "font-family": "微软雅黑",
    "overflow" : "hidden",
    "position" : "relative"
  },
  "formTableContainer" : {
    "width" : "700px",
    "margin": "0px auto 20px auto",
    "padding-top" : "40px",
    "overflow" : "hidden",
    "positon" : "static"
  },
  "formTableContainer2" : {
    "width" : "600px",
    "margin": "20px auto 0px auto",
    "overflow" : "hidden",
    "positon" : "static"
  },
  "formBottomNode" : {
    "height" : "90px",
    //"border-top" : "1px solid #3d77c1",
    "overflow" : "hidden"
  },
  "acceptIconNode": {
    "height": "20px",
    "width": "14px",
    "margin-right": "3px",
    "float": "left",
    "background": "url(/x_component_Template/$MPopupForm/meeting/icon/accept.png) no-repeat center center"
  },
  "rejectIconNode": {
    "height": "20px",
    "width": "14px",
    "margin-right": "3px",
    "float": "left",
    "background": "url(/x_component_Template/$MPopupForm/meeting/icon/reject.png) no-repeat center center"
  },
  "acceptTextNode": {
    "height": "20px",
    "line-height": "20px",
    "margin-top": "10px",
    "font-size": "12px",
    "color": "#1fbf04",
    "text-align": "center"
  },
  "rejectTextNode": {
    "height": "20px",
    "line-height": "20px",
    "margin-top": "10px",
    "font-size": "12px",
    "color": "#FF0000",
    "text-align": "center"
  },
  "formOkActionNode" : {
    "height": "30px",
    "width": "140px",
    "border-radius": "3px",
    "background-color": "#5f6b80",
    "border": "1px solid #fff",
    "color":"#FFF",
    "line-height": "30px",
    "text-align": "center",
    "cursor": "pointer",
    "float": "left",
    "margin": "10px 60px 10px 10px",
    "float" : "right"
  },
  "formCancelActionNode" : {
    "height": "30px",
    "width": "140px",
    "border-radius": "3px",
    "background-color": "#FFF",
    "border": "1px solid #666",
    "line-height": "30px",
    "text-align": "center",
    "cursor": "pointer",
    "float": "left",
    "margin": "10px 200px 10px 10px",
    "float" : "right"
  },
  "colorNode" : {
    "float" : "left",
    "border-radius" : "4px",
    "width" : "20px",
    "height" : "20px",
    "margin-right" : "10px",
    "cursor" : "pointer",
    "background-image" : "none",
    "background-repeat" : "no-repeat",
    "background-position" : " 50%"
  },
  "colorNode_current" : {
    "background-image" : "url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAABGdBTUEAALGPC/xhBQAAAK1JREFUKBWVjzEKwkAURBMiimBvY2NjZWWVU+RU1mnTpkhhm0YsvYaNIDYpUgRygM2bsLuoZCEOPPbv/JkNiaI/ZIzZwh1Os2uEd/AA6TqrSHAPTzWQvrgZiwzL0AvsDvAG6QZrV8q4vOD4W5YHDUg1rHyGSyUXteB/WrP1OMwFFr6kASOBEqQOUotmSbvkq+QuLGIoQOotmuXFLhc8CeVKW+XB4NSC0llM7T69AcWO0hZLcgV4AAAAAElFTkSuQmCC)",
    "background-repeat" : "no-repeat",
    "background-position" : " 50%"
  },
   "inputText": {
      //"width": "99%",
     // "border":"1px solid #ccc",
      //"background-color":"#FFF",
      //"height": "30px",
      //"font-size": "16px",
      //"border-radius" : "4px"
    "border": "1px solid #999",
    "box-shadow": "0 0 0 #999",
    "width": "99%",
    "height": "20px",
    "line-height": "20px",
    "background-color": "#FFF",
    "margin-top": "4px",
    "color": "#666",
    "overflow": "hidden",
    "font-size": "16px",
    "background-color": "white"
    },
    "inputTime" : {
      //"width": "99%",
      //"border-radius" : "4px",
      //"border":"1px solid #ccc",
      //"background-color":"#FFF",
      //"height": "30px",
      //"font-size": "16px",
      //"background" : "url(/x_component_Template/$MForm/default/icon/calendar.png) 98% center no-repeat"
    "border": "1px solid #999",
    "box-shadow": "0 0 0 #999",
    "width": "99%",
    "height": "20px",
    "line-height": "20px",
    "background-color": "#FFF",
    "margin-top": "4px",
    "color": "#666",
    "overflow": "hidden",
    "font-size": "16px",
    "background-color": "white"
    },
    "inputTimeUnformatWidth" : {
      //"border-radius" : "4px",
      //"border":"1px solid #ccc",
      //"background-color":"#FFF",
      //"height": "30px",
      //"font-size": "16px",
      //"background" : "url(/x_component_Template/$MForm/default/icon/calendar.png) 98% center no-repeat"
    "border": "1px solid #999",
    "box-shadow": "0 0 0 #999",
    "width": "99%",
    "height": "20px",
    "line-height": "20px",
    "background-color": "#FFF",
    "margin-top": "4px",
    "color": "#666",
    "overflow": "hidden",
    "font-size": "16px",
    "background-color": "white"
    },
    "inputPerson" : {
      //"width": "99%",
      //"border-radius" : "4px",
      //"border":"1px solid #ccc",
      //"background-color":"#FFF",
      //"min-height": "30px",
      //"overflow" : "hidden",
      //"font-size": "16px",
      //"background" : "url(/x_component_Template/$MForm/default/icon/selectperson.png) 98% center no-repeat"
    "border": "1px solid #999",
    "box-shadow": "0 0 0 #999",
    "width": "99%",
    "height": "20px",
    "line-height": "20px",
    "background-color": "#FFF",
    "margin-top": "4px",
    "color": "#666",
    "overflow": "hidden",
    "font-size": "16px",
    "background-color": "white"
    },
    "inputTextarea" : {
      "width": "99%",
      "border-radius" : "4px",
      "border":"1px solid #ccc",
      "background-color":"#FFF",
      "height": "80px"
    },
    "inputCheckbox" : {
      "float" : "left",
      "margin-right" : "12px"
    },
    "inputRadio" : {
      "float" : "left",
      "margin-right" : "12px"
    },
    "inputSelect" : {
      "width": "99%",
      "border-radius" : "4px",
      "border":"1px solid #ccc",
      "background-color":"#FFF",
      "font-size": "16px",
      "height": "30px"
    },
    "inputSelectUnformatWidth" : {
      "margin-right":"5px",
      "border-radius" : "4px",
      "border":"1px solid #ccc",
      "background-color":"#FFF",
      "font-size": "16px",
      "height": "30px"
    },
    "inputButton" : {
      "background": "#3C76B7",
      "border-radius": "4px",
      "padding" : "0px 10px",
      "line-height" : "30px",
      "height" : "30px",
      "border" : "0px",
      "color" : "#fff",
      "cursor" : "pointer",
      "font-size" : "14px"
    },
    "inputAcceptButton" : {
      "background-color": "#3C76B7",
      "border-radius": "4px",
      "padding" : "0px 10px",
      "line-height" : "30px",
      "height" : "30px",
      "border" : "0px",
      "color" : "#fff",
      "cursor" : "pointer",
      "float" : "left",
      "font-size" : "14px"
    },
    "inputDenyButton" : {
      "background-color": "#f0f0f0",
      "border-radius": "4px",
      "padding" : "0px 10px",
      "float" : "left",
      "line-height" : "30px",
      "height" : "30px",
      "border" : "0px",
      "color" : "#666",
      "cursor" : "pointer",
      "font-size" : "14px"
    },
    "inputOkButton" : {
      "background": "#3C76B7",
      "border-radius": "4px",
      "width" : "250px",
      "height" : "40px",
      "border" : "0px",
      "color" : "#fff",
      "cursor" : "pointer",
      "font-size" : "18px"
    },
    "inputCancelButton" : {
      "background": "#f0f0f0",
      "border-radius": "4px",
      "width" : "130px",
      "height" : "40px",
      "color" : "#666",
      "border" : "0px",
      "margin-left" : "20px",
      "font-size" : "18px",
      "cursor" : "pointer"
    },
    "inputA" : {
      "color" : "#3C76B7",
      "cursor" : "pointer"
    },

    "formTable" : {
      //"margin-top" : "10px"
    },
    "formTableHead" : {
      "height": "50px",
      "line-height": "50px",
      "text-align": "center",
      "min-width": "80px",
      "font-size":"20px",
      "font-weight": "bold"
    },
    "formTableTitle" : {
      "color" : "#333",
      "font-size": "16px",
      "padding": "0px 20px 0px 0px",
      "height" : "35px",
      "line-height" : "35px",
      "text-align": "left"
    },
    "formTableTitleRight": {
      //"color" : "#333",
      //"font-size": "16px",
      //"padding": "0px 20px 0px 0px",
      //"height" : "35px",
      //"line-height" : "35px",
      //"text-align": "right"
      "width": "100px",
      "height": "30px",
      "font-size": "14px",
      "line-height": "30px",
      "color": "#da7429",
      "float": "left"
    },
    "formTableTitle2" : {
    "color" : "#333",
    "font-size": "16px",
    "padding": "0px 10px 0px 20px",
    "height" : "35px",
    "line-height" : "35px",
    "text-align": "left"
  },
    "formTableValue" : {
      "text-align": "left",
      "font-size" : "16px"
    },
    "formTableValue div" : {
          "background":"#fff"
        },
    "formTableValueTop20" : {
      "padding-top" : "20px",
      "text-align": "left"
    },
    "formTableTitleDiv" : {
      "font-weight" : "bold"
    },
    "formTableValueDiv" : {
      "min-height" : "40px",
      "line-height" : "22px"
    },
    "formTableInlineValueDiv" : {
      "float" : "left",
      "margin-right" : "10px"
    },
    "warmMessageNode" : {
      "margin-top" : "10px",
      "font-size": "16px",
      "color":"#ff5c42",
      "padding-left": "20px",
      "background" : "url(/x_component_Template/$MForm/o2platform/icon/icon_warning.png) left center no-repeat"
    },
    "warningMessageNode" : {
      "margin-top" : "10px",
      "font-size": "16px",
      "color":"#ff5c42",
      "padding-left": "20px",
      "background" : "url(/x_component_Template/$MForm/o2platform/icon/icon_warning.png) left center no-repeat"
    },
    "showNode": {
        "width":"90%",
        "min-height": "24px",
        "overflow": "hidden",
        "margin-right": "24px",
        "float":"right"
    },
    "selectNode":{
      "float":"right",
      "height":"24px",
      "width":"24px",
      "cursor":"pointer",
      "background":"url(/x_component_process_ProcessDesigner/widget/$PersonSelector/default/icon/addPerson.png) center center no-repeat"
    }
}