/* Bootstrap 3 compatibility layer for AskALibrarian.org (Bootstrap 5) ----------------------------------------------------------------- Bootstrap 5 removed several Bootstrap 3 classes that this codebase historically relied on (e.g., .well, .jumbotron, .img-responsive, .btn-default, .close). This file re-introduces the *minimal* BS3-era styling needed so the existing markup renders like the legacy site while running on BS5. */ /* --- Images --- */ .img-responsive { display: block; max-width: 100%; height: auto; } .img-circle { border-radius: 50% !important; } .center-block { display: block; margin-left: auto; margin-right: auto; } /* --- Old float helpers --- */ .pull-right { float: right !important; } .pull-left { float: left !important; } /* --- Bootstrap 3 "jumbotron" look --- */ .jumbotron { background-color: #fff; border: 1px solid #ccc; border-radius: .25rem; padding: 30px; margin-bottom: 30px; } /* --- Bootstrap 3 "well" look (used for the notice + lower button panel) --- */ .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0,0,0,.05); } .well-sm { padding: 9px; border-radius: 3px; } /* --- Bootstrap 3 "btn-default" --- */ .btn-default { color: #333; background-color: #fff; border-color: #ccc; } .btn-default:hover, .btn-default:focus { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:active, .btn-default.active { color: #333; background-color: #e6e6e6; border-color: #adadad; } .btn-default:disabled, .btn-default.disabled { background-color: #fff; border-color: #ccc; opacity: .65; } /* --- Bootstrap 3 modal close button (.close) fallback --- */ .close { float: right; font-size: 1.5rem; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; opacity: .2; border: 0; background: transparent; padding: 0; } .close:hover, .close:focus { opacity: .5; text-decoration: none; } /* Make sure the BS5 close icon is visible on light backgrounds */ .btn-close { opacity: 1 !important; } /* --- Remove the heavy BS5 focus ring (BS3 didn’t do this) --- */ .btn:focus, .btn:focus-visible { outline: none !important; box-shadow: none !important; } /* --- Match LibAnswers chat widget blue across ALL primary buttons --- */ /* Chat button appears darker (#0041C2). Align the rest of the site to that. */ .btn-primary { --bs-btn-bg: #0041c2; --bs-btn-border-color: #0041c2; --bs-btn-hover-bg: #0037a7; --bs-btn-hover-border-color: #0037a7; --bs-btn-active-bg: #0037a7; --bs-btn-active-border-color: #0037a7; --bs-btn-focus-shadow-rgb: 0, 65, 194; } /* --- Remote-loaded modal content tweaks --- */ /* Some legacy remote modal pages centered content via , but we intentionally do not import remote styles. Center the Text modal's content here instead. */ #text .modal-body { text-align: center; } #text .modal-body .btn { display: inline-block; } /