6cbed3be20
Add a bootstrap css based theme to groups portal, and match the design elements and layout of new openstack.org site. This patch will not enable the theme by default, just add the bootstrap module and the openstack subtheme. The subtheme is based on the sass version of bootstrap with a bundle compass support. Change-Id: Iae976151e87d4d2edd6e913a5aea16d9c13dc051
115 lines
2.1 KiB
SCSS
115 lines
2.1 KiB
SCSS
//
|
|
// Custom OpenStack navbar
|
|
// -----------------------
|
|
|
|
.navbar-os {
|
|
@extend .navbar-default;
|
|
font-size: 14px;
|
|
padding: 20px 0px;
|
|
background: none;
|
|
margin: 0px;
|
|
.navbar-nav {
|
|
float: right;
|
|
}
|
|
.navbar-nav > .active > a,
|
|
.navbar-nav > .active > a:hover,
|
|
.navbar-nav > li > a,
|
|
.navbar-nav > li > a:hover,
|
|
.navbar-nav > li > a:focus {
|
|
color: #8A959E;
|
|
font-size: 12px;
|
|
text-transform: uppercase;
|
|
padding: 15px;
|
|
background: none;
|
|
line-height: 20px;
|
|
}
|
|
.navbar-nav > .active > a:hover,
|
|
.navbar-nav > li > a:hover {
|
|
color: #333;
|
|
}
|
|
.navbar-nav > li > a.sign-in-btn {
|
|
@include border-radius(2px);
|
|
background: #2A4E68;
|
|
padding: 7px 25px;
|
|
margin-top: 7px;
|
|
color: #FFF;
|
|
margin-left: 15px;
|
|
}
|
|
.navbar-nav > li > a.sign-in-btn:hover {
|
|
background: #286A95;
|
|
}
|
|
.navbar-nav {
|
|
padding-right: 15px;
|
|
}
|
|
.navbar-header {
|
|
min-width: 135px;
|
|
padding-right: 20px;
|
|
border-right: 1px solid #EEE;
|
|
}
|
|
}
|
|
|
|
// Hide border line on front page
|
|
body.front .navbar-os {
|
|
border: 0px;
|
|
}
|
|
|
|
#block-search-form {
|
|
display: none;
|
|
}
|
|
|
|
/*.navbar-os {
|
|
@extend .navbar-default;
|
|
border: none;
|
|
margin-top: 40px;
|
|
margin-bottom: 10px;
|
|
.container {
|
|
max-width: none;
|
|
padding: 0px;
|
|
padding-left: ($grid-gutter-width / 2);
|
|
padding-right: ($grid-gutter-width / 2);
|
|
}
|
|
.navbar-header {
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
}
|
|
@media (min-width: $screen-sm-min) {
|
|
.container {
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
}
|
|
}
|
|
.collapse {
|
|
margin-left: 200px;
|
|
padding-right: 0px;
|
|
}
|
|
.navbar-nav {
|
|
width: 100%;
|
|
margin-left: 0px;
|
|
margin-right: 0px;
|
|
background: url(../images/header-line.gif);
|
|
background-position: 0px 100%;
|
|
background-repeat: repeat-x;
|
|
>.active {
|
|
border-bottom: 3px solid $red2;
|
|
>a, >a:focus, >a:hover {
|
|
background: none;
|
|
}
|
|
}
|
|
}
|
|
.nav > li {
|
|
margin-right: 20px;
|
|
}
|
|
|
|
.nav > li > a {
|
|
color: $grey6;
|
|
padding-left: 0px;
|
|
padding-right: 0px;
|
|
padding-top: 20px;
|
|
padding-bottom: 5px;
|
|
font-size: 14px;
|
|
line-height: 21px;
|
|
&.active {
|
|
color: $red2;;
|
|
}
|
|
}
|
|
}*/ |