forked from DGNum/gestioCOF
1499c0bced
K-Fêt - Wagtail - Page content becomes a StreamField. - GroupTeam snippet becomes a block for stream field. - Navigation menu moved becomes a "flatmenu", preventing possible future conflicts. - Page layout can be modified in wagtail admin. K-Fêt - Add shorthands for ukf account balance/article price. - Cleaning stylesheets and templates.
151 lines
2.7 KiB
CSS
151 lines
2.7 KiB
CSS
.navbar {
|
|
background: #000;
|
|
color: #DDD;
|
|
border: 0;
|
|
font-family: Roboto;
|
|
}
|
|
|
|
.navbar .navbar-header {
|
|
float: left;
|
|
display: none;
|
|
margin-left: -15px;
|
|
margin-right: 0;
|
|
}
|
|
|
|
.navbar .navbar-brand {
|
|
padding: 3px 0;
|
|
margin: 0 15px !important;
|
|
}
|
|
|
|
.navbar .navbar-brand img {
|
|
height: 44px;
|
|
}
|
|
|
|
.navbar .navbar-toggle {
|
|
border: 0;
|
|
border-radius: 0;
|
|
padding: 18px 15px;
|
|
margin: 0;
|
|
min-width: auto;
|
|
}
|
|
|
|
.navbar .navbar-toggle .icon-bar {
|
|
background: #fff;
|
|
}
|
|
|
|
.navbar-nav {
|
|
font-size: 14px;
|
|
margin: 0 0 0 -15px;
|
|
float: left;
|
|
}
|
|
|
|
@media (min-width: 460px) {
|
|
.navbar .navbar-header {
|
|
display: block;
|
|
}
|
|
|
|
.navbar-nav {
|
|
margin-left: 0;
|
|
}
|
|
|
|
.navbar-nav .nav-pages.dropdown .dropdown-menu > li:first-child {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
.navbar-right {
|
|
float: right !important;
|
|
margin: 0 -15px 0 0;
|
|
}
|
|
|
|
.navbar-nav a {
|
|
transition: background-color, box-shadow, color;
|
|
transition-duration: 0.15s;
|
|
}
|
|
|
|
.navbar-nav > li {
|
|
float: left;
|
|
text-align: center;
|
|
}
|
|
|
|
.navbar-nav > li > a {
|
|
min-width: 50px;
|
|
padding: 15px 10px;
|
|
color: #FFF;
|
|
}
|
|
|
|
.navbar-nav > .divider {
|
|
height: 1px;
|
|
background: rgba(255, 255, 255, 0.1);
|
|
}
|
|
|
|
@media (min-width: 1200px) {
|
|
.navbar-nav > li > a {
|
|
padding-left: 15px;
|
|
padding-right: 15px;
|
|
}
|
|
}
|
|
|
|
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus,
|
|
.nav .open > a:hover, .nav .open > a:focus,
|
|
.navbar-nav > li.active > a,
|
|
.navbar-nav .dropdown:hover > a, .navbar-nav .dropdown:focus > a {
|
|
background-color: #C8102E;
|
|
color: #FFF;
|
|
box-shadow: inset 0 3px 3px -4px #000;
|
|
}
|
|
|
|
.navbar-nav .dropdown .dropdown-menu {
|
|
padding: 0;
|
|
border: 0;
|
|
border-radius: 0;
|
|
background-color: #FFF;
|
|
font-size: 14px;
|
|
|
|
/* override max-width: 767px of bs */
|
|
position: absolute;
|
|
float: left;
|
|
box-shadow: 0 6px 12px rgba(0,0,0,.175);
|
|
}
|
|
|
|
.navbar-nav .dropdown .dropdown-menu > li > a {
|
|
padding: 8px 10px;
|
|
line-height: inherit;
|
|
color: #000;
|
|
}
|
|
|
|
.navbar-nav .dropdown .dropdown-menu > li > a:hover,
|
|
.navbar-nav .dropdown .dropdown-menu > li > a:focus {
|
|
color: #c8102e;
|
|
background-color: transparent;
|
|
}
|
|
|
|
.navbar-nav .dropdown .dropdown-menu .divider {
|
|
margin: 0;
|
|
}
|
|
|
|
.navbar-nav .dropdown .dropdown-menu {
|
|
display: block;
|
|
visibility: hidden;
|
|
opacity: 0;
|
|
transition: opacity 0.15s;
|
|
}
|
|
|
|
.navbar-nav .dropdown:hover > .dropdown-menu,
|
|
.navbar-nav .dropdown:focus > .dropdown-menu,
|
|
.navbar-nav .dropdown.open > .dropdown-menu {
|
|
visibility: visible;
|
|
opacity: 1;
|
|
}
|
|
|
|
@media (min-width: 992px) {
|
|
.navbar-nav .dropdown .dropdown-menu > li > a {
|
|
padding-left: 20px;
|
|
padding-right: 20px;
|
|
}
|
|
}
|
|
|
|
.nav-app .dropdown-menu {
|
|
right: 0;
|
|
left: auto;
|
|
}
|