content.css 1.2 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  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. }
  11. }
  12. body {
  13. font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
  14. }
  15. @media screen {
  16. body {
  17. background-color: #fff;
  18. box-shadow: 0 0 4px rgba(0, 0, 0, 0.15);
  19. box-sizing: border-box;
  20. margin: 1rem auto 0;
  21. max-width: 820px;
  22. min-height: calc(100vh - 1rem);
  23. padding: 4rem 6rem 6rem 6rem;
  24. }
  25. }
  26. table {
  27. border-collapse: collapse;
  28. }
  29. table th,
  30. table td {
  31. border: 1px solid #ccc;
  32. padding: 0.4rem;
  33. }
  34. figure figcaption {
  35. color: #999;
  36. margin-top: 0.25rem;
  37. text-align: center;
  38. }
  39. hr {
  40. border-color: #ccc;
  41. border-style: solid;
  42. border-width: 1px 0 0 0;
  43. }
  44. .mce-content-body:not([dir=rtl]) blockquote {
  45. border-left: 2px solid #ccc;
  46. margin-left: 1.5rem;
  47. padding-left: 1rem;
  48. }
  49. .mce-content-body[dir=rtl] blockquote {
  50. border-right: 2px solid #ccc;
  51. margin-right: 1.5rem;
  52. padding-right: 1rem;
  53. }