contents.css 3.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210
  1. /*
  2. Copyright (c) 2003-2019, CKSource - Frederico Knabben. All rights reserved.
  3. For licensing, see LICENSE.md or https://ckeditor.com/legal/ckeditor-oss-license
  4. */
  5. * {
  6. margin: 0;
  7. }
  8. body {
  9. /* Font */
  10. /* Emoji fonts are added to visualise them nicely in Internet Explorer. */
  11. font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  12. font-size: 12px;
  13. /* Text color */
  14. color: #333;
  15. /* Remove the background color to make it transparent. */
  16. background-color: #fff;
  17. margin: 20px;
  18. }
  19. .cke_editable {
  20. font-size: 13px;
  21. line-height: 1.6;
  22. /* Fix for missing scrollbars with RTL texts. (#10488) */
  23. word-wrap: break-word;
  24. }
  25. blockquote {
  26. font-style: italic;
  27. font-family: Georgia, Times, "Times New Roman", serif;
  28. padding: 5px 0;
  29. border-style: solid;
  30. border-color: #ccc;
  31. border-width: 0;
  32. }
  33. .cke_contents_ltr blockquote {
  34. padding-left: 8px;
  35. padding-right: 8px;
  36. border-left-width: 5px;
  37. margin-left: 0;
  38. }
  39. .cke_contents_rtl blockquote {
  40. padding-left: 8px;
  41. padding-right: 20px;
  42. border-right-width: 5px;
  43. }
  44. a {
  45. color: #0782C1;
  46. }
  47. ol, ul, dl {
  48. /* IE7: reset rtl list margin. (#7334) */
  49. margin-right: 0px;
  50. /* Preserved spaces for list items with text direction different than the list. (#6249,#8049)*/
  51. padding: 0 20px;
  52. }
  53. h1, h2, h3, h4, h5, h6 {
  54. font-weight: normal;
  55. line-height: 1.2;
  56. }
  57. hr {
  58. border: 0px;
  59. border-top: 1px solid #ccc;
  60. }
  61. img.right {
  62. border: 1px solid #ccc;
  63. float: right;
  64. margin-left: 15px;
  65. padding: 5px;
  66. }
  67. img.left {
  68. border: 1px solid #ccc;
  69. float: left;
  70. margin-right: 15px;
  71. padding: 5px;
  72. }
  73. pre {
  74. white-space: pre-wrap; /* CSS 2.1 */
  75. word-wrap: break-word; /* IE7 */
  76. -moz-tab-size: 4;
  77. tab-size: 4;
  78. }
  79. .marker {
  80. background-color: Yellow;
  81. }
  82. span[lang] {
  83. font-style: italic;
  84. }
  85. figure {
  86. text-align: center;
  87. outline: solid 1px #ccc;
  88. background: rgba(0, 0, 0, 0.05);
  89. padding: 10px;
  90. margin: 10px 20px;
  91. display: inline-block;
  92. }
  93. figure > figcaption {
  94. text-align: center;
  95. display: block; /* For IE8 */
  96. }
  97. a > img {
  98. padding: 1px;
  99. margin: 1px;
  100. border: none;
  101. outline: 1px solid #0782C1;
  102. }
  103. /* Widget Styles */
  104. .code-featured {
  105. border: 5px solid red;
  106. }
  107. .math-featured {
  108. padding: 20px;
  109. box-shadow: 0 0 2px rgba(200, 0, 0, 1);
  110. background-color: rgba(255, 0, 0, 0.05);
  111. margin: 10px;
  112. }
  113. .image-clean {
  114. border: 0;
  115. background: none;
  116. padding: 0;
  117. }
  118. .image-clean > figcaption {
  119. font-size: .9em;
  120. text-align: right;
  121. }
  122. .image-grayscale {
  123. background-color: white;
  124. color: #666;
  125. }
  126. .image-grayscale img, img.image-grayscale {
  127. filter: grayscale(100%);
  128. }
  129. .embed-240p {
  130. max-width: 426px;
  131. max-height: 240px;
  132. margin: 0 auto;
  133. }
  134. .embed-360p {
  135. max-width: 640px;
  136. max-height: 360px;
  137. margin: 0 auto;
  138. }
  139. .embed-480p {
  140. max-width: 854px;
  141. max-height: 480px;
  142. margin: 0 auto;
  143. }
  144. .embed-720p {
  145. max-width: 1280px;
  146. max-height: 720px;
  147. margin: 0 auto;
  148. }
  149. .embed-1080p {
  150. max-width: 1920px;
  151. max-height: 1080px;
  152. margin: 0 auto;
  153. }
  154. .smiley {
  155. vertical-align: bottom;
  156. }
  157. .smiley + * {
  158. vertical-align: bottom;
  159. }
  160. table {
  161. border: none;
  162. border-collapse: collapse;
  163. width: 100%;
  164. }
  165. table td, table th {
  166. color: #333;
  167. padding: 9px 15px;
  168. word-break: break-all;
  169. border: 1px solid #B3B3B3;
  170. }
  171. table th {
  172. background-color: #f6f6f6;
  173. }