container.css 23 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439
  1. /*==== container ====*/
  2. .tx-editor-container{clear:both;font-family:gulim,tahoma,sans-serif;font-size:12px;line-height:1.5;text-align:left;position:relative;zoom:1;}
  3. .tx-editor-container ul,.tx-editor-container li{list-style:none outside none;margin:0;padding:0;}
  4. .tx-editor-container dl,.tx-editor-container dt,.tx-editor-container dd{float:none;margin:0;padding:0;width:auto;}
  5. .tx-editor-container img{border:none;}
  6. .tx-editor-container hr,.tx-editor-container h1,.tx-editor-container h2,.tx-editor-container h3,.tx-editor-container h4,.tx-editor-container h5,.tx-editor-container h6{display:block;}
  7. /* toolbar ====*/
  8. .tx-toolbar { clear:both; background-color:#f8f8f8;border:1px solid #cdcdcd;border-bottom:none;height:30px; }
  9. .tx-toolbar-boundary { border:1px solid #fff; padding:0 0 0 5px; height:28px; }
  10. .tx-toolbar-boundary .tx-tableedit {width:10px;height:18px;background:url(../../../images/icon/editor/skin/06/tx_icon_20130320.gif) no-repeat; background-position:-89px -152px; }
  11. .tx-toolbar-table-boundary { border:1px solid #fff; padding:0 0 0 412px; height:5px; }
  12. .tx-toolbar .tx-bar li {position:relative;z-index:4;}
  13. .tx-toolbar .tx-bar-left { float:left; margin:0 3px 0 0;}
  14. .tx-toolbar .tx-bar-right { float:right; margin:0; }
  15. .tx-toolbar .tx-bar-empty { clear:left; margin:0; }
  16. .tx-toolbar .tx-list { float:left; padding-top:4px; padding-bottom:0;height:22px; }
  17. .tx-toolbar .tx-separator { float:left; width:4px; height:18px; overflow:hidden; }
  18. .tx-toolbar .tx-list-first, .tx-toolbar .tx-list-last {background-image:none !important;}
  19. .tx-toolbar .tx-disable a { cursor:default; filter:alpha(opacity=30); opacity:0.3; }
  20. .tx-toolbar .tx-bar li a {color:#333;cursor:pointer;display:block;font-family:dotum,sans-serif;font-size:12px; text-decoration:none;}
  21. .tx-toolbar-basic li.tx-list {z-index:5;}
  22. .tx-toolbar-advanced { display:none; }
  23. /* sidebar ====*/
  24. .tx-sidebar {clear:both; background:#f8f8f8; border-width: 1px 1px 0; border-style:solid solid none; border-color:#d5d5d5 #cdcdcd; height:30px;}
  25. .tx-sidebar-boundary {background:#f8f8f8;border:1px solid #fff; padding:0 0 0 7px;height:28px;}
  26. .tx-toolbar .tx-bar li {position:relative;z-index:6;}
  27. .tx-sidebar .tx-bar-left { float:left; margin:1px 3px 0 0;}
  28. .tx-sidebar .tx-bar-right { float:right; margin:0; }
  29. .tx-sidebar .tx-bar-empty { clear:left; margin:0; }
  30. .tx-sidebar .tx-bar-middle div{
  31. background-image: url(../../../images/icon/editor/skin/05/tx_btn_01.gif);
  32. background-position:-331px -97px;
  33. width:3px;
  34. height:30px;
  35. margin-top: -2px;
  36. }
  37. .tx-toolbar-advanced .tx-bar-middle div{
  38. background-image: url(../../../images/icon/editor/skin/05/tx_btn_01.gif);
  39. background-position:-331px -97px;
  40. width:3px;
  41. height:30px;
  42. margin-top: -5px;
  43. }
  44. .tx-sidebar .tx-list { float:left;position:relative;z-index:7; }
  45. .tx-sidebar .tx-bar-left { padding:0;}
  46. .tx-sidebar .tx-list-first, .tx-sidebar .tx-list-last {background-image:none !important;}
  47. .tx-sidebar li.tx-list-extra { padding:2px 2px 0 0; }
  48. .tx-sidebar .tx-disable a,
  49. .tx-sidebar ul.tx-disable { cursor:default; filter:alpha(opacity=30); opacity:0.3; }
  50. .tx-nav-attach .tx-list { padding:0 14px 0 0; }
  51. .tx-nav-search .tx-list { padding:0 9px 0 4px; }
  52. .tx-bar-middle div{
  53. _position: absolute;
  54. _top:0;
  55. _right:0;
  56. }
  57. /*==== button ====*/
  58. a.tx-icon {
  59. background:url(../../../images/icon/editor/skin/06/tx_icon_20130320.gif); background-repeat:no-repeat;
  60. width:21px;height:22px; display:block; float:left;
  61. font-size:0; line-height:0; overflow:hidden; text-indent:-1000px;
  62. }
  63. a.tx-icon2 {
  64. background:url(../../../images/icon/editor/skin/05/icon_add_table01.gif); background-repeat:no-repeat;
  65. width:21px;height:22px; display:block; float:left;
  66. font-size:0; line-height:0; overflow:hidden; text-indent:-1000px;
  67. }
  68. a.tx-icon3 {
  69. background:url(../../../images/icon/editor/table/icon_design.gif); background-repeat:no-repeat;
  70. width:21px;height:22px; display:block; float:left;
  71. font-size:0; line-height:0; overflow:hidden; text-indent:-1000px;
  72. }
  73. a.tx-icon4 {
  74. background:url(../../../images/icon/editor/table/icon_form.gif); background-repeat:no-repeat;
  75. width:21px;height:20px; display:block; float:left;
  76. font-size:0; line-height:0; overflow:hidden; text-indent:-1000px;
  77. }
  78. a.tx-text, .tx-searcher-title, .tx-switchtoggle a, .tx-switchtoggle-hovered a, .tx-switchtoggle-pushed a {
  79. background:url(../../../images/icon/editor/skin/06/tx_text2.gif); background-repeat:no-repeat;
  80. height:25px; display:block; float:left;
  81. font-size:0; line-height:0; overflow:hidden; text-indent:-1000px;
  82. }
  83. .tx-btn-lbg, .tx-btn-lbg-hovered, .tx-btn-lbg-pushed,
  84. .tx-btn-bg, .tx-btn-bg-hovered , .tx-btn-bg-pushed,
  85. .tx-btn-rbg, .tx-btn-rbg-hovered, .tx-btn-rbg-pushed,
  86. .tx-btn-lrbg, .tx-btn-lrbg-hovered, .tx-btn-lrbg-pushed,
  87. .tx-slt-tlbg, .tx-slt-tlbg-hovered, .tx-slt-tlbg-pushed, .tx-slt-tlbg-arrow-hovered, .tx-slt-tlbg-arrow-pushed,
  88. .tx-slt-tbg, .tx-slt-tbg-hovered, .tx-slt-tbg-pushed, .tx-slt-tbg-arrow-hovered, .tx-slt-tbg-arrow-pushed,
  89. .tx-slt-trbg, .tx-slt-trbg-hovered, .tx-slt-trbg-pushed, .tx-slt-trbg-arrow-hovered, .tx-slt-trbg-arrow-pushed,
  90. .tx-slt-blbg, .tx-slt-blbg-hovered, .tx-slt-blbg-pushed, .tx-slt-blbg-arrow-hovered, .tx-slt-blbg-arrow-pushed,
  91. .tx-slt-bbg, .tx-slt-bbg-hovered, .tx-slt-bbg-pushed, .tx-slt-bbg-arrow-hovered, .tx-slt-bbg-arrow-pushed,
  92. .tx-slt-brbg, .tx-slt-brbg-hovered, .tx-slt-brbg-pushed, .tx-slt-brbg-arrow-hovered, .tx-slt-brbg-arrow-pushed,
  93. .tx-slt-31bg, .tx-slt-31bg-hovered, .tx-slt-31bg-pushed,
  94. .tx-slt-31lbg, .tx-slt-31lbg-hovered, .tx-slt-31lbg-pushed,
  95. .tx-slt-31rbg, .tx-slt-31rbg-hovered, .tx-slt-31rbg-pushed,
  96. .tx-slt-70lbg, .tx-slt-70lbg-hovered, .tx-slt-70lbg-pushed,
  97. .tx-slt-70bg, .tx-slt-70bg-hovered, .tx-slt-70bg-pushed,
  98. .tx-slt-59bg, .tx-slt-59bg-hovered, .tx-slt-59bg-pushed,
  99. .tx-slt-42bg, .tx-slt-42bg-hovered, .tx-slt-42bg-pushed,
  100. .tx-slt-56bg, .tx-slt-56bg-hovered, .tx-slt-56bg-pushed,
  101. .tx-btn-nlrbg, .tx-btn-nlrbg-hovered, .tx-btn-nlrbg-pushed,
  102. .tx-btn-43lrbg, .tx-btn-43lrbg-hovered, .tx-btn-43lrbg-pushed,
  103. .tx-btn-52lrbg, .tx-btn-52lrbg-hovered, .tx-btn-52lrbg-pushed,
  104. .tx-btn-57lrbg, .tx-btn-57lrbg-hovered, .tx-btn-57lrbg-pushed,
  105. .tx-btn-71lrbg, .tx-btn-71lrbg-hovered, .tx-btn-71lrbg-pushed,
  106. .tx-btn-48lbg, .tx-btn-48lbg-hovered, .tx-btn-48lbg-pushed,
  107. .tx-btn-48rbg, .tx-btn-48rbg-hovered, .tx-btn-48rbg-pushed,
  108. .tx-btn-30lrbg, .tx-btn-30lrbg-hovered, .tx-btn-30lrbg-pushed,
  109. .tx-btn-46lrbg, .tx-btn-46lrbg-hovered, .tx-btn-46lrbg-pushed,
  110. .tx-btn-67lrbg, .tx-btn-67lrbg-hovered, .tx-btn-67lrbg-pushed,
  111. .tx-btn-49lbg, .tx-btn-49lbg-hovered, .tx-btn-49lbg-pushed,
  112. .tx-btn-49rbg, .tx-btn-49rbg-hovered, .tx-btn-49rbg-pushed,
  113. .tx-btn-58bg, .tx-btn-58bg-hovered, .tx-btn-58bg-pushed,
  114. .tx-btn-46bg, .tx-btn-46bg-hovered, .tx-btn-46bg-pushed {float:left;background:url(../../../images/icon/editor/skin/05/tx_btn_01.gif);background-repeat:no-repeat;}
  115. .tx-btn-lbg {background-position:0 0;}
  116. .tx-btn-lbg-hovered {background-position:0 -32px;}
  117. .tx-btn-lbg-pushed {background-position:0 -64px;}
  118. .tx-btn-bg {background-position:-21px 0;}
  119. .tx-btn-bg-hovered {background-position:-21px -32px;}
  120. .tx-btn-bg-pushed {background-position:-21px -64px;}
  121. .tx-btn-rbg {background-position:-42px 0;}
  122. .tx-btn-rbg-hovered {background-position:-42px -32px;}
  123. .tx-btn-rbg-pushed {background-position:-42px -64px;}
  124. .tx-btn-lrbg a, .tx-btn-lrbg-hovered a, .tx-btn-lrbg-pushed a {width:22px;}
  125. .tx-btn-lrbg {background-position:-68px 0;}
  126. .tx-btn-lrbg-hovered {background-position:-68px -32px;}
  127. .tx-btn-lrbg-pushed {background-position:-68px -64px;}
  128. .tx-slt-tlbg {background-position:-95px 0;}
  129. .tx-slt-tlbg-hovered {background-position:-95px -32px;}
  130. .tx-slt-tlbg-pushed {background-position:-95px -64px;}
  131. .tx-slt-tlbg-arrow-hovered {background-position:-95px -96px;}
  132. .tx-slt-tlbg-arrow-pushed {background-position:-95px -128px;}
  133. .tx-slt-tbg {background-position:-127px 0;}
  134. .tx-slt-tbg-hovered {background-position:-127px -32px;}
  135. .tx-slt-tbg-pushed {background-position:-127px -64px;}
  136. .tx-slt-tbg-arrow-hovered {background-position:-127px -96px;}
  137. .tx-slt-tbg-arrow-pushed {background-position:-127px -128px;}
  138. .tx-slt-trbg {background-position:-158px 0;}
  139. .tx-slt-trbg-hovered {background-position:-158px -32px;}
  140. .tx-slt-trbg-pushed {background-position:-158px -64px;}
  141. .tx-slt-trbg-arrow-hovered {background-position:-158px -96px;}
  142. .tx-slt-trbg-arrow-pushed {background-position:-158px -128px;}
  143. .tx-slt-blbg {background-position:-194px 0;}
  144. .tx-slt-blbg-hovered {background-position:-194px -32px;}
  145. .tx-slt-blbg-pushed {background-position:-194px -64px;}
  146. .tx-slt-blbg-arrow-hovered {background-position:-194px -96px;}
  147. .tx-slt-blbg-arrow-pushed {background-position:-194px -128px;}
  148. .tx-slt-bbg {background-position:-224px 0;}
  149. .tx-slt-bbg-hovered {background-position:-224px -32px;}
  150. .tx-slt-bbg-pushed {background-position:-224px -64px;}
  151. .tx-slt-bbg-arrow-hovered {background-position:-224px -96px;}
  152. .tx-slt-bbg-arrow-pushed {background-position:-224px -128px;}
  153. .tx-slt-brbg {background-position:-257px 0;}
  154. .tx-slt-brbg-hovered {background-position:-257px -32px;}
  155. .tx-slt-brbg-pushed {background-position:-257px -64px;}
  156. .tx-slt-brbg-arrow-hovered {background-position:-257px -96px;}
  157. .tx-slt-brbg-arrow-pushed {background-position:-257px -128px;}
  158. .tx-slt-31bg a, .tx-slt-31bg-hovered a, .tx-slt-31bg-pushed a {width:31px;}
  159. .tx-slt-31lbg a, .tx-slt-31lbg-hovered a, .tx-slt-31lbg-pushed a {width:31px;}
  160. .tx-slt-31rbg a, .tx-slt-31rbg-hovered a, .tx-slt-31rbg-pushed a {width:31px;}
  161. .tx-slt-31bg {background-position:-1291px 0;}
  162. .tx-slt-31bg-hovered {background-position:-1291px -32px;}
  163. .tx-slt-31bg-pushed {background-position:-1291px -64px;}
  164. .tx-slt-31lbg {background-position:-293px 0;}
  165. .tx-slt-31lbg-hovered {background-position:-293px -32px;}
  166. .tx-slt-31lbg-pushed {background-position:-293px -64px;}
  167. .tx-slt-31rbg {background-position:-324px 0;}
  168. .tx-slt-31rbg-hovered {background-position:-324px -32px;}
  169. .tx-slt-31rbg-pushed {background-position:-324px -64px;}
  170. .tx-slt-70lbg a, .tx-slt-70lbg-hovered a, .tx-slt-70lbg-pushed a {width:70px;height:22px;overflow-y:hidden;}
  171. .tx-slt-70lbg a span, .tx-slt-70lbg-hovered a span, .tx-slt-70lbg-pushed a span {display:block;padding:2px 12px 3px 5px;}
  172. .tx-slt-70lbg {background-position:-359px -96px;}
  173. .tx-slt-70lbg-hovered {background-position:-359px -128px;}
  174. .tx-slt-70lbg-pushed {background-position:-359px -160px;}
  175. .tx-slt-70bg a, .tx-slt-70bg-hovered a, .tx-slt-70bg-pushed a {width:70px;height:22px;overflow-y:hidden;}
  176. .tx-slt-70bg a span, .tx-slt-70bg-hovered a span, .tx-slt-70bg-pushed a span {display:block;padding:2px 12px 3px 5px;}
  177. .tx-slt-70bg {background-position:-359px 0;}
  178. .tx-slt-70bg-hovered {background-position:-359px -32px;}
  179. .tx-slt-70bg-pushed {background-position:-359px -64px;}
  180. .tx-slt-59bg a, .tx-slt-59bg-hovered a, .tx-slt-59bg-pushed a {width:61px;height:22px;overflow-y:hidden;}
  181. .tx-slt-59bg a span, .tx-slt-59bg-hovered a span, .tx-slt-59bg-pushed a span {display:block;padding:2px 12px 3px 5px;}
  182. .tx-slt-59bg {background-position:-434px 0;}
  183. .tx-slt-59bg-hovered {background-position:-434px -32px;}
  184. .tx-slt-59bg-pushed {background-position:-434px -64px;}
  185. .tx-slt-42bg a, .tx-slt-42bg-hovered a, .tx-slt-42bg-pushed a {width:42px;height:22px;overflow-y:hidden;}
  186. .tx-slt-42bg a span, .tx-slt-42bg-hovered a span, .tx-slt-42bg-pushed a span {display:block;padding:2px 12px 3px 5px;}
  187. .tx-slt-42bg {background-position:-499px 0;}
  188. .tx-slt-42bg-hovered {background-position:-499px -32px;}
  189. .tx-slt-42bg-pushed {background-position:-499px -64px;}
  190. .tx-slt-56bg a, .tx-slt-56bg-hovered a, .tx-slt-56bg-pushed a {width:56px;height:22px;overflow-y:hidden;}
  191. .tx-slt-56bg a span, .tx-slt-56bg-hovered a span, .tx-slt-56bg-pushed a span {display:block;padding:2px 12px 3px 5px;}
  192. .tx-slt-56bg {background-position:-1363px 0;}
  193. .tx-slt-56bg-hovered {background-position:-1363px -32px;}
  194. .tx-slt-56bg-pushed {background-position:-1363px -64px;}
  195. .tx-btn-nlrbg a, .tx-btn-nlrbg-hovered a, .tx-btn-nlrbg-pushed a {width:12px;}
  196. .tx-btn-nlrbg {background-position:-546px 0;}
  197. .tx-btn-nlrbg-hovered {background-position:-546px -32px;}
  198. .tx-btn-nlrbg-pushed {background-position:-546px -64px;}
  199. .tx-btn-43lrbg a, .tx-btn-43lrbg-hovered a, .tx-btn-43lrbg-pushed a {width:43px;}
  200. .tx-btn-43lrbg {background-position:-563px 0;}
  201. .tx-btn-43lrbg-hovered {background-position:-563px -32px;}
  202. .tx-btn-43lrbg-pushed {background-position:-563px -64px;}
  203. .tx-btn-52lrbg a, .tx-btn-52lrbg-hovered a, .tx-btn-52lrbg-pushed a {width:52px;}
  204. .tx-btn-52lrbg {background-position:-611px 0;}
  205. .tx-btn-52lrbg-hovered {background-position:-611px -32px;}
  206. .tx-btn-52lrbg-pushed {background-position:-611px -64px;}
  207. .tx-btn-57lrbg a, .tx-btn-57lrbg-hovered a, .tx-btn-57lrbg-pushed a {width:57px;}
  208. .tx-btn-57lrbg {background-position:-668px 0;}
  209. .tx-btn-57lrbg-hovered {background-position:-668px -32px;}
  210. .tx-btn-57lrbg-pushed {background-position:-668px -64px;}
  211. .tx-btn-71lrbg a, .tx-btn-71lrbg-hovered a, .tx-btn-71lrbg-pushed a {width:71px;}
  212. .tx-btn-71lrbg {background-position:-730px 0;}
  213. .tx-btn-71lrbg-hovered {background-position:-730px -32px;}
  214. .tx-btn-71lrbg-pushed {background-position:-730px -64px;}
  215. .tx-btn-48lbg a, .tx-btn-48lbg-hovered a, .tx-btn-48lbg-pushed a {width:48px;}
  216. .tx-btn-48lbg {background-position:-806px 0;}
  217. .tx-btn-48lbg-hovered {background-position:-806px -32px;}
  218. .tx-btn-48lbg-pushed {background-position:-806px -64px;}
  219. .tx-btn-48rbg a, .tx-btn-48rbg-hovered a, .tx-btn-48rbg-pushed a {width:48px;}
  220. .tx-btn-48rbg {background-position:-854px 0;}
  221. .tx-btn-48rbg-hovered {background-position:-854px -32px;}
  222. .tx-btn-48rbg-pushed {background-position:-854px -64px;}
  223. .tx-btn-30lrbg a, .tx-btn-30lrbg-hovered a, .tx-btn-30lrbg-pushed a {width:30px;}
  224. .tx-btn-30lrbg {background-position:-908px 0;}
  225. .tx-btn-30lrbg-hovered {background-position:-908px -32px;}
  226. .tx-btn-30lrbg-pushed {background-position:-908px -64px;}
  227. .tx-btn-46lrbg a, .tx-btn-46lrbg-hovered a, .tx-btn-46lrbg-pushed a {width:46px;}
  228. .tx-btn-46lrbg {background-position:-943px 0;}
  229. .tx-btn-46lrbg-hovered {background-position:-943px -32px;}
  230. .tx-btn-46lrbg-pushed {background-position:-943px -64px;}
  231. .tx-btn-67lrbg a, .tx-btn-67lrbg-hovered a, .tx-btn-67lrbg-pushed a {width:67px;}
  232. .tx-btn-67lrbg {background-position:-994px 0;}
  233. .tx-btn-67lrbg-hovered {background-position:-994px -32px;}
  234. .tx-btn-67lrbg-pushed {background-position:-994px -64px;}
  235. .tx-btn-49lbg a, .tx-btn-49lbg-hovered a, .tx-btn-49lbg-pushed a {width:49px;}
  236. .tx-btn-49lbg {background-position:-1084px 0;}
  237. .tx-btn-49lbg-hovered {background-position:-1084px -32px;}
  238. .tx-btn-49lbg-pushed {background-position:-1084px -64px;}
  239. .tx-btn-58bg a, .tx-btn-58bg-hovered a, .tx-btn-58bg-pushed a {width:58px;}
  240. .tx-btn-58bg {background-position:-1133px 0;}
  241. .tx-btn-58bg-hovered {background-position:-1133px -32px;}
  242. .tx-btn-58bg-pushed {background-position:-1133px -64px;}
  243. .tx-btn-46bg a, .tx-btn-46bg-hovered a, .tx-btn-46bg-pushed a {width:46px;}
  244. .tx-btn-46bg {background-position:-1191px 0; }
  245. .tx-btn-46bg-hovered {background-position:-1191px -32px;}
  246. .tx-btn-46bg-pushed {background-position:-1191px -64px;}
  247. .tx-btn-49rbg a, .tx-btn-49rbg-hovered a, .tx-btn-49rbg-pushed a {width:49px;}
  248. .tx-btn-49rbg {background-position:-1237px 0;}
  249. .tx-btn-49rbg-hovered {background-position:-1237px -32px;}
  250. .tx-btn-49rbg-pushed {background-position:-1237px -64px;}
  251. a.tx-arrow { width:10px;height:21px; }
  252. a.tx-arrow {float:left;display:block;width:10px;height:21px;font-size:0;line-height:0;text-indent:-1000px;overflow:hidden;}
  253. em.tx-itsnew {
  254. display:block;width:13px;height:14px;background:url(../../../images/icon/editor/ic_new.gif?v=2) no-repeat 0 0;
  255. position:absolute;top:-7px;right:3px;font-size:0; line-height:0; overflow:hidden; text-indent:-1000px;
  256. }
  257. .tx-text em.tx-itsnew { right:11px; }
  258. .tx-icon em.tx-itsnew { right:1px; }
  259. /*==== menu ====*/
  260. .tx-menu { display:none; border:1px solid #bababa; background:#ffffff; padding:1px; z-index:15000; position:absolute;left:0;top:28px; }
  261. .tx-menu ul {margin:0;}
  262. .tx-menu .tx-menu-inner { background:#f9f9f9; }
  263. ul.tx-menu-list { background:#fff; margin:0; }
  264. li.tx-menu-list-item { color:#333; font-size:12px; font-family:dotum,sans-serif; list-style:none; white-space: nowrap; -moz-user-select:none; -khtml-user-select:none; }
  265. li.tx-menu-list-item a {
  266. display:block; padding:3px 7px; white-space: nowrap; text-decoration:none;
  267. color:#555; -moz-outline: 0 none; outline: 0 none; cursor:pointer; clear:both;
  268. }
  269. li.tx-menu-list-item a:hover { background-color:#c6cffe; text-decoration:none; }
  270. li.tx-menu-list-item a span.tx-txt { color:#999999; line-height:1.4; }
  271. ul.tx-menu-favlist { border-bottom:1px solid #ececec;}
  272. ul.tx-menu-matrix-title {width:100%;margin-top:2px;height:18px;}
  273. ul.tx-menu-matrix-title li {float:left;padding:0 10px 0 5px; background:url(../../../images/icon/editor/index01.gif?v=2) no-repeat 100% 4px; margin-right:4px;}
  274. ul.tx-menu-matrix-title li a { color:#666; font-family:dotum,sans-serif; font-size:11px; cursor:pointer; }
  275. ul.tx-menu-matrix-title li.tx-selected { color:#333; font-weight:bold; }
  276. /*==== menu - colorpallete ====*/
  277. .tx-colorpallete { display:none; border:1px solid #bababa; background:#fbfbfb; width:195px; padding:0; z-index:15000; position:absolute; }
  278. .tx-colorpallete .tx-menu-inner { background:#f9f9f9; padding:7px 0 7px 7px !important; }
  279. .tx-colorpallete ul.tx-pallete-text-list { clear:both; height:84px; margin-bottom:6px; }
  280. .tx-colorpallete ul.tx-pallete-text-list li { width:59px; height:16px; float:left; margin:0 2px 1px 0; cursor:pointer; }
  281. .tx-colorpallete ul.tx-pallete-text-list li a { text-decoration:none; padding:0; margin-left:4px; font-size:12px; }
  282. .tx-colorpallete ul.tx-pallete-text-list li a:hover { text-decoration:underline; background:none; }
  283. .tx-colorpallete ul.tx-pallete-thumb-list { clear:both; height:96px; list-style:none; margin: 0;}
  284. .tx-colorpallete ul.tx-pallete-thumb-list li { float:left; margin:0 1px 1px 0; width:12px; height:12px; cursor:pointer; }
  285. .tx-colorpallete ul.tx-pallete-thumb-list li.tx-menu-list-item { width:12px; height:12px; }
  286. .tx-colorpallete div.tx-pallete-buttons { clear:both; height:12px; margin: 6px 0 0;}
  287. .tx-colorpallete div.tx-pallete-buttons a { display:block; text-indent:-1000em; overflow:hidden; }
  288. .tx-colorpallete div.tx-pallete-buttons p.tx-pallete-revert { float:left; margin:0;}
  289. .tx-colorpallete div.tx-pallete-buttons p.tx-pallete-revert a { width:13px; height:12px; background:url(../../../images/icon/editor/btn_revert.gif?v=2) no-repeat; }
  290. .tx-colorpallete div.tx-pallete-buttons p.tx-pallete-more { float:right; margin:1px 6px 0 0; }
  291. .tx-colorpallete div.tx-pallete-buttons p.tx-pallete-more a.tx-more-down { width:36px; height:10px; background:url(../../../images/icon/editor/btn_a_spread.gif?v=2) no-repeat; }
  292. .tx-colorpallete div.tx-pallete-buttons p.tx-pallete-more a.tx-more-up { width:28px; height:10px; background:url(../../../images/icon/editor/btn_a_fold.gif?v=2) no-repeat; }
  293. .tx-colorpallete .tx-pallete-picker { display:none; clear:both; margin-top:7px; height:128px;}
  294. .tx-colorpallete p.tx-pallete-input { margin:0 7px 0 0;clear:both; height:21px; border-bottom:1px solid #ececec;}
  295. .tx-colorpallete p.tx-pallete-input span { float:left; margin-right:3px; width:73px; height:14px; border:1px solid #d9d9d9; background:#ed1f1f; }
  296. .tx-colorpallete p.tx-pallete-input input { float:left; margin-right:4px; width:62px; height:12px;
  297. border: 1px solid #a7a7a7;
  298. border-right-color: #eaeaea;
  299. border-bottom-color: #eaeaea;
  300. color:#333; }
  301. .tx-colorpallete p.tx-pallete-input a { float:right; width:33px; height:16px; background:url(../../../images/icon/editor/btn_l_input_1.gif) no-repeat; text-indent:-1000em; cursor:pointer; }
  302. .tx-colorpallete .tx-pallete-picker .tx-pallete-pickerbox { float:left; margin-bottom:5px; border:1px solid #d9d9d9; padding:4px; display:inline;}
  303. .tx-colorpallete .tx-pallete-picker .tx-chromabar { float:left; position:relative; width:150px; height:120px; cursor:crosshair; margin-right:4px;
  304. background:#ff0000 url(../../../images/icon/editor/img_color_w.png) no-repeat;
  305. }
  306. .tx-colorpallete .tx-pallete-picker .tx-huebar { float:left; position:relative; width:18px; height:120px; cursor:crosshair; overflow:hidden;
  307. background:url(../../../images/icon/editor/img_colorbar_w.gif) no-repeat;
  308. }
  309. * html .tx-colorpallete .tx-pallete-picker .tx-chromabar { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/icon/editor/img_color_w.png?v=2', sizingMethod='scale'); }
  310. /*==== canvas ====*/
  311. .tx-canvas {
  312. clear: both;
  313. border: 1px solid #b5b5b5;
  314. border-right-color: #cdcdcd;
  315. border-left-color: #cdcdcd;
  316. position: relative;
  317. font-size: 0;
  318. }
  319. .tx-daumtrans { position:absolute; top:-1000px; left:-1000px; }
  320. .tx-canvas .tx-holder { display:none; font-size:0 !important; zoom: 1; }
  321. .tx-canvas iframe, .tx-canvas textarea {
  322. width: 100%;
  323. scrollbar-3dlight-color: #FFF;
  324. scrollbar-arrow-color: #9f9f9f;
  325. scrollbar-darkshadow-color: #FFF;
  326. scrollbar-face-color: #e6e6e6;
  327. scrollbar-highlight-color: #c3c3c3;
  328. scrollbar-shadow-color: #c3c3c3;
  329. scrollbar-track-color: #F3F3F3;
  330. }
  331. .tx-canvas iframe { height:400px; }
  332. .tx-canvas textarea {
  333. height:398px;
  334. overflow:auto;
  335. border:none;
  336. background:#fff;
  337. color:#000;
  338. padding: 0; font-family:dotum,sans-serif; font-size:12px; line-height:1.6;
  339. word-break:break-all; display:block;
  340. }
  341. div.tx-canvas div.tx-wysiwyg-padding { height:100%; width:0; left:0; position:absolute; top:0; opacity:0.3; filter:alpha(opacity=30); overflow:hidden; }
  342. div.tx-canvas div.tx-wysiwyg-padding-divL { float: right; width: 26px; height:26px; margin-top: 3px; margin-right: 2px; }
  343. div.tx-canvas div.tx-wysiwyg-padding-divR { float: left; width: 26px; height:26px; margin-top: 3px; margin-left: 2px;}
  344. div.tx-canvas div.tx-wysiwyg-padding-divL { margin-right: 0; }
  345. div.tx-canvas div.tx-wysiwyg-padding-divR { margin-left: 0;}
  346. ul.tx-bar-vline-left {
  347. background:transparent url(../../../images/icon/editor/index03.gif?v=2) no-repeat scroll left 9px;
  348. margin:0 0 0 5px; padding:0 0 0 6px;
  349. }
  350. ul.tx-bar-vline-right {
  351. background:transparent url(../../../images/icon/editor/index03.gif?v=2) no-repeat scroll right 9px;
  352. margin:0 6px 0 3px; padding:0 5px 0 0;
  353. }
  354. /*==== canvas -loading ====*/
  355. div.tx-loading {
  356. position:absolute; z-index:200; width:100%; height:29px; top:0; left:0; text-align:center; padding:8px 0 0; font-size:0;
  357. }
  358. * html .tx-loading div {
  359. background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/icon/editor/loading2.png?v=2', sizingMethod='image');
  360. width:113px; height:21px;
  361. }
  362. * html .tx-loading img { display:none; }
  363. /*==== editor BI(for png) ====*/
  364. .tx-side-bi { margin:0 0 5px 0; }
  365. * html .tx-side-bi .tx-side-inner-bi img{
  366. height:1px;
  367. width:1px;
  368. filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../../../images/icon/editor/editor_bi.png?v=2');
  369. }