htmlembed.css 1.2 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455
  1. /*
  2. * Copyright (c) 2003-2020, CKSource - Frederico Knabben. All rights reserved.
  3. * For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. /* Widget container. */
  6. .ck-editor__editable .raw-html {
  7. position: relative;
  8. margin-top: 1em;
  9. margin-bottom: 1em;
  10. }
  11. /* Switch mode button. */
  12. .ck-editor__editable .raw-html .raw-html__switch-mode {
  13. position: absolute;
  14. top: 0;
  15. right: 0;
  16. width: 5em;
  17. height: 5em;
  18. cursor: pointer;
  19. }
  20. /* Edit source element. */
  21. .ck-editor__editable .raw-html textarea {
  22. width: 30em;
  23. height: 5em;
  24. resize: none;
  25. }
  26. /* Edit source mode is enabled. */
  27. .ck-editor__editable .raw-html.raw-html--edit-source textarea {
  28. display: block;
  29. }
  30. .ck-editor__editable .raw-html .raw-html__preview {
  31. min-height: 5em;
  32. min-width: 30em;
  33. }
  34. /* Edit source mode is enabled. */
  35. .ck-editor__editable .raw-html.raw-html--edit-source .raw-html__preview {
  36. display: none;
  37. }
  38. /* Preview mode is enabled. */
  39. .ck-editor__editable .raw-html:not(.raw-html--edit-source) textarea {
  40. display: none;
  41. }
  42. .ck-editor__editable .raw-html__preview-placeholder {
  43. height: 5em;
  44. background-color: hsl(0, 0%, 50%);
  45. text-align: center;
  46. line-height: 5em;
  47. }