config.py

c.JupyterHub.template_paths=['.']

login.html

{% extends "templates/login.html" %}
{% block login %}
<div class='container branding'>
<img
src='https://snri.ucmerced.edu/sites/snri.ucmerced.edu/files/images/170206_ucmercedlogo_seal.png'>
</div>


{{ super() }}

<footer class='navbar-default'>
    <p>Access to the Merced Cluster via Juyter is currently in Beta, you can
    request an account by open a ticket with the Research It team | MERCED is supported by the National Science Foundation (Grant No. ACI-1429783).</p>
</footer>

{% endblock %}

{% block stylesheet %}
{{ super() }}
<style>
.branding img {
    display: block; 
    width: 350px;
    /* top right bottom left */
    margin: 0 auto 0 auto;
}

#login-main .auth-form-body {
    border-color: rgb(0, 124, 186);
    color: white;
}

#login-main {
    margin-top: 1%;
    height: 100%;
}

footer {
    border-top: 1px solid silver;
    padding: 10px;
    bottom: 0;
    position: fixed;
    width: 100%;
}

footer p{
    margin: 0 auto 0 auto;
    text-align: center;
}

#login-main form {
    vertical-align: top;
}

#login-main .auth-form-header {
    color: white;
    background: rgb(219, 170, 0);
    border: 1px solid;
    border-color: rgb(0, 124, 186);
}

#insecure-login-warning {
    color: black;
}

.btn-jupyter.active, .btn-jupyter:active, .open>.dropdown-toggle.btn-jupyter {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px #a88400;
    border-color: #a88400;
    outline-color: #a88400;
}

#login-main .form-control:focus, #login-main input[type=submit]:focus {
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgb(219, 170, 0);
    border-color: rgb(219, 170, 0);
    outline-color: rgb(219, 170, 0);
}

.btn-jupyter {
    color: #fff;
    background-color: rgb(219, 170, 0);
    border-color: rgb(219, 170, 0);
}

</style>
{% endblock %}