tmpl/less/print.less

   1 //
   2 // Basic print styles
   3 // --------------------------------------------------
   4 // Source: https://github.com/h5bp/html5-boilerplate/blob/master/css/main.css
   5
   6 @media print {
   7
   8   * {
   9     text-shadow: none !important;
  10     color: #000 !important; // Black prints faster: h5bp.com/s
  11     background: transparent !important;
  12     box-shadow: none !important;
  13   }
  14
  15   a,
  16   a:visited {
  17     text-decoration: underline;
  18   }
  19
  20   a[href]:after {
  21     content: " (" attr(href) ")";
  22   }
  23
  24   abbr[title]:after {
  25     content: " (" attr(title) ")";
  26   }
  27
  28   // Don't show links for images, or javascript/internal links
  29   a[href^="javascript:"]:after,
  30   a[href^="#"]:after {
  31     content: "";
  32   }
  33
  34   pre,
  35   blockquote {
  36     border: 1px solid #999;
  37     page-break-inside: avoid;
  38   }
  39
  40   thead {
  41     display: table-header-group; // h5bp.com/t
  42   }
  43
  44   tr,
  45   img {
  46     page-break-inside: avoid;
  47   }
  48
  49   img {
  50     max-width: 100% !important;
  51   }
  52
  53   @page {
  54     margin: 2cm .5cm;
  55   }
  56
  57   p,
  58   h2,
  59   h3 {
  60     orphans: 3;
  61     widows: 3;
  62   }
  63
  64   h2,
  65   h3 {
  66     page-break-after: avoid;
  67   }
  68
  69   // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245
  70   // Once fixed, we can just straight up remove this.
  71   select {
  72     background: #fff !important;
  73   }
  74
  75   // Bootstrap components
  76   .navbar {
  77     display: none;
  78   }
  79   .table {
  80     td,
  81     th {
  82       background-color: #fff !important;
  83     }
  84   }
  85   .btn,
  86   .dropup > .btn {
  87     > .caret {
  88       border-top-color: #000 !important;
  89     }
  90   }
  91   .label {
  92     border: 1px solid #000;
  93   }
  94
  95   .table {
  96     border-collapse: collapse !important;
  97   }
  98   .table-bordered {
  99     th,
 100     td {
 101       border: 1px solid #ddd !important;
 102     }
 103   }
 104
 105 }