node.module.css

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

Styles for administration pages.

File

core/themes/stable9/css/node/node.module.css

View source
  1. /**
  2. * @file
  3. * Styles for administration pages.
  4. */
  5. /**
  6. * Node add/edit form layout
  7. */
  8. /* Narrow screens */
  9. .layout-region {
  10. box-sizing: border-box;
  11. }
  12. /* Wide screens */
  13. @media screen and (min-width: 780px), (orientation: landscape) and (min-device-height: 780px) {
  14. .layout-region-node-main,
  15. .layout-region-node-footer {
  16. float: left; /* LTR */
  17. box-sizing: border-box;
  18. width: 65%;
  19. padding-right: 2em; /* LTR */
  20. }
  21. [dir="rtl"] .layout-region-node-main,
  22. [dir="rtl"] .layout-region-node-footer {
  23. float: right;
  24. padding-right: 0;
  25. padding-left: 2em;
  26. }
  27. .layout-region-node-secondary {
  28. float: right; /* LTR */
  29. width: 35%;
  30. }
  31. [dir="rtl"] .layout-region-node-secondary {
  32. float: left;
  33. }
  34. /* @todo File an issue to add a standard class to all text-like inputs */
  35. .layout-region-node-secondary .form-autocomplete,
  36. .layout-region-node-secondary .form-text,
  37. .layout-region-node-secondary .form-tel,
  38. .layout-region-node-secondary .form-email,
  39. .layout-region-node-secondary .form-url,
  40. .layout-region-node-secondary .form-search,
  41. .layout-region-node-secondary .form-number,
  42. .layout-region-node-secondary .form-color,
  43. .layout-region-node-secondary textarea {
  44. box-sizing: border-box;
  45. width: 100%;
  46. max-width: 100%;
  47. }
  48. }
  49. /**
  50. * The vertical toolbar mode gets triggered for narrow screens, which throws off
  51. * the intent of media queries written for the viewport width. When the vertical
  52. * toolbar is on, we need to suppress layout for the original media width + the
  53. * toolbar width (240px). In this case, 240px + 780px.
  54. */
  55. @media screen and (max-width: 1020px) {
  56. .toolbar-vertical.toolbar-tray-open .layout-region-node-main,
  57. .toolbar-vertical.toolbar-tray-open .layout-region-node-footer,
  58. .toolbar-vertical.toolbar-tray-open .layout-region-node-secondary {
  59. float: none;
  60. width: auto;
  61. padding-right: 0;
  62. }
  63. }

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