spawner/render/static/jupyter.css

/* Jupyterhub style.css */
.btn-jupyter {
    color: #fff;
    background-color: #f37524;
    border-color: #e34f21
}

.btn-jupyter.focus,
.btn-jupyter:focus {
    color: #fff;
    background-color: #d85c0c;
    border-color: #76270f
}

.btn-jupyter:hover {
    color: #fff;
    background-color: #d85c0c;
    border-color: #b13b16
}

.btn-jupyter.active,
.btn-jupyter:active,
.open>.dropdown-toggle.btn-jupyter {
    color: #fff;
    background-color: #d85c0c;
    background-image: none;
    border-color: #b13b16
}

.btn-jupyter.active.focus,
.btn-jupyter.active:focus,
.btn-jupyter.active:hover,
.btn-jupyter:active.focus,
.btn-jupyter:active:focus,
.btn-jupyter:active:hover,
.open>.dropdown-toggle.btn-jupyter.focus,
.open>.dropdown-toggle.btn-jupyter:focus,
.open>.dropdown-toggle.btn-jupyter:hover {
    color: #fff;
    background-color: #b64d0a;
    border-color: #76270f
}

.btn-jupyter.disabled.focus,
.btn-jupyter.disabled:focus,
.btn-jupyter.disabled:hover,
.btn-jupyter[disabled].focus,
.btn-jupyter[disabled]:focus,
.btn-jupyter[disabled]:hover,
fieldset[disabled] .btn-jupyter.focus,
fieldset[disabled] .btn-jupyter:focus,
fieldset[disabled] .btn-jupyter:hover {
    background-color: #f37524;
    border-color: #e34f21
}

.btn-jupyter .badge {
    color: #f37524;
    background-color: #fff
}

@media (max-width:480px) {
    #jupyterhub-logo {
        margin-left: 15px
    }
}

#jupyterhub-logo .jpy-logo {
    height: 28px;
    margin-top: 6px
}

@media (max-width:480px) {
    .navbar-right li span {
        position: relative;
        display: block;
        padding: 10px 15px
    }
}

#header {
    border-bottom: 1px solid #e7e7e7
}

.hidden {
    display: none
}

#progress-log {
    margin-top: 8px
}

.progress-log-event {
    border-top: 1px solid #e7e7e7;
    padding: 8px
}

.feedback-container {
    margin-top: 16px
}

.feedback-widget {
    padding: 5px 0 0 6px
}

.feedback-widget i {
    font-size: 2em;
    color: #d3d3d3
}

.form-control:focus {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px #f37524;
    border-color: #f37524;
    outline-color: #f37524
}

i.sort-icon {
    margin-left: 4px
}

tr.pagination-row>td.pagination-page-info {
    vertical-align: middle
}

.version_footer {
    bottom: 0;
    width: 100%
}

div.error {
    margin: 2em;
    text-align: center
}

div.ajax-error {
    padding: 1em;
    text-align: center;
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1
}

div.ajax-error hr {
    border-top-color: #e4b9c0
}

div.ajax-error .alert-link {
    color: #843534
}

div.error>h1 {
    font-size: 300%;
    line-height: normal
}

div.error>p {
    font-size: 200%;
    line-height: normal
}

#login-main {
    display: table;
    height: 80vh
}

#login-main #insecure-login-warning {
    background-color: #fcf8e3;
    padding: 10px
}

a#login-main #insecure-login-warning:focus,
a#login-main #insecure-login-warning:hover {
    background-color: #f7ecb5
}

#login-main .service-login {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    margin: auto auto 20% auto
}

#login-main form {
    display: table-cell;
    vertical-align: middle;
    margin: auto auto 20% auto;
    width: 350px
}

#login-main .login_error {
    color: #ff4500;
    font-weight: 700;
    text-align: center
}

#login-main .auth-form-header {
    padding: 10px 20px;
    color: #fff;
    background: #f37524;
    border-radius: 3px 3px 0 0;
    font-size: large
}

#login-main .auth-form-header>h1 {
    font-size: inherit;
    font-weight: inherit;
    margin: 0
}

#login-main .auth-form-body {
    padding: 20px;
    border: thin silver solid;
    border-top: none;
    border-radius: 0 0 3px 3px
}