Drupal investigation

node.module.css 1.9KB

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