/* ============================================================================= * DSpace tenant branding stylesheet * ----------------------------------------------------------------------------- * Generated per instance by scripts/onboard-tenant.sh from this template * (scripts/templates/branding.css.tpl). Served from * /assets/branding/branding.css and injected into through the theme's * headTags in ui-config.yml. * * Selectors target the stock DSpace 9 "dspace" theme and were taken from the * dspace-angular source: * header .navbar-brand img -> src/app/header/header.component.html * .home-news-content -> src/app/home-page/home-news/home-news.component.html * .btn-* -> Bootstrap 5 CSS custom properties * * Everything here is plain CSS — edit branding//branding.css and re-run * onboard-tenant.sh (same --slug) to push changes out to the running pods. * ===========================================================================*/ :root { /* Instance colours */ --dspace-brand-primary: #004080; --dspace-brand-accent: #ffcc00; /* Bootstrap colour system (DSpace maps Bootstrap variables to CSS custom properties on :root — see src/styles/_bootstrap_variables_mapping.scss) */ --bs-primary: #004080; --bs-link-color: #004080; --bs-link-hover-color: color-mix(in srgb, #004080 75%, black); /* Body font (font_body spec key); Bootstrap reads --bs-body-font-family from :root and our late-loaded stylesheet wins the cascade. */ /* DSpace theme palette hooks (header/footer/navbar/news colours). Every --ds-* variable is defined on :root by dspace-theme.css, which loads before this file — so re-declaring them here wins. */ } /* ---------------------------------------------------------------- email branding -- Email notification branding (for DSpace email templates like welcome, password reset). The email_logo serves as the header image in email templates. */ /* ---------------------------------------------------------------- buttons -- Bootstrap writes the real button colours as custom properties *on the button class*, so the same properties are re-declared here. `!important` guarantees our stylesheet wins regardless of load order. */ .btn-primary, .btn-check:checked + .btn-primary { --bs-btn-bg: #004080 !important; --bs-btn-border-color: #004080 !important; --bs-btn-hover-bg: color-mix(in srgb, #004080 82%, black) !important; --bs-btn-hover-border-color: color-mix(in srgb, #004080 82%, black) !important; --bs-btn-active-bg: color-mix(in srgb, #004080 70%, black) !important; --bs-btn-active-border-color: color-mix(in srgb, #004080 70%, black) !important; --bs-btn-disabled-bg: color-mix(in srgb, #004080 60%, white) !important; --bs-btn-disabled-border-color: color-mix(in srgb, #004080 60%, white) !important; } .btn-primary, .btn-check:checked + .btn-primary { --bs-btn-color: #ffffff !important; --bs-btn-hover-color: #ffffff !important; --bs-btn-active-color: #ffffff !important; } .btn-outline-primary { color: #004080 !important; border-color: #004080 !important; } .btn-outline-primary:hover, .btn-outline-primary:focus-visible { background-color: #004080 !important; border-color: #004080 !important; color: #ffffff !important; } /* Links and focus rings inside content areas */ main a:not(.btn):not(.page-link):not(.dropdown-item) { color: #004080; } main a:not(.btn):not(.page-link):not(.dropdown-item):hover { color: color-mix(in srgb, #004080 75%, black); } :focus-visible { outline-color: #004080; } /* Custom logo served from the tenant branding mount */ header .navbar-brand img { content: url("/assets/branding/logo.svg"); height: auto; width: auto; max-height: 48px; order: 1; } header .navbar-brand { display: flex; flex-direction: column; align-items: flex-start; line-height: 1.15; } header .navbar-brand::before { content: "Injibara University Institutional Repository"; order: 2; font-size: 1.05rem; font-weight: 700; color: #004080; } header .navbar-brand::after { content: "Open Access Repository"; order: 3; font-size: 0.72rem; font-weight: 500; color: #ffcc00; } /* Home page banner — replaces DSpace's stock marketing block */ .home-news-content { padding-top: 2.75rem; padding-bottom: 2.75rem; background-image: linear-gradient(rgba(15, 23, 42, 0.55), rgba(15, 23, 42, 0.55)), url("/assets/branding/hero.jpg"); background-size: cover !important; background-position: center center !important; background-repeat: no-repeat !important; min-height: auto !important; color: #fff !important; } /* Full-width hero: remove container constraints */ .home-news-content h1.display-2, .home-news-content p.lead, .home-news-content h1.display-2::after, .home-news-content p.lead::after { color: #fff !important; } /* Full-width hero using viewport width */ .home-news-content { width: 100vw !important; max-width: none !important; position: relative; left: 50%; right: 50%; margin-left: -50vw !important; margin-right: -50vw !important; } .home-news-content .container { max-width: none !important; width: 100% !important; padding: 0 !important; margin: 0 !important; } .home-news-content h1.display-2 { font-size: 0 !important; } .home-news-content p.lead { font-size: 0 !important; } /* Hide the stock DSpace marketing bullets/links in the banner */ .home-news-content ul, .home-news-content p:not(.lead) { display: none !important; } /* Hide photo credit if present */ .home-news-content .home-news-pic-credit, .home-news-content figcaption, .home-news-content .figure-caption, .home-news-content [class*="photo-credit"], small.credits, small[class*=credits], [class*=credits], .credits, div.background-image-container small.credits, .background-image-container > small.credits, .background-image-container [class*=credits], .home-news-content small.credits, .home-news-content [class*=credits], div[class*=background-image] small.credits, div[class*=background-image] [class*=credits], .jumbotron small.credits, .carousel small.credits, .hero-banner small.credits, [class*=home-news] small.credits, [class*=home-news] [class*=credits], ds-themed-home-news small.credits, ds-themed-home-news picture, ds-themed-home-news .picture, .home-news-content ~ picture, .home-news-content + picture, picture.background-image, .background-image, figure small.credits, figcaption.credits, figcaption { display: none !important; visibility: hidden !important; height: 0 !important; width: 0 !important; max-height: 0 !important; max-width: 0 !important; overflow: hidden !important; position: absolute !important; opacity: 0 !important; z-index: -9999 !important; pointer-events: none !important; }