styles/print.css

   1 /*
   2    based on print style sheet by Eric Meyer
   3    www.alistapart.com/articles/gointoprint
   4 */
   5
   6 html {
   7    background: white;
   8    }
   9 body {
  10    background: white;
  11    font-size: 12pt;
  12    }
  13 .metainfo {
  14    display: none;
  15    }
  16 #menu {
  17    display: none;
  18    }
  19 .menu {
  20    display: none;
  21    }
  22 #links, #footer {
  23    display: none;
  24    }
  25 #wrapper, #content, #container {
  26    width: auto;
  27    margin: 0 5%;
  28    padding: 0;
  29    border: 0;
  30    float: none !important;
  31    color: black;
  32    background: transparent none;
  33    }
  34 div#content {
  35    margin-left: 5%;
  36    padding-top: 1em;
  37    border-top: 1px solid #930;
  38    }
  39 div#header {
  40    background: transparent;
  41    margin-bottom: -8px;
  42    }
  43 div#header img {
  44    vertical-align: bottom;
  45    }
  46 #header a:active, #header a:visited, #header a:link {
  47    color: black;
  48    }
  49 .date {
  50    color: #666666;
  51    }
  52 .title {
  53    color: #3A3A3A;
  54    }
  55 .description {
  56    color: black;
  57    }
  58 blockquote, pre {
  59    color: black;
  60    background: transparent;
  61    }
  62 a:link, a:visited {
  63    color: #520;
  64    font-weight: bold;
  65    background: transparent;
  66    text-decoration: underline;
  67    }
  68 /*
  69 include href attribute in parenthesis next to links
  70 */
  71 #content a:active:after, #content a:visited:after, #content a:link:after {
  72    content: " (" attr(href) ") ";
  73    font-size: 90%;
  74    }
  75 #container a:active:after, #container a:visited:after, #container a:link:after {
  76    content: " (" attr(href) ") ";
  77    font-size: 90%;
  78    }
  79 /*
  80 This is a valid CSS3 selector
  81 */
  82 /*
  83 #content a[href^="/"]:after {
  84    content: " (http://www.example.com/" attr(href) ") ";
  85    }
  86 */