2d649369be26defc792de4dfd5a48a3305f1e3e2.svn-base 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656
  1. a.cheditor-tag-path-elem {
  2. text-decoration: none;
  3. color: #0033cc;
  4. font-size: 9pt;
  5. font-family: SourceCodePro, monospace;
  6. cursor: pointer;
  7. }
  8. a.cheditor-tag-path-elem:hover {
  9. color: #0033cc;
  10. text-decoration: underline;
  11. cursor: pointer;
  12. }
  13. .cheditor-container {
  14. border-top: 1px #ccc solid;
  15. position: relative;
  16. text-align: left;
  17. -webkit-box-sizing: content-box;
  18. box-sizing: content-box;
  19. }
  20. .cheditor-tb-wrapper {
  21. border-right: 1px #ccc solid;
  22. border-left: 1px #ccc solid;
  23. border-bottom: 1px #ccc solid;
  24. position: relative;
  25. display: block;
  26. -webkit-box-sizing: inherit;
  27. box-sizing: inherit;
  28. background-color: #f0f0f0;
  29. }
  30. .cheditor-tb-wrapper-readonly {
  31. border-right: 1px #ccc solid;
  32. border-left: 1px #ccc solid;
  33. border-bottom: 1px #ccc solid;
  34. position: relative;
  35. display: block;
  36. background: #f0f0f0 url(../icons/readonlymode.png) no-repeat 10px center;
  37. }
  38. .cheditor-tb-wrapper-code {
  39. border-right: 1px #ccc solid;
  40. border-left: 1px #ccc solid;
  41. border-bottom: 1px #ccc solid;
  42. position: relative;
  43. display: block;
  44. background: #f0f0f0 url(../icons/viewmode_code.png) no-repeat 10px center;
  45. }
  46. .cheditor-tb-wrapper-preview {
  47. border-right: 1px #ccc solid;
  48. border-left: 1px #ccc solid;
  49. border-bottom: 1px #ccc solid;
  50. position: relative;
  51. display: block;
  52. background: #f0f0f0 url(../icons/viewmode_preview.png) no-repeat 10px center;
  53. }
  54. .cheditor-tb-wrapper-readonly div, .cheditor-tb-wrapper-code div, .cheditor-tb-wrapper-preview div {
  55. display: none;
  56. }
  57. .cheditor-tb-fullscreen {
  58. width: 16px;
  59. height: 16px;
  60. float: right;
  61. margin-top: 3px;
  62. cursor: pointer;
  63. background: transparent url(../icons/fullscreen.png) no-repeat center center;
  64. }
  65. .cheditor-tb-fullscreen-disable {
  66. display: none;
  67. }
  68. .cheditor-tb-fullscreen-actual {
  69. width: 16px;
  70. height: 16px;
  71. float: right;
  72. margin-top: 3px;
  73. cursor: pointer;
  74. background: transparent url(../icons/fullscreen_actual.png) no-repeat center center;
  75. }
  76. .cheditor-editarea-wrapper {
  77. border-right: 1px #ccc solid;
  78. border-bottom: 1px #ccc solid;
  79. border-left: 1px #ccc solid;
  80. width: auto;
  81. overflow: hidden;
  82. clear: both;
  83. }
  84. .cheditor-editarea {
  85. width: 100%;
  86. overflow-x: hidden;
  87. overflow-y: auto;
  88. margin: 0;
  89. padding: 0;
  90. display: block;
  91. position: static;
  92. }
  93. @font-face {
  94. font-family: 'SourceCodePro';
  95. src: url('SourceCodePro.eot');
  96. src: url('SourceCodePro.eot?#iefix') format('embedded-opentype'), url('SourceCodePro.woff') format('woff');
  97. }
  98. .cheditor-editarea-text-content {
  99. overflow-x: hidden;
  100. overflow-y: scroll;
  101. margin: 0;
  102. border : 0;
  103. padding: 7px 10px;
  104. display: none;
  105. resize: none;
  106. outline: none;
  107. font-family: SourceCodePro, monospace;
  108. font-size: 12px;
  109. }
  110. .cheditor-modify-block .cheditor-ico {
  111. width: 16px;
  112. height: 16px;
  113. vertical-align: middle;
  114. margin-right: 5px;
  115. }
  116. .cheditor-modify-block select {
  117. font-family: "Malgun Gothic", "Apple SD Gothic Neo", monospace;
  118. font-size: 9pt;
  119. color: #000;
  120. }
  121. .cheditor-modify-block div {
  122. padding: 5px 10px 5px 10px;
  123. color: #000;
  124. display: block;
  125. }
  126. .cheditor-modify-block div .wrap-text-desc {
  127. line-height: 1em;
  128. color: #000;
  129. }
  130. .cheditor-modify-block div .user-input-alt {
  131. width: 120px;
  132. margin: 3px 10px 0 5px;
  133. height: 15px;
  134. line-height: 15px;
  135. padding-top: 1px;
  136. font-size: 9pt;
  137. font-family: "Malgun Gothic", "Apple SD Gothic Neo", monospace;
  138. color: #000;
  139. }
  140. .cheditor-modify-block div .user-input-caption {
  141. width: 350px;
  142. margin: 7px 10px 0 5px;
  143. height: 15px;
  144. line-height: 15px;
  145. padding-top: 1px;
  146. font-size: 9pt;
  147. font-family: "Malgun Gothic", "Apple SD Gothic Neo", monospace;
  148. color: #000;
  149. }
  150. .cheditor-modify-block div .caption-align {
  151. margin: 7px 0 0 4px;
  152. font-size: 9pt;
  153. vertical-align: top;
  154. font-family: "Malgun Gothic", "Apple SD Gothic Neo", monospace;
  155. color: #000;
  156. }
  157. .cheditor-modify-block div .wrap-checked {
  158. vertical-align: middle;
  159. padding: 0;
  160. margin-right: 2px;
  161. }
  162. .cheditor-modify-block div .input-submit {
  163. cursor: pointer;
  164. vertical-align: middle;
  165. margin-top: -2px;
  166. margin-left: 10px;
  167. height: 20px;
  168. width: 64px;
  169. }
  170. .cheditor-modify-block div .color-picker {
  171. cursor: pointer;
  172. vertical-align: middle;
  173. height: 20px;
  174. width: 20px;
  175. }
  176. .cheditor-modify-block div .delete-submit {
  177. cursor: pointer;
  178. vertical-align: middle;
  179. margin-top: -2px;
  180. margin-left: 3px;
  181. height: 20px;
  182. width: 64px;
  183. }
  184. .cheditor-modify-block div .edit-table-ico {
  185. cursor: pointer;
  186. vertical-align: middle;
  187. width: 16px;
  188. height: 16px;
  189. margin: 0 3px;
  190. }
  191. .cheditor-modify-block {
  192. display: none;
  193. border-right: 1px #ccc solid;
  194. border-bottom: 1px #ccc solid;
  195. border-left: 1px #ccc solid;
  196. padding: 2px;
  197. background-color: #eee;
  198. font-size: 9pt;
  199. font-family: "Malgun Gothic", "Apple SD Gothic Neo", monospace;
  200. text-align: center;
  201. overflow: hidden;
  202. }
  203. .cheditor-status-bar {
  204. font-size: 9pt;
  205. font-family: SourceCodePro, "Malgun Gothic", "Apple SD Gothic Neo", monospace;
  206. color: #333;
  207. }
  208. .cheditor-tag-path {
  209. border-right: 1px #ccc solid;
  210. border-bottom: 1px #ccc solid;
  211. border-left: 1px #ccc solid;
  212. padding: 0 5px;
  213. display: none;
  214. height: 22px;
  215. line-height: 20px;
  216. overflow: hidden;
  217. position: inherit;
  218. }
  219. .cheditor-viewmode {
  220. padding: 0 4px 0 4px;
  221. height: 16px;
  222. background: transparent url(../icons/statusbar_bgline.gif) repeat-x 0 0;
  223. }
  224. .cheditor-viewmode div {
  225. width: 24px;
  226. height: 16px;
  227. cursor: pointer;
  228. }
  229. .cheditor-tab-rich {
  230. background: transparent url(../icons/edit_mode_rich_a.png) no-repeat 0 0;
  231. float: left;
  232. }
  233. .cheditor-tab-rich-off {
  234. background: transparent url(../icons/edit_mode_rich_b.png) no-repeat 0 0;
  235. float: left;
  236. }
  237. .cheditor-tab-code {
  238. background: transparent url(../icons/edit_mode_code_a.png) no-repeat 0 0;
  239. float: left;
  240. }
  241. .cheditor-tab-code-off {
  242. background: transparent url(../icons/edit_mode_code_b.png) no-repeat 0 0;
  243. float: left;
  244. }
  245. .cheditor-tab-preview {
  246. background: transparent url(../icons/edit_mode_view_a.png) no-repeat 0 0;
  247. float: left;
  248. }
  249. .cheditor-tab-preview-off {
  250. background: transparent url(../icons/edit_mode_view_b.png) no-repeat 0 0;
  251. float: left;
  252. }
  253. .cheditor-resizebar {
  254. height: 11px;
  255. overflow: hidden;
  256. border-left: 1px #ccc solid;
  257. border-right: 1px #ccc solid;
  258. cursor: s-resize;
  259. background: #eee url(../icons/splitter.gif) no-repeat center top;
  260. }
  261. .cheditor-resizebar-off {
  262. height: 11px;
  263. overflow: hidden;
  264. border-left: 1px #ccc solid;
  265. border-right: 1px #ccc solid;
  266. cursor: default;
  267. background-color: #eee;
  268. }
  269. .cheditor_mode_icon { width: 24px; height: 16px; cursor: pointer; vertical-align: top }
  270. .cheditor-pulldown-container {
  271. border: #7d8db0 1px solid;
  272. background-color: #fff;
  273. padding: 1px;
  274. position: relative;
  275. -moz-box-shadow: 0 0 5px #aaa;
  276. -webkit-box-shadow: 0 0 5px #aaa;
  277. box-shadow: 1px 1px 10px #bbb;
  278. }
  279. .cheditor-pulldown-container div {
  280. padding: 2px 2px 2px 15px;
  281. font-size: 9pt;
  282. font-family: "Malgun Gothic", "Apple SD Gothic Neo", monospace;
  283. color: #222;
  284. position: relative;
  285. display: block;
  286. line-height: 1.2;
  287. margin: 2px 2px;
  288. }
  289. .cheditor-pulldown-color-container {
  290. border: #7d8db0 1px solid;
  291. -moz-box-shadow: 0 0 5px #aaa;
  292. -webkit-box-shadow: 0 0 5px #aaa;
  293. box-shadow: 1px 1px 10px #bbb;
  294. background-color: #fff;
  295. padding: 2px;
  296. }
  297. .cheditor-pulldown-container div label, .cheditor-pulldown-textblock-container div label {
  298. display: block;
  299. }
  300. .cheditor-pulldown-textblock-container div div {
  301. text-align: center;
  302. padding: 2px;
  303. font-size: 9pt;
  304. color: #000;
  305. line-height: 1.2;
  306. }
  307. .cheditor-pulldown-textblock-container div {
  308. padding: 1px;
  309. }
  310. .cheditor-pulldown-textblock-out {
  311. border: #fff 1px solid;
  312. }
  313. .cheditor-pulldown-textblock-over {
  314. border: #ccc 1px solid;
  315. }
  316. .cheditor-pulldown-textblock-container {
  317. border: #7d8db0 1px solid;
  318. -moz-box-shadow: 0 0 5px #aaa;
  319. -webkit-box-shadow: 0 0 5px #aaa;
  320. box-shadow: 1px 1px 10px #bbb;
  321. background-color: #fff;
  322. padding: 2px;
  323. }
  324. .cheditor-pulldown-mouseout {
  325. border: #fff 1px solid;
  326. }
  327. .cheditor-pulldown-mouseover {
  328. background-color: #f0f0f0;
  329. border: #e0e0e0 1px solid;
  330. }
  331. .cheditor-pulldown-frame {
  332. position: absolute;
  333. visibility: hidden;
  334. z-index: -1;
  335. width: 1px;
  336. height: 1px;
  337. line-height: 12px;
  338. }
  339. .cheditor-pulldown-color-cell-over, .cheditor-pulldown-color-cell {
  340. float: left;
  341. width: 14px;
  342. height: 14px;
  343. margin: 1px;
  344. cursor: pointer;
  345. }
  346. .cheditor-pulldown-color-cell-over {
  347. border: 1px #000 solid;
  348. }
  349. .cheditor-pulldown-color-cell-over span {
  350. width: 12px;
  351. height: 12px;
  352. border: 1px #fff solid;
  353. display: block;
  354. }
  355. .cheditor-pulldown-color-cell {
  356. border: 1px #999 solid;
  357. }
  358. .cheditor-pulldown-color-cell span {
  359. width: 14px;
  360. height: 14px;
  361. display: block;
  362. border: none;
  363. }
  364. .cheditor-pulldown-color-selected {
  365. border: 1px solid #999;
  366. text-align: left;
  367. margin: 4px 0 0 1px;
  368. padding-left: 5px;
  369. height: 15px;
  370. line-height: 15px;
  371. font-size: 11px;
  372. font-family: verdana, monospace;
  373. width: 55px;
  374. vertical-align: -10%;
  375. }
  376. .cheditor-pulldown-color-reset, .cheditor-pulldown-color-show-picker {
  377. height: 19px;
  378. width: 16px;
  379. cursor: pointer;
  380. display: inline-block;
  381. vertical-align: middle;
  382. margin-left: 3px;
  383. }
  384. .cheditor-pulldown-color-reset {
  385. background: #fff url(../icons/color_picker_reset.png) no-repeat center center;
  386. }
  387. .cheditor-pulldown-color-show-picker {
  388. background: #fff url(../icons/color_picker.png) no-repeat center center;
  389. }
  390. .cheditor-pulldown-color-submit {
  391. vertical-align: middle;
  392. margin: 4px 1px 0 0;
  393. height: 19px;
  394. width: 40px;
  395. cursor: pointer;
  396. right: 0;
  397. position: absolute;
  398. }
  399. .cheditor-container-fullscreen {
  400. border-top: 1px #ccc solid;
  401. position: fixed;
  402. left: 5px;
  403. top: 5px;
  404. _position: absolute;
  405. text-align: left;
  406. background-color: #fff;
  407. }
  408. .cheditor-popupModalBackground {
  409. background-color: #fff;
  410. position: fixed;
  411. _position: absolute;
  412. display: none;
  413. top: 0;
  414. left: 0;
  415. width: 100%;
  416. height: 100%;
  417. }
  418. .cheditor-popup-window {
  419. border: 1px solid #0078D7;
  420. border-radius: 5px;
  421. background-color: #0078D7;
  422. display: none;
  423. position: absolute;
  424. top: 0;
  425. left: 0;
  426. -moz-box-shadow: 0 0 5px #aaa;
  427. -webkit-box-shadow: 0 0 5px #aaa;
  428. box-shadow: 0 0 10px #bbb;
  429. padding: 0;
  430. overflow: hidden;
  431. -webkit-box-sizing: content-box;
  432. box-sizing: content-box;
  433. }
  434. .cheditor-popup-cmd-button {
  435. width: 64px;
  436. height: 22px;
  437. margin: 5px 2px;
  438. cursor: pointer;
  439. vertical-align: middle;
  440. }
  441. .cheditor-popup-cframe {
  442. background-color: #fff;
  443. margin: 0;
  444. padding: 10px;
  445. border: none;
  446. text-align: center;
  447. }
  448. .cheditor-popup-cframe iframe {
  449. margin: 0;
  450. padding: 0;
  451. overflow: hidden;
  452. }
  453. .cheditor-popup-drag-handle {
  454. height: 31px;
  455. }
  456. .cheditor-popup-titlebar {
  457. padding-left: 10px;
  458. line-height: 30px;
  459. }
  460. .cheditor-popup-title {
  461. font-size: 12px;
  462. font-family: "Malgun Gothic", "Apple SD Gothic Neo", monospace;
  463. font-weight: bold;
  464. color: #fff;
  465. }
  466. .cheditor-dragWindowTransparent {
  467. background-color: #fff;
  468. position: absolute;
  469. display: block;
  470. left: 0;
  471. top: 27px;
  472. }
  473. .cheditor-pulldown-wrapper {
  474. line-height: 1;
  475. }
  476. .cheditor-toolbar-icon-wrapper {
  477. margin: 0 2px 0 0;
  478. float: left;
  479. height: 24px;
  480. overflow: hidden;
  481. }
  482. .cheditor-tb-icon {
  483. height: 22px;
  484. width: 16px;
  485. overflow: hidden;
  486. }
  487. .cheditor-tb-icon-disable {
  488. height: 22px;
  489. width: 16px;
  490. overflow: hidden;
  491. opacity: 0.5;
  492. }
  493. .cheditor-tb-text {
  494. padding: 0;
  495. margin: 0;
  496. color: #333;
  497. height: 20px;
  498. line-height: 20px;
  499. }
  500. .cheditor-tb-text-disable {
  501. padding: 0;
  502. margin: 0;
  503. height: 20px;
  504. line-height: 20px;
  505. color: #333;
  506. overflow: hidden;
  507. filter: alpha(opacity=40) gray;
  508. -webkit-filter: grayscale(100%);
  509. opacity: 0.5;
  510. }
  511. .cheditor-tb-text span, .cheditor-tb-text-disable span {
  512. font-family: "Malgun Gothic", "Apple SD Gothic Neo", monospace;
  513. margin: 0 0 0 1px;
  514. padding: 0;
  515. width: 41px;
  516. text-overflow: ellipsis;
  517. overflow: hidden;
  518. white-space: nowrap;
  519. display: block;
  520. font-size: 12px;
  521. }
  522. .cheditor-tb-icon23 {
  523. height: 22px;
  524. width: 23px;
  525. margin-left: 3px;
  526. overflow: hidden;
  527. }
  528. .cheditor-tb-icon23-disable {
  529. height: 22px;
  530. width: 23px;
  531. margin-left: 3px;
  532. overflow: hidden;
  533. opacity: 0.5;
  534. }
  535. .cheditor-tb-icon36 {
  536. height: 22px;
  537. width: 36px;
  538. overflow: hidden;
  539. }
  540. .cheditor-tb-icon36-disable {
  541. height: 22px;
  542. width: 36px;
  543. overflow: hidden;
  544. opacity: 0.5;
  545. }
  546. .cheditor-tb-combo {
  547. height: 22px;
  548. width: 10px;
  549. overflow: hidden;
  550. }
  551. .cheditor-tb-combo-disable {
  552. height: 22px;
  553. width: 10px;
  554. overflow: hidden;
  555. opacity: 0.5;
  556. }
  557. .cheditor-tb-bg55 {
  558. float: left;
  559. overflow: hidden;
  560. background: transparent url(../icons/toolbar-background.png) no-repeat left -483px;
  561. position: relative;
  562. }
  563. .cheditor-tb-bg40 {
  564. float: left;
  565. overflow: hidden;
  566. background: transparent url(../icons/toolbar-background.png) no-repeat left -552px;
  567. position: relative;
  568. }
  569. .cheditor-tb-bg44 {
  570. float: left;
  571. overflow: hidden;
  572. background: transparent url(../icons/toolbar-background.png) no-repeat left -621px;
  573. position: relative;
  574. }
  575. .cheditor-tb-bg30-first {
  576. float: left;
  577. overflow: hidden;
  578. background: transparent url(../icons/toolbar-background.png) no-repeat left -276px;
  579. position: relative;
  580. }
  581. .cheditor-tb-bg30 {
  582. float: left;
  583. overflow: hidden;
  584. background: transparent url(../icons/toolbar-background.png) no-repeat left -345px;
  585. position: relative;
  586. }
  587. .cheditor-tb-bg30-last {
  588. float: left;
  589. overflow: hidden;
  590. background: transparent url(../icons/toolbar-background.png) no-repeat left -414px;
  591. position: relative;
  592. }
  593. .cheditor-tb-bgcombo {
  594. float: left;
  595. overflow: hidden;
  596. background: transparent url(../icons/toolbar-background.png) no-repeat left -690px;
  597. position: relative;
  598. }
  599. .cheditor-tb-bgcombo-first {
  600. float: left;
  601. overflow: hidden;
  602. background: transparent url(../icons/toolbar-background.png) no-repeat left top;
  603. position: relative;
  604. }
  605. .cheditor-tb-bgcombo-last {
  606. float: left;
  607. overflow: hidden;
  608. background: url(../icons/toolbar-background.png) no-repeat left -759px;
  609. position: relative;
  610. }
  611. .cheditor-tb-bg {
  612. float: left;
  613. overflow: hidden;
  614. background: transparent url(../icons/toolbar-background.png) no-repeat left -69px;
  615. position: relative;
  616. }
  617. .cheditor-tb-bg-first {
  618. float: left;
  619. overflow: hidden;
  620. background: transparent url(../icons/toolbar-background.png) no-repeat left top;
  621. position: relative;
  622. }
  623. .cheditor-tb-bg-last {
  624. float: left;
  625. overflow: hidden;
  626. background: transparent url(../icons/toolbar-background.png) no-repeat left -138px;
  627. position: relative;
  628. background-clip: border-box;
  629. }
  630. .cheditor-tb-bg-single {
  631. float: left;
  632. overflow: hidden;
  633. background: transparent url(../icons/toolbar-background.png) no-repeat left -207px;
  634. position: relative;
  635. }
  636. .cheditor-tb-color-btn {
  637. width: 16px;
  638. height: 3px;
  639. overflow: hidden;
  640. position: absolute;
  641. top: 16px;
  642. left: 3px;
  643. }
  644. .cheditor-tb-button-spacer {
  645. overflow: hidden;
  646. width: 4px;
  647. height: 4px;
  648. float: left;
  649. }
  650. .cheditor-tb-split {
  651. overflow: hidden;
  652. height: 2px;
  653. width: 3px;
  654. clear: both;
  655. }