You are here

Home » API reference » AT Tools 8.3

print.css in AT Tools 8.3

Same filename and directory in other branches
  1. 8 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;
    -webkit-box-shadow: none !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;
    -webkit-box-shadow: none !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.     -webkit-box-shadow: none !important;

  12.             box-shadow: none !important;

  13.     text-shadow: none !important;

  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.   body {

  26.     top: 0;

  27.     padding: 0 !important;

  28.     margin: 0 !important;

  29.   }

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

  31.   .block-main-content {

  32.     float: none;

  33.   }

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

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

  36.   .pr-navbar,

  37.   .l-rw-navbar,

  38.   .l-r--page-top,

  39.   .l-r--page-bottom,

  40.   .pr-temporary-tabs,

  41.   .comment-form-wrapper,

  42.   .block-breadcrumbs,

  43.   .links,

  44.   .contextual,

  45.   .tabs,

  46.   .feed-icons,

  47.   .messages {

  48.     display: none !important;

  49.     width: 0;

  50.     height: 0;

  51.     float: none;

  52.   }

  53.   .node--view-mode-teaser {

  54.     border-bottom: 1px dotted silver;

  55.     margin-bottom: 1em;

  56.   }

  57.   a,

  58.   a:visited {

  59.     text-decoration: underline;

  60.     color: #0066cc !important;

  61.   }

  62.   .site-branding a,

  63.   .node__title a {

  64.     text-decoration: none;

  65.   }

  66.   .block,

  67.   .node,

  68.   .comment,

  69.   .page__row,

  70.   .regions,

  71.   .region {

  72.     margin: 0 0 12px;

  73.   }

  74.   .menu a {

  75.     padding: 0 1rem 0.5rem 0;

  76.   }

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

  78.     padding: 0 0 0.5rem 1rem;

  79.   }

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

  81.   .ir a:after,

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

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

  84.     content: "";

  85.   }

  86.   body,

  87.   img,

  88.   caption,

  89.   .page,

  90.   .field,

  91.   .block,

  92.   .comment,

  93.   .node,

  94.   .view,

  95.   .page__row,

  96.   .regions,

  97.   .region {

  98.     border: 0 !important;

  99.     -webkit-box-shadow: none !important;

  100.             box-shadow: none !important;

  101.     text-shadow: none !important;

  102.   }

  103.   pre,

  104.   code,

  105.   img,

  106.   svg,

  107.   tr,

  108.   blockquote {

  109.     page-break-inside: avoid;

  110.   }

  111.   thead {

  112.     display: table-header-group;

  113.     /* h5bp.com/t */

  114.   }

  115.   img {

  116.     max-width: 100%;

  117.   }

  118.   @page {

  119.     margin: 0.5cm;

  120.   }

  121.   p,

  122.   h2,

  123.   h3 {

  124.     orphans: 3;

  125.     widows: 3;

  126.   }

  127.   h1,

  128.   h2 {

  129.     page-break-after: avoid;

  130.   }

  131. }

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