git.roojs.org Git - roojs1/blob - less/bootstrap/print.less

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