@media projection,print {
     h1, h2 {
       margin-top: 0;
       margin-bottom: 30px;
     }
     html { font-size:250%; } 
     body { margin:0 10%; }
     header, section, footer {
       padding-top: 5%;
     }
     header, section, .one-liner { page-break-after:always; }
     .one-liner { margin:0; padding:3em 1em 0 0; font-size:1.5em }
     header, footer { text-align:center; }
     footer { padding-top:25%; }
     h1 { font-size: 250%; }
     h2 { font-size: 120%; }
     .implemented-by { float:right; } /* might rely on an opera bug here... */
     .implemented-by::first-letter { color:white; }
     ul, ol { line-height:1.75; }
     .dense { line-height:1.25; }
     dt { margin-top:.5em; }
     input { font-size:inherit; }
     input[type=range] { height:1em; width:10em; }
     :link, :visited { color:blue; text-decoration:none; }
     p { line-height: 150%; }
     strong { background-color:yellow; }
   }

   html { font-family:sans-serif; background-color:white; color:black; }
   header, section, footer { display:block; }
   h1, h2 { color:#3c790a; }
   .attribution {
     font-size: 50%;
   }
   small {
     font-size: 60%;
   }
   .code-heavy, .example {
     font-size: 85%;
   }
   code {
     color: blue;
   }
   address { font-style:inherit; }
   li { padding-left:.5em; }
   strong { background-color:yellow; }
   del, del * { color:gray !important; }
   ins { background-color:lightgreen; text-decoration:none; }
   input[type=email], input[type=url] { background-color:transparent; color:inherit; }
   
   /* python */
   .keyword, .operator { color:navy; font-weight:bold; }
   .string { color:orange; }
   
   /* from moz viewsource */
   .start-tag {
    color: purple;
    font-weight: bold;
   }
   .end-tag {
    color: purple;
    font-weight: bold; 
   }
   .comment {
    color: green;
    font-style: italic;
   }
   .cdata {
    color: #CC0066;
   }
   .doctype {
    color: steelblue;
    font-style: italic;
   }
   .pi {
    color: orchid;
    font-style: italic;
   }
   .entity {
    color:#FF4500;
    font-weight: normal;
   }
   .attribute-name {
    color: black;
    font-weight: bold;
   }
   .attribute-value {
    color: blue;
    font-weight: normal;
   }
   .markupdeclaration {
    color: steelblue;
    font-style: italic;
   }

 @media print {
   @page {
     size: A4 landscape;
     margin-left: 0;
     margin-right: 0;
     @top {
      content: "";
     }
     @bottom {
      content: "";
     }
     @top-left {
      content: "";
      padding-left: 20pt;
     }
     @top-right {
      content: "";
     }
     @bottom-left {
      content: "";
      padding-left: 20pt;
     }
     @bottom-right {
      content: "";
      padding-right: 20pt;
     }
   }
}