node.preview.css

Same filename in this branch
  1. 11.x 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. 10 core/themes/stable9/css/node/node.preview.css
  7. 10 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. 

  6. .node-preview-container {

  7.   position: fixed;

  8.   z-index: 499;

  9.   box-sizing: border-box;

  10.   width: 100%;

  11.   padding-inline-start: var(--drupal-displace-offset-left, 10px);

  12.   padding-inline-end: var(--drupal-displace-offset-right, 10px);

  13.   padding-block: 10px;

  14. }

  15. 

  16. [dir="rtl"] .node-preview-container {

  17.   padding-inline-start: var(--drupal-displace-offset-right, 10px);

  18.   padding-inline-end: var(--drupal-displace-offset-left, 10px);

  19. }

  20. 

  21. @media only screen and (min-width: 36em) {

  22.   .node-preview-container .form-type-select {

  23.     margin-left: 25%; /* LTR */

  24.   }

  25.   [dir="rtl"] .node-preview-container .form-type-select {

  26.     margin-right: 25%;

  27.     margin-left: 0;

  28.   }

  29. }

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