contents.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172
  1. body
  2. {
  3. font-family: sans-serif, Arial, Verdana, "Trebuchet MS", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  4. font-size: 12px;
  5. color: #333;
  6. background-color: #fff;
  7. margin: 20px;
  8. }
  9. .cke_editable
  10. {
  11. font-size: 13px;
  12. line-height: 1.6;
  13. word-wrap: break-word;
  14. }
  15. blockquote
  16. {
  17. font-style: italic;
  18. font-family: Georgia, Times, "Times New Roman", serif;
  19. padding: 2px 0;
  20. border-style: solid;
  21. border-color: #ccc;
  22. border-width: 0;
  23. }
  24. .cke_contents_ltr blockquote
  25. {
  26. padding-left: 20px;
  27. padding-right: 8px;
  28. border-left-width: 5px;
  29. }
  30. .cke_contents_rtl blockquote
  31. {
  32. padding-left: 8px;
  33. padding-right: 20px;
  34. border-right-width: 5px;
  35. }
  36. a
  37. {
  38. color: #0782C1;
  39. }
  40. ol,ul,dl
  41. {
  42. *margin-right: 0px;
  43. padding: 0 40px;
  44. }
  45. h1,h2,h3,h4,h5,h6
  46. {
  47. font-weight: normal;
  48. line-height: 1.2;
  49. }
  50. hr
  51. {
  52. border: 0px;
  53. border-top: 1px solid #ccc;
  54. }
  55. img.right
  56. {
  57. border: 1px solid #ccc;
  58. float: right;
  59. margin-left: 15px;
  60. padding: 5px;
  61. }
  62. img.left
  63. {
  64. border: 1px solid #ccc;
  65. float: left;
  66. margin-right: 15px;
  67. padding: 5px;
  68. }
  69. pre
  70. {
  71. white-space: pre-wrap;
  72. word-wrap: break-word;
  73. -moz-tab-size: 4;
  74. tab-size: 4;
  75. }
  76. .marker
  77. {
  78. background-color: Yellow;
  79. }
  80. span[lang]
  81. {
  82. font-style: italic;
  83. }
  84. figure
  85. {
  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. {
  95. text-align: center;
  96. display: block;
  97. }
  98. a > img {
  99. padding: 1px;
  100. margin: 1px;
  101. border: none;
  102. outline: 1px solid #0782C1;
  103. }
  104. .code-featured
  105. {
  106. border: 5px solid red;
  107. }
  108. .math-featured
  109. {
  110. padding: 20px;
  111. box-shadow: 0 0 2px rgba(200, 0, 0, 1);
  112. background-color: rgba(255, 0, 0, 0.05);
  113. margin: 10px;
  114. }
  115. .image-clean
  116. {
  117. border: 0;
  118. background: none;
  119. padding: 0;
  120. }
  121. .image-clean > figcaption
  122. {
  123. font-size: .9em;
  124. text-align: right;
  125. }
  126. .image-grayscale
  127. {
  128. background-color: white;
  129. color: #666;
  130. }
  131. .image-grayscale img, img.image-grayscale
  132. {
  133. filter: grayscale(100%);
  134. }
  135. .embed-240p
  136. {
  137. max-width: 426px;
  138. max-height: 240px;
  139. margin:0 auto;
  140. }
  141. .embed-360p
  142. {
  143. max-width: 640px;
  144. max-height: 360px;
  145. margin:0 auto;
  146. }
  147. .embed-480p
  148. {
  149. max-width: 854px;
  150. max-height: 480px;
  151. margin:0 auto;
  152. }
  153. .embed-720p
  154. {
  155. max-width: 1280px;
  156. max-height: 720px;
  157. margin:0 auto;
  158. }
  159. .embed-1080p
  160. {
  161. max-width: 1920px;
  162. max-height: 1080px;
  163. margin:0 auto;
  164. }