/*! * General site-wide classes for reuse accross entire site * Author: Adam Kewley */ .text-right-unless-collapsed { text-align: right; } @media screen and (max-width: 767px) { .text-right-unless-collapsed { text-align: left; } } /*! * General footer styling for Crown Informatics' login portal * Author: Adam Kewley */ /* This would normally only select and * but domino wraps all forms with

tags also */ html, body, form { margin: 0; padding: 0; height: 100%; } #body-wrapper { min-height: 100%; position: relative; } #body-wrapper #main-content-wrapper { padding-top: 1em; padding-bottom: 16em; } @media screen and (max-width: 767px) { #body-wrapper #main-content-wrapper { padding-bottom: 1.5em; } } #body-wrapper footer { position: absolute; margin: 0; padding: 0; bottom: 0; width: 100%; } #body-wrapper footer .footer-content { background-color: #eeeeee; padding: 1em 0; } #body-wrapper footer .footer-content section { padding-top: 1em; padding-bottom: 1em; } #body-wrapper footer .footer-content a { color: #555555; } #body-wrapper footer .footer-content h2, #body-wrapper footer .footer-content h3 { font-weight: bold; font-size: 16px; margin: 0 0 0.4em 0; } #body-wrapper footer .footer-content ul, #body-wrapper footer .footer-content li { list-style: none; padding: 0; margin: 0; } #body-wrapper footer .footer-copyright { background-color: #555555; color: #eeeeee; } #body-wrapper footer .footer-copyright .col-sm-6 { padding-top: 1em; padding-bottom: 1em; } @media screen and (max-width: 767px) { #body-wrapper footer { position: static; } } /*! * General styling of inputs accross the site * Author: Adam Kewley */ input[type="text"], input[type="email"], input[type="password"] { height: auto; padding: 3px; margin: 0; } .input-box { padding: 1.5em; border: thin solid #eeeeee; } .input-box .form-group { margin-bottom: 7.5px; } .input-box h1 { margin-top: 0; } .input-box label { font-size: 16px; font-weight: normal; } .input-box .forgot-link { display: block; text-align: right; } .input-box .request-code-link { display: block; text-align: right; } .input-box input[type="text"], .input-box input[type="email"], .input-box input[type="password"] { font-size: 16px; margin-bottom: 0; height: auto; } .input-box .submit-buttons { margin-top: 1em; width: 100%; text-align: center; } .input-box .submit-buttons .btn { margin: 0 0.1em; font-size: 16px; font-weight: normal; } /*! * Application panel styles. Application panels are rectangular containers * which usually contain jump links and explanations of Crown Informatics' * applications (e.g. NAIF). * * Author: Adam Kewley */ .application-panel { position: relative; margin: 0; padding: 0; } .application-panel * { color: #eeeeee; } .application-panel > * { margin: 0.5em; padding: 1em; } .application-panel .application-panel-btns { margin-top: 2em; text-align: right; } .application-panel .btn, .application-panel .btn-default { font-weight: bold; background-color: transparent; border-color: #eeeeee; transition: background-color 100ms; } .application-panel .btn:hover, .application-panel .btn-default:hover { background-color: #eeeeee; color: #555555; } .application-panel .application-panel-image { width: 100%; } .application-panel-other-tools h4 { display: inline; margin-right: 1em; } .application-panel-other-tools ul { list-style: none; padding: 0; margin: 0; } .application-panel-other-tools li { padding: 0; margin: 0; } .application-panel-other-tools a { cursor: pointer; } .application-panel-request-access * { color: #555555; } .application-panel-request-access .glyphicon { color: #70be60; } .application-panel-request-access > div { border: solid medium #70be60; } .application-panel-request-access .btn { color: #f2f2f2; background-color: #70be60; border-color: #70be60; } .application-panel-request-access .btn:hover, .application-panel-request-access .btn:focus, .application-panel-request-access .btn.focus, .application-panel-request-access .btn:active, .application-panel-request-access .btn.active, .open > .application-panel-request-access .btn.dropdown-toggle { color: #f2f2f2; background-color: #55a744; border-color: #51a041; } .application-panel-request-access .btn:active, .application-panel-request-access .btn.active, .open > .application-panel-request-access .btn.dropdown-toggle { background-image: none; } .application-panel-request-access .btn.disabled, .application-panel-request-access .btn.disabled:hover, .application-panel-request-access .btn.disabled:focus, .application-panel-request-access .btn.disabled.focus, .application-panel-request-access .btn.disabled:active, .application-panel-request-access .btn.disabled.active, .application-panel-request-access .btn[disabled], .application-panel-request-access .btn[disabled]:hover, .application-panel-request-access .btn[disabled]:focus, .application-panel-request-access .btn[disabled].focus, .application-panel-request-access .btn[disabled]:active, .application-panel-request-access .btn[disabled].active, fieldset[disabled] .application-panel-request-access .btn, fieldset[disabled] .application-panel-request-access .btn:hover, fieldset[disabled] .application-panel-request-access .btn:focus, fieldset[disabled] .application-panel-request-access .btn.focus, fieldset[disabled] .application-panel-request-access .btn:active, fieldset[disabled] .application-panel-request-access .btn.active { background-color: #70be60; border-color: #70be60; } .application-panel-request-access .btn .badge { color: #70be60; background-color: #f2f2f2; } .application-panel-request-access .btn .glyphicon { color: #f2f2f2; } .application-panel-request-access .btn:hover .glyphicon { color: #f2f2f2; } /*! * Styling for header when a user is logged in * Author: Adam Kewley */ #current-user-header .user-name, #current-user-header .header-btn { font-size: 18px; vertical-align: middle; margin: 0 5px; } #current-user-header .user-name { margin-right: 1em; } .dev { display: block; background-color: #fcf8e3; width: auto; } .createpass { /*font-size: 36px; font-weight: bold;*/ text-align: center; padding-top: 5px; width: auto; } div.information, div.alert { display: flex; justify-content: left; align-items: center; valign-text: middle; padding: 5px 5px 5px 34px; background-repeat: no-repeat; background-position: 9px center; font-weight: bold; font-size: 13px; min-height: 32px; margin-bottom: 20px; } div.information { border: 1px solid var(--info-border); background-color: var(--info-bg); background-image: url(icon-info.png); color: var(--info-border); } div.alert { border: 1px solid var(--alert-border); background-color: var(--alert-bg); background-image: url(icon-warning.png); color: var(--alert-text); } .bg-applications { background-color: #5c157b; } a.bg-applications:hover { background-color: #3b0e4f; } .btn-applications { color: #fff; background-color: #5c157b; border-color: #5c157b; } .btn-applications:hover, .btn-applications:focus, .btn-applications.focus, .btn-applications:active, .btn-applications.active, .open > .btn-applications.dropdown-toggle { color: #fff; background-color: #3b0e4f; border-color: #350c47; } .btn-applications:active, .btn-applications.active, .open > .btn-applications.dropdown-toggle { background-image: none; } .btn-applications.disabled, .btn-applications.disabled:hover, .btn-applications.disabled:focus, .btn-applications.disabled.focus, .btn-applications.disabled:active, .btn-applications.disabled.active, .btn-applications[disabled], .btn-applications[disabled]:hover, .btn-applications[disabled]:focus, .btn-applications[disabled].focus, .btn-applications[disabled]:active, .btn-applications[disabled].active, fieldset[disabled] .btn-applications, fieldset[disabled] .btn-applications:hover, fieldset[disabled] .btn-applications:focus, fieldset[disabled] .btn-applications.focus, fieldset[disabled] .btn-applications:active, fieldset[disabled] .btn-applications.active { background-color: #5c157b; border-color: #5c157b; } .btn-applications .badge { color: #5c157b; background-color: #fff; } * { transition: background-color 0.1s; transition-timing-function: ease-in; }