editor.css 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123
  1. /*
  2. Editor CSS file for Discuz! X
  3. (C) Comsenz Inc.
  4. http://www.comsenz.com
  5. */
  6. .edt { border: 1px solid; border-color: #999 #CCC #CCC #999; }
  7. .edt .bar { padding: 4px; height: 44px; border-bottom: 1px solid #DDD; background: {COMMONBG}; }
  8. .edt .cst { background: {COMMONBG}; border-bottom: 1px solid #DDD; }
  9. .edt .cst.nbb { border-bottom: none !important; }
  10. .edt .bbar { height: 20px; border-top: 1px solid #DDD; text-align: right; background: {COMMONBG}; }
  11. .edt .bbar img { vertical-align: bottom; *margin-right: -4px; cursor: row-resize; }
  12. .edt .bbar em { width: 200px; height: 20px; overflow: hidden; white-space: nowrap; float: left; text-align: left; }
  13. .edt .bbar, .edt .bbar a { color: #999; }
  14. .edt .btn { float: left; border-right: 1px solid #FEFEFE; }
  15. .edt .b1r, .edt .b2r { position: relative; float: left; padding: 0 3px; height: 44px; border-right: 1px solid #DDD; border-left: 1px solid #FEFEFE; }
  16. .edt .b2r p, .edt .b2r br { clear: both; }
  17. .edt .esb p { float: left; width: 25px; clear: none; }
  18. .edt .esbs p { float: left; clear: none; }
  19. .edt .bar a { float: left; border: 1px solid {COMMONBG}; background: transparent url({STATICURL}image/editor/editor.gif) no-repeat 0 0; overflow: hidden; }
  20. .edt .b1r a { padding-top: 27px; width: 35px; height: 15px; text-align: center; font-size: 11px; font-family: Arial, PMingLiU, sans-serif; -webkit-text-size-adjust: none; }
  21. .edt .b2r a { width: 20px; height: 20px; text-indent: -9999px; }
  22. .edt .b2r a.dp { margin-right: 1px; padding-left: 2px; width: 78px; height: 20px; text-indent: 0; border-color: {INPUTBORDERDARKCOLOR} {INPUTBORDER} {INPUTBORDER} {INPUTBORDERDARKCOLOR}; background: #FFF url({STATICURL}image/common/newarow.gif) no-repeat 100% 0; }
  23. .edt .b2r a:hover.dp { border-color: #09C; background-position: 100% -23px; }
  24. .edt .nbl { border-left: none; padding-left: 0; }
  25. .edt .nbr { border-right: none; padding-right: 0; }
  26. .edt .bar a:hover, .edt .bar a.hover { border-color: #09C; background-color: {WRAPBG}; text-decoration: none; }
  27. .edt .bar a.tblbtn_disabled:hover, .edt .bar a.hd_dsb:hover { border-color: {COMMONBG} !important; background-color: transparent !important; cursor: default; }
  28. .edt .area { padding: 4px; background: {WRAPBG}; zoom: 1; }
  29. .edt .pt { padding: 0 !important; width: 100%; height: 400px; border: none; background: {WRAPBG} none; font-size: {MSGFONTSIZE}; }
  30. .ie8 .edt .pt { width: 800px; max-width: 100%; min-width: 100%; }
  31. .edt .pt:focus { outline: none; -moz-box-shadow: none; }
  32. .edt a.cst { background-image: none; text-align: center; text-indent: 0; }
  33. .edt a.cst img { vertical-align: middle; }
  34. .simpleedt .bar, .simpleedt .b1r, .simpleedt .b2r { height: 22px; }
  35. .bar_swch { display: block; clear: both; }
  36. #e_bold { background-position: 0 0; }
  37. #e_fontsize { width: 45px; }
  38. #e_italic { background-position: -20px 0; }
  39. #e_underline { background-position: -40px 0; }
  40. #e_forecolor { background-position: -60px 0; }
  41. #e_backcolor { background-position: -80px 0; }
  42. #e_url { background-position: -40px -20px; }
  43. #e_unlink { background-position: -60px -20px; }
  44. #e_justifyleft { background-position: -80px -20px; }
  45. #e_justifycenter { background-position: -240px -40px; }
  46. #e_justifyright { background-position: -260px -40px; }
  47. #e_autotypeset { background-position: -220px -40px; }
  48. #e_floatleft { background-position: -100px -60px; }
  49. #e_floatright { background-position: -120px -60px; }
  50. #e_insertorderedlist { background-position: -100px -20px; }
  51. #e_insertunorderedlist { background-position: 0 -60px; }
  52. #e_inserthorizontalrule { background-position: -20px -60px; }
  53. #e_tbl { background-position: -160px -20px; }
  54. .tblbtn_disabled { background-position: -180px -20px !important; }
  55. #e_tool { background-position: 0 -40px; }
  56. #e_undo { background-position: -20px -40px; }
  57. #e_redo { background-position: -40px -40px; }
  58. #e_removeformat { background-position: -60px -40px; }
  59. #e_tpr { background-position: -80px -40px; }
  60. #e_chck { background-position: -100px -40px; }
  61. #e_hide { background-position: -120px -40px; }
  62. .hd_dsb { background-position: -200px -40px !important; }
  63. #e_free { background-position: -140px -40px; }
  64. #e_svd { background-position: -160px -40px; }
  65. #e_rst { background-position: -180px -40px; }
  66. #e_sml { background-position: -3px -80px; }
  67. .b2r #e_sml { background-position: -20px -20px; }
  68. #e_image { background-position: -43px -80px; }
  69. .b2r #e_image { background-position: 0 -20px; }
  70. #e_attach { background-position: -83px -80px; }
  71. .b2r #e_attach { background-position: -200px -20px; }
  72. #e_code { background-position: -123px -80px; }
  73. .b2r #e_code { background-position: -120px -20px; }
  74. #e_quote { background-position: -163px -80px; }
  75. .b2r #e_quote { background-position: -140px -20px; }
  76. #e_pasteword { background-position: -60px -60px; }
  77. #e_downremoteimg { background-position: -80px -60px; }
  78. #e_page { background-position: -200px -60px; }
  79. #e_index { background-position: -220px -120px; }
  80. #e_password { background-position: -180px -120px; }
  81. #e_postbg { background-position: -160px -120px; }
  82. #e_fls { background-position: -3px -120px; }
  83. .b2r #e_fls { background-position: -260px -20px; }
  84. #e_aud { background-position: -43px -120px; }
  85. .b2r #e_aud { background-position: -220px -20px; }
  86. #e_vid { background-position: -83px -120px; }
  87. .b2r #e_vid { background-position: -240px -20px; }
  88. #e_at { background-position: -126px -120px; }
  89. .b2r #e_at { background-position: -140px 0; }
  90. #e_imagen, #e_attachn { position: absolute; top: 3px; left: 63px; width: 14px; height: 15px; background: url({STATICURL}image/editor/editor.gif) no-repeat -244px -80px; text-indent: -9999px; }
  91. #e_attachn { left: 100px; }
  92. .b2r #e_imagen, .b2r #e_attachn { top: -4px; left: 35px; }
  93. .b2r #e_attachn { left: 57px; }
  94. #e_switcher input{ margin-right: 4px; vertical-align: middle; }
  95. #e_simple, #e_fullswitcher { padding: 0 2px; text-align: right; border: 1px solid {SPECIALBORDER}; background: url({IMGDIR}/card_btn.png) repeat-x 0 100%; }
  96. #e_fullswitcher { margin-right: 3px; }
  97. #e_beginning { background-position: -246px -120px;}
  98. .b2r #e_beginning { background-position: -260px -78px; }
  99. /* 缩小编辑器演出菜单中输入框的尺寸 */
  100. .popupfix .px { margin-bottom: 4px; }
  101. #e_body { display: block !important; }
  102. #e_body_loading { display: none; }
  103. /*
  104. Name: mod_editor_menu
  105. Level: Function
  106. Explain: 编辑器弹层关闭按钮在 IE8 下有问题
  107. Last Modify: Pony
  108. */
  109. .ie8 .editortoolbar .flbc { position: relative; }