.navbar-nav .nav-link:hover:after {
transform: scaleX(1); } }
+body.About li.nav-item a.about {
+ color: #b71c1c; }
+ body.About li.nav-item a.about:after {
+ content: "";
+ border-bottom: 2px solid #b71c1c;
+ position: absolute;
+ width: 100%;
+ left: 0;
+ top: 44px;
+ padding: inherit;
+ transform: scale(1); }
+
#sidebar {
padding: 0; }
#sidebar ul {
<script src="{{ static_url("js/circle-progress.min.js") }}"></script>
</head>
- <body id="page-top">
+ <body id="page-top" class="{% block title %}{% end block %}">
<div class="fixed-top">
<div class="container d-flex justify-content-between">
<a class="nav-link" href="/">{{ _("Home") }}</a>
</li>
<li class="nav-item">
- <a class="nav-link" href="/features">{{ _("Features") }}</a>
+ <a class="nav-link about" href="/features">{{ _("Features") }}</a>
</li>
<li class="nav-item">
- <a class="nav-link" href="/download">{{ _("Download") }}</a>
+ <a class="nav-link download" href="/download">{{ _("Download") }}</a>
</li>
<li class="nav-item">
- <a class="nav-link" href="/get-support">{{ _("Support") }}</a>
+ <a class="nav-link support" href="/get-support">{{ _("Support") }}</a>
</li>
<li class="nav-item">
- <a class="nav-link" href="/get-involved">{{ _("Community") }}</a>
+ <a class="nav-link community" href="/get-involved">{{ _("Community") }}</a>
</li>
{% elif hostname == "admin.ipfire.org" %}