ckeditor-editor.css

Same filename in other branches
  1. 9 core/themes/claro/css/theme/ckeditor-editor.css

CKEditor appearance overrides.

File

core/themes/claro/css/theme/ckeditor-editor.css

View source
  1. /*
  2. * DO NOT EDIT THIS FILE.
  3. * See the following change record for more information,
  4. * https://www.drupal.org/node/2815083
  5. * @preserve
  6. */
  7. /**
  8. * @file
  9. * CKEditor appearance overrides.
  10. */
  11. :root { /* 1px */
  12. /* Inner border size must be based on chrome border size. */ /* 1px */
  13. /* Inner border radius must be based on chrome border radius and size. */
  14. }
  15. .cke.cke_chrome {
  16. border-width: 1px;
  17. border-radius: 2px;
  18. }
  19. .cke .cke_inner {
  20. border-radius: 1px;
  21. }
  22. .cke_path_empty:only-child::after {
  23. position: absolute;
  24. top: 0;
  25. right: 0;
  26. bottom: 0;
  27. left: 0;
  28. content: "";
  29. background: #fff;
  30. }
  31. .cke .cke_top {
  32. border: 1px solid transparent;
  33. border-bottom: 0;
  34. border-radius: 1px 1px 0 0;
  35. }
  36. .cke .cke_contents {
  37. border: 1px solid transparent;
  38. border-top: 0;
  39. border-bottom: 0;
  40. }
  41. .cke .cke_bottom {
  42. border: 1px solid transparent;
  43. border-top: 0;
  44. border-radius: 0 0 1px 1px;
  45. }
  46. /* Default */
  47. .cke.cke_chrome {
  48. border-color: #8e929c;
  49. }
  50. /* Hover. */
  51. .cke.cke_chrome:hover,
  52. .cke:hover .cke_contents,
  53. .cke:hover .cke_top,
  54. .cke:hover .cke_bottom {
  55. border-color: #222330;
  56. }
  57. /* Focus. */
  58. .cke.cke_chrome.cke_focus {
  59. outline: 2px dotted transparent;
  60. box-shadow: 0 0 0 2px #fff, 0 0 0 5px #26a769;
  61. }
  62. /* Error. */
  63. .error + .cke.cke_chrome,
  64. .error + .cke .cke_contents,
  65. .error + .cke .cke_top,
  66. .error + .cke .cke_bottom {
  67. border-color: #d72222;
  68. }
  69. /* Disabled. */
  70. [disabled] + .cke.cke_chrome {
  71. border-color: #bababf;
  72. }
  73. [disabled] + .cke .cke_contents,
  74. [disabled] + .cke .cke_top,
  75. [disabled] + .cke .cke_bottom {
  76. border-color: transparent;
  77. }
  78. [disabled] + .cke .cke_contents {
  79. border-color: #f2f2f3;
  80. background: hsl(240, 4%, 90%); /* Calculated from disabled input bg and iframe opacity. */
  81. }
  82. [disabled] + .cke iframe,
  83. [disabled] + .cke .cke_source {
  84. opacity: 0.505;
  85. }
  86. [disabled] + .cke .cke_bottom {
  87. background: #f2f2f3;
  88. }
  89. [disabled] + .cke .cke_bottom > * {
  90. /* Don't show element path dor disabled editor. */
  91. opacity: 0;
  92. }
  93. [disabled] + .cke .cke_path_empty::after {
  94. content: none;
  95. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.