tool.css 47 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155
  1. /*==== switcher ====*/
  2. .tx-switcher-menu {width:57px; }
  3. .tx-switchtoggle a {width:48px; background-position:0 -80px; margin:0;}
  4. .tx-switchtoggle-hovered a {width:48px; background-position:0 -103px; margin:0;}
  5. .tx-switchtoggle-pushed a {width:48px; background-position:-58px -80px; margin:0;}
  6. .tx-switchtoggle a,.tx-switchtoggle-hovered a, .tx-switchtoggle-pushed a { width: 52px; height: 25px; text-indent: -100em; overflow: hidden; display:block; font-size: 12px}
  7. .tx-switchtoggle a, .tx-switchtoggle-hovered a, .tx-switchtoggle-pushed a {
  8. background-image: url(../../../images/icon/editor/skin/06/tx_text2.gif);
  9. background-repeat: no-repeat;
  10. font-size: 0;
  11. line-height: 0px;
  12. text-indent: -9999em;
  13. overflow: hidden;
  14. display: block;
  15. }
  16. /*==== fontfamily ====*/
  17. .tx-fontfamily a:hover { text-decoration:none }
  18. .tx-fontfamily span{ line-height:1.5;word-break:break-all; }
  19. .tx-fontfamily-menu { width:168px; }
  20. .tx-fontfamily-menu .tx-menu-list-item a { height:18px; }
  21. .tx-fontfamily-menu .tx-menu-list .tx-gulim {font-family:gulim, '굴림'}
  22. .tx-fontfamily-menu .tx-menu-list .tx-batang {font-family:batang, '바탕'}
  23. .tx-fontfamily-menu .tx-menu-list .tx-dotum {font-family:dotum, '돋움'}
  24. .tx-fontfamily-menu .tx-menu-list .tx-gungseo {font-family:gungseo, '궁서'}
  25. .tx-fontfamily-menu .tx-menu-list .tx-arial {font-family:Arial, Helvetica, sans-serif}
  26. .tx-fontfamily-menu .tx-menu-list .tx-verdana {font-family:Verdana, Geneva, sans-serif}
  27. .tx-fontfamily-menu .tx-menu-list .tx-courier-new {font-family:'Courier New', Courier, monospace}
  28. /*==== fontsize ====*/
  29. .tx-fontsize {padding-right:0;}
  30. .tx-fontsize a:hover { text-decoration:none;font-family:dotum,sans-serif; }
  31. .tx-fontsize span{ line-height: 1.5 }
  32. .tx-fontsize-menu { width:322px; }
  33. .tx-fontsize-menu li.tx-menu-list-item a { line-height:100%; width:auto; height:auto;}
  34. .tx-fontsize-menu li a.tx-8pt { font-size:8pt; }
  35. .tx-fontsize-menu li a.tx-9pt { font-size:9pt; }
  36. .tx-fontsize-menu li a.tx-10pt { font-size:10pt; }
  37. .tx-fontsize-menu li a.tx-11pt { font-size:11pt; }
  38. .tx-fontsize-menu li a.tx-12pt { font-size:12pt; }
  39. .tx-fontsize-menu li a.tx-14pt { font-size:14pt; }
  40. .tx-fontsize-menu li a.tx-18pt { font-size:18pt; }
  41. .tx-fontsize-menu li a.tx-24pt { font-size:24pt; }
  42. .tx-fontsize-menu li a.tx-36pt { font-size:36pt; }
  43. /*==== font style ====*/
  44. .tx-bold a.tx-icon {background-position:-24px -9px;}
  45. .tx-underline a.tx-icon {background-position:-45px -9px;}
  46. .tx-italic a.tx-icon {background-position:-65px -9px;}
  47. .tx-strike a.tx-icon {background-position:-85px -9px;}
  48. .tx-forecolor a.tx-icon {background-position:-105px -9px;}
  49. .tx-forecolor-menu {width:195px;}
  50. .tx-backcolor a.tx-icon {background-position:-124px -10px;}
  51. /*==== align ====*/
  52. .tx-alignleft a.tx-icon {background-position:-24px -30px;}
  53. .tx-selected-image .tx-alignleft a.tx-icon {background-position:-83px -130px;}
  54. .tx-alignright a.tx-icon {background-position:-65px -30px;}
  55. .tx-selected-image .tx-alignright a.tx-icon {background-position:-24px -130px;}
  56. .tx-aligncenter a.tx-icon {background-position:-44px -30px;}
  57. .tx-selected-image .tx-aligncenter a.tx-icon {background-position:-45px -130px;}
  58. .tx-alignfull a.tx-icon {background-position:-85px -30px;}
  59. .tx-selected-image .tx-alignfull a.tx-icon {background-position:-65px -130px;}
  60. /*==== specialchar ====*/
  61. .tx-specialchar a.tx-icon {background-position:-105px -90px;}
  62. .tx-specialchar-menu div.tx-menu-inner { padding:7px; background:#f9f9f9; }
  63. .tx-specialchar-menu ul.tx-menu-matrix-title {width:460px;}
  64. .tx-specialchar-menu div.tx-menu-matrix-list { display:none; border-collapse:collapse; margin-top:6px; background:#fff; }
  65. .tx-specialchar-menu div.tx-menu-matrix-list table { border-collapse:collapse; margin-top: 0; width:460px }
  66. .tx-specialchar-menu div.tx-menu-matrix-list td { border:1px solid #e5e5e5; padding:0; width:22px; height:20px;}
  67. .tx-specialchar-menu div.tx-menu-matrix-list td span { display:block; width:18px; height:14px; text-align:center; color:#333; font-family:gulim,tahoma,sans-serif; font-size:12px; line-height:1.4; padding-top:2px; border:2px solid #fff; cursor:pointer; }
  68. .tx-specialchar-menu div.tx-menu-matrix-list td span.tx-item-hovered { color:#333; border:2px solid #768fbd; }
  69. .tx-specialchar-menu dl.tx-menu-matrix-input {width:460px;margin-top:8px;height:22px;}
  70. .tx-specialchar-menu dl.tx-menu-matrix-input dt { float:left; padding:0 6px 0 0;}
  71. .tx-specialchar-menu dl.tx-menu-matrix-input dd { float:left; }
  72. .tx-specialchar-menu dl.tx-menu-matrix-input dt span { color:#333; font-size:11px; font-family: dotum, sans-serif; padding-right:6px; }
  73. .tx-specialchar-menu dl.tx-menu-matrix-input dd input { color:#666; width:278px; height:16px; padding:0; border:1px solid #cacaca; }
  74. .tx-specialchar-menu dl.tx-menu-matrix-input dd .tx-menu-btn-confirm { margin-left:5px; cursor:pointer; }
  75. .tx-specialchar-menu dl.tx-menu-matrix-input dd .tx-menu-btn-cancel { margin-left:3px; cursor:pointer; }
  76. /*==== link ====*/
  77. .tx-link a.tx-icon {background-position:-26px -70px;}
  78. .tx-link-menu { width:238px;}
  79. .tx-link-menu div.tx-menu-inner { padding:10px 10px 0; color:#666; font-size:11px; font-family:dotum,sans-serif; letter-spacing:-1; }
  80. .tx-link-menu dt { text-align:center; font-weight:normal; padding-bottom: 11px; }
  81. .tx-link-menu dd { text-align:center; padding:0; }
  82. .tx-link-menu input.tx-text-input { width:216px; height:15px; font-size: 11px; font-family:dotum,sans-serif; color:#666; border:1px solid #cacaca; padding:3px 2px 2px; margin-bottom: 5px; }
  83. * html .tx-link-menu p input { height:20px; }
  84. .tx-link-menu dd.tx-rp { text-align:left; padding:0; }
  85. .tx-link-menu dd.tx-rp span { margin-right: 20px; }
  86. .tx-link-menu dd.tx-rp input { margin: 0 1px 2px 0; vertical-align: middle;}
  87. .tx-link-menu dd.tx-rp span.tx-text { margin-right: 0; position: relative;}
  88. .tx-link-menu dd.tx-rp span.tx-first { margin-right: 20px;}
  89. .tx-hr hr {display:block;}
  90. .tx-link-menu hr { border:1px solid #eaeaea; overflow:visible; margin-bottom:6px;}
  91. *+html body .tx-link-menu hr { margin-bottom:0; }
  92. *html .tx-link-menu hr { margin-bottom:0; }
  93. .tx-link-menu img { cursor:pointer; margin:0 4px 0 0; }
  94. *+html body .tx-link-menu dd img { margin: 0 4px 5px 0; }
  95. *html .tx-link-menu dd img { margin: 0 4px 5px 0; }
  96. /*==== list ====*/
  97. .tx-ordered a.tx-icon {background-position:-105px -30px;}
  98. .tx-unordered a.tx-icon {background-position:-124px -30px;}
  99. .tx-styledlist a.tx-icon {width:21px;}
  100. .tx-styledlist a.tx-icon {background-position:-105px -30px;}
  101. .tx-styledlist a.tx-styledlist-0 {background-position:-125px -150px;}
  102. .tx-styledlist a.tx-styledlist-1 {background-position:-125px -30px;}
  103. .tx-styledlist a.tx-styledlist-2 {background-position:-25px -50px;}
  104. .tx-styledlist a.tx-styledlist-3 {background-position:-105px -30px;}
  105. .tx-styledlist a.tx-styledlist-4 {background-position:-45px -50px;}
  106. .tx-styledlist a.tx-styledlist-5 {background-position:-65px -50px;}
  107. .tx-styledlist-menu { width:25px; }
  108. .tx-styledlist-menu li.tx-menu-list-item a {
  109. background-image:url(../../../images/icon/editor/skin/06/tx_icon_20130320.gif);
  110. background-repeat:no-repeat;
  111. height:18px;
  112. text-indent:-9999em;
  113. }
  114. .tx-styledlist-menu li.tx-menu-list-item a.tx-styledlist-0 {background-position:-122px -149px;}
  115. .tx-styledlist-menu li.tx-menu-list-item a.tx-styledlist-1 {background-position:-122px -29px;}
  116. .tx-styledlist-menu li.tx-menu-list-item a.tx-styledlist-2 {background-position:-22px -49px;}
  117. .tx-styledlist-menu li.tx-menu-list-item a.tx-styledlist-3 {background-position:-102px -29px;}
  118. .tx-styledlist-menu li.tx-menu-list-item a.tx-styledlist-4 {background-position:-42px -49px;}
  119. .tx-styledlist-menu li.tx-menu-list-item a.tx-styledlist-5 {background-position:-62px -49px;}
  120. .tx-cellslineheight-menu { width:100px; }
  121. .tx-cellslineheight-menu li.tx-menu-list-item a {
  122. background-image:url(../../../images/icon/editor/skin/05/icon_table_layer02.gif);
  123. background-repeat:no-repeat;
  124. height:18px;
  125. text-indent:-9999em;
  126. }
  127. .tx-cellslineheight-menu li.tx-menu-list-item a.tx-cellslineheight-0 {background-position:-2px 0;}
  128. .tx-cellslineheight-menu li.tx-menu-list-item a.tx-cellslineheight-1 {background-position:-2px 0;}
  129. .tx-cellslineheight-menu li.tx-menu-list-item a.tx-cellslineheight-2 {background-position:-2px -21px;}
  130. .tx-cellslineheight-menu li.tx-menu-list-item a.tx-cellslineheight-3 {background-position:-2px -42px;}
  131. .tx-cellslineheight-menu li.tx-menu-list-item a.tx-cellslineheight-4 {background-position:-2px -62px;}
  132. .tx-cellslineheight-menu li.tx-menu-list-item a.tx-cellslineheight-5 {background-position:-2px -81px;}
  133. .tx-cellslineheight-menu li.tx-menu-list-item a.tx-cellslineheight-6 {background-position:-2px -102px;}
  134. .tx-cellslineheight-menu li.tx-menu-list-item a.tx-cellslineheight-7 {background-position:-2px -123px;}
  135. .tx-cellslinestyle-menu { width:100px; }
  136. .tx-cellslinestyle-menu li.tx-menu-list-item a {
  137. background-image:url(../../../images/icon/editor/skin/05/icon_table_layer02.gif);
  138. background-repeat:no-repeat;
  139. height:17px;
  140. text-indent:-9999em;
  141. }
  142. .tx-cellslinestyle-menu li.tx-menu-list-item a.tx-cellslinestyle-0 {background-position:-2px 3px;}
  143. .tx-cellslinestyle-menu li.tx-menu-list-item a.tx-cellslinestyle-1 {background-position:-2px -144px;}
  144. .tx-cellslinestyle-menu li.tx-menu-list-item a.tx-cellslinestyle-2 {background-position:-2px -168px;}
  145. .tx-cellslinestyle-menu li.tx-menu-list-item a.tx-cellslinestyle-3 {background-position:-2px -189px;}
  146. .tx-cellslinestyle-menu li.tx-menu-list-item a.tx-cellslinestyle-4 {background-position:-2px -211px;}
  147. .tx-cellsoutline-menu { width:112px; }
  148. .tx-cellsoutline-menu li.tx-menu-list-item a {
  149. background-image:url(../../../images/icon/editor/skin/05/icon_table_layer01.gif);
  150. background-repeat:no-repeat;
  151. height:19px;
  152. text-indent:10px;
  153. padding: 3px 0 1px 15px;
  154. }
  155. .tx-cellsoutline-menu li.tx-menu-list-item a.tx-cellsoutline-1 {background-position:-5px -184px;}
  156. .tx-cellsoutline-menu li.tx-menu-list-item a.tx-cellsoutline-2 {background-position:-5px -206px;}
  157. .tx-cellsoutline-menu li.tx-menu-list-item a.tx-cellsoutline-3 {background-position:-5px -227px;}
  158. .tx-cellsoutline-menu li.tx-menu-list-item a.tx-cellsoutline-4 {background-position:-5px -248px;}
  159. .tx-cellsoutline-menu li.tx-menu-list-item a.tx-cellsoutline-5 {background-position:-5px -269px;}
  160. .tx-cellsoutline-menu li.tx-menu-list-item a.tx-cellsoutline-6 {background-position:-5px -290px;}
  161. .tx-cellsoutline-menu li.tx-menu-list-item a.tx-cellsoutline-7 {background-position:-5px -311px;}
  162. .tx-cellsoutline-menu li.tx-menu-list-item a.tx-cellsoutline-8 {background-position:-5px -331px;}
  163. .tx-mergecells-menu { width:68px; }
  164. .tx-mergecells-menu li.tx-menu-list-item a {
  165. background-image:url(../../../images/icon/editor/skin/05/icon_table_layer01.gif);
  166. background-repeat:no-repeat;
  167. height:17px;
  168. text-indent:20px;
  169. width:55px;
  170. display:block;
  171. border:0 none #fff;
  172. }
  173. .tx-mergecells-menu li.tx-menu-list-item a.tx-item-hovered { color:#333; border:2px solid #768fbd; }
  174. .tx-mergecells-menu li.tx-menu-list-item a.tx-mergecells-1 {background-position:-4px -141px;}
  175. .tx-mergecells-menu li.tx-menu-list-item a.tx-mergecells-2 {background-position:-4px -162px;}
  176. .tx-deletecells-menu { width:74px; }
  177. .tx-deletecells-menu li.tx-menu-list-item a {
  178. background-image:url(../../../images/icon/editor/skin/05/icon_table_layer01.gif);
  179. background-repeat:no-repeat;
  180. height:17px;
  181. text-indent:20px;
  182. width:61px;
  183. display:block;
  184. border:0 none #fff;
  185. }
  186. .tx-deletecells-menu li.tx-menu-list-item a.tx-item-hovered { color:#333; border:2px solid #768fbd; }
  187. .tx-deletecells-menu li.tx-menu-list-item a.tx-deletecells-1 {background-position:-4px -117px;}
  188. .tx-deletecells-menu li.tx-menu-list-item a.tx-deletecells-2 {background-position:-5px -92px;}
  189. .tx-insertcells-menu { width:98px; }
  190. .tx-insertcells-menu li.tx-menu-list-item a {
  191. background-image:url(../../../images/icon/editor/skin/05/icon_table_layer01.gif);
  192. background-repeat:no-repeat;
  193. height:17px;
  194. text-indent:20px;
  195. width:85px;
  196. display:block;
  197. border:0 none #fff;
  198. }
  199. .tx-insertcells-menu li.tx-menu-list-item a.tx-item-hovered { color:#333; border:2px solid #768fbd; }
  200. .tx-insertcells-menu li.tx-menu-list-item a.tx-insertcells-1 {background-position:-4px -5px;}
  201. .tx-insertcells-menu li.tx-menu-list-item a.tx-insertcells-2 {background-position:-4px -27px;}
  202. .tx-insertcells-menu li.tx-menu-list-item a.tx-insertcells-3 {background-position:-4px -50px;}
  203. .tx-insertcells-menu li.tx-menu-list-item a.tx-insertcells-4 {background-position:-4px -72px;}
  204. .tx-tabletemplate-menu { width:348px; left:-250px;}
  205. .tx-tabletemplate-menu td.tx-menu-list-item a span {
  206. background-image:url(../../../images/icon/editor/table/icon_form.gif); background-repeat:no-repeat;
  207. height:31px;
  208. text-indent:-9999em;
  209. width:29px;
  210. display:block;
  211. margin:2px;
  212. }
  213. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-item-hovered { color:#333; margin:0; border:2px solid #768fbd; }
  214. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-1 {background-position:-8px -7px;}
  215. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-2 {background-position:-48px -7px;}
  216. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-3 {background-position:-88px -7px;}
  217. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-4 {background-position:-128px -7px;}
  218. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-5 {background-position:-168px -7px;}
  219. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-6 {background-position:-209px -7px;}
  220. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-7 {background-position:-249px -7px;}
  221. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-8 {background-position:-289px -7px;}
  222. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-9 {background-position:-329px -7px;}
  223. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-10 {background-position:-8px -49px;}
  224. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-11 {background-position:-48px -49px;}
  225. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-12 {background-position:-88px -49px;}
  226. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-13 {background-position:-128px -49px;}
  227. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-14 {background-position:-168px -49px;}
  228. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-15 {background-position:-209px -49px;}
  229. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-16 {background-position:-249px -49px;}
  230. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-17 {background-position:-289px -49px;}
  231. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-18 {background-position:-329px -49px;}
  232. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-19 {background-position:-8px -91px;}
  233. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-20 {background-position:-48px -91px;}
  234. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-21 {background-position:-88px -91px;}
  235. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-22 {background-position:-128px -91px;}
  236. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-23 {background-position:-169px -91px;}
  237. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-24 {background-position:-209px -91px;}
  238. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-25 {background-position:-249px -91px;}
  239. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-26 {background-position:-289px -91px;}
  240. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-27 {background-position:-329px -91px;}
  241. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-28 {background-position:-8px -133px;}
  242. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-29 {background-position:-48px -133px;}
  243. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-30 {background-position:-88px -133px;}
  244. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-31 {background-position:-128px -133px;}
  245. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-32 {background-position:-169px -133px;}
  246. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-33 {background-position:-209px -133px;}
  247. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-34 {background-position:-249px -133px;}
  248. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-35 {background-position:-289px -133px;}
  249. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-36 {background-position:-329px -133px;}
  250. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-37 {background-position:-8px -175px;}
  251. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-38 {background-position:-48px -175px;}
  252. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-39 {background-position:-88px -175px;}
  253. .tx-tabletemplate-menu td.tx-menu-list-item a span.tx-tabletemplate-40 {background-position:-128px -175px;}
  254. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-41 {background-position:-169px -175px;}
  255. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-42 {background-position:-209px -175px;}
  256. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-43 {background-position:-249px -175px;}
  257. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-44 {background-position:-289px -175px;}
  258. .tx-tabletemplate-menu td.tx-menu-list-item span.tx-tabletemplate-45 {background-position:-329px -175px;}
  259. /*==== indent ====*/
  260. .tx-indent a.tx-icon {background-position:-63px -90px;}
  261. .tx-outdent a.tx-icon {background-position:-84px -90px;}
  262. /*==== undo ====*/
  263. .tx-undo a.tx-icon {background-position:-45px -70px;}
  264. .tx-redo a.tx-icon {background-position:-65px -70px;}
  265. /*==== table ====*/
  266. .tx-table a.tx-icon { background-position:-84px -50px; }
  267. .tx-table-menu {
  268. width:175px;
  269. color: #333;
  270. font-size:11px;
  271. font-family: dotum,sans-serif;
  272. background-color: #fbfbfb;
  273. }
  274. .tx-table-menu a{
  275. overflow:hidden;
  276. }
  277. .tx-table-menu div.tx-menu-inner {
  278. padding:6px;
  279. background-color:transparent;
  280. }
  281. .tx-table-menu .tx-more-button {
  282. float:right;
  283. margin:8px 0 5px 0;
  284. }
  285. .tx-table-menu .tx-more-button a {
  286. display:block;
  287. width:68px;
  288. height:11px;
  289. text-indent:-10000px;
  290. background:url(../../../images/icon/editor/table/btn_direct_setting.gif?v=2) no-repeat;
  291. padding:0;
  292. }
  293. .tx-table-menu .tx-dynamic-sizer-context{
  294. position:relative;
  295. overflow:hidden;
  296. z-index:100;
  297. }
  298. .tx-table-menu .tx-dynamic-sizer-display span{
  299. font-weight: bold;
  300. color: #7c84ef;
  301. font-family: dotum,sans-serif;
  302. font-size:11px;
  303. }
  304. .tx-table-menu .tx-dynamic-sizer-context table{
  305. border-collapse: separate;
  306. border-spacing: 2px;
  307. padding: 0;
  308. }
  309. .tx-table-menu .tx-dynamic-sizer-context td div{
  310. width:10px;
  311. height:10px;
  312. cursor: default;
  313. font-size:1px;
  314. }
  315. .tx-table-menu .tx-dynamic-sizer-context .tx-event td{
  316. padding:2px;
  317. background-color: transparent;
  318. font-size:1px;
  319. height:auto;
  320. }
  321. .tx-table-menu .tx-dynamic-sizer-context .tx-panel{
  322. position:absolute;
  323. left:0;
  324. top:0;
  325. z-index: -3;
  326. }
  327. .tx-table-menu .tx-dynamic-sizer-context .tx-panel td{
  328. border:1px solid #d4d4d4;
  329. background-color: #fff;
  330. font-size:1px;
  331. padding:1px;
  332. height:auto;
  333. }
  334. .tx-table-menu .tx-dynamic-sizer-context div.tx-selection{
  335. overflow:hidden;
  336. position:absolute;
  337. width:0;
  338. height:0;
  339. left:0;
  340. top:0;
  341. z-index: -2;
  342. }
  343. .tx-table-menu .tx-dynamic-sizer-context .tx-selection td{
  344. border:1px solid #b9c0ea;
  345. background-color: #c6c7f7;
  346. font-size:1px;
  347. padding:1px;
  348. height:auto;
  349. }
  350. .tx-content {border:1px solid #acacac;}
  351. .tx-table-menu input{
  352. border: 1px solid #bababa;
  353. font-family:dotum,sans-serif;
  354. font-size:11px;
  355. color:#333;
  356. width:60px;
  357. height:16px;
  358. padding:0;
  359. margin-left:15px;
  360. }
  361. .tx-table-menu .tx-table-input-area{
  362. border:1px solid #e7e7e7;
  363. padding:10px;
  364. margin-top:5px;
  365. }
  366. .tx-table-menu .tx-menu-rowcol {clear:both;}
  367. .tx-table-menu .tx-field{ position:relative; line-height:1;}
  368. .tx-table-menu .tx-btn{
  369. height:8px;
  370. margin:0;
  371. padding:0;
  372. overflow:hidden;
  373. text-indent:-1000em;
  374. width:15px;
  375. z-index:999;
  376. left:102px;
  377. position:absolute;
  378. }
  379. .tx-table-menu .tx-btn-add{
  380. top:1px;
  381. background:url(../../../images/icon/editor/btn_plus.gif?v=2) no-repeat;
  382. }
  383. .tx-table-menu .tx-btn-sub{
  384. top:9px;
  385. background:url(../../../images/icon/editor/btn_minus.gif?v=2)
  386. }
  387. .tx-table-menu .tx-menu-enter div{
  388. margin-top:4px;
  389. }
  390. .tx-table-menu .tx-btn-confirm{
  391. background:url(../../../images/icon/editor/btn_confirm_s1.gif?v=2) no-repeat;
  392. width:41px;
  393. height:21px;
  394. text-indent:-1000em;
  395. float:left;
  396. margin-left:35px;
  397. }
  398. .tx-table-menu .tx-btn-cancel{
  399. background:url(../../../images/icon/editor/btn_cancel_s1.gif?v=2) no-repeat;
  400. width:41px;
  401. height:21px;
  402. text-indent:-1000em;
  403. float:left;
  404. margin-left:3px;
  405. }
  406. .tx-table-btn-layer {
  407. position:absolute;
  408. display:none;
  409. width:200px;
  410. }
  411. .tx-table-btn-layer a {
  412. float:left;
  413. position:relative;
  414. font-size:0;
  415. line-height:0px;
  416. text-indent:-1000em;
  417. overflow:hidden;
  418. cursor:pointer;
  419. display:block;
  420. }
  421. a.tx-table-remove{
  422. width:14px; height:14px; margin:3px 2px;
  423. background:url(../../../images/icon/editor/btn_a_delete6.gif?v=2) no-repeat;
  424. }
  425. a.tx-table-edit-layout{
  426. width:81px;
  427. height:25px;
  428. background:url(../../../images/icon/editor/table/btn_layout.gif) no-repeat;
  429. }
  430. a.tx-table-edit-template{
  431. width:81px;
  432. height:25px;
  433. background:url(../../../images/icon/editor/table/btn_form.gif) no-repeat;
  434. }
  435. .tx-table-edit-container{
  436. background-color:#fbfbfb;
  437. border:1px solid #fff;
  438. width:409px;
  439. zoom: 1;
  440. }
  441. .tx-table-edit {
  442. width:389px;
  443. margin:10px;
  444. float:left;
  445. display:inline;
  446. position:relative;
  447. }
  448. .tx-table-edit a{
  449. overflow:hidden;
  450. }
  451. .tx-table-edit-container .tx-preview{
  452. width:389px;
  453. margin:10px 10px 0 10px;
  454. overflow:auto;
  455. height:129px;
  456. }
  457. .tx-table-edit-container .tx-preview table{
  458. text-align:left;
  459. width:389px;
  460. height:129px;
  461. }
  462. .tx-table-edit-container .tx-preview td{
  463. width:auto;
  464. font-size:4px;
  465. vertical-align: baseline;
  466. -moz-user-focus: ignore; -moz-user-input: disabled; -moz-user-select: none; -khtml-user-select: none; -o-user-select:none
  467. }
  468. .tx-table-edit .tx-table-edit-selecttoggle{
  469. display: none;
  470. }
  471. .tx-table-edit .tx-table-edit-selecttoggle li{
  472. position:absolute;
  473. display:block;
  474. }
  475. .tx-table-edit .tx-table-edit-allselect{
  476. top:4px;
  477. left:243px;
  478. }
  479. .tx-table-edit .tx-table-edit-alldeselect{
  480. top:4px;
  481. left:323px;
  482. }
  483. .tx-table-edit .tx-table-edit-selecttoggle a{
  484. display:block;
  485. width:65px;
  486. height:13px;
  487. text-indent: -1000em;
  488. }
  489. .tx-table-edit .tx-table-edit-selecttoggle .tx-table-edit-allselect a{
  490. background-image:url(../../../images/icon/editor/table/btn_tselect.gif);
  491. }
  492. .tx-table-edit .tx-table-edit-selecttoggle .tx-table-edit-alldeselect a{
  493. background-image:url(../../../images/icon/editor/table/btn_tcancel.gif);
  494. }
  495. .tx-table-edit .tx-tab {
  496. float:left;
  497. margin-bottom:-2px;
  498. position:relative;
  499. }
  500. .tx-table-edit .tx-tab li{
  501. float:left;
  502. margin-top:3px;
  503. }
  504. .tx-table-edit .tx-tab li a{
  505. display:block;
  506. width:61px;
  507. height:22px;
  508. text-indent:-1000em;
  509. }
  510. .tx-table-edit ul.tx-tab-menu1 {
  511. background: url(../../../images/icon/editor/table/tab_01.gif) no-repeat;
  512. }
  513. .tx-table-edit ul.tx-tab-menu2 {
  514. background: url(../../../images/icon/editor/table/tab_02.gif) no-repeat;
  515. }
  516. .tx-table-edit ul.tx-tab-menu3 {
  517. background: url(../../../images/icon/editor/table/tab_03.gif) no-repeat;
  518. }
  519. .tx-table-edit .tx-table-edit-layout {
  520. float:left;
  521. clear:both;
  522. background:url(../../../images/icon/editor/table/box1_left.gif) no-repeat;
  523. height:93px;
  524. width:389px;
  525. }
  526. .tx-table-edit .tx-table-edit-layout .tx-table-edit-layout-wrapper {
  527. background:url(../../../images/icon/editor/table/box1_right.gif) no-repeat scroll top right;
  528. padding:0;
  529. margin:0;
  530. height:100%;
  531. width:100%;
  532. }
  533. .tx-table-edit .tx-table-edit-layout-insert{
  534. width:105px;
  535. margin-top:15px;
  536. margin-left:10px;
  537. _margin-left:5px; /* IE6 double margin bug */
  538. }
  539. .tx-table-edit .tx-table-edit-layout-cell{
  540. width:124px;
  541. margin-top:15px;
  542. }
  543. .tx-table-edit .tx-table-edit-layout-align{
  544. width:128px;
  545. margin-top:15px;
  546. margin-left:5px;
  547. _margin-left:2px;
  548. }
  549. .tx-table-edit .tx-table-edit-layout li,
  550. .tx-table-edit .tx-table-edit-layout div{
  551. float:left;
  552. }
  553. .tx-table-edit .tx-table-edit-layout h4{
  554. font-family: dotum,sans-serif;
  555. display:block;
  556. clear:both;
  557. float:left;
  558. width: auto;
  559. height:34px !important;
  560. text-indent: 0 !important;
  561. color: #4d4d4d;
  562. font-size:11px;
  563. font-weight:normal;
  564. margin:0 !important;
  565. padding-left:6px;
  566. background:url(../../../images/icon/editor/ic_dot.gif) no-repeat scroll 0 5px;
  567. }
  568. .tx-table-edit .tx-table-edit-layout li a{
  569. width:27px;
  570. height:28px;
  571. display:block;
  572. text-indent:-1000em;
  573. }
  574. .tx-table-edit .tx-table-edit-layout .tx-2cell{
  575. background:url(../../../images/icon/editor/table/img_layout_bg.gif) no-repeat -7px -7px;
  576. }
  577. .tx-table-edit .tx-table-edit-layout .tx-2cell-left{
  578. background:url(../../../images/icon/editor/table/img_layout_bg.gif) no-repeat -67px -7px;
  579. }
  580. .tx-table-edit .tx-table-edit-layout .tx-2cell-right{
  581. background:url(../../../images/icon/editor/table/img_layout_bg.gif) no-repeat -127px -7px;
  582. }
  583. .tx-table-edit .tx-table-edit-layout .tx-3cell{
  584. background:url(../../../images/icon/editor/table/img_layout_bg.gif) no-repeat -458px -7px;
  585. }
  586. .tx-table-edit .tx-table-edit-layout .tx-3cell-left{
  587. background:url(../../../images/icon/editor/table/img_layout_bg.gif) no-repeat -200px -7px;
  588. }
  589. .tx-table-edit .tx-table-edit-layout .tx-3cell-right{
  590. background:url(../../../images/icon/editor/table/img_layout_bg.gif) no-repeat -372px -7px;
  591. }
  592. .tx-table-edit .tx-table-edit-layout .tx-3cell-center{
  593. background:url(../../../images/icon/editor/table/img_layout_bg.gif) no-repeat -286px -7px;
  594. }
  595. .tx-table-edit .tx-table-edit-layout li a{
  596. background:url(../../../images/icon/editor/table/icon_layout_hovered.gif) no-repeat;
  597. }
  598. .tx-table-edit .tx-table-edit-layout li a.tx-up{background-position:-3px -3px;}
  599. .tx-table-edit .tx-table-edit-layout li a.tx-down{background-position:-30px -3px;}
  600. .tx-table-edit .tx-table-edit-layout li a.tx-left{background-position:-3px -30px;}
  601. .tx-table-edit .tx-table-edit-layout li a.tx-right{background-position:-30px -30px;}
  602. .tx-table-edit .tx-table-edit-layout li a.tx-col{background-position:-55px -3px;}
  603. .tx-table-edit .tx-table-edit-layout li a.tx-row{background-position:-82px -3px;}
  604. .tx-table-edit .tx-table-edit-layout li a.tx-merge{background-position:-55px -30px;}
  605. .tx-table-edit .tx-table-edit-layout li a.tx-split{background-position:-81px -30px;}
  606. .tx-table-edit .tx-table-edit-layout li a.tx-top{background-position:-119px -3px;}
  607. .tx-table-edit .tx-table-edit-layout li a.tx-middle{background-position:-146px -3px;}
  608. .tx-table-edit .tx-table-edit-layout li a.tx-bottom{background-position:-173px -3px;}
  609. .tx-table-edit .tx-table-edit-layout li a.tx-alignleft{background-position:-119px -30px;}
  610. .tx-table-edit .tx-table-edit-layout li a.tx-aligncenter{background-position:-146px -30px;}
  611. .tx-table-edit .tx-table-edit-layout li a.tx-alignright{background-position:-173px -30px;}
  612. .tx-table-edit .tx-table-edit-layout-insert ul {
  613. float: left;
  614. display:inline;
  615. margin-bottom:5px;
  616. margin-left:10px;
  617. }
  618. .tx-table-edit .tx-table-edit-layout-cell ul{
  619. float:right;
  620. margin-bottom:5px;
  621. margin-right:8px;
  622. _margin-right:6px /*IE6 hack*/
  623. }
  624. .tx-table-edit .tx-table-edit-layout-align ul{
  625. margin-bottom:5px;
  626. margin-left:10px;
  627. float:left;
  628. }
  629. .tx-table-edit .tx-table-edit-design{
  630. width:389px;
  631. float:left;
  632. clear:both;
  633. background:url(../../../images/icon/editor/table/box2_left.gif) no-repeat;
  634. height:55px;
  635. font-size:11px;
  636. font-family: dotum, sans-serif;
  637. padding:0;
  638. }
  639. .tx-table-edit .tx-table-edit-design .tx-table-edit-design-wrapper{
  640. background:url(../../../images/icon/editor/table/box2_right.gif) no-repeat top right;
  641. height:100%;
  642. width:100%;
  643. }
  644. .tx-table-edit .tx-table-edit-design dl{
  645. clear:both;
  646. float:left;
  647. margin:16px 0;
  648. }
  649. .tx-table-edit .tx-table-edit-design dt{
  650. margin-right:8px;
  651. margin-top:4px;
  652. margin-left:12px;
  653. display:inline;
  654. color: #4d4d4d;
  655. font-size:11px;
  656. font-family: dotum, sans-serif;
  657. padding-left:6px;
  658. background:url(../../../images/icon/editor/ic_dot.gif) no-repeat scroll 0 5px;
  659. }
  660. .tx-table-edit .tx-table-edit-design dt,
  661. .tx-table-edit .tx-table-edit-design dd{
  662. float:left;
  663. }
  664. .tx-table-edit .tx-table-edit-design .tx-table-edit-bordercolor,
  665. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderwidth{
  666. margin-right:6px;
  667. }
  668. .tx-table-edit .tx-table-edit-design dd{
  669. position:relative;
  670. background:url(../../../images/icon/editor/table/img_des_bg.gif) no-repeat;
  671. }
  672. .tx-table-edit dd.tx-btn-widget{
  673. background-position:-51px -8px;
  674. }
  675. .tx-table-edit dd.tx-btn-widget-hovered,
  676. .tx-table-edit dd.tx-btn-widget-pushed{
  677. background-position:-7px -8px;
  678. }
  679. .tx-table-edit dd.tx-btn-widget-tbg{
  680. background-position:-51px -39px;
  681. }
  682. .tx-table-edit dd.tx-btn-widget-tbg-hovered,
  683. .tx-table-edit dd.tx-btn-widget-tbg-pushed{
  684. background-position:-7px -39px;
  685. }
  686. .tx-table-edit dd.tx-btn-widget-brbg{
  687. background-position:-51px -70px;
  688. }
  689. .tx-table-edit dd.tx-btn-widget-brbg-hovered,
  690. .tx-table-edit dd.tx-btn-widget-brbg-pushed{
  691. background-position:-7px -70px;
  692. }
  693. .tx-table-edit .tx-table-edit-design a.tx-icon{
  694. text-indent:-1000em;
  695. background:url(../../../images/icon/editor/table/icon_design.gif) no-repeat;
  696. width:25px;
  697. height:23px;
  698. display:block;
  699. float:left;
  700. font-size:1px;
  701. }
  702. .tx-table-edit .tx-table-edit-design a.tx-arrow{
  703. text-indent:-1000em;
  704. width:12px;
  705. height:23px;
  706. display:block;
  707. }
  708. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderrange .tx-icon{
  709. background:url(../../../images/icon/editor/table/button_line.gif) no-repeat 0 -1px;
  710. }
  711. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderrange .tx-icon.tx-range-all{
  712. background-position:0 -1px;
  713. }
  714. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderrange .tx-icon.tx-range-out{
  715. background-position:-21px -1px;
  716. }
  717. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderrange .tx-icon.tx-range-in{
  718. background-position:-42px -1px;
  719. }
  720. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderrange .tx-icon.tx-range-top{
  721. background-position:-63px -1px;
  722. }
  723. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderrange .tx-icon.tx-range-bottom{
  724. background-position:-84px -1px;
  725. }
  726. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderrange .tx-icon.tx-range-left{
  727. background-position:-105px -1px;
  728. }
  729. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderrange .tx-icon.tx-range-right{
  730. background-position:-126px -1px;
  731. }
  732. .tx-table-edit .tx-table-edit-design .tx-table-edit-bordercolor .tx-icon{background-position:-29px -2px;}
  733. .tx-table-edit .tx-table-edit-design .tx-table-edit-bordercolor a.tx-selected{
  734. background-position:-143px -2px;
  735. }
  736. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderwidth .tx-icon{background-position:-61px -2px;}
  737. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderstyle .tx-icon{background-position:-87px -2px;}
  738. .tx-table-edit .tx-table-edit-design .tx-table-edit-backcolor .tx-icon{ background-position:-115px -2px;}
  739. .tx-table-edit .tx-table-edit-design .tx-table-edit-backcolor a.tx-selected{
  740. background-image:none;
  741. }
  742. .tx-table-edit .tx-table-edit-design .tx-table-edit-backcolor .tx-colorpallete{
  743. left:-160px;
  744. }
  745. .tx-table-edit .tx-colorpallete,
  746. .tx-table-edit .tx-menu{
  747. top:22px;
  748. left:0;
  749. }
  750. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderrange .tx-menu{
  751. width:108px;
  752. color: #595959;
  753. font-family: dotum,sans-serif;
  754. font-size:11px;
  755. }
  756. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderrange .tx-menu .tx-menu-list{
  757. margin-top:5px;
  758. }
  759. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderrange .tx-menu li{
  760. margin-bottom: 6px;
  761. }
  762. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderrange .tx-menu a{
  763. display: block;
  764. margin-left: 3px;
  765. background: url(../../../images/icon/editor/table/menu_line.gif) no-repeat;
  766. padding: 1px 0 1px 25px;
  767. }
  768. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderrange .tx-menu a.tx-all{background-position:-1px -3px;}
  769. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderrange .tx-menu a.tx-out{background-position:-1px -19px;}
  770. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderrange .tx-menu a.tx-in{background-position:-1px -35px;}
  771. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderrange .tx-menu a.tx-top{background-position:-1px -51px;}
  772. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderrange .tx-menu a.tx-bottom{background-position:-1px -67px;}
  773. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderrange .tx-menu a.tx-left{background-position:-1px -83px;}
  774. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderrange .tx-menu a.tx-right{background-position:-1px -98px;}
  775. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderwidth .tx-menu{
  776. width:108px;
  777. }
  778. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderwidth .tx-menu a{
  779. display:block;
  780. height:17px;
  781. width:100px;
  782. margin-left:3px;
  783. background:url(../../../images/icon/editor/menu_border_width.gif) no-repeat;
  784. text-indent:-1000em;
  785. }
  786. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderwidth .tx-menu a.tx-1px{background-position:-1px 3px;}
  787. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderwidth .tx-menu a.tx-2px{background-position:-1px -20px;}
  788. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderwidth .tx-menu a.tx-3px{background-position:-1px -41px;}
  789. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderwidth .tx-menu a.tx-4px{background-position:-1px -61px;}
  790. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderwidth .tx-menu a.tx-5px{background-position:-1px -81px;}
  791. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderwidth .tx-menu a.tx-6px{background-position:-1px -101px;}
  792. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderwidth .tx-menu a.tx-7px{background-position:-1px -121px;}
  793. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderstyle .tx-menu{
  794. width:108px;
  795. }
  796. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderstyle .tx-menu a{
  797. display:block;
  798. margin-left:5px;
  799. height:17px;
  800. width:100px;
  801. background:url(../../../images/icon/editor/menu_border_style.gif) no-repeat;
  802. text-indent:-1000em;
  803. }
  804. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderstyle .tx-menu a.tx-solid{background-position:-1px -16px;}
  805. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderstyle .tx-menu a.tx-dashed{background-position:-1px -58px;}
  806. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderstyle .tx-menu a.tx-dotted{background-position:-1px -39px;}
  807. .tx-table-edit .tx-table-edit-design .tx-table-edit-borderstyle .tx-menu a.tx-none{background-position:-1px 3px;}
  808. .tx-table-edit .tx-table-edit-template{
  809. width:389px;
  810. float:left;
  811. clear:both;
  812. background:url(../../../images/icon/editor/table/box2_left.gif) no-repeat;
  813. padding:0;
  814. margin:0;
  815. }
  816. .tx-table-edit .tx-table-edit-template .tx-table-edit-template-wrapper{
  817. background:url(../../../images/icon/editor/table/box2_right.gif) no-repeat top right;
  818. padding:0;
  819. height:100%;
  820. width:100%;
  821. float:left;
  822. }
  823. .tx-table-edit .tx-table-edit-template ul{
  824. margin:8px 0 5px 0;
  825. padding:0;
  826. float: left;
  827. }
  828. .tx-table-edit .tx-table-edit-template a.tx-button{
  829. background:url(../../../images/icon/editor/table/btn_down.gif) no-repeat;
  830. width:13px;
  831. height:39px;
  832. display:block;
  833. text-indent:-1000em;
  834. margin:17px 0 0 9px;
  835. float:left;
  836. }
  837. .tx-table-edit .tx-table-edit-template a.tx-button-on{
  838. background:url(../../../images/icon/editor/table/btn_up.gif) no-repeat;
  839. width:13px;
  840. height:38px;
  841. display:block;
  842. text-indent:-1000em;
  843. margin:17px 0 0 9px;
  844. float:left;
  845. }
  846. .tx-table-edit .tx-table-edit-template li{
  847. padding:0;
  848. float:left;
  849. display:inline;
  850. background-repeat:no-repeat;
  851. margin-left: 10px;
  852. margin-top:7px;
  853. background-image:url(../../../images/icon/editor/table/icon_form.gif);
  854. width:30px;
  855. height:32px;
  856. }
  857. .tx-table-edit .tx-table-edit-template .tx-table-edit-template-all{
  858. margin-top:0;
  859. border:1px solid #d5d5d5;
  860. border-top:none;
  861. background-color:#fbfbfb;
  862. padding-bottom:5px;
  863. width:387px;
  864. }
  865. .tx-table-edit .tx-table-edit-template li a{
  866. display:block;
  867. width:30px;
  868. height:32px;
  869. }
  870. .tx-table-edit .tx-table-edit-template li a:hover{
  871. width:26px;
  872. height:28px;
  873. border:2px solid #7c84ef;
  874. }
  875. .tx-table-edit-template .tx-ex1 { background-position:-8px -7px; }
  876. .tx-table-edit-template .tx-ex2 { background-position:-48px -7px; }
  877. .tx-table-edit-template .tx-ex3 { background-position:-88px -7px; }
  878. .tx-table-edit-template .tx-ex4 { background-position:-128px -7px; }
  879. .tx-table-edit-template .tx-ex5 { background-position:-168px -7px; }
  880. .tx-table-edit-template .tx-ex6 { background-position:-209px -7px; }
  881. .tx-table-edit-template .tx-ex7 { background-position:-249px -7px; }
  882. .tx-table-edit-template .tx-ex8 { background-position:-289px -7px; }
  883. .tx-table-edit-template .tx-ex9 { background-position:-329px -7px; }
  884. .tx-table-edit-template .tx-ex11 { background-position:-8px -49px; }
  885. .tx-table-edit-template .tx-ex12 { background-position:-48px -49px; }
  886. .tx-table-edit-template .tx-ex13 { background-position:-88px -49px; }
  887. .tx-table-edit-template .tx-ex14 { background-position:-128px -49px; }
  888. .tx-table-edit-template .tx-ex15 { background-position:-168px -49px; }
  889. .tx-table-edit-template .tx-ex16 { background-position:-209px -49px; }
  890. .tx-table-edit-template .tx-ex17 { background-position:-249px -49px; }
  891. .tx-table-edit-template .tx-ex18 { background-position:-289px -49px; }
  892. .tx-table-edit-template .tx-ex19 { background-position:-329px -49px; }
  893. .tx-table-edit-template .tx-ex21 { background-position:-8px -91px; }
  894. .tx-table-edit-template .tx-ex22 { background-position:-48px -91px; }
  895. .tx-table-edit-template .tx-ex23 { background-position:-88px -91px; }
  896. .tx-table-edit-template .tx-ex24 { background-position:-128px -91px; }
  897. .tx-table-edit-template .tx-ex25 { background-position:-168px -91px; }
  898. .tx-table-edit-template .tx-ex26 { background-position:-209px -91px; }
  899. .tx-table-edit-template .tx-ex27 { background-position:-249px -91px; }
  900. .tx-table-edit-template .tx-ex28 { background-position:-289px -91px; }
  901. .tx-table-edit-template .tx-ex29 { background-position:-329px -91px; }
  902. .tx-table-edit-template .tx-ex31 { background-position:-8px -133px; }
  903. .tx-table-edit-template .tx-ex32 { background-position:-48px -133px; }
  904. .tx-table-edit-template .tx-ex33 { background-position:-88px -133px; }
  905. .tx-table-edit-template .tx-ex34 { background-position:-128px -133px; }
  906. .tx-table-edit-template .tx-ex35 { background-position:-168px -133px; }
  907. .tx-table-edit-template .tx-ex36 { background-position:-209px -133px; }
  908. .tx-table-edit-template .tx-ex37 { background-position:-249px -133px; }
  909. .tx-table-edit-template .tx-ex38 { background-position:-289px -133px; }
  910. .tx-table-edit-template .tx-ex39 { background-position:-329px -133px; }
  911. .tx-table-edit-template .tx-ex41 { background-position:-8px -175px; }
  912. .tx-table-edit-template .tx-ex42 { background-position:-48px -175px; }
  913. .tx-table-edit-template .tx-ex43 { background-position:-88px -175px; }
  914. .tx-table-edit-template .tx-ex44 { background-position:-128px -175px; }
  915. .tx-table-edit-template .tx-ex45 { background-position:-168px -175px; }
  916. .tx-table-edit-template .tx-ex46 { background-position:-209px -175px; }
  917. .tx-table-edit-template .tx-ex47 { background-position:-249px -175px; }
  918. .tx-table-edit-template .tx-ex48 { background-position:-289px -175px; }
  919. .tx-table-edit-template .tx-ex49 { background-position:-329px -175px; }
  920. .tx-table-edit .tx-table-edit-main{
  921. margin-top:5px;
  922. clear:both;
  923. float:left;
  924. width:90px;
  925. margin-left:160px;
  926. display:inline;
  927. }
  928. .tx-table-edit .tx-table-edit-main a{
  929. display:block;
  930. float:left;
  931. width:41px;
  932. height:21px;
  933. margin-right:3px;
  934. text-indent:-1000em;
  935. }
  936. .tx-table-edit .tx-table-edit-main .tx-confirm{
  937. background:url(../../../images/icon/editor/btn_confirm_s1.gif?v=2) no-repeat;
  938. }
  939. .tx-table-edit .tx-table-edit-main .tx-cancel{
  940. background:url(../../../images/icon/editor/btn_cancel_s1.gif?v=2) no-repeat;
  941. }
  942. /* IE7 hack */
  943. *:first-child+html .tx-table-edit .tx-table-edit-layout ul{ margin-right: 9px; }
  944. /*==== emoticon ====*/
  945. .tx-tabletemplate a.tx-icon {background-position:-125px -50px;}
  946. .tx-tabletemplate-menu div.tx-menu-inner { padding:7px; background:#f9f9f9; }
  947. .tx-tabletemplate-menu ul.tx-menu-matrix-title {width:196px;}
  948. .tx-tabletemplate-menu div.tx-menu-matrix-list { display:none; margin-top:6px; background:#fff; width:196px; }
  949. .tx-tabletemplate-menu div.tx-menu-matrix-list table { border-collapse:collapse; }
  950. .tx-tabletemplate-menu div.tx-menu-matrix-list td { padding:0; border:1px solid #e5e5e5; height: 24px; }
  951. .tx-tabletemplate-menu div.tx-menu-matrix-list td a { float:left;border:2px solid #ffffff; }
  952. .tx-tabletemplate-menu div.tx-menu-matrix-list td a:hover { border:2px solid #768fbd; }
  953. .tx-tabletemplate-menu div.tx-menu-matrix-list td span { display:block; width:23px; height:23px; text-align:center; color:#333; cursor:pointer; overflow:hidden; text-indent:-100em; }
  954. /*==== emoticon ====*/
  955. .tx-emoticon a.tx-icon {background-position:-125px -50px;}
  956. .tx-emoticon-menu div.tx-menu-inner { padding:7px; background:#f9f9f9; }
  957. .tx-emoticon-menu ul.tx-menu-matrix-title {width:196px;}
  958. .tx-emoticon-menu div.tx-menu-matrix-list { display:none; margin-top:6px; background:#fff; width:196px; }
  959. .tx-emoticon-menu div.tx-menu-matrix-list table { border-collapse:collapse; }
  960. .tx-emoticon-menu div.tx-menu-matrix-list td { padding:0; border:1px solid #e5e5e5; height: 24px; }
  961. .tx-emoticon-menu div.tx-menu-matrix-list td a { float:left;border:2px solid #ffffff; }
  962. .tx-emoticon-menu div.tx-menu-matrix-list td a:hover { border:2px solid #768fbd; }
  963. .tx-emoticon-menu div.tx-menu-matrix-list td span { display:block; width:23px; height:23px; text-align:center; color:#333; cursor:pointer; overflow:hidden; text-indent:-100em; }
  964. .tx-emoticon-menu div.tx-menu-matrix-per table { background:url(../../../images/icon/editor/emoticon/emoticon_01.gif?v=2) no-repeat; }
  965. .tx-emoticon-menu div.tx-menu-matrix-ani table { background:url(../../../images/icon/editor/emoticon/emoticon_02.gif?v=2) no-repeat; }
  966. .tx-emoticon-menu div.tx-menu-matrix-things table { background:url(../../../images/icon/editor/emoticon/emoticon_03.gif?v=2) no-repeat; }
  967. .tx-emoticon-menu div.tx-menu-matrix-etc table { background:url(../../../images/icon/editor/emoticon/emoticon_04.gif?v=2) no-repeat; }
  968. /*==== dictionary ====*/
  969. .tx-dictionary a.tx-icon {background-position:-104px -69px;}
  970. /*==== quote ====*/
  971. .tx-quote a.tx-icon {background-position:-125px -90px;}
  972. .tx-quote-menu { width:149px;}
  973. .tx-quote-menu div.tx-menu-list { padding:4px; }
  974. .tx-quote-menu div.tx-menu-list table { border-collapse:collapse; }
  975. .tx-quote-menu div.tx-menu-list td { padding:0; border:1px solid #f9f9f9; }
  976. .tx-quote-menu div.tx-menu-list td a { float:left;border:2px solid #f9f9f9; }
  977. .tx-quote-menu div.tx-menu-list td a:hover { border:2px solid #768fbd; }
  978. .tx-quote-menu div.tx-menu-list td span { display:block; cursor:pointer; }
  979. .tx-quote-menu div.tx-menu-list td span img { width:42px; height:42px; }
  980. /*==== lineheight ====*/
  981. .tx-lineheight a.tx-icon {width:21px;}
  982. .tx-lineheight a.tx-icon {background-position:-44px -90px;}
  983. /*==== insertcells ====*/
  984. .tx-insertcells a.tx-icon2 {width:21px;}
  985. .tx-insertcells a.tx-icon2 {background-position:-6px -26px}
  986. /*==== deletecells ====*/
  987. .tx-deletecells a.tx-icon2 {width:21px;}
  988. .tx-deletecells a.tx-icon2 {background-position:-7px -48px}
  989. /*==== mergecells ====*/
  990. .tx-mergecells a.tx-icon2 {width:21px;}
  991. .tx-mergecells a.tx-icon2 {background-position:-6px -72px}
  992. /*==== splitcells ====*/
  993. .tx-splitcells a.tx-icon2 {width:21px;}
  994. .tx-splitcells a.tx-icon2 {background-position:-6px -34px}
  995. /*==== cellsoutline ====*/
  996. .tx-cellsoutline a.tx-icon2 {width:21px;}
  997. .tx-cellsoutline a.tx-icon2 {background-position:-5px -94px;}
  998. /*==== cellslinecolor ====*/
  999. .tx-cellslinecolor a.tx-icon2 {width:22px;}
  1000. .tx-cellslinecolor a.tx-icon2 {background-position:-6px -115px;}
  1001. /*==== cellslinestyle ====*/
  1002. .tx-cellslinestyle a.tx-icon2 {width:21px;}
  1003. .tx-cellslinestyle a.tx-icon2 {background-position:-5px -153px;}
  1004. /*==== cellslineheight ====*/
  1005. .tx-cellslineheight a.tx-icon2 {width:21px;}
  1006. .tx-cellslineheight a.tx-icon2 {background-position:-5px -135px;}
  1007. /*==== createtable ====*/
  1008. .tx-tableedit-title {background:url(../../../images/icon/editor/skin/05/icon_add_table01.gif);
  1009. background-position:40px 215px; width:38px; height: 20px;}
  1010. /*==== cellslinepreview ====*/
  1011. .tx-cellslinepreview a:hover { text-decoration:none }
  1012. .tx-cellslinepreview span{ line-height: 1.5 }
  1013. .tx-cellslinepreview-menu { width:84px; }
  1014. /*==== tablebackcolor ====*/
  1015. .tx-tablebackcolor a.tx-icon2 {width:22px;height:21px;}
  1016. .tx-tablebackcolor a.tx-icon2 {background-position:-5px -193px}
  1017. .tx-tablebackcolor-menu { left:-165px; }
  1018. /*==== tabletemplate ====*/
  1019. .tx-tabletemplate a.tx-icon2 {width:22px;}
  1020. .tx-tabletemplate a.tx-icon2 { background-position:-5px -173px; }
  1021. /*==== horizontalrule ====*/
  1022. .tx-horizontalrule a.tx-icon {background-position:-23px -90px;}
  1023. .tx-horizontalrule-menu { }
  1024. .tx-horizontalrule-menu table { border-collapse:collapse; background:#ffffff; }
  1025. .tx-horizontalrule-menu td { padding:0; height:auto; }
  1026. .tx-horizontalrule-menu td a:hover { background-color:#c6cffe; }
  1027. .tx-horizontalrule-menu td span { display:block; cursor:pointer; }
  1028. .tx-horizontalrule-menu td span img { width:150px; height:24px; }
  1029. /*==== textbox ====*/
  1030. .tx-textbox a.tx-icon {background-position:-44px -110px;}
  1031. .tx-textbox-menu { width:161px; }
  1032. .tx-textbox-menu div.tx-menu-inner { padding:5px; background:#f9f9f9; }
  1033. .tx-textbox-menu div.tx-menu-list table { border-collapse:collapse; background-image:url(../../../images/icon/editor/textbox/textbox.gif?v=2); background-repeat:no-repeat; background-position:-2px -2px;}
  1034. *+ html .tx-textbox-menu div.tx-menu-list table { background-position:-1px -1px;}
  1035. * html .tx-textbox-menu div.tx-menu-list table { background-position:-1px -1px;}
  1036. .tx-textbox-menu div.tx-menu-list td { padding:0; border:1px solid #f9f9f9; height:auto;}
  1037. .tx-textbox-menu div.tx-menu-list td a { float:left;border:1px solid #f9f9f9; }
  1038. .tx-textbox-menu div.tx-menu-list td a:hover { border:1px solid #768fbd; }
  1039. .tx-textbox-menu div.tx-menu-list td span { display:block; width:22px; height:22px; text-align:center; color:#333; cursor:pointer; overflow:hidden; text-indent:-100em; }
  1040. /*==== background ====*/
  1041. .tx-background a.tx-icon {background-position:-105px -50px;}
  1042. /*==== formula ====*/
  1043. .tx-list .tx-formula a {
  1044. height: 25px;
  1045. width: 38px;
  1046. background-position: -519px 6px;
  1047. }
  1048. .tx-formula a:hover {background-position: -519px -18px;}