content.css 1.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354
  1. /**
  2. * Copyright (c) Tiny Technologies, Inc. All rights reserved.
  3. * Licensed under the LGPL or a commercial license.
  4. * For LGPL see License.txt in the project root for license information.
  5. * For commercial licenses see https://www.tiny.cloud/
  6. */
  7. @media screen {
  8. html {
  9. background: #f4f4f4;
  10. height: 100%;
  11. }
  12. }
  13. body {
  14. font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  15. }
  16. @media screen {
  17. body {
  18. background-color: #fff;
  19. box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  20. box-sizing: border-box;
  21. height: calc(100% - 1rem);
  22. margin: 1rem auto 0;
  23. max-width: 820px;
  24. padding: 4rem 6rem 6rem 6rem;
  25. }
  26. }
  27. table {
  28. border-collapse: collapse;
  29. }
  30. table th,
  31. table td {
  32. border: 1px solid #ccc;
  33. padding: 0.4rem;
  34. }
  35. figure figcaption {
  36. color: #999;
  37. margin-top: 0.25rem;
  38. text-align: center;
  39. }
  40. hr {
  41. border-color: #ccc;
  42. border-style: solid;
  43. border-width: 1px 0 0 0;
  44. }
  45. .mce-content-body:not([dir=rtl]) blockquote {
  46. border-left: 2px solid #ccc;
  47. margin-left: 1.5rem;
  48. padding-left: 1rem;
  49. }
  50. .mce-content-body[dir=rtl] blockquote {
  51. border-right: 2px solid #ccc;
  52. margin-right: 1.5rem;
  53. padding-right: 1rem;
  54. }