qq.css 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176
  1. /* container */
  2. .ke-container-qq {
  3. display: block;
  4. border: 1px solid #c3c3c3;
  5. background-color: #FFF;
  6. overflow: hidden;
  7. margin: 0;
  8. padding: 0;
  9. }
  10. /* toolbar */
  11. .ke-container-qq .ke-toolbar {
  12. border-bottom: 1px solid #c3c3c3;
  13. background-color: #FFFFFF;
  14. padding: 2px 5px;
  15. text-align: left;
  16. overflow: hidden;
  17. zoom: 1;
  18. }
  19. .ke-toolbar-icon-url {
  20. background-image: url(editor.gif);
  21. width: 18px;
  22. *xwidth: 20px;
  23. height: 18px;
  24. *xheight: 20px;
  25. }
  26. .ke-icon-checked {
  27. background-image: url(../default/default.png);
  28. width: 16px;
  29. height: 16px;
  30. }
  31. .ke-container-qq .ke-icon-bold {
  32. background-position: 4px 1px;
  33. }
  34. .ke-container-qq .ke-icon-italic {
  35. background-position: -27px 1px;
  36. }
  37. .ke-container-qq .ke-icon-italic {
  38. background-position: -28px 1px;
  39. }
  40. .ke-container-qq .ke-icon-underline {
  41. background-position: -60px 1px;
  42. }
  43. .ke-container-qq .ke-icon-fontname {
  44. background-position: -95px 1px;
  45. }
  46. .ke-container-qq .ke-icon-fontsize {
  47. background-position: -128px 1px;
  48. }
  49. .ke-container-qq .ke-icon-forecolor {
  50. background-position: -159px 1px;
  51. }
  52. .ke-container-qq .ke-icon-hilitecolor {
  53. background-position: -190px 1px;
  54. }
  55. .ke-container-qq .ke-icon-plug-align {
  56. background-position: -223px 1px;
  57. }
  58. .plug-align-justifyleft {
  59. background-position: -350px 1px;
  60. }
  61. .plug-align-justifycenter {
  62. background-position: -382px 1px;
  63. }
  64. .plug-align-justifyright {
  65. background-position: -414px 1px;
  66. }
  67. .plug-order-insertorderedlist {
  68. background-position: -446px 1px;
  69. }
  70. .plug-order-insertunorderedlist {
  71. background-position: -477px 1px;
  72. }
  73. .plug-indent-indent {
  74. background-position: -513px 1px;
  75. }
  76. .plug-indent-outdent {
  77. background-position: -545px 1px;
  78. }
  79. .ke-container-qq .ke-icon-plug-order {
  80. background-position: -255px 1px;
  81. }
  82. .ke-container-qq .ke-icon-plug-indent {
  83. background-position: -287px 1px;
  84. }
  85. .ke-container-qq .ke-icon-link {
  86. background-position: -319px 1px;
  87. }
  88. .ke-container-qq .ke-toolbar .ke-outline {
  89. cursor: default;
  90. padding: 0px;
  91. border: 1px solid #fff;
  92. }
  93. .ke-container-qq .ke-toolbar .ke-on {
  94. border-left: 1px solid white;
  95. border-top: 1px solid white;
  96. border-right: 1px solid gray;
  97. border-bottom: 1px solid gray;
  98. background-color: #FFFFFF;
  99. }
  100. .ke-container-qq .ke-toolbar .ke-selected {
  101. border-left: 1px solid gray;
  102. border-top: 1px solid gray;
  103. border-right: 1px solid white;
  104. border-bottom: 1px solid white;
  105. background-color: #FFFFFF;
  106. }
  107. .ke-container-qq .ke-toolbar .ke-disabled {
  108. cursor: default;
  109. }
  110. .ke-colorpicker-qq {
  111. background: #fff;
  112. }
  113. /* statusbar */
  114. .ke-container-qq .ke-statusbar {
  115. display: none;
  116. }
  117. /* menu */
  118. .ke-menu-qq {
  119. border: 1px solid #a6a6a6;
  120. position: absolute;
  121. background: #fff;
  122. -moz-box-shadow: 2px 2px 4px #DDDDDD;
  123. z-index: 999;
  124. left: -400px;
  125. top: -386px;
  126. right: 218px;
  127. width: 130px;
  128. }
  129. .ke-menu-qq .ke-menu-item {
  130. padding: 0px;
  131. background: #fff;
  132. }
  133. .ke-menu-qq .ke-menu-item-on {
  134. border: 1px solid #000080;
  135. background: #FFEEC2;
  136. color: #036;
  137. }
  138. .ke-menu-qq .ke-toolbar .ke-selected {
  139. border: 1px solid #9a9afb;
  140. }
  141. .ke-menu-qq .ke-menu-item-left {
  142. width: auto;
  143. }