ExcelEditor.css 9.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103
  1. .U_MD_O_E_Editor_head_features {display: table; position:relative;z-index:2; min-width: 870px}
  2. /*features*/
  3. .U_MD_O_E_Editor_head_features_ul_d { float: left;border: none; color: #000; outline: none; height:30px; background: #f7f8f9; margin: 5px; cursor: pointer;}
  4. .U_MD_O_E_Editor_head_features_ul_d:active{background: -webkit-linear-gradient(#efefef, #ffffff); background: -o-linear-gradient(#efefef, #ffffff); background: -moz-linear-gradient(#efefef, #ffffff); background: linear-gradient(#efefef, #ffffff);}
  5. /*.U_MD_O_E_Editor_head_features_ul_d div { float: left; margin-left: 5px; }*/
  6. .U_MD_O_E_Editor_head_features_ul_d span{display: table-cell; vertical-align: middle;}
  7. .U_MD_O_E_Editor_head_features_ul_d_s { width: 180px; height: 140px; border: 1px solid #cbcfd4; background-color: #FFF;position: absolute; padding: 10px 10px 10px 5px; top: 29px; left: -100px; display: none; z-index: 1; }
  8. .U_MD_O_E_Editor_head_features_ul_d_s div { width: 15px; height: 15px; float: left; margin: 5px 0 0 5px; }
  9. .U_MD_O_E_Editor_head_features_ul_s { width: 100%; border: none; background-color: #f7f8f9; outline: 0; padding: 4px 0;}
  10. .U_MD_O_E_Editor_head_features_ul_i { display: table-cell; width: 30px; height: 20px; background: url(/img/excleEditor.png) no-repeat; margin-top: 4px; }/*修改*/
  11. .U_MD_O_E_Editor_head_features_ul_i1 { display: table-cell; width: 30px; height: 20px; background: url(/img/helpcenter.png) no-repeat; background-size: 20px 20px;margin-top: 4px; }/*修改*/
  12. .U_MD_O_E_Editor_head_features_ul_b { width: 20px; height: 20px; margin: 4px auto 0 auto; }
  13. .U_MD_O_E_Editor_head_features_ul_x { float: left; width: 2px; background: #D1D1D1; height: 32px; margin:4px 6px; font-size: 0;}
  14. .U_MD_O_E_Editor_head_features_ul_x:after{content:''; }
  15. .U_MD_O_E_Editor_head_features_ul_x:before{content:''; }
  16. .U_MD_O_E_Editor_head_features_ul_ibtmore {display:table-cell;width: 20px; height: 20px; background: url(/img/borderType.png) no-repeat; margin-top: 4px; }/*修改*/
  17. .U_MD_O_E_Editor_head_features_ul_ibt {float:left;width: 20px; height: 20px; background: url(/img/borderType.png) no-repeat; margin-top: 4px; }/*修改*/
  18. .U_MD_O_E_Editor_head_features_ul_ibtcolor {width:120px;height:22px;margin-top:55px;border-top:1px solid #eee;z-index:999;}
  19. .U_MD_O_E_Editor_head_file { width: 100%; height: 30px; float: left; text-align: left; padding-top: 5px; border-bottom: 1px solid #CDCDCD;}
  20. .U_MD_O_E_Editor_head_features_ul_bctext{position:relative;text-indent:7px;}
  21. .U_MD_O_E_Editor_head_features_ul_bctext:after{
  22. position: absolute;
  23. left: 64px;
  24. bottom: 9px;
  25. content: '';
  26. width: 0;
  27. height: 0;
  28. border-left: 5px solid transparent;
  29. border-right: 5px solid transparent;
  30. border-top: 5px solid #666;
  31. }
  32. .U_MD_O_H_head_mo{position: absolute;background:#f7f8f9;padding: 0px 6px 5px 8px;box-sizing: border-box;top: 40px;z-index: 999;box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px;border: 1px solid rgba(0, 0, 0, 0.15);border-radius: 2px;cursor: default;visibility: visible;}
  33. /*file
  34. .U_MD_O_E_Editor_head_file_wd1 { float: left; width: 150px; height: 27px; background: #C6E2FF; line-height: 27px; background-size: cover; }
  35. */
  36. .U_MD_O_E_Editor_body_main{margin-top:60px;background:#fff; float:left; }
  37. .U_MD_O_E_Editor_head_file_bj { float: left; width: 150px; height: 27px; line-height: 27px; border: 1px solid #68add0; border-bottom: 0; margin: 3px 0 0 10px; color: #006699; cursor: pointer; }
  38. .U_MD_O_E_Editor_head_file_bj:hover, U_MD_O_E_Editor_head_file_bjo { background-color: #4D5968; color: #e9ebed; }
  39. .U_MD_O_E_Editor_head_file_bj:hover > .U_MD_O_E_Editor_head_file_x, U_MD_O_E_Editor_head_file_bjo > .U_MD_O_E_Editor_head_file_x { background-position: -313px -72px; }
  40. .U_MD_O_E_Editor_head_file_web { margin-left: 10px; font-size: 14px; float: left; }
  41. .U_MD_O_E_Editor_head_file_x { cursor: pointer; float: right; margin: 10px 8px 0 0; margin-top: 10px; width: 10px; height: 10px; background: url(/img/Editor_img1.png) no-repeat; background-position: -313px -53px;cursor: pointer; }
  42. /*编辑器初始样式*/
  43. .U_MD_O_E_Editor_pageSize{width: 210mm; font-family: "宋体"; font-size: 14px; margin: 60px auto 30px;}
  44. .U_MD_O_E_Editor_lineStyle {line-height: 1.5; }
  45. .U_MD_O_E_Editor_wordEditor{height: 100%; min-height: 297mm; padding: 2.54cm 3.17cm 2.54cm 3.17cm; background-color: #fff; }
  46. .U_MD_O_E_Editor_lineHeight_ul{display: none; position: absolute; background: #fff; width:100px; box-shadow: 1px 2px 5px silver; margin-top: 45px; margin-left: 100px}
  47. .U_MD_O_E_Editor_lineHeight_btn{padding: 4px 4px 6px; cursor:pointer}
  48. .U_MD_O_E_Editor_lineHeight_btn:hover{background: #dfdfdf}
  49. .U_MD_O_E_Editor_lineHeight_btn_check{background: silver}
  50. .U_MD_O_E_Editor_clearButtonDefault{width:100%;height:100%;outline: none;background:none; border: none}
  51. /*邀请协作人员样式*/
  52. .U_MD_O_E_body_left_invite { width: 100%; height: 253px; }
  53. .U_MD_O_E_body_left_href { height: 203px; margin-top: 15px; }
  54. .U_MD_O_E_body_left_template { /* height: 365px; */ margin-top: 15px; }
  55. .U_MD_O_E_body_left_invite_name { height: 30px; border: 0px; border-bottom: 1px #d6dff0 solid; background: #f8fcfd; }
  56. .U_MD_O_E_body_left_invite_name_left { font-size: 14px; line-height: 30px; margin-left: 10px; float: left; }
  57. .U_MD_O_E_body_left_invite_name_right { float: right; margin-right: 10px; margin-top: 3px; width: 40px; color: #167fb3; border: 1px solid #167fb3; text-align: center; height: 21px; line-height: 21px; }
  58. .U_MD_O_E_body_left_invite_linkTxt{border-bottom:1px solid #ccc; padding:6px 10px; margin:0 6px; cursor:pointer;}
  59. .U_MD_O_E_body_left_invite_linkTxt:hover{background-color:#444;color:#fff}
  60. .U_MD_O_E_body_left_invite_user { overflow: hidden; }
  61. .U_MD_O_E_body_left_invite_user_a { width: 60px; height: 55px; margin: 10px 0 0 9px; display: block; cursor: pointer; float: left; }
  62. .U_MD_O_E_body_left_invite_user_a_img { width: 32px; height: 32px; background: url(/img/Editor_img1.png) no-repeat; background-position: -336px -51px; margin: auto; }
  63. .U_MD_O_E_body_left_invite_user_a_img img { width: 32px; height: 32px; }
  64. .U_MD_O_E_body_left_invite_user_a_div { line-height: 25px; width: 60px; text-align: center; overflow: hidden; }
  65. .U_MD_O_E_body_left_href_href { height: 30px; border: 1px #d6dff0 solid; background: #f8fcfd; border-bottom: none; /* margin-top: 20px; */ line-height: 30px; }
  66. .U_MD_O_E_body_left_href_href_a { font-size: 14px; display: block; float: left; text-align: left; line-height: 30px; margin-left: 10px; }
  67. .U_MD_O_E_body_left_href_href_right { cursor: pointer; float: right; margin-right: 10px; margin-top: 3px; width: 40px; color: #167fb3; border: 1px solid #167fb3; background: #fff; text-align: center; height: 21px; line-height: 21px; }
  68. .U_MD_O_E_body_left_href_pay { height: 170px; border: 1px #d6dff0 solid; background: #ffffff; }
  69. .U_MD_O_E_body_left_href_pay_a { height: 25px; margin: 2px 10px; line-height: 25px; display: block; text-align: left; text-decoration: underline; color: #006699; cursor: pointer; }
  70. .U_MD_O_E_body_left_template_name { height: 30px; border: 1px #d6dff0 solid; background: #f8fcfd; border-bottom: none; /* margin-top: 20px; */ line-height: 30px; }
  71. .U_MD_O_E_body_left_template_name_a { font-size: 14px; display: block; float: left; margin-left: 10px; line-height: 30px; }
  72. .U_MD_O_E_body_left_template_name_right { float: right; margin-right: 10px; margin-top: 3px; width: 40px; color: #167fb3; border: 1px solid #167fb3; background: #fff; text-align: center; height: 21px; line-height: 21px; }
  73. .U_MD_O_E_body_left_template_user { background: #ffffff; }
  74. .U_MD_O_E_body_left_template_user_m { width: 72px; display: inline-block; vertical-align: top; margin: 5px 12px;cursor:pointer; }
  75. .U_MD_O_E_body_left_template_user_m_s { width: 70px; height: 100px; border: 1px solid #CDCDCD; background-size: contain; }
  76. .U_MD_O_E_body_left_template_user_m_x { display: -webkit-box; overflow: hidden; margin-top: 5px; width: 70px; max-height: 32px; text-align: center; text-overflow: ellipsis; white-space: pre-wrap; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
  77. .U_MD_O_E_body_left_close{width:35px;height:20px;position:absolute;color:#6881a1;right:15px;top:5px;border:1px solid #cbd3e3;text-align:center;line-height:20px;text-indent:0;}
  78. .U_MD_O_E_body_left_template_user_a { width: 20%; margin: 10px; display: block; float: left; }
  79. .U_MD_O_E_Editor_head_file { width: 100%; height: 30px; float: left; text-align: left; padding-top: 5px; border-bottom: 1px solid #CDCDCD;}
  80. /*.U_MD_O_E_Editor_head_features_ul_s { width: 100%; border: 1px solid #CDCDCD; background-color: #FFF; outline: 0; padding: 4px 0; background: -webkit-linear-gradient(#ffffff, #efefef); background: -o-linear-gradient(#ffffff, #efefef); background: -moz-linear-gradient(#ffffff, #efefef); background: linear-gradient(#ffffff, #efefef);}*/
  81. .U_MD_O_H_body_left_invite_form {margin:0 10px;}
  82. .U_MD_O_H_body_left_invite_formShare {border-bottom: 1px solid #ccc;}
  83. .U_MD_O_H_body_left_invite_formShare,.U_MD_O_H_body_left_invite_formQRCode {padding:12px 16px 24px;}
  84. .U_MD_O_H_body_left_invite_shareInp {display:inline-block; width: 450px;height: 24px; padding-left:6px;border:1px solid #ccc; line-height: 24px; overflow:hidden;vertical-align:top}
  85. .U_MD_O_H_body_left_invite_shareBtn {display:inline-block; padding:4px 1em; margin-left: 12px;border:1px solid #ccc; vertical-align:top; cursor:pointer;}
  86. .U_MD_O_H_body_left_invite_shareBtn:hover {background-color:#26CA26; color: #fff}
  87. .U_MD_O_H_body_left_invite_shareInpMargin {margin-left: 20px}
  88. .U_MD_O_E_Editor_head_features_ul_d:hover{background-color:rgb(225, 226, 227)}
  89. .U_MD_O_E_Editor_head_features_ul_s:hover{background-color:rgb(225, 226, 227)}