Full width header
This commit is contained in:
parent
61102845ed
commit
12f080e803
5 changed files with 106 additions and 119 deletions
|
@ -6,6 +6,9 @@ body {
|
|||
background-image: url('../img/logo.png');
|
||||
height: 25px;
|
||||
background-repeat: no-repeat;
|
||||
width: 102px;
|
||||
margin: 3px 20px 5px;
|
||||
text-indent: -99999px;
|
||||
}
|
||||
|
||||
.navbar-pf {
|
||||
|
@ -29,21 +32,21 @@ body {
|
|||
.navbar-pf .navbar-primary > .active > a,
|
||||
.navbar-pf .navbar-primary > .active > a:hover{
|
||||
background-color: rgba(0,0,0,0.1);
|
||||
border-bottom-color: rgba(0,0,0,0.3);
|
||||
border-right: rgba(0,0,0,0.3);
|
||||
border-top-color: rgba(0,0,0,0.1);
|
||||
font-weight: 600;
|
||||
background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);
|
||||
background-image: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.1) 100%);
|
||||
background-repeat: repeat-x;
|
||||
font-size: 12px;
|
||||
margin-top: 0;
|
||||
border-bottom: none;
|
||||
border-right-color: rgba(255,255,255,0.15);
|
||||
border-top-color: rgba(255,255,255,0.05);
|
||||
}
|
||||
|
||||
.navbar-pf .navbar-primary li.dropdown.context > a {
|
||||
padding-right: 12px;
|
||||
}
|
||||
|
||||
.navbar-pf .navbar-primary > li > a {
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.navbar-pf .navbar-primary li.dropdown.context > a:hover,
|
||||
.navbar-pf .navbar-primary li.dropdown.context.open > a,
|
||||
.navbar-pf .navbar-primary > .active > a:hover {
|
||||
|
@ -61,15 +64,15 @@ body {
|
|||
background-repeat: repeat-x;
|
||||
}
|
||||
|
||||
.navbar-pf .navbar-nav > li > a {
|
||||
.navbar-pf .navbar-utility li.dropdown > .dropdown-toggle {
|
||||
border-left: none;
|
||||
padding-top: 12px;
|
||||
padding-top: 11px;
|
||||
padding-bottom: 11px;
|
||||
color: #fff !important;
|
||||
}
|
||||
|
||||
.navbar-pf .navbar-utility li.dropdown > .dropdown-toggle .pficon-user {
|
||||
top: 11px;
|
||||
top: 10px;
|
||||
}
|
||||
|
||||
.navbar-pf .navbar-utility > li > a:hover,
|
||||
|
@ -171,15 +174,6 @@ header .navbar {
|
|||
margin-bottom: 0;
|
||||
}
|
||||
|
||||
.navbar-pf .navbar-title {
|
||||
color: #ddd;
|
||||
margin: .3em .4em;
|
||||
padding: 0;
|
||||
font-size: inherit;
|
||||
font-size: 1.3em;
|
||||
text-transform: uppercase;
|
||||
}
|
||||
|
||||
#idletimeout {
|
||||
background: #CC5100;
|
||||
color: #FFFFFF;
|
||||
|
|
|
@ -67,9 +67,7 @@
|
|||
</div>
|
||||
|
||||
<header class="navbar navbar-default navbar-pf navbar-main header">
|
||||
<div class="container">
|
||||
<div data-ng-include data-src="'partials/menu.html'"></div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container">
|
||||
|
|
|
@ -67,7 +67,6 @@
|
|||
</div>
|
||||
|
||||
<header class="navbar navbar-default navbar-pf navbar-main header">
|
||||
<div class="container">
|
||||
<nav id="kc-navigation" class="navbar" role="navigation">
|
||||
<div class="navbar-header">
|
||||
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse-1">
|
||||
|
@ -151,8 +150,6 @@
|
|||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container">
|
||||
|
|
|
@ -6,7 +6,7 @@
|
|||
<span class="icon-bar"></span>
|
||||
<span class="icon-bar"></span>
|
||||
</button>
|
||||
<h1 class="navbar-title"></h1>
|
||||
<h1 class="navbar-title">Keycloak</h1>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse navbar-collapse-1">
|
||||
<ul class="nav navbar-nav navbar-utility" data-ng-show="auth.loggedIn">
|
||||
|
|
|
@ -19,7 +19,6 @@
|
|||
<body class="admin-console user ${bodyClass}">
|
||||
|
||||
<header class="navbar navbar-default navbar-pf navbar-main header">
|
||||
<div class="container">
|
||||
<div>
|
||||
<nav class="navbar" role="navigation">
|
||||
<div class="navbar-header">
|
||||
|
@ -35,7 +34,6 @@
|
|||
</div>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<div class="container">
|
||||
|
|
Loading…
Reference in a new issue