dialog.css 11KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578
  1. /*
  2. Created by ThemePixels - Mienard Lumaad.
  3. http://themepixels.com/
  4. */
  5. .cke_dialog {
  6. visibility:visible;
  7. line-height: 21px;
  8. -moz-box-shadow: 7px 7px 0 rgba(12,12,12,0.4);
  9. -webkit-box-shadow: 7px 7px 0 rgba(12,12,12,0.4);
  10. box-shadow: 7px 7px 0 rgba(12,12,12,0.4);
  11. }
  12. .cke_dialog_body {
  13. z-index:100;
  14. background:#fcfcfc;
  15. border:0;
  16. border-bottom-color:#ccc;
  17. -moz-border-radius:2px;
  18. -webkit-border-radius:2px;
  19. border-radius:2px;
  20. }
  21. .cke_browser_gecko19 .cke_dialog_body {
  22. position:relative;
  23. }
  24. .cke_dialog_title {
  25. font-weight:700;
  26. cursor:move;
  27. position:relative;
  28. color:#474747;
  29. border-bottom:1px solid #ccc;
  30. -moz-border-radius:2px 2px 0 0;
  31. -webkit-border-radius:2px 2px 0 0;
  32. border-radius:2px 2px 0 0;
  33. background:#fff;
  34. padding:15px;
  35. }
  36. .cke_dialog_contents {
  37. overflow:auto;
  38. margin-top:47px;
  39. border-top:1px solid #ccc;
  40. -moz-border-radius:0 0 2px 2px;
  41. -webkit-border-radius:0 0 2px 2px;
  42. border-radius:0 0 2px 2px;
  43. padding:15px 10px 5px;
  44. background: #fff;
  45. }
  46. .cke_dialog_contents_body {
  47. overflow:auto;
  48. margin-top:22px;
  49. padding: 15px;
  50. }
  51. .cke_dialog_footer {
  52. text-align:right;
  53. position:relative;
  54. border:0;
  55. border-top: 1px solid #ddd;
  56. -moz-border-radius:0 0 2px 2px;
  57. -webkit-border-radius:0 0 2px 2px;
  58. border-radius:0 0 2px 2px;
  59. background:#fff;
  60. }
  61. .cke_rtl .cke_dialog_footer {
  62. text-align:left;
  63. }
  64. .cke_hc .cke_dialog_footer {
  65. outline:0;
  66. border-top:1px solid #fff;
  67. }
  68. .cke_dialog .cke_resizer {
  69. margin-top:32px;
  70. }
  71. .cke_dialog .cke_resizer_rtl {
  72. margin-left:5px;
  73. }
  74. .cke_dialog .cke_resizer_ltr {
  75. margin-right:5px;
  76. }
  77. .cke_dialog_tabs {
  78. height:24px;
  79. display:inline-block;
  80. position:absolute;
  81. z-index:2;
  82. left:10px;
  83. margin: 10px 0 0;
  84. }
  85. .cke_rtl .cke_dialog_tabs {
  86. right:10px;
  87. }
  88. a.cke_dialog_tab {
  89. height:16px;
  90. margin-right:3px;
  91. display:inline-block;
  92. cursor:pointer;
  93. line-height:16px;
  94. outline:0;
  95. color:#595959;
  96. border:1px solid #bfbfbf;
  97. -moz-border-radius:2px 2px 0 0;
  98. -webkit-border-radius:2px 2px 0 0;
  99. border-radius:2px 2px 0 0;
  100. background:#e4e7ea;
  101. padding: 10px 15px;
  102. }
  103. .cke_rtl a.cke_dialog_tab {
  104. margin-right:0;
  105. margin-left:3px;
  106. }
  107. a.cke_dialog_tab:hover {
  108. text-decoration: none;
  109. }
  110. a.cke_dialog_tab_selected {
  111. background:#fff;
  112. color:#383838;
  113. border-bottom-color:#fff;
  114. cursor:default;
  115. filter:none;
  116. text-decoration: none;
  117. }
  118. a.cke_dialog_tab_selected:hover {
  119. text-decoration: none;
  120. }
  121. .cke_hc a.cke_dialog_tab:hover,.cke_hc a.cke_dialog_tab_selected {
  122. border:3px solid;
  123. padding:2px 6px;
  124. }
  125. a.cke_dialog_tab_disabled {
  126. color:#bababa;
  127. cursor:default;
  128. }
  129. .cke_single_page .cke_dialog_contents {
  130. padding-top:5px;
  131. margin-top:0;
  132. border-top:0;
  133. }
  134. .cke_dialog_close_button {
  135. background-image:url(images/close.png);
  136. background-repeat:no-repeat;
  137. background-position:0 0;
  138. position:absolute;
  139. cursor:pointer;
  140. text-align:center;
  141. height:20px;
  142. width:20px;
  143. z-index:5;
  144. top:17px;
  145. }
  146. .cke_hidpi .cke_dialog_close_button {
  147. background-image:url(images/hidpi/close.png);
  148. background-size:16px;
  149. }
  150. .cke_hc .cke_dialog_close_button span {
  151. display:inline;
  152. cursor:pointer;
  153. font-weight:700;
  154. position:relative;
  155. top:3px;
  156. }
  157. .cke_ltr .cke_dialog_close_button {
  158. right:10px;
  159. }
  160. .cke_rtl .cke_dialog_close_button {
  161. left:6px;
  162. }
  163. div.cke_disabled .cke_dialog_ui_labeled_content div * {
  164. background-color:#ddd;
  165. cursor:default;
  166. }
  167. .cke_dialog_ui_vbox table,.cke_dialog_ui_hbox table {
  168. margin:auto;
  169. }
  170. .cke_dialog_ui_vbox_child {
  171. padding:5px 0;
  172. }
  173. .cke_dialog_ui_hbox {
  174. width:100%;
  175. }
  176. .cke_dialog_ui_hbox_first,.cke_dialog_ui_hbox_child,.cke_dialog_ui_hbox_last {
  177. vertical-align:top;
  178. }
  179. .cke_ltr .cke_dialog_ui_hbox_first,.cke_ltr .cke_dialog_ui_hbox_child {
  180. padding-right:10px;
  181. }
  182. .cke_rtl .cke_dialog_ui_hbox_first,.cke_rtl .cke_dialog_ui_hbox_child {
  183. padding-left:10px;
  184. }
  185. .cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,.cke_ltr .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child {
  186. padding-right:5px;
  187. }
  188. .cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_first,.cke_rtl .cke_dialog_footer_buttons .cke_dialog_ui_hbox_child {
  189. padding-left:5px;
  190. padding-right:0;
  191. }
  192. .cke_hc div.cke_dialog_ui_input_text,.cke_hc div.cke_dialog_ui_input_password,.cke_hc div.cke_dialog_ui_input_textarea,.cke_hc div.cke_dialog_ui_input_select,.cke_hc div.cke_dialog_ui_input_file {
  193. border:1px solid;
  194. }
  195. textarea.cke_dialog_ui_input_textarea {
  196. overflow:auto;
  197. resize:none;
  198. }
  199. input.cke_dialog_ui_input_text,input.cke_dialog_ui_input_password,textarea.cke_dialog_ui_input_textarea {
  200. background-color:#fff;
  201. border:1px solid #ccc;
  202. outline:0;
  203. width:95%;
  204. -moz-box-sizing:border-box;
  205. -webkit-box-sizing:border-box;
  206. box-sizing:border-box;
  207. -moz-border-radius:2px;
  208. -webkit-border-radius:2px;
  209. border-radius:2px;
  210. padding: 6px 10px;
  211. }
  212. input.cke_dialog_ui_input_text:hover,input.cke_dialog_ui_input_password:hover,textarea.cke_dialog_ui_input_textarea:hover {
  213. border:1px solid #aeb3b9;
  214. border-top-color:#a0a6ad;
  215. }
  216. input.cke_dialog_ui_input_text:focus,input.cke_dialog_ui_input_password:focus,textarea.cke_dialog_ui_input_textarea:focus,select.cke_dialog_ui_input_select:focus {
  217. outline:0;
  218. border:1px solid #999;
  219. }
  220. a.cke_dialog_ui_button {
  221. display:inline-block;
  222. zoom:1;
  223. text-align:center;
  224. color:#333;
  225. vertical-align:middle;
  226. cursor:pointer;
  227. border:1px solid #ccc;
  228. -moz-border-radius:2px;
  229. -webkit-border-radius:2px;
  230. border-radius:2px;
  231. background:#e4e4e4;
  232. margin:0;
  233. padding: 5px 10px;
  234. -moz-box-sizing: border-box;
  235. -webkit-box-sizing: border-box;
  236. box-sizing: border-box;
  237. }
  238. span.cke_dialog_ui_button {
  239. cursor:pointer;
  240. padding:0 12px;
  241. }
  242. a.cke_dialog_ui_button:hover {
  243. background:#f7f7f7;
  244. text-decoration: none;
  245. }
  246. a.cke_dialog_ui_button:focus,a.cke_dialog_ui_button:active {
  247. outline:0;
  248. background: #fff;
  249. text-decoration: none;
  250. }
  251. .cke_hc a.cke_dialog_ui_button:hover,.cke_hc a.cke_dialog_ui_button:focus,.cke_hc a.cke_dialog_ui_button:active {
  252. border:3px solid;
  253. padding-top:1px;
  254. padding-bottom:1px;
  255. }
  256. .cke_hc a.cke_dialog_ui_button:hover span,.cke_hc a.cke_dialog_ui_button:focus span,.cke_hc a.cke_dialog_ui_button:active span {
  257. padding-left:10px;
  258. padding-right:10px;
  259. }
  260. .cke_dialog_footer_buttons a.cke_dialog_ui_button span {
  261. color:inherit;
  262. font-size:12px;
  263. font-weight:700;
  264. line-height:20px;
  265. }
  266. a.cke_dialog_ui_button_ok {
  267. color:#fff;
  268. text-shadow:0 -1px 0 #55830c;
  269. background:#5CB85C;
  270. border-color:#4CAE4C;
  271. }
  272. a.cke_dialog_ui_button_ok:hover {
  273. background:#47A447;
  274. border-color: #398439;
  275. }
  276. a.cke_dialog_ui_button span {
  277. text-shadow:0 1px 0 #fff;
  278. }
  279. a.cke_dialog_ui_button_ok span {
  280. text-shadow:0 -1px 0 #55830c;
  281. }
  282. a.cke_dialog_ui_button_ok:focus,a.cke_dialog_ui_button_ok:active {
  283. border-color:#568c0a;
  284. }
  285. .cke_dialog_footer_buttons {
  286. display:inline-table;
  287. width:auto;
  288. position:relative;
  289. vertical-align:middle;
  290. margin: 8px;
  291. }
  292. div.cke_dialog_ui_input_select {
  293. display:table;
  294. }
  295. select.cke_dialog_ui_input_select {
  296. background-color:#fff;
  297. border:1px solid #ccc;
  298. outline:0;
  299. -moz-border-radius:2px;
  300. -webkit-border-radius:2px;
  301. border-radius:2px;
  302. padding: 5px 10px;
  303. }
  304. .cke_dialog_ui_input_file {
  305. width:100%;
  306. height:25px;
  307. }
  308. .cke_hc .cke_dialog_ui_labeled_content input:focus,.cke_hc .cke_dialog_ui_labeled_content select:focus,.cke_hc .cke_dialog_ui_labeled_content textarea:focus {
  309. outline:1px dotted;
  310. }
  311. .cke_dialog .cke_dark_background {
  312. background-color:#dedede;
  313. }
  314. .cke_dialog .cke_light_background {
  315. background-color:#ebebeb;
  316. }
  317. .cke_dialog .cke_centered {
  318. text-align:center;
  319. }
  320. .cke_dialog a.cke_btn_reset {
  321. float:right;
  322. background:url(images/refresh.png) top left no-repeat;
  323. width:16px;
  324. height:16px;
  325. border:1px none;
  326. font-size:1px;
  327. }
  328. .cke_hidpi .cke_dialog a.cke_btn_reset {
  329. background-size:16px;
  330. background-image:url(images/hidpi/refresh.png);
  331. }
  332. .cke_rtl .cke_dialog a.cke_btn_reset {
  333. float:left;
  334. }
  335. .cke_dialog a.cke_btn_locked,.cke_dialog a.cke_btn_unlocked {
  336. float:left;
  337. width:16px;
  338. height:16px;
  339. background-repeat:no-repeat;
  340. border:none 1px;
  341. font-size:1px;
  342. }
  343. .cke_rtl .cke_dialog a.cke_btn_locked,.cke_rtl .cke_dialog a.cke_btn_unlocked {
  344. float:right;
  345. }
  346. .cke_dialog a.cke_btn_locked {
  347. background-image:url(images/lock.png);
  348. }
  349. .cke_dialog a.cke_btn_unlocked {
  350. background-image:url(images/lock-open.png);
  351. }
  352. .cke_hidpi .cke_dialog a.cke_btn_unlocked,.cke_hidpi .cke_dialog a.cke_btn_locked {
  353. background-size:16px;
  354. }
  355. .cke_hidpi .cke_dialog a.cke_btn_locked {
  356. background-image:url(images/hidpi/lock.png);
  357. }
  358. .cke_hidpi .cke_dialog a.cke_btn_unlocked {
  359. background-image:url(images/hidpi/lock-open.png);
  360. }
  361. .cke_dialog .cke_btn_over {
  362. border:outset 1px;
  363. cursor:pointer;
  364. }
  365. .cke_dialog .ImagePreviewBox {
  366. border:1px solid #ccc;
  367. overflow:scroll;
  368. height:200px;
  369. width:300px;
  370. background-color:#FFF;
  371. padding:2px;
  372. }
  373. .cke_dialog .ImagePreviewBox table td {
  374. white-space:normal;
  375. }
  376. .cke_dialog .ImagePreviewLoader {
  377. position:absolute;
  378. white-space:normal;
  379. overflow:hidden;
  380. height:160px;
  381. width:230px;
  382. opacity:.9;
  383. filter:alpha(opacity=90);
  384. background-color:#e4e4e4;
  385. margin:2px;
  386. padding:2px;
  387. }
  388. .cke_dialog .FlashPreviewBox {
  389. white-space:normal;
  390. border:2px ridge #000;
  391. overflow:auto;
  392. height:160px;
  393. width:390px;
  394. background-color:#FFF;
  395. padding:2px;
  396. }
  397. .cke_dialog .cke_pastetext {
  398. width:346px;
  399. height:170px;
  400. }
  401. .cke_dialog .cke_pastetext textarea {
  402. width:340px;
  403. height:170px;
  404. resize:none;
  405. }
  406. .cke_dialog iframe.cke_pasteframe {
  407. width:346px;
  408. height:130px;
  409. background-color:#FFF;
  410. border:1px solid #ccc;
  411. -moz-border-radius:2px;
  412. -webkit-border-radius:2px;
  413. border-radius:2px;
  414. font-family: sans-serif;
  415. }
  416. .cke_dialog .cke_hand {
  417. cursor:pointer;
  418. }
  419. .cke_disabled {
  420. color:#a0a0a0;
  421. }
  422. .cke_dialog_body label {
  423. display:inline;
  424. margin-bottom:auto;
  425. cursor:default;
  426. }
  427. a.cke_smile {
  428. overflow:hidden;
  429. display:block;
  430. text-align:center;
  431. padding:.3em 0;
  432. }
  433. a.cke_smile img {
  434. vertical-align:middle;
  435. }
  436. a.cke_specialchar {
  437. cursor:inherit;
  438. display:block;
  439. height:1.25em;
  440. text-align:center;
  441. padding:.2em .3em;
  442. }
  443. a.cke_smile,a.cke_specialchar {
  444. border:1px solid transparent;
  445. }
  446. a.cke_smile:hover,a.cke_smile:focus,a.cke_smile:active,a.cke_specialchar:hover,a.cke_specialchar:focus,a.cke_specialchar:active {
  447. background:#fff;
  448. outline:0;
  449. }
  450. a.cke_smile:hover,a.cke_specialchar:hover {
  451. border-color:#888;
  452. }
  453. a.cke_smile:focus,a.cke_smile:active,a.cke_specialchar:focus,a.cke_specialchar:active {
  454. border-color:#139ff7;
  455. }
  456. .cke_dialog_contents a.colorChooser {
  457. display:block;
  458. margin-top:6px;
  459. margin-left:10px;
  460. width:80px;
  461. }
  462. .cke_rtl .cke_dialog_contents a.colorChooser {
  463. margin-right:10px;
  464. }
  465. .cke_dialog_ui_checkbox_input:focus,.cke_dialog_ui_radio_input:focus,.cke_btn_over {
  466. outline:1px dotted #696969;
  467. }
  468. .cke_iframe_shim {
  469. display:block;
  470. position:absolute;
  471. top:0;
  472. left:0;
  473. z-index:-1;
  474. filter:alpha(opacity=0);
  475. width:100%;
  476. height:100%;
  477. }
  478. .cke_dialog strong,.cke_dialog_body label.cke_required {
  479. font-family: 'LatoBold', sans-serif;
  480. }
  481. .cke_single_page .cke_dialog_tabs,.cke_dialog_close_button span,.cke_dialog a.cke_btn_locked .cke_icon,.cke_dialog_body .cke_label {
  482. display:none;
  483. }