You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

123 lines
1.3 KiB

  1. /*
  2. Press This TinyMCE editor styles :)
  3. */
  4. /**
  5. * Links
  6. */
  7. a {
  8. color: #0073aa;
  9. }
  10. a:visited {
  11. color: #0073aa;
  12. }
  13. a:hover,
  14. a:focus,
  15. a:active {
  16. color: #00a0d2;
  17. }
  18. /**
  19. * Lists
  20. */
  21. ul,
  22. ol {
  23. margin: 0 0 1.5em 3em;
  24. }
  25. ul {
  26. list-style: disc;
  27. }
  28. ol {
  29. list-style: decimal;
  30. }
  31. li > ul,
  32. li > ol {
  33. margin-bottom: 0;
  34. margin-left: 1.5em;
  35. }
  36. dt {
  37. font-weight: 700;
  38. }
  39. dd {
  40. margin: 0 1.5em 1.5em;
  41. }
  42. /**
  43. * Media
  44. *
  45. * Basic image and object styles
  46. */
  47. img {
  48. max-width: 100%;
  49. height: auto;
  50. }
  51. /* Makes sure embeds and iframes fit inside their containers */
  52. embed,
  53. iframe,
  54. object {
  55. max-width: 100%;
  56. }
  57. /**
  58. * TinyMCE styles
  59. *
  60. * Pretty dang good.
  61. */
  62. body {
  63. color: #404040;
  64. font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  65. font-size: 20px;
  66. font-weight: 400;
  67. line-height: 1.6;
  68. }
  69. @media (max-width: 900px) {
  70. body#tinymce {
  71. padding-top: 30px !important;
  72. }
  73. }
  74. @media (max-width: 640px) {
  75. body {
  76. font-size: 16px;
  77. }
  78. }
  79. @media (max-width: 320px) {
  80. body {
  81. margin: 0 15px;
  82. }
  83. }
  84. #tinymce b,
  85. #tinymce strong {
  86. /* overrides TinyMCE's !important. Woohoo. */
  87. font-weight: 700 !important;
  88. }
  89. blockquote {
  90. margin: 1em 1.5em;
  91. color: #9ea7af;
  92. font-size: em(25px);
  93. font-style: italic;
  94. }
  95. @media (max-width: 900px) {
  96. blockquote {
  97. margin: 1.5em 1em;
  98. }
  99. }
  100. ul,
  101. ol {
  102. margin: 0 0 1.5em .75em;
  103. }