print.css

Same filename in this branch
  1. 9 core/misc/print.css
  2. 9 core/themes/stable9/css/core/print.css
  3. 9 core/themes/claro/css/base/print.css
  4. 9 core/themes/bartik/css/print.css
  5. 9 core/themes/stable/css/core/print.css
Same filename in other branches
  1. 7.x misc/print.css
  2. 7.x themes/garland/print.css
  3. 7.x themes/bartik/css/print.css
  4. 8.9.x core/misc/print.css
  5. 8.9.x core/themes/seven/css/base/print.css
  6. 8.9.x core/themes/claro/css/base/print.css
  7. 8.9.x core/themes/bartik/css/print.css
  8. 8.9.x core/themes/stable/css/core/print.css
  9. 10 core/misc/print.css
  10. 10 core/themes/stable9/css/core/print.css
  11. 10 core/themes/claro/css/base/print.css
  12. 11.x core/misc/print.css
  13. 11.x core/themes/stable9/css/core/print.css
  14. 11.x core/themes/claro/css/base/print.css
@media print {
  * {
    /* Black prints faster */
    /* https://github.com/h5bp/main.css/blob/main/dist/_print.css#L14 */
    color: #000 !important;
    background-color: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  body {
    padding-top: 0;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  a,
  .link {
    text-decoration: underline;
    color: #000;
  }
  .button,
  .button--primary {
    background: none !important;
  }
  .messages {
    border-width: 1px;
    border-color: #999;
  }
  .is-collapse-enabled .tabs {
    max-height: 999em;
  }
  .is-horizontal .tabs__tab {
    margin: 0 4px !important;
    border-radius: 4px 4px 0 0 !important;
  }
  .dropbutton-multiple .dropbutton .secondary-action {
    display: block;
  }
  .js .dropbutton-widget,
  .js td .dropbutton-widget /* Splitbuttons */ {
    position: relative;
  }
  .js .dropbutton .dropbutton-toggle {
    display: none;
  }
  .js .dropbutton-multiple .dropbutton-widget {
    border-radius: 4px;
    background: none;
  }
  input.form-autocomplete,
  input.form-text,
  input.form-tel,
  input.form-email,
  input.form-url,
  input.form-search,
  input.form-number,
  input.form-color,
  input.form-file,
  textarea.form-textarea,
  select.form-select {
    border-width: 1px;
  }
}

File

core/themes/seven/css/base/print.css

View source
  1. @media print {
  2. * {
  3. /* Black prints faster */
  4. /* https://github.com/h5bp/main.css/blob/main/dist/_print.css#L14 */
  5. color: #000 !important;
  6. background-color: transparent !important;
  7. box-shadow: none !important;
  8. text-shadow: none !important;
  9. }
  10. body {
  11. padding-top: 0;
  12. }
  13. a,
  14. a:visited {
  15. text-decoration: underline;
  16. }
  17. pre,
  18. blockquote {
  19. border: 1px solid #999;
  20. page-break-inside: avoid;
  21. }
  22. thead {
  23. display: table-header-group;
  24. }
  25. tr,
  26. img {
  27. page-break-inside: avoid;
  28. }
  29. img {
  30. max-width: 100% !important;
  31. }
  32. p,
  33. h2,
  34. h3 {
  35. orphans: 3;
  36. widows: 3;
  37. }
  38. h2,
  39. h3 {
  40. page-break-after: avoid;
  41. }
  42. a,
  43. .link {
  44. text-decoration: underline;
  45. color: #000;
  46. }
  47. .button,
  48. .button--primary {
  49. background: none !important;
  50. }
  51. .messages {
  52. border-width: 1px;
  53. border-color: #999;
  54. }
  55. .is-collapse-enabled .tabs {
  56. max-height: 999em;
  57. }
  58. .is-horizontal .tabs__tab {
  59. margin: 0 4px !important;
  60. border-radius: 4px 4px 0 0 !important;
  61. }
  62. .dropbutton-multiple .dropbutton .secondary-action {
  63. display: block;
  64. }
  65. .js .dropbutton-widget,
  66. .js td .dropbutton-widget /* Splitbuttons */ {
  67. position: relative;
  68. }
  69. .js .dropbutton .dropbutton-toggle {
  70. display: none;
  71. }
  72. .js .dropbutton-multiple .dropbutton-widget {
  73. border-radius: 4px;
  74. background: none;
  75. }
  76. input.form-autocomplete,
  77. input.form-text,
  78. input.form-tel,
  79. input.form-email,
  80. input.form-url,
  81. input.form-search,
  82. input.form-number,
  83. input.form-color,
  84. input.form-file,
  85. textarea.form-textarea,
  86. select.form-select {
  87. border-width: 1px;
  88. }
  89. }

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