node.preview.css

Same filename in this branch
  1. 10 core/themes/stable9/css/node/node.preview.css
Same filename in other branches
  1. 9 core/themes/stable9/css/node/node.preview.css
  2. 9 core/themes/stable/css/node/node.preview.css
  3. 9 core/modules/node/css/node.preview.css
  4. 8.9.x core/themes/stable/css/node/node.preview.css
  5. 8.9.x core/modules/node/css/node.preview.css
  6. 11.x core/themes/stable9/css/node/node.preview.css
  7. 11.x core/modules/node/css/node.preview.css

Styles for node preview page.

File

core/modules/node/css/node.preview.css

View source
  1. /**
  2. * @file
  3. * Styles for node preview page.
  4. */
  5. .node-preview-container {
  6. position: fixed;
  7. z-index: 499;
  8. box-sizing: border-box;
  9. width: 100%;
  10. padding-inline-start: var(--drupal-displace-offset-left, 10px);
  11. padding-inline-end: var(--drupal-displace-offset-right, 10px);
  12. padding-block: 10px;
  13. }
  14. [dir="rtl"] .node-preview-container {
  15. padding-inline-start: var(--drupal-displace-offset-right, 10px);
  16. padding-inline-end: var(--drupal-displace-offset-left, 10px);
  17. }
  18. @media only screen and (min-width: 36em) {
  19. .node-preview-container .form-type-select {
  20. margin-left: 25%; /* LTR */
  21. }
  22. [dir="rtl"] .node-preview-container .form-type-select {
  23. margin-right: 25%;
  24. margin-left: 0;
  25. }
  26. }

Buggy or inaccurate documentation? Please file an issue. Need support? Need help programming? Connect with the Drupal community.