dialog.css 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693
  1. /*
  2. * Licensed Materials - Property of IBM
  3. *
  4. * IBM Cognos Products: SHARE
  5. *
  6. * (C) Copyright IBM Corp. 2015
  7. *
  8. * US Government Users Restricted Rights - Use, duplication or disclosure
  9. * restricted by GSA ADP Schedule Contract with IBM Corp.
  10. */
  11. /*
  12. Copyright (c) 2003-2015, CKSource - Frederico Knabben. All rights reserved.
  13. For licensing, see LICENSE.md or http://ckeditor.com/license
  14. */
  15. .cke_dialog {
  16. visibility: visible
  17. }
  18. .cke_dialog_body {
  19. z-index: 1;
  20. background: #eaeaea;
  21. border: 1px solid #b2b2b2;
  22. border-bottom-color: #999;
  23. }
  24. .cke_dialog strong {
  25. font-weight: bold
  26. }
  27. .cke_dialog_title {
  28. font-weight: bold;
  29. font-size: 13px;
  30. cursor: move;
  31. position: relative;
  32. color: #474747;
  33. text-shadow: 0 1px 0 rgba(255, 255, 255, .75);
  34. border-bottom: 1px solid #999;
  35. padding: 6px 10px;
  36. background: #FFFFFF;
  37. }
  38. .cke_dialog_spinner {
  39. border-radius: 50%;
  40. width: 12px;
  41. height: 12px;
  42. overflow: hidden;
  43. text-indent: -9999em;
  44. border-top: 2px solid rgba(102, 102, 102, 0.2);
  45. border-right: 2px solid rgba(102, 102, 102, 0.2);
  46. border-bottom: 2px solid rgba(102, 102, 102, 0.2);
  47. border-left: 2px solid rgba(102, 102, 102, 1);
  48. -webkit-animation: dialog_spinner 1s infinite linear;
  49. animation: dialog_spinner 1s infinite linear;
  50. -ms-animation: dialog_spinner 1s infinite linear;
  51. -moz-animation: dialog_spinner 1s infinite linear;
  52. }
  53. .cke_browser_ie8 .cke_dialog_spinner, .cke_browser_ie9 .cke_dialog_spinner {
  54. background: url(images/spinner.gif) center top no-repeat;
  55. width: 16px;
  56. height: 16px;
  57. border: 0
  58. }
  59. @-webkit-keyframes dialog_spinner {
  60. 0% {
  61. -webkit-transform: rotate(0deg);
  62. transform: rotate(0deg);
  63. }
  64. 100% {
  65. -webkit-transform: rotate(360deg);
  66. transform: rotate(360deg);
  67. }
  68. }
  69. @-moz-keyframes dialog_spinner {
  70. 0% {
  71. -webkit-transform: rotate(0deg);
  72. transform: rotate(0deg);
  73. }
  74. 100% {
  75. -webkit-transform: rotate(360deg);
  76. transform: rotate(360deg);
  77. }
  78. }
  79. @-ms-keyframes dialog_spinner {
  80. 0% {
  81. -webkit-transform: rotate(0deg);
  82. transform: rotate(0deg);
  83. }
  84. 100% {
  85. -webkit-transform: rotate(360deg);
  86. transform: rotate(360deg);
  87. }
  88. }
  89. @keyframes dialog_spinner {
  90. 0% {
  91. -webkit-transform: rotate(0deg);
  92. transform: rotate(0deg);
  93. }
  94. 100% {
  95. -webkit-transform: rotate(360deg);
  96. transform: rotate(360deg);
  97. }
  98. }
  99. .cke_dialog_contents {
  100. background-color: #fff;
  101. overflow: auto;
  102. padding: 15px 10px 5px 10px;
  103. margin-top: 30px;
  104. border-top: 1px solid #bfbfbf;
  105. }
  106. .cke_dialog_contents_body {
  107. overflow: auto;
  108. padding: 17px 10px 5px 10px;
  109. margin-top: 22px
  110. }
  111. .cke_dialog_footer {
  112. text-align: right;
  113. position: relative;
  114. border: 0;
  115. outline: 1px solid #bfbfbf;
  116. background: #ECECEC;
  117. }
  118. .cke_rtl .cke_dialog_footer {
  119. text-align: left
  120. }
  121. .cke_hc .cke_dialog_footer {
  122. outline: 0;
  123. border-top: 1px solid #fff
  124. }
  125. .cke_dialog .cke_resizer {
  126. margin-top: 22px
  127. }
  128. .cke_dialog .cke_resizer_rtl {
  129. margin-left: 5px
  130. }
  131. .cke_dialog .cke_resizer_ltr {
  132. margin-right: 5px
  133. }
  134. .cke_dialog_tabs {
  135. height: 24px;
  136. display: inline-block;
  137. margin: 5px 0 0;
  138. position: absolute;
  139. z-index: 2;
  140. left: 10px
  141. }
  142. .cke_rtl .cke_dialog_tabs {
  143. right: 10px
  144. }
  145. a.cke_dialog_tab {
  146. height: 16px;
  147. padding: 4px 8px;
  148. margin-right: 3px;
  149. display: inline-block;
  150. cursor: pointer;
  151. line-height: 16px;
  152. outline: 0;
  153. color: #595959;
  154. border: 1px solid #bfbfbf;
  155. background: #C8D2D2;
  156. }
  157. .cke_rtl a.cke_dialog_tab {
  158. margin-right: 0;
  159. margin-left: 3px
  160. }
  161. a.cke_dialog_tab:hover, a.cke_dialog_tab:focus {
  162. background: #C8D2D2;
  163. }
  164. a.cke_dialog_tab_selected {
  165. background: #fff !important;
  166. color: #383838;
  167. border-bottom-color: #fff;
  168. cursor: default;
  169. filter: none
  170. }
  171. .cke_hc a.cke_dialog_tab:hover, .cke_hc a.cke_dialog_tab:focus, .cke_hc a.cke_dialog_tab_selected {
  172. border: 3px solid;
  173. padding: 2px 6px
  174. }
  175. a.cke_dialog_tab_disabled {
  176. color: #bababa;
  177. cursor: default
  178. }
  179. .cke_single_page .cke_dialog_tabs {
  180. display: none
  181. }
  182. .cke_single_page .cke_dialog_contents {
  183. padding-top: 5px;
  184. margin-top: 0;
  185. border-top: 0
  186. }
  187. a.cke_dialog_close_button {
  188. background-image: url(images/close.png);
  189. background-repeat: no-repeat;
  190. background-position: 50%;
  191. position: absolute;
  192. cursor: pointer;
  193. text-align: center;
  194. height: 20px;
  195. width: 20px;
  196. top: 4px;
  197. z-index: 5;
  198. opacity: .8;
  199. filter: alpha(opacity = 80)
  200. }
  201. .cke_dialog_close_button:hover {
  202. opacity: 1;
  203. filter: alpha(opacity = 100)
  204. }
  205. .cke_hidpi .cke_dialog_close_button {
  206. background-image: url(images/hidpi/close.png);
  207. background-size: 16px
  208. }
  209. .cke_dialog_close_button span {
  210. display: none
  211. }
  212. .cke_hc .cke_dialog_close_button span {
  213. display: inline;
  214. cursor: pointer;
  215. font-weight: bold;
  216. position: relative;
  217. top: 3px
  218. }
  219. .cke_ltr .cke_dialog_close_button {
  220. right: 5px
  221. }
  222. .cke_rtl .cke_dialog_close_button {
  223. left: 6px
  224. }
  225. .cke_dialog_close_button {
  226. top: 4px
  227. }
  228. div.cke_disabled .cke_dialog_ui_labeled_content div * {
  229. background-color: #ddd;
  230. cursor: default
  231. }
  232. .cke_dialog_ui_vbox table, .cke_dialog_ui_hbox table {
  233. margin: auto
  234. }
  235. .cke_dialog_ui_vbox_child {
  236. padding: 5px 0
  237. }
  238. .cke_dialog_ui_hbox {
  239. width: 100%
  240. }
  241. .cke_dialog_ui_hbox_first, .cke_dialog_ui_hbox_child,
  242. .cke_dialog_ui_hbox_last {
  243. vertical-align: top
  244. }
  245. .cke_ltr .cke_dialog_ui_hbox_first, .cke_ltr .cke_dialog_ui_hbox_child {
  246. padding-right: 10px
  247. }
  248. .cke_rtl .cke_dialog_ui_hbox_first, .cke_rtl .cke_dialog_ui_hbox_child {
  249. padding-left: 10px
  250. }
  251. .cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first, .cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child
  252. {
  253. padding-right: 5px
  254. }
  255. .cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first, .cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child
  256. {
  257. padding-left: 5px;
  258. padding-right: 0
  259. }
  260. .cke_hc div.cke_dialog_ui_input_text, .cke_hc div.cke_dialog_ui_input_password,
  261. .cke_hc div.cke_dialog_ui_input_textarea, .cke_hc div.cke_dialog_ui_input_select,
  262. .cke_hc div.cke_dialog_ui_input_file {
  263. border: 1px solid
  264. }
  265. textarea.cke_dialog_ui_input_textarea {
  266. overflow: auto;
  267. resize: none
  268. }
  269. input.cke_dialog_ui_input_text, input.cke_dialog_ui_input_password,
  270. textarea.cke_dialog_ui_input_textarea {
  271. background-color: #fff;
  272. border: 1px solid #c9cccf;
  273. border-top-color: #aeb3b9;
  274. padding: 4px 6px;
  275. outline: 0;
  276. width: 100%;
  277. *width: 95%;
  278. box-sizing: border-box;
  279. }
  280. input.cke_dialog_ui_input_text:hover, input.cke_dialog_ui_input_password:hover,
  281. textarea.cke_dialog_ui_input_textarea:hover {
  282. border: 1px solid #aeb3b9;
  283. border-top-color: #a0a6ad
  284. }
  285. input.cke_dialog_ui_input_text:focus, input.cke_dialog_ui_input_password:focus,
  286. textarea.cke_dialog_ui_input_textarea:focus, select.cke_dialog_ui_input_select:focus
  287. {
  288. outline: 0;
  289. border: 1px solid #139ff7;
  290. border-top-color: #1392e9
  291. }
  292. a.cke_dialog_ui_button {
  293. display: inline-block;
  294. *display: inline;
  295. *zoom: 1;
  296. padding: 4px 0;
  297. margin: 0;
  298. text-align: center;
  299. color: #333;
  300. vertical-align: middle;
  301. cursor: pointer;
  302. border: 1px solid #b6b6b6;
  303. border-bottom-color: #999;
  304. background: #F4F4F4;
  305. }
  306. span.cke_dialog_ui_button {
  307. padding: 0 10px
  308. }
  309. a.cke_dialog_ui_button:hover {
  310. border-color: #9e9e9e;
  311. background: #C8D2D2;
  312. }
  313. a.cke_dialog_ui_button:focus, a.cke_dialog_ui_button:active {
  314. border-color: #969696;
  315. outline: 0;
  316. }
  317. .cke_hc a.cke_dialog_ui_button:hover, .cke_hc a.cke_dialog_ui_button:focus,
  318. .cke_hc a.cke_dialog_ui_button:active {
  319. border: 3px solid;
  320. padding-top: 1px;
  321. padding-bottom: 1px
  322. }
  323. .cke_hc a.cke_dialog_ui_button:hover span, .cke_hc a.cke_dialog_ui_button:focus span,
  324. .cke_hc a.cke_dialog_ui_button:active span {
  325. padding-left: 10px;
  326. padding-right: 10px
  327. }
  328. .cke_dialog_footer_buttons a.cke_dialog_ui_button span {
  329. color: inherit;
  330. font-size: 12px;
  331. font-weight: bold;
  332. line-height: 18px;
  333. padding: 0 12px
  334. }
  335. a.cke_dialog_ui_button_ok {
  336. color: #4178be;
  337. border: 2px solid #4178be;
  338. background: #fff;
  339. }
  340. a.cke_dialog_ui_button_ok:hover {
  341. color: #fff;
  342. background: #4178be;
  343. border: 2px solid #4178be;
  344. }
  345. a.cke_dialog_ui_button_ok.cke_disabled {
  346. border: 2px solid #b3c9e5;
  347. background: #fff;
  348. color: #b3c9e5;
  349. }
  350. a.cke_dialog_ui_button_cancel {
  351. color: #6d7777;
  352. border: 2px solid #6d7777;
  353. background: #fff;
  354. }
  355. a.cke_dialog_ui_button_cancel:hover {
  356. color: #fff;
  357. background: #6d7777;
  358. border: 2px solid #6d7777;
  359. }
  360. a.cke_dialog_ui_button_cancel.cke_disabled {
  361. border: 2px solid #aeb8b8;
  362. background: #fff;
  363. color: #aeb8b8;
  364. }
  365. a.cke_dialog_ui_button_ok.cke_disabled span {
  366. color: #b3c9e5;
  367. }
  368. span.cke_dialog_ui_button {
  369. cursor: pointer
  370. }
  371. a.cke_dialog_ui_button_ok:focus, a.cke_dialog_ui_button_ok:active {
  372. border-color: #264a60;
  373. background: #264a60;
  374. color: #fff;
  375. }
  376. a.cke_dialog_ui_button_cancel:focus, a.cke_dialog_ui_button_cancel:active {
  377. border-color: #3c4646;
  378. background: #3c4646;
  379. color: #fff;
  380. }
  381. .cke_dialog_footer_buttons {
  382. display: inline-table;
  383. margin: 5px;
  384. width: auto;
  385. position: relative;
  386. vertical-align: middle
  387. }
  388. div.cke_dialog_ui_input_select {
  389. display: table
  390. }
  391. select.cke_dialog_ui_input_select {
  392. height: 25px;
  393. line-height: 25px;
  394. background-color: #fff;
  395. border: 1px solid #c9cccf;
  396. border-top-color: #aeb3b9;
  397. padding: 3px 3px 3px 6px;
  398. outline: 0;
  399. }
  400. .cke_dialog_ui_input_file {
  401. width: 100%;
  402. height: 25px
  403. }
  404. .cke_hc .cke_dialog_ui_labeled_content input:focus, .cke_hc .cke_dialog_ui_labeled_content select:focus,
  405. .cke_hc .cke_dialog_ui_labeled_content textarea:focus {
  406. outline: 1px dotted
  407. }
  408. .cke_dialog .cke_dark_background {
  409. background-color: #dedede
  410. }
  411. .cke_dialog .cke_light_background {
  412. background-color: #ebebeb
  413. }
  414. .cke_dialog .cke_centered {
  415. text-align: center
  416. }
  417. .cke_dialog a.cke_btn_reset {
  418. float: right;
  419. background: url(images/refresh.png) top left no-repeat;
  420. width: 16px;
  421. height: 16px;
  422. border: 1px none;
  423. font-size: 1px
  424. }
  425. .cke_hidpi .cke_dialog a.cke_btn_reset {
  426. background-size: 16px;
  427. background-image: url(images/hidpi/refresh.png)
  428. }
  429. .cke_rtl .cke_dialog a.cke_btn_reset {
  430. float: left
  431. }
  432. .cke_dialog a.cke_btn_locked, .cke_dialog a.cke_btn_unlocked {
  433. float: left;
  434. width: 16px;
  435. height: 16px;
  436. background-repeat: no-repeat;
  437. border: none 1px;
  438. font-size: 1px
  439. }
  440. .cke_dialog a.cke_btn_locked .cke_icon {
  441. display: none
  442. }
  443. .cke_rtl .cke_dialog a.cke_btn_locked, .cke_rtl .cke_dialog a.cke_btn_unlocked
  444. {
  445. float: right
  446. }
  447. .cke_dialog a.cke_btn_locked {
  448. background-image: url(images/lock.png)
  449. }
  450. .cke_dialog a.cke_btn_unlocked {
  451. background-image: url(images/lock-open.png)
  452. }
  453. .cke_hidpi .cke_dialog a.cke_btn_unlocked, .cke_hidpi .cke_dialog a.cke_btn_locked
  454. {
  455. background-size: 16px
  456. }
  457. .cke_hidpi .cke_dialog a.cke_btn_locked {
  458. background-image: url(images/hidpi/lock.png)
  459. }
  460. .cke_hidpi .cke_dialog a.cke_btn_unlocked {
  461. background-image: url(images/hidpi/lock-open.png)
  462. }
  463. .cke_dialog .cke_btn_over {
  464. border: outset 1px;
  465. cursor: pointer
  466. }
  467. .cke_dialog .ImagePreviewBox {
  468. border: 2px ridge black;
  469. overflow: scroll;
  470. height: 200px;
  471. width: 300px;
  472. padding: 2px;
  473. background-color: white
  474. }
  475. .cke_dialog .ImagePreviewBox table td {
  476. white-space: normal
  477. }
  478. .cke_dialog .ImagePreviewLoader {
  479. position: absolute;
  480. white-space: normal;
  481. overflow: hidden;
  482. height: 160px;
  483. width: 230px;
  484. margin: 2px;
  485. padding: 2px;
  486. opacity: .9;
  487. filter: alpha(opacity = 90);
  488. background-color: #e4e4e4
  489. }
  490. .cke_dialog .FlashPreviewBox {
  491. white-space: normal;
  492. border: 2px ridge black;
  493. overflow: auto;
  494. height: 160px;
  495. width: 390px;
  496. padding: 2px;
  497. background-color: white
  498. }
  499. .cke_dialog .cke_pastetext {
  500. width: 346px;
  501. height: 170px
  502. }
  503. .cke_dialog .cke_pastetext textarea {
  504. width: 340px;
  505. height: 170px;
  506. resize: none
  507. }
  508. .cke_dialog iframe.cke_pasteframe {
  509. width: 346px;
  510. height: 130px;
  511. background-color: white;
  512. border: 1px solid #aeb3b9;
  513. }
  514. .cke_dialog .cke_hand {
  515. cursor: pointer
  516. }
  517. .cke_disabled {
  518. color: #a0a0a0
  519. }
  520. .cke_dialog_body .cke_label {
  521. display: none
  522. }
  523. .cke_dialog_body label {
  524. display: inline;
  525. margin-bottom: auto;
  526. cursor: default
  527. }
  528. .cke_dialog_body label.cke_required {
  529. font-weight: bold
  530. }
  531. a.cke_smile {
  532. overflow: hidden;
  533. display: block;
  534. text-align: center;
  535. padding: .3em 0
  536. }
  537. a.cke_smile img {
  538. vertical-align: middle
  539. }
  540. a.cke_specialchar {
  541. cursor: inherit;
  542. display: block;
  543. height: 1.25em;
  544. padding: .2em .3em;
  545. text-align: center
  546. }
  547. a.cke_smile, a.cke_specialchar {
  548. border: 1px solid transparent
  549. }
  550. a.cke_smile:hover, a.cke_smile:focus, a.cke_smile:active, a.cke_specialchar:hover,
  551. a.cke_specialchar:focus, a.cke_specialchar:active {
  552. background: #fff;
  553. outline: 0
  554. }
  555. a.cke_smile:hover, a.cke_specialchar:hover {
  556. border-color: #888
  557. }
  558. a.cke_smile:focus, a.cke_smile:active, a.cke_specialchar:focus, a.cke_specialchar:active {
  559. border-color: #139ff7
  560. }
  561. .cke_dialog_contents a.colorChooser {
  562. display: block;
  563. margin-top: 6px;
  564. margin-left: 10px;
  565. width: 80px
  566. }
  567. .cke_rtl .cke_dialog_contents a.colorChooser {
  568. margin-right: 10px
  569. }
  570. .cke_dialog_ui_checkbox_input:focus, .cke_dialog_ui_radio_input:focus,
  571. .cke_btn_over {
  572. outline: 1px dotted #696969
  573. }
  574. .cke_iframe_shim {
  575. display: block;
  576. position: absolute;
  577. top: 0;
  578. left: 0;
  579. z-index: -1;
  580. filter: alpha(opacity = 0);
  581. width: 100%;
  582. height: 100%
  583. }