/* 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 }