You are here

Home » API reference » AT Tools 8.2

print.css in AT Tools 8.2

Same filename and directory in other branches
  1. 8.3 at_theme_generator/starterkits/starterkit/styles/css/components/print.css
  2. 8 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 1rem 0.5rem 0;
  }
  [dir="rtl"] .menu a {
    padding: 0 0 0.5rem 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=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.   html,

  15.   body,

  16.   .l-rw,

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

  18.   .block-main-content,

  19.   article {

  20.     width: 100% !important;

  21.     padding: 0;

  22.     margin: 0;

  23.   }

  24.   body {

  25.     top: 0;

  26.     padding: 0 !important;

  27.     margin: 0 !important;

  28.   }

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

  30.   .block-main-content {

  31.     float: none;

  32.   }

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

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

  35.   .pr-navbar,

  36.   .l-rw-navbar,

  37.   .l-r--page-top,

  38.   .l-r--page-bottom,

  39.   .pr-temporary-tabs,

  40.   .comment-form-wrapper,

  41.   .block-breadcrumbs,

  42.   .links,

  43.   .contextual,

  44.   .tabs,

  45.   .feed-icons,

  46.   .messages {

  47.     display: none !important;

  48.     width: 0;

  49.     height: 0;

  50.     float: none;

  51.   }

  52.   .node--view-mode-teaser {

  53.     border-bottom: 1px dotted silver;

  54.     margin-bottom: 1em;

  55.   }

  56.   a,

  57.   a:visited {

  58.     text-decoration: underline;

  59.     color: #0066cc !important;

  60.   }

  61.   .site-branding a,

  62.   .node__title a {

  63.     text-decoration: none;

  64.   }

  65.   .block,

  66.   .node,

  67.   .comment,

  68.   .page__row,

  69.   .regions,

  70.   .region {

  71.     margin: 0 0 12px;

  72.   }

  73.   .menu a {

  74.     padding: 0 1rem 0.5rem 0;

  75.   }

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

  77.     padding: 0 0 0.5rem 1rem;

  78.   }

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

  80.   .ir a:after,

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

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

  83.     content: "";

  84.   }

  85.   body,

  86.   img,

  87.   caption,

  88.   .page,

  89.   .field,

  90.   .block,

  91.   .comment,

  92.   .node,

  93.   .view,

  94.   .page__row,

  95.   .regions,

  96.   .region {

  97.     border: 0 !important;

  98.     box-shadow: none !important;

  99.     text-shadow: none !important;

  100.   }

  101.   pre,

  102.   code,

  103.   img,

  104.   svg,

  105.   tr,

  106.   blockquote {

  107.     page-break-inside: avoid;

  108.   }

  109.   thead {

  110.     display: table-header-group;

  111.     /* h5bp.com/t */

  112.   }

  113.   img {

  114.     max-width: 100%;

  115.   }

  116.   @page {

  117.     margin: 0.5cm;

  118.   }

  119.   p,

  120.   h2,

  121.   h3 {

  122.     orphans: 3;

  123.     widows: 3;

  124.   }

  125.   h1,

  126.   h2 {

  127.     page-break-after: avoid;

  128.   }

  129. }

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