style.css

.breadcrumbs {
  font-weight:bold;
  font-size:0.8em;
  letter-spacing:0.1em;
  border-bottom:1px solid #777;
}
footer .breadcrumbs {
  border:0px;
  border-top:1px solid #777;
  margin:6em 0 2em 0;
}


body {
  font-family: sans-serif;
  font-size:1em;
  line-height:1.4em;
padding:1em;
margin:auto;
max-width:42em;
background:#fefefe;
}

h1, h2, h3, h4, h5, h6 { font-weight: bold; line-height:1.2em; }
h1 {
  color: #000;
  font-size: 2em;
}
h2 {
  border-bottom: 1px solid #ccc;
  color: #000;
  font-size: 1.6em;
}
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
h5 {
  color: #777;
  background: inherit;
  font-size: 1em;
}
h6 {
  /* reserved for Tip/Warning/Remember notices */
  font-size: 0.9em;
  display:inline;
  float:left;
  margin:0;
  margin-right:.5em;
  padding:0.2em 1em;
  border: 1px solid orange;
  line-height:1.5em;
  border-radius:8px;
  background: #fd5;
  position:relative;
  left:-.5em;
  top:-.5em;
}
h6 + p {
  /* the paragraph following h6 is considered the notice */
  border:1px solid orange;
  border-radius: 5px;
  background: #ff9;
  font-size:0.9em;
}

hr {
    height: 0.2em;
    border: 0;
    color: #ccc;
    background: #ccc;
}

p, blockquote, ul, ol, dl, table, pre {
  margin: 1em 0;
}
ul {margin-top:-.8em;}
li {margin:0em;}
ul ul {margin:.2em 0 !important;}
.mainpage ul li {list-style-type:none;}

img { max-width:100%; }

code, pre {
  border-radius: 5px;
  border:1px solid #caa;
  background: #efe;
  color: inherit;
  font-family: monospace;
  letter-spacing:0.05em;
}
code {
  margin: 0 0.1em;
  padding: 0 0.5em;
  white-space:nowrap;
}
pre {
  line-height: 1.25em;
  overflow: auto;
}
h6 + p, pre {
  padding: 6px 10px;
}
pre > code {
  border: 0;
  margin: 0;
  padding: 0;
  white-space:pre;
}

table * {
  border:1px solid #ccc;
  padding:2px 0.5em;
}
table th { background:#eee; }

a {
  color: #36c;
  background: inherit;
  text-decoration: none;
}
a:visited {
  color: #c63;
}
a:hover {
  color: #249;
}
a:active {
  color: #d00;
}