static/less/print.less
author stetrabby <info@trabucchi.de>
Fri, 20 Dec 2013 22:30:44 +0100
changeset 53 3416f82943ea
permissions -rwxr-xr-x
less initial added
     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 }
Impressum Datenschutzerklärung