custom4.css

/* From bioconductor.css with minor modifications */

body, td {
   font-family: sans-serif;
   background-color: white;
   font-size: 13px;
}

/* This does weird things with float toc*/
/* body { */
/*   max-width: 800px;  */
/*   margin: 0 auto; */
/*   padding: 1em 1em 1em; */
/*   line-height: 20px; */
/* } */

/* #TOC { */
/* position: fixed; */
/* left: 0; */
/* top: 0; */
/* width: 200px; */
/* height: 100%; */
/* overflow:auto; */
/* } */


/* /\* Table of contents style *\/ */

/* div#TOC li { */
/*     list-style:none; */
/*     background-image:none; */
/*     background-repeat:none; */
/*     background-position:0; */
/* } */

/* element spacing */

p, pre { 
  margin: 0em 0em 1em;
}

/* center images and tables */
img, table {
  margin: 0em auto 1em;
}

p {
  text-align: justify;
}

tt, code, pre {
   font-family: 'DejaVu Sans Mono', 'Droid Sans Mono', 'Lucida Console', Consolas, Monaco, monospace;
}

h1, h2, h3, h4, h5, h6 { 
  font-family: Helvetica, Arial, sans-serif;
  margin: 1.2em 0em 0.6em 0em;
  font-weight: bold;
}

h1.title {
  font-size: 250%;
  font-weight: normal;
  color: #87b13f;
  line-height: 1.1em;
  margin-top: 0px;
  border-bottom: 0px;
}

h1 {
  font-size: 160%;
  font-weight: normal;
  line-height: 1.4em;
  border-bottom: 1px #1a81c2 solid;
}

h2 {
  font-size: 130%;  
}

h1, h2, h3 {
  color: #1a81c2;
}

h3, h4, h5, h6 {
  font-size:115%;
} /* not expecting to dive deeper than four levels on a single page */

/* links are simply blue, hovering slightly less blue */
a { color: #1a81c2; }
a:active { outline: none; }
a:visited { color: #1a81c2; }
a:hover { color: #4c94c2; }

pre, img {
  max-width: 100%;
  display: block;
}


/* /\* This is really what I like best: no dashes *\/ */
/*  And with pre code commented */
/* pre { */
/*     border: 0px none;  */
/*     background-color: #F8F8F8; */
/*     white-space: pre; */
/*     overflow-x: auto; */
/* } */

pre {
    border-radius: 4px;  /* Use 4 for nicely rounded corners */
    border: 1px #aaa dashed;
    background-color: #F8F8F8;
    white-space: pre;
    overflow-x: auto; 
}

/* This adds another box internally, blabla */

/* pre code { */
/*   border: 1px #aaa dashed; */
/*   background-color: white; */
/*   display: block; */
/*   padding: 0em; /\*1*\/ */
/*   color: #111; */
/*   overflow-x: inherit; */
/* } */

/* markdown v1 */
pre code[class] {
  background-color: inherit;
}

/* markdown v2 */
pre[class] code {
  background-color: inherit;
}

/* formatting of inline code */
code {
  background-color: transparent;
  color: #87b13f;
  font-size: 92%;
}

/* formatting of tables */

table, td, th {
  border: none;
  padding: 0 0.5em;
}

/* alternating row colors */
tbody tr:nth-child(odd) td {
  background-color: #F8F8F8;
}

blockquote {
   color:#666666;
   margin:0;
   padding-left: 1em;
   border-left: 0.5em #EEE solid;
}

hr {
   height: 0px;
   border-bottom: none;
   border-top-width: thin;
   border-top-style: dotted;
   border-top-color: #999999;
}

span.header-section-number {
  padding-right: 1em;
}

span.toc-section-number::after {
    content: "  ";
    white-space: pre;
}

@media print {
   * {
      background: transparent !important;
      color: black !important;
      filter:none !important;
      -ms-filter: none !important;
   }

   body {
      font-size:12pt;
      max-width:100%;
   }

   a, a:visited {
      text-decoration: underline;
   }

   hr {
      visibility: hidden;
      page-break-before: always;
   }

   pre, blockquote {
      padding-right: 1em;
      page-break-inside: avoid;
   }

   tr, img {
      page-break-inside: avoid;
   }

   img {
      max-width: 100% !important;
   }

   @page :left {
      margin: 1mm 2mm 1mm 1mm;
   }

   @page :right {
      margin: 1mm 1mm 1mm 2mm;
   }

   p, h2, h3 {
      orphans: 3; widows: 3;
   }

   h2, h3 {
      page-break-after: avoid;
   }
}