Difference between revisions of "CertificatePrint.css"

From Claremont MakerSpace
(2 intermediate revisions by the same user not shown)
Line 20: Line 20:
  
 
@media print {
 
@media print {
 +
    #siteSub {
 +
        display: none;
 +
    }
 +
   
 +
    .printfooter {
 +
        display: none;
 +
    }
 +
 
     .no-print {
 
     .no-print {
 
         display: none;
 
         display: none;
 +
    }
 +
   
 +
    .qrlite-result img {
 +
        width: 1.5in;
 
     }
 
     }
  
     /* Add link target as text */
+
     /* Add link target as text, except mailto links */
     a::after {
+
     a:not([href^="mailto:"])::after {
 
         content: " [" attr(href) "]";
 
         content: " [" attr(href) "]";
 
         color: initial;
 
         color: initial;

Revision as of 22:39, 26 July 2020

  1. cert-data {
   string-set: certname attr(data-name),
               certversion attr(data-version);
   /* Can't be `display: none;`, as it breaks string-set */
   visibility: hidden;
   position: absolute;
   bottom: 0px;

}

.checklist li::marker {

   content: "□\00A0";
   padding-right: 1em;

}

@media not print {

   .print-only {
       display: none;
   }

}

@media print {

   #siteSub {
       display: none;
   }
   
   .printfooter {
       display: none;
   }
   .no-print {
       display: none;
   }
   
   .qrlite-result img {
       width: 1.5in;
   }
   /* Add link target as text, except mailto links */
   a:not([href^="mailto:"])::after {
       content: " [" attr(href) "]";
       color: initial;
       text-decoration: none;
   }
   @page {
       size: letter portrait;
       margin: 1in;
       @top-left {
           content: "Certification: " string(certname);
           font-size: 1.2em;
           color: #444;
           vertical-align: bottom;
           padding-bottom: 0.2em;
       }
       @bottom-left {
           content: string(certversion);
           color: #444;
       }
       @bottom-right-corner {
           content: counter(page);
       }
   }

}