custom.css

/* A typographically tinkered Jupyter notebook stylesheet
 *
 * Copyright © 2013--2015 Jiahao Chen <jiahao@mit.edu>
 *
 * MIT License
 *
 * To use, place in
 *
 *     ~/.jupyter/custom/custom.css
 *
 * and refresh the page.
 *
 * The Jupyter server does not need to be restarted.
 *
 * Based on suggestions from practicaltypography.com
 */

.rendered_html ol {
    list-style:decimal;
    margin: 1em 2em;
}

.autosave_status, .checkpoint_status {
        color: #bbbbbb;
	font-family: "Fira Sans", sans-serif;
}

.filename {
    font-family: "Charis SIL", "Hoefler Text", Garamond, Palatino, serif;
    font-variant: small-caps;
    letter-spacing: 0.08em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.text_cell, .text_cell_render {
    font-family: "Charis SIL", "Hoefler Text", Garamond, Palatino, serif;
    font-size: 18px;
    line-height:1.4em;
    padding-left:3em;
    padding-right:3em;
    max-width: 36em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-variant-ligatures: contextual no-historical-ligatures common-ligatures;
}

blockquote p {
    font-size: 17px;
    line-height:1.2em;
    font-family: "Charis SIL", "Hoefler Text", Garamond, Palatino, serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-variant-ligatures: contextual no-historical-ligatures common-ligatures;
}

.code_cell {  /* Area containing both code and output */
    font-family: "Source Code Pro", "Droid Sans Mono", Consolas, "Ubuntu Mono", "Liberation Mono", monospace;
    background-color:#F1F0FF; /* light blue */
    border-radius: 0.8em;
    padding: 1em;
}

code, pre, .CodeMirror {
    font-family: "Source Code Pro", "Droid Sans Mono", Consolas, "Ubuntu Mono", "Liberation Mono", monospace;
    line-height:1.25em;
    font-size: 16px;
}

.slide-header, p.slide-header
{
    color: #498AF3;
    font-size: 200%;
    font-weight:bold;
    margin: 0px 20px 10px;
    page-break-before: always;
    text-align: center;
}

div.prompt {
    font-family: "Source Code Pro", "Droid Sans Mono", Consolas, "Ubuntu Mono", "Liberation Mono", monospace;
    font-size: 11px;
}

div.output_area pre {
    font-family: "Source Code Pro", "Droid Sans Mono", Consolas, "Ubuntu Mono", "Liberation Mono", monospace;
    line-height:1.25em;
    font-size: 16px;
    background-color: #F4F4F4;
}

div.output_error pre {
    background-color: #ffeeee;
}

.cm-header-1, .rendered_html h1 {
    font-family: "Charis SIL", "Hoefler Text", Garamond, Palatino, serif;
    font-size: 24px;
    font-variant: small-caps;
    text-rendering: auto;
    letter-spacing: 0.06em;
    font-variant-ligatures: contextual no-historical-ligatures common-ligatures;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.cm-header-2, .rendered_html h2 {
    font-family: "Charis SIL", "Hoefler Text", Garamond, Palatino, serif;
    font-size: 21px;
    font-weight: bold;
    font-variant-ligatures: contextual no-historical-ligatures common-ligatures;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
}

.cm-header-3, .rendered_html h3 {
    font-family: "Charis SIL", "Hoefler Text", Garamond, Palatino, serif;
    font-size: 19px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-variant-ligatures: contextual no-historical-ligatures common-ligatures;
}

.cm-header-4, .rendered_html h4, .cm-header-5, .rendered_html h5, .cm-header-6, .rendered_html h6 {
    font-family: "Charis SIL", "Hoefler Text", Garamond, Palatino, serif;
    font-size: 18px;
    font-weight: bold;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    font-variant-ligatures: contextual no-historical-ligatures common-ligatures;
}

.rendered_html td {
    font-variant-numeric: tabular-nums;
}