Personalized Web scripts for PostgreSQL Docs

README.md

Description

These files represent the different parts for the customisation for the PostgreSQL docs.

• shrinks the page width
• changes to colors (based on http://ethanschoonover.com/solarized)
• Changes the font-family and line-height

All to make the page a bit more readable

Requires the Chrome extension Personalized Web

custom.css

BODY {
   font-family: 'Merriweather', serif;
}

#docContainer{
   width: 45em;
   line-height: 1.8em;
   color: #586e75;
}

#docContainerWrap {
   background: #fdf6e3;
}

#docContainer tt, #docContainer pre, #docContainer code {
   font-size: inherit !important;
   border: 1px solid #ccc;
   padding: 0.2em 0.3em;
}

blockquote.NOTE, blockquote.TIP {
   width: inherit !important;
}

pre.LITERALLAYOUT, .SCREEN, .SYNOPSIS, .PROGRAMLISTING, .REFSYNOPSISDIV p, table.CAUTION, table.WARNING, blockquote.NOTE, blockquote.TIP {
   background-color: #eee8d5;
   color: #657b83;
}

custom.js

  WebFontConfig = {
    google: { families: [ 'Merriweather:latin' ] }
  };
  (function() {
    var wf = document.createElement('script');
    wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
      '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
  })();