openqa/SOURCES/branding-AlmaLinux-style.html.ep
Andrew Lukoshko e51babfd9d Wire in AlmaLinux web UI branding
Ship and enable the AlmaLinux branding set for the openQA web UI:

- Branding templates (templates/webapi/branding/AlmaLinux/): docbox,
  sponsorbox, style and a self-contained external_reporting that links
  failing jobs to bugs.almalinux.org (preselecting the AlmaLinux-N
  MantisBT project by job version; no reporter plugin dependency).
- Logo asset almalinux.svg installed into assets/images/ (served at
  /images/almalinux.svg).
- Wire the branding-layout patch into the spec: swap the navbar logo for
  the AlmaLinux mark and pull the branding stylesheet into the page head.
- Enable the branding by default via an openqa.ini.d drop-in
  (00-almalinux-branding.ini) so a fresh install is branded out of the box.
- style.html.ep: restore symmetric .navbar-brand>img padding so the navbar
  logo matches the openqa.almalinux.org rendering (openQA 5's bootstrap
  sets padding-top:0, which otherwise enlarges/top-aligns the logo).
2026-07-24 12:56:36 +02:00

104 lines
2.1 KiB
Plaintext

<style>
.navbar {
background-color: #082336;
}
.navbar-light .navbar-nav .nav-link {
color: #ffffff;
}
.navbar-nav .nav-link:hover,.navbar-nav .nav-link:focus {
background-color: transparent;
}
.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
color: #0069DA;
}
.navbar-nav {
font-size: 15px;
font-weight: 500;
}
.navbar-light .navbar-toggler-icon {
background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255,255,255,0.9%33' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}
body h1 {
font-size: 1.8rem!important;
}
body h2 {
font-size: 1.5rem!important;
}
body {
font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji" !important;
}
.jumbotron {
background-color: #dcd7d740;
}
.btn-primary {
color: #ffffff;
background-color: #0069DA;
}
a.btn.btn-primary:hover {
background: #004bbc;
}
.col-md-9 h1 {
color: #2c3e50;
}
.card {
border: 1px solid rgba(48,75,94,0.30);
}
.card-header {
color: #ffffff;
background-color: #304b5e;
}
.card-header strong {
color: #ffffff!important;
}
.card-header span {
color: #ffffff!important;
}
.build-results a {
color: #017698;
}
.build-dashboard .progress-bar-passed {
background-color: #68bc11;
}
.build-dashboard .progress-bar-failed {
background-color: #e1282b;
}
.build-dashboard .progress-bar-unfinished {
background-color: #2891ff;
}
.table thead {
background-image: linear-gradient(to bottom, transparent 0%, rgba(48,75,94,0.2525))!important;
}
.footer {
background-color: #dcd7d740;
}
/* openQA 5's bootstrap sets .navbar-brand>img{padding-top:0}, which makes the
logo taller and top-aligned. Restore symmetric padding so the navbar logo
matches the openqa.almalinux.org (openQA 4.6) rendering. */
.navbar-brand > img {
padding: 8px;
}
</style>