hemingway-editor-style.css 2.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126
  1. /*---------------------------------------------------------------------------------
  2. Editor styles for Hemingway
  3. ---------------------------------------------------------------------------------*/
  4. body#tinymce.wp-editor {
  5. font-family: 'Lato', Helvetica, sans-serif;
  6. font-size: 16px;
  7. }
  8. body#tinymce.wp-editor a { color: #1abc9c; }
  9. body#tinymce.wp-editor a:hover { color: #1abc9c; text-decoration: underline; }
  10. /* headlines */
  11. body#tinymce.wp-editor h1, body#tinymce.wp-editor h2, body#tinymce.wp-editor h3, body#tinymce.wp-editor h4, body#tinymce.wp-editor h5, body#tinymce.wp-editor h6 {
  12. color: #444;
  13. line-height: 120%;
  14. }
  15. body#tinymce.wp-editor h1 { font-size: 2em; font-weight: 700; }
  16. body#tinymce.wp-editor h2 { font-size: 1.75em; font-weight: 700; }
  17. body#tinymce.wp-editor h3 { font-size: 1.5em; font-weight: 700; }
  18. body#tinymce.wp-editor h4 { font-size: 1.25em; }
  19. body#tinymce.wp-editor h5 { font-size: 1.1em; }
  20. /* blockquote */
  21. body#tinymce.wp-editor blockquote {
  22. padding: 1.1em;
  23. line-height: 150%;
  24. color: #666;
  25. background: #EEE;
  26. font-family: 'Raleway', 'Helvetica Neue', sans-serif;
  27. }
  28. body#tinymce.wp-editor blockquote p:first-child { margin-top: 0; }
  29. body#tinymce.wp-editor blockquote p:last-child { margin-bottom: 0; }
  30. body#tinymce.wp-editor cite {
  31. font-weight: 700;
  32. letter-spacing: 1px;
  33. text-transform: uppercase;
  34. line-height: 140%;
  35. color: #666;
  36. font-style: normal;
  37. }
  38. body#tinymce.wp-editor cite:before { content: "— "; }
  39. body#tinymce.wp-editor blockquote cite {
  40. display: block;
  41. margin-top: 1em;
  42. font-size: 0.8em;
  43. }
  44. body#tinymce.wp-editor blockquote cite em { font-style: italic; font-weight: bold; }
  45. /* media */
  46. body#tinymce.wp-editor .alignright { margin-left: 20px; }
  47. body#tinymce.wp-editor .alignleft { margin-right: 20px; }
  48. body#tinymce.wp-editor .wp-caption {
  49. padding: 0;
  50. border: none;
  51. background: none;
  52. }
  53. body#tinymce.wp-editor .wp-caption-dd {
  54. font-size: 0.85em;
  55. padding-top: 0.5em;
  56. color: #888;
  57. text-align: center;
  58. padding: 10px 0;
  59. }
  60. /* tables */
  61. body#tinymce.wp-editor table {
  62. border-collapse: collapse;
  63. border-spacing: 0;
  64. empty-cells: show;
  65. font-size: 0.9em;
  66. width: 100%;
  67. margin-bottom: 1.1em;
  68. border: none;
  69. }
  70. body#tinymce.wp-editor th,
  71. body#tinymce.wp-editor td {
  72. font-family: 'Lato', Helvetica, sans-serif;
  73. padding: 2%;
  74. margin: 0;
  75. overflow: visible;
  76. line-height: 120%;
  77. border: none;
  78. border-bottom: 1px solid #DDD;
  79. font-size: 1em;
  80. }
  81. body#tinymce.wp-editor caption {
  82. color: #444;
  83. text-align: center;
  84. padding: 2%;
  85. }
  86. body#tinymce.wp-editor thead {
  87. vertical-align: bottom;
  88. white-space: nowrap;
  89. }
  90. body#tinymce.wp-editor th {
  91. font-weight: bold;
  92. color: #444;
  93. }
  94. body#tinymce.wp-editor table tbody > tr:nth-child(odd) > td { background: #f9f9f9; }