custom.css

/*
To install, copy this file to:

~/.ipython/profile_default/static/custom (IPython 3.x) or ~/.jupyter/custom (IPython 4+)

This will always be an empty file in IPython
*/


/* Extend the cells */
.notebook_app .container { width:95% !important; }


/* Colors */
:root {
    --color-dark: #1c9099;
    --color-dark-1: #a6bddb;
    --color-dark-2: rgba(166, 189, 219, 0.4);

    --link-color-h1: #1abbeb;
    --link-color-h1-hover: #337ab7;
}


/* From http://blog.henryhhammond.com/pandas-formatting-snippets/#pretty_tables */

/* Pretty Pandas Dataframes */
.dataframe * {border-color: #c0c0c0 !important;}
.dataframe th {
    background: var(--color-dark-2);
    text-align: left;
}
.dataframe thead tr:first-child th {
    background: var(--color-dark-1); /* same color as the hover */
    text-align: center;
}
.dataframe td {
    background: #fff;
    text-align: center;
    min-width: 5em;
}

/* Format summary rows */
.dataframe-summary-row tr:last-child,
.dataframe-summary-col td:last-child {
    background: #eee;
    font-weight: 500;
}

/* Hover (rows) */
.dataframe tr:hover td {
    background-color: #CCCCCC;
}
.dataframe tr:hover th {
    background-color: var(--color-dark-1); /* same color as the first-child  */
    color: white;
}


/* Headers */
h1 {
    background-color: var(--color-dark);
    color: white;
    padding: 0.8em;
}
h1 a {color: var(--link-color-h1);} /* Link color (because of the header background) */
h1 a:hover {color: var(--link-color-h1-hover);}
h2 {
    background-color: var(--color-dark-1);
    color: white;
    padding: 0.5em;
}
h3 {
    background-color: var(--color-dark-2);
    color: var(--color-dark);
    padding: 0.5em;
}
h4 {
    color: var(--color-dark);
    padding: 0.5em;
}


/* Background */
.notebook_app {
    background-color: var(--color-dark-2);
}
#notebook-container {
    background-color: rgba(255, 255, 255, 0.8);
}
.cell {
    background-color: white;
}