Revival minimal github pages theme (original by @orderedlist)

about.md

Revival Minimal Theme for Github Pages

I was tired of the unreadable minimal theme by @orderedlist so I overhauled the font sizing and typography to generate this beautiful modern style for forward thinking open source projects to use.

If you've ever used Gitbook, you'll be familiar with my modern / crisp styling and attention to detail.

Install

1. Replace styles.css
2. Remove pygments_trac.css, or replace contents with pygments_mustang.css (easiest solution)
3. Add pygments_mustang.css and change html content to use mustang file if you didn't replace the contents of pygments_trac.css
4. Enjoy your fresh new kicks!

pygments_mustang.css

.highlight  { background: #202020; color: #e2e2e5;border-radius:5px;}
.highlight pre { color: hsl(235, 32%, 87%); }
.highlight .hll { background-color: #ffffcc }
.highlight .c { color: #808080; font-style: italic} /* Comment */
.highlight .err { color: #e2e2e5} /* Error */
.highlight .g { color: #e2e2e5} /* Generic */
.highlight .k { color: #7e8aa2} /* Keyword */
.highlight .l { color: #e2e2e5} /* Literal */
.highlight .n { color: #e2e2e5} /* Name */
.highlight .o { color: #e2e2e5} /* Operator */
.highlight .x { color: #e2e2e5} /* Other */
.highlight .p { color: #e2e2e5} /* Punctuation */
.highlight .cm { color: #808080; font-style: italic} /* Comment.Multiline */
.highlight .cp { color: #faf4c6} /* Comment.Preproc */
.highlight .c1 { color: #808080; font-style: italic} /* Comment.Single */
.highlight .cs { color: #808080; font-style: italic} /* Comment.Special */
.highlight .gd { color: #e2e2e5} /* Generic.Deleted */
.highlight .ge { color: #e2e2e5} /* Generic.Emph */
.highlight .gr { color: #e2e2e5} /* Generic.Error */
.highlight .gh { color: #f6f3e8; font-weight: bold} /* Generic.Heading */
.highlight .gi { color: #e2e2e5} /* Generic.Inserted */
.highlight .go { color: #808080; background-color: #303030 } /* Generic.Output */
.highlight .gp { color: #e2e2e5} /* Generic.Prompt */
.highlight .gs { color: #e2e2e5} /* Generic.Strong */
.highlight .gu { color: #f6f3e8; font-weight: bold} /* Generic.Subheading */
.highlight .gt { color: #e2e2e5} /* Generic.Traceback */
.highlight .kc { color: #7e8aa2} /* Keyword.Constant */
.highlight .kd { color: #7e8aa2} /* Keyword.Declaration */
.highlight .kn { color: #7e8aa2} /* Keyword.Namespace */
.highlight .kp { color: #7e8aa2} /* Keyword.Pseudo */
.highlight .kr { color: #7e8aa2} /* Keyword.Reserved */
.highlight .kt { color: #7e8aa2} /* Keyword.Type */
.highlight .ld { color: #e2e2e5} /* Literal.Date */
.highlight .m { color: #ff9800} /* Literal.Number */
.highlight .s { color: #b1d631; font-style: italic} /* Literal.String */
.highlight .na { color: #ffffff; font-weight: bold} /* Name.Attribute */
.highlight .nb { color: #e2e2e5} /* Name.Builtin */
.highlight .nc { color: #e2e2e5} /* Name.Class */
.highlight .no { color: #ff9800} /* Name.Constant */
.highlight .nd { color: #e2e2e5} /* Name.Decorator */
.highlight .ni { color: #ff9800} /* Name.Entity */
.highlight .ne { color: #e2e2e5} /* Name.Exception */
.highlight .nf { color: #ffffff; font-weight: bold} /* Name.Function */
.highlight .nl { color: #e2e2e5} /* Name.Label */
.highlight .nn { color: #e2e2e5} /* Name.Namespace */
.highlight .nx { color: #e2e2e5} /* Name.Other */
.highlight .py { color: #e2e2e5} /* Name.Property */
.highlight .nt { color: #7e8aa2} /* Name.Tag */
.highlight .nv { color: #b1d631} /* Name.Variable */
.highlight .ow { color: #e2e2e5} /* Operator.Word */
.highlight .w { color: #e2e2e5} /* Text.Whitespace */
.highlight .mf { color: #ff9800} /* Literal.Number.Float */
.highlight .mh { color: #ff9800} /* Literal.Number.Hex */
.highlight .mi { color: #ff9800} /* Literal.Number.Integer */
.highlight .mo { color: #ff9800} /* Literal.Number.Oct */
.highlight .sb { color: #b1d631; font-style: italic} /* Literal.String.Backtick */
.highlight .sc { color: #b1d631; font-style: italic} /* Literal.String.Char */
.highlight .sd { color: #b1d631; font-style: italic} /* Literal.String.Doc */
.highlight .s2 { color: #b1d631; font-style: italic} /* Literal.String.Double */
.highlight .se { color: #b1d631; font-style: italic} /* Literal.String.Escape */
.highlight .sh { color: #b1d631; font-style: italic} /* Literal.String.Heredoc */
.highlight .si { color: #b1d631; font-style: italic} /* Literal.String.Interpol */
.highlight .sx { color: #b1d631; font-style: italic} /* Literal.String.Other */
.highlight .sr { color: #b1d631; font-style: italic} /* Literal.String.Regex */
.highlight .s1 { color: #b1d631; font-style: italic} /* Literal.String.Single */
.highlight .ss { color: #b1d631; font-style: italic} /* Literal.String.Symbol */
.highlight .bp { color: #e2e2e5} /* Name.Builtin.Pseudo */
.highlight .vc { color: #b1d631} /* Name.Variable.Class */
.highlight .vg { color: #b1d631} /* Name.Variable.Global */
.highlight .vi { color: #b1d631} /* Name.Variable.Instance */
.highlight .il { color: #ff9800} /* Literal.Number.Integer.Long */

.type-csharp .highlight .k { color: #0000FF }
.type-csharp .highlight .kt { color: #0000FF }
.type-csharp .highlight .nf { color: #000000; font-weight: normal }
.type-csharp .highlight .nc { color: #2B91AF }
.type-csharp .highlight .nn { color: #000000 }
.type-csharp .highlight .s { color: #A31515 }
.type-csharp .highlight .sc { color: #A31515 }

styles.css

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,300,400,600,700);

body {
  padding: 50px;
  font: 16px/1.6 "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
  letter-spacing: 0.01rem;
  color: hsl(0, 0%, 28%);
}

h1, h2, h3, h4, h5, h6 {
  color: hsl(193, 20%, 10%);
  margin: 0 0 1em;
}

p, ul, ol, table, pre, dl {
  margin: 0 0 1.7em;
}

h1, h2, h3 {
  line-height: 1.1;
}

h1 {
  font-size: 28px;
}

h6 {
  color: hsl(0, 0%, 53%);
  text-transform: uppercase;
  font-size: 14px;
}

p.hero,
section:first-of-type > p:first-of-type {
  font-size: 18px;
  font-style: italic;
  line-height: 1.7em;
  color: hsl(0, 0%, 28%);
}

p.hero em,
section:first-of-type > p:first-of-type em {
  color: #000;
  font-weight: 600;
}

a {
  color: hsl(207, 97%, 50%);
  font-weight: 400;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a small {
  font-size: 11px;
  color: #777;
  margin-top: -0.6em;
  display: block;
}

.wrapper {
  width: 860px;
  margin: 0 auto;
}

blockquote {
  border-left: 1px solid #e5e5e5;
  margin: 0;
  padding: 0 0 0 20px;
  font-style: italic;
}

code, pre {
  font-family: Monaco, Bitstream Vera Sans Mono, Lucida Console, Terminal;
  font-size: 14px;
  color: #000;
}

code {
  background: #e7ebee;
  padding: 1px 8px;
  border-radius: 5px;
}

pre {
  padding: 8px 15px;
  overflow-x: auto;
}

table {
  width: 100%;
  border-collapse: collapse;
}

th, td {
  text-align: left;
  padding: 5px 10px;
  border-bottom: 1px solid #e5e5e5;
}

dt {
  color:#444;
  font-weight:700;
}

th {
  color:#444;
}

img {
  max-width:100%;
}

header {
  width:270px;
  float:left;
  position:fixed;
}

header ul {
  list-style:none;
  height:40px;

  padding:0;

  border-radius:5px;
  border: 1px solid hsl(0, 0%, 87%);
  width: 270px;
}

header li {
  width: 89px;
  float: left;
  height: 40px;
}

header ul a {
  line-height:1.2em;
  font-size:11px;
  color:#999;
  display:block;
  text-align:center;
  padding-top:6px;
  height:40px;
}

header ul a:hover,
header ul a:hover strong {
  color: hsl(207, 97%, 50%);
  text-decoration: none;
}

strong {
  font-weight: 700;
}

header ul li + li {
  width: 88px;
  border-left: 1px solid #fff;
}

header ul li + li + li {
  border-right:none;
  width:89px;
}

header ul a strong {
  font-size: 14px;
  display: block;
  color: #222;
}

section {
  width: 500px;
  float: right;
  padding-bottom: 50px;
}

small {
  font-size: 11px;
}

hr {
  border: 0;
  background:#e5e5e5;
  height:1px;
  margin:0 0 20px;
}

footer {
  width: 270px;
  float: left;
  position: fixed;
  bottom: 50px;
}

footer p {
  font-size: 10px;
  font-weight: 600;
}

footer p:last-of-type {
  margin-bottom: 0;
}

@media print, screen and (max-width: 960px) {

  div.wrapper {
    width:auto;
    margin:0;
  }

  header, section, footer {
    float:none;
    position:static;
    width:auto;
  }

  header {
    padding-right:320px;
  }

  section {
    border:1px solid #e5e5e5;
    border-width:1px 0;
    padding:20px 0;
    margin:0 0 20px;
  }

  header a small {
    display:inline;
  }

  header ul {
    position:absolute;
    right:50px;
    top:52px;
  }
}

@media print, screen and (max-width: 720px) {
  body {
    word-wrap:break-word;
  }

  header {
    padding:0;
  }

  header ul, header p.view {
    position:static;
  }

  pre, code {
    word-wrap:normal;
  }
}

@media print, screen and (max-width: 480px) {
  body {
    padding:15px;
  }

  header ul {
    display:none;
  }
}

@media print {
  body {
    padding:0.4in;
    font-size:12pt;
    color:#444;
  }
}

Nice work!