navbar colors

This commit is contained in:
Michele Artini 2024-11-27 11:13:09 +01:00
parent 1171eb70ba
commit a5b4ccea03
7 changed files with 43 additions and 18 deletions

View File

@ -150,13 +150,13 @@ sup {
}
a {
color: #2fa4e7;
color: #292e3d;
text-decoration: none;
background-color:transparent
}
a:hover {
color: #157ab5;
color: #ada792;
text-decoration:underline
}
@ -4294,7 +4294,8 @@ input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].bt
align-items: center;
-ms-flex-pack: justify;
justify-content: space-between;
padding:.5rem 1rem
padding:.5rem 1rem;
border-bottom: 1px solid #e63a46;
}
.navbar .container, .navbar .container-fluid, .navbar .container-lg, .navbar .container-md, .navbar .container-sm, .navbar .container-xl {
@ -4309,19 +4310,27 @@ input[type=button].btn-block, input[type=reset].btn-block, input[type=submit].bt
}
.navbar-brand {
position: relative;
display: inline-block;
padding-top: .3125rem;
padding-bottom: .3125rem;
margin-right: 1rem;
font-size: 1.25rem;
font-size: 0.8rem;
text-align: right;
vertical-align: bottom;
line-height: inherit;
white-space:nowrap
white-space:nowrap;
}
.navbar-brand:focus, .navbar-brand:hover {
text-decoration:none
}
.navbar-brand span {
position: absolute;
bottom: 0px;
right: 0px;
}
.navbar-nav {
display: -ms-flexbox;
display: flex;
@ -10529,3 +10538,4 @@ a.text-dark:focus, a.text-dark:hover {
.dropdown-menu .dropdown-header {
color: #868e96
}

Binary file not shown.

After

Width:  |  Height:  |  Size: 4.3 KiB

View File

@ -19,8 +19,11 @@
<body>
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#"><img src="resources/images/openaire_logo_small.png" width="30" height="30" alt="OpenAIRE logo"><span th:text="${sysconf.title}"></span></a>
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="#">
<img src="resources/images/openorgs_logo.png" />
<span th:text="${sysconf.title}"></span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"><span class="navbar-toggler-icon"></span></button>

View File

@ -19,8 +19,11 @@
<body ng-app="authReqApp" ng-controller="authReqCtrl">
<div class="container">
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#"><img src="resources/images/openaire_logo_small.png" width="30" height="30" alt="OpenAIRE logo"><span th:text="${sysconf.title}"></span></a>
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="#">
<img src="resources/images/openorgs_logo.png" />
<span th:text="${sysconf.title}"></span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"><span class="navbar-toggler-icon"></span></button>

View File

@ -21,8 +21,11 @@
<body>
<div>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#"><img src="resources/images/openaire_logo_small.png" width="30" height="30" alt="OpenAIRE logo"><span th:text="${sysconf.title}"></span></a>
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="#">
<img src="resources/images/openorgs_logo.png" />
<span th:text="${sysconf.title}"></span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"><span class="navbar-toggler-icon"></span></button>

View File

@ -21,8 +21,11 @@
<body>
<div>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary">
<a class="navbar-brand" href="#"><img src="resources/images/openaire_logo_small.png" width="30" height="30" alt="OpenAIRE logo"><span th:text="${sysconf.title}"></span></a>
<nav class="navbar navbar-expand-lg">
<a class="navbar-brand" href="#">
<img src="resources/images/openorgs_logo.png" />
<span th:text="${sysconf.title}"></span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"><span class="navbar-toggler-icon"></span></button>

View File

@ -64,13 +64,16 @@ fieldset > legend { font-size : 1.2rem !important; }
<span class="grayRectangle"><!--The spinner is added on loading here--></span>
</div>
<nav class="navbar navbar-expand-lg navbar-dark bg-primary" ng-controller="menuCtrl">
<a class="navbar-brand" href="#"><img src="resources/images/openaire_logo_small.png" width="30" height="30" alt="OpenAIRE logo"><span th:text="${sysconf.title}"></span></a>
<nav class="navbar navbar-expand-lg" ng-controller="menuCtrl">
<a class="navbar-brand" href="#">
<img src="resources/images/openorgs_logo.png" />
<span th:text="${sysconf.title}"></span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent"><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse w-100 order-1" id="navbarSupportedContent">
<ul class="navbar-nav mr-auto">
<ul class="navbar-nav">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="javascript:void(0)" data-toggle="dropdown">Search</a>
<div class="dropdown-menu">