editor-style.css 3.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242
  1. .mceContentBody {
  2. color: #666;
  3. font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
  4. font-size: 16px;
  5. font-weight: 300;
  6. line-height: 1.5;
  7. width: 700px;
  8. }
  9. /* Headings */
  10. h1,h2,h3,h4,h5,h6 {
  11. clear: both;
  12. font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
  13. font-style: italic;
  14. font-weight: normal;
  15. margin: 1em 0;
  16. }
  17. h1 {
  18. font-size: 32px;
  19. line-height: 1em;
  20. }
  21. h2 {
  22. font-size: 28px;
  23. }
  24. h3 {
  25. font-size: 24px;
  26. }
  27. h4 {
  28. font-size: 20px;
  29. }
  30. h5 {
  31. font-family: Quicksand, Arial, Helvetica, sans-serif;
  32. -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
  33. font-size: 16px;
  34. font-style: normal;
  35. text-transform: uppercase;
  36. }
  37. h6 {
  38. font-family: Quicksand, Arial, Helvetica, sans-serif;
  39. -webkit-text-stroke: .35px; /* Hack to fix thin text in Windows */
  40. font-size: 12px;
  41. font-style: normal;
  42. text-transform: uppercase;
  43. }
  44. hr {
  45. background-color: #ccc;
  46. border: 0;
  47. height: 1px;
  48. margin-bottom: 1.5em;
  49. }
  50. /* Text elements */
  51. ::selection {
  52. background-color: #444;
  53. color: #fff;
  54. }
  55. p {
  56. margin-bottom: 1.5em;
  57. }
  58. ul, ol {
  59. margin: 0 0 1.5em 2em;
  60. }
  61. ul {
  62. list-style: none;
  63. }
  64. ul li:before {
  65. content: "\02022";
  66. font-size: 14px;
  67. margin: 0 0 0 -1.5em;
  68. padding: 0 1em 0 0;
  69. }
  70. ul ul li:before {
  71. content: "\00B0";
  72. }
  73. ul ul ul li:before {
  74. content: "\25C7";
  75. font-size: 10px;
  76. font-size: 1rem;
  77. }
  78. ol {
  79. list-style: decimal;
  80. }
  81. ol ol {
  82. list-style: lower-alpha;
  83. }
  84. ol ol ol {
  85. list-style: lower-roman;
  86. }
  87. ul ul, ol ol, ul ol, ol ul {
  88. margin-bottom: 0;
  89. margin-left: 1.5em;
  90. }
  91. dt {
  92. font-weight: bold;
  93. }
  94. dd {
  95. margin: 0 1.5em 1.5em;
  96. }
  97. b, strong {
  98. font-weight: bold;
  99. }
  100. dfn, cite, em, i {
  101. font-style: italic;
  102. }
  103. cite {
  104. font-size: 12px;
  105. font-style: normal;
  106. text-transform: uppercase;
  107. }
  108. blockquote {
  109. border-top: 1px solid #eee;
  110. border-bottom: 1px solid #eee;
  111. font-family: Baskerville, "Playfair Display", "Times New Roman", serif;
  112. font-size: 24px;
  113. font-style: italic;
  114. margin: 1.5em 0;
  115. padding: 1em 1.5em;
  116. }
  117. blockquote p {
  118. margin: 0;
  119. }
  120. blockquote cite {
  121. clear: both;
  122. float: right;
  123. font-size: 12px;
  124. font-style: normal;
  125. text-transform: uppercase;
  126. }
  127. address {
  128. font-style: italic;
  129. margin: 0 0 1.5em;
  130. }
  131. pre {
  132. background: #fafafa;
  133. border: 1px dashed #eee;
  134. font-family: "Courier 10 Pitch", Courier, monospace;
  135. font-size: 14px;
  136. line-height: 1.6;
  137. margin-bottom: 1.6em;
  138. padding: 1.6em;
  139. overflow: auto;
  140. max-width: 100%;
  141. }
  142. code, kbd, tt, var {
  143. background: #fafafa;
  144. border: 1px dashed #eee;
  145. font: 14px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
  146. }
  147. abbr, acronym {
  148. border-bottom: 1px dotted #666;
  149. cursor: help;
  150. }
  151. mark, ins {
  152. background: #aee6f8;
  153. text-decoration: none;
  154. }
  155. sup,
  156. sub {
  157. font-size: 75%;
  158. height: 0;
  159. line-height: 0;
  160. position: relative;
  161. vertical-align: baseline;
  162. }
  163. sup {
  164. bottom: 1ex;
  165. }
  166. sub {
  167. top: .5ex;
  168. }
  169. small {
  170. font-size: 75%;
  171. }
  172. big {
  173. font-size: 125%;
  174. }
  175. figure {
  176. margin: 0;
  177. }
  178. table {
  179. border-collapse: collapse;
  180. font-size: 90%;
  181. margin: 0 0 1.5em;
  182. width: 100%;
  183. }
  184. td {
  185. border-bottom: 1px solid #eee;
  186. font-weight: normal;
  187. padding: 5px 10px;
  188. text-align: left;
  189. }
  190. th {
  191. border-bottom: 1px solid #eee;
  192. font-size: 16px;
  193. padding: 5px 10px;
  194. text-transform: uppercase;
  195. }
  196. tr:hover {
  197. background: rgba(0,0,0,.01);
  198. }
  199. /* Links */
  200. a {
  201. color: #333;
  202. text-decoration: none;
  203. transition: all .4s ease-in-out;
  204. -webkit-transition: all .4s ease-in-out;
  205. -moz-transition: all .4s ease-in-out;
  206. -o-transition: all .4s ease-in-out;
  207. }
  208. a:visited {
  209. color: #333;
  210. }
  211. a:hover,
  212. a:focus,
  213. a:active {
  214. color: #999;
  215. text-decoration: none;
  216. transition: all .4s ease-in-out;
  217. -webkit-transition: all .4s ease-in-out;
  218. -moz-transition: all .4s ease-in-out;
  219. -o-transition: all .4s ease-in-out;
  220. }
  221. /* Alignment */
  222. .alignleft {
  223. display: inline;
  224. float: left;
  225. margin-top: 1.5em;
  226. margin-right: 1.5em;
  227. margin-bottom: 1.5em;
  228. }
  229. .alignright {
  230. display: inline;
  231. float: right;
  232. margin-top: 1.5em;
  233. margin-left: 1.5em;
  234. margin-bottom: 1.5em;
  235. }
  236. .aligncenter {
  237. clear: both;
  238. display: block;
  239. margin: 1.5em auto;
  240. }