You are here

Home » API reference » AT Tools 8

print.css in AT Tools 8

Same filename and directory in other branches
  1. 8.3 at_theme_generator/starterkits/starterkit/styles/css/components/print.css
  2. 8.2 at_theme_generator/starterkits/starterkit/styles/css/components/print.css
/**
 * Print
 * This aggressively styles print output, you can remove all of it if you want
 * print to be identical to a normal web page, or adjust it to better suit
 * your design and requirements. For example this only removes a sub-set of
 * regions, all others will print.
 ============================================================================ */
@media print {
  * {
    background: transparent !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  html,
  body,
  .l-rw,
  .pr-main .l-r--content,
  .block-main-content,
  article {
    width: 100% !important;
    padding: 0;
    margin: 0;
  }

  body {
    top: 0;
    padding: 0 !important;
    margin: 0 !important;
  }

  .pr-main .l-r--content,
  .block-main-content {
    float: none;
  }

  [id*="toolbar-"],
  [class*="_sidebar-"],
  .pr-navbar,
  .l-rw-navbar,
  .l-r--page-top,
  .l-r--page-bottom,
  .pr-temporary-tabs,
  .comment-form-wrapper,
  .block-breadcrumbs,
  .links,
  .contextual,
  .tabs,
  .feed-icons,
  .messages {
    display: none !important;
    width: 0;
    height: 0;
    float: none;
  }

  .node--view-mode-teaser {
    border-bottom: 1px dotted silver;
    margin-bottom: 1em;
  }

  a,
  a:visited {
    text-decoration: underline;
    color: #0066cc !important;
  }

  .site-branding a,
  .node__title a {
    text-decoration: none;
  }

  .block,
  .node,
  .comment,
  .page__row,
  .regions,
  .region {
    margin: 0 0 12px;
  }

  .menu a {
    padding: 0 16px 7px 0;
    padding: 0 1rem 0.4375rem 0;
  }

  [dir="rtl"] .menu a {
    padding: 0 0 7px 16px;
    padding: 0 0 0.4375rem 1rem;
  }

  /* Don't show links for images, or javascript/internal links */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  body,
  img,
  caption,
  .page,
  .field,
  .block,
  .comment,
  .node,
  .view,
  .page__row,
  .regions,
  .region {
    border: 0 !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  pre,
  code,
  img,
  svg,
  tr,
  blockquote {
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  img {
    max-width: 100%;
  }

  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h1,
  h2 {
    page-break-after: avoid;
  }
}

/*# sourceMappingURL=maps/print.css.map */

File

at_theme_generator/starterkits/starterkit/styles/css/components/print.css
View source 
  1. /**

  2.  * Print

  3.  * This aggressively styles print output, you can remove all of it if you want

  4.  * print to be identical to a normal web page, or adjust it to better suit

  5.  * your design and requirements. For example this only removes a sub-set of

  6.  * regions, all others will print.

  7.  ============================================================================ */

  8. @media print {

  9.   * {

  10.     background: transparent !important;

  11.     box-shadow: none !important;

  12.     text-shadow: none !important;

  13.   }

  14. 

  15.   html,

  16.   body,

  17.   .l-rw,

  18.   .pr-main .l-r--content,

  19.   .block-main-content,

  20.   article {

  21.     width: 100% !important;

  22.     padding: 0;

  23.     margin: 0;

  24.   }

  25. 

  26.   body {

  27.     top: 0;

  28.     padding: 0 !important;

  29.     margin: 0 !important;

  30.   }

  31. 

  32.   .pr-main .l-r--content,

  33.   .block-main-content {

  34.     float: none;

  35.   }

  36. 

  37.   [id*="toolbar-"],

  38.   [class*="_sidebar-"],

  39.   .pr-navbar,

  40.   .l-rw-navbar,

  41.   .l-r--page-top,

  42.   .l-r--page-bottom,

  43.   .pr-temporary-tabs,

  44.   .comment-form-wrapper,

  45.   .block-breadcrumbs,

  46.   .links,

  47.   .contextual,

  48.   .tabs,

  49.   .feed-icons,

  50.   .messages {

  51.     display: none !important;

  52.     width: 0;

  53.     height: 0;

  54.     float: none;

  55.   }

  56. 

  57.   .node--view-mode-teaser {

  58.     border-bottom: 1px dotted silver;

  59.     margin-bottom: 1em;

  60.   }

  61. 

  62.   a,

  63.   a:visited {

  64.     text-decoration: underline;

  65.     color: #0066cc !important;

  66.   }

  67. 

  68.   .site-branding a,

  69.   .node__title a {

  70.     text-decoration: none;

  71.   }

  72. 

  73.   .block,

  74.   .node,

  75.   .comment,

  76.   .page__row,

  77.   .regions,

  78.   .region {

  79.     margin: 0 0 12px;

  80.   }

  81. 

  82.   .menu a {

  83.     padding: 0 16px 7px 0;

  84.     padding: 0 1rem 0.4375rem 0;

  85.   }

  86. 

  87.   [dir="rtl"] .menu a {

  88.     padding: 0 0 7px 16px;

  89.     padding: 0 0 0.4375rem 1rem;

  90.   }

  91. 

  92.   /* Don't show links for images, or javascript/internal links */

  93.   .ir a:after,

  94.   a[href^="javascript:"]:after,

  95.   a[href^="#"]:after {

  96.     content: "";

  97.   }

  98. 

  99.   body,

  100.   img,

  101.   caption,

  102.   .page,

  103.   .field,

  104.   .block,

  105.   .comment,

  106.   .node,

  107.   .view,

  108.   .page__row,

  109.   .regions,

  110.   .region {

  111.     border: 0 !important;

  112.     box-shadow: none !important;

  113.     text-shadow: none !important;

  114.   }

  115. 

  116.   pre,

  117.   code,

  118.   img,

  119.   svg,

  120.   tr,

  121.   blockquote {

  122.     page-break-inside: avoid;

  123.   }

  124. 

  125.   thead {

  126.     display: table-header-group;

  127.     /* h5bp.com/t */

  128.   }

  129. 

  130.   img {

  131.     max-width: 100%;

  132.   }

  133. 

  134.   @page {

  135.     margin: 0.5cm;

  136.   }

  137.   p,

  138.   h2,

  139.   h3 {

  140.     orphans: 3;

  141.     widows: 3;

  142.   }

  143. 

  144.   h1,

  145.   h2 {

  146.     page-break-after: avoid;

  147.   }

  148. }

  149. 

  150. /*# sourceMappingURL=maps/print.css.map */