node-full.css 973 B

12345678910111213141516171819202122232425262728293031323334353637383940414243444546
  1. /**
  2. * @file
  3. * This file is used to style the 'full' view mode.
  4. */
  5. .node--view-mode-full {
  6. margin: 0 auto 2.37rem;
  7. padding: 1.266rem;
  8. border-top: 1px solid #fcece7;
  9. border-right: none;
  10. border-bottom: 1px solid #fcece7;
  11. border-left: none;
  12. background-color: #fff;
  13. }
  14. /* Large */
  15. @media screen and (min-width: 60rem) {
  16. /* 960px */
  17. .node--view-mode-full {
  18. padding: 2.37rem;
  19. border-right: 1px solid #fcece7;
  20. border-left: 1px solid #fcece7;
  21. }
  22. }
  23. .node--view-mode-full .node__submitted {
  24. margin-bottom: 1.2em;
  25. font-size: 0.889em;
  26. }
  27. .node--view-mode-full .by-author::after {
  28. display: inline-block;
  29. margin: 0 0.25ex;
  30. content: "•";
  31. vertical-align: middle;
  32. color: #7cbe8c;
  33. font-size: 2em;
  34. }
  35. .node--view-mode-full .field--name-field-media-image {
  36. margin-bottom: 1.184rem;
  37. }
  38. /* Large */
  39. @media screen and (min-width: 60rem) {
  40. /* 960px */
  41. .node--view-mode-full .field--name-field-media-image {
  42. margin-bottom: 2.369rem;
  43. }
  44. }