File: //usr/local/CyberCP/baseTemplate/static/baseTemplate/assets/elements/menus.css
/* Vertical navigation */
.nav {
margin: 0;
padding: 0;
list-style: none;
}
.nav > li {
position: relative;
display: block;
}
.nav > li > a {
position: relative;
display: block;
margin-bottom: 5px;
padding: 10px 15px;
}
.nav .nav-divider {
overflow: hidden;
height: 1px;
margin: 5px 0;
}
.nav > li > a > img {
max-width: none;
}
/* Tabs navigation */
.nav-tabs {
padding-right: 10px;
padding-left: 10px;
border-bottom: 1px solid transparent;
}
.nav-tabs > li {
float: left;
margin-bottom: -1px;
}
.nav-tabs > li > a {
margin-right: 5px;
margin-bottom: 0;
border-bottom: 1px solid transparent;
border-bottom-right-radius: 0 !important;
border-bottom-left-radius: 0 !important;
}
.nav .dropdown-menu {
margin-top: 10px;
}
/* Left tabs */
.nav-tabs-left {
float: left;
padding: 10px 0 5px;
border-right: 1px solid transparent;
border-bottom: 0;
}
.nav-tabs-left > li {
float: none;
margin-right: -1px;
margin-bottom: 0;
}
.nav-tabs-left > li > a {
margin-right: 0;
margin-bottom: 5px;
border-right: 1px solid transparent;
border-bottom: 0;
}
.nav .dropdown-menu {
margin-top: 10px;
}
/* Right tabs */
.nav-tabs-right {
float: right;
padding: 10px 0 5px;
border-bottom: 0;
border-left: 1px solid transparent;
}
.nav-tabs-right > li {
float: none;
margin-bottom: 0;
margin-left: -1px;
}
.nav-tabs-right > li > a {
margin-bottom: 5px;
margin-left: 0;
border-bottom: 0;
border-left: 1px solid transparent;
}
/* Bottom tabs */
.nav-tabs-bottom {
border-top: 1px solid transparent;
border-bottom: 0;
}
.nav-tabs-bottom > li {
margin-top: -1px;
margin-bottom: 0;
}
.nav-tabs-bottom > li > a {
border-top: 1px solid transparent;
border-bottom: 0;
border-top-left-radius: 0 !important;
border-top-right-radius: 0 !important;
}
/* Pills navigation */
.nav-pills > li {
float: left;
}
.nav-pills > li > a {
margin-bottom: 0;
}
.nav-pills > li + li {
margin-left: 5px;
}
/* Pills vertical */
.nav-stacked > li {
float: none;
}
.nav-stacked > li + li {
margin-top: 5px;
margin-left: 0;
}
/* Justified navigation */
.nav-tabs.nav-justified {
width: 100%;
padding-right: 0;
padding-left: 0;
}
.nav-tabs.nav-justified > li {
float: none;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: 5px;
text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-tabs.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-tabs.nav-justified > li > a {
margin-bottom: -1px;
}
}
.nav-justified {
width: 100%;
margin-right: -5px;
margin-left: -5px;
}
.nav-justified > li {
float: none;
}
.nav-justified > li > a {
margin: 5px;
text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
top: auto;
left: auto;
}
@media (min-width: 768px) {
.nav-justified > li {
display: table-cell;
width: 1%;
}
.nav-justified > li > a {
margin-bottom: 0;
}
}
.nav-tabs-justified {
border-bottom: 0;
}
/* List groups vertical navigation */
.list-group {
margin-top: 0;
padding: 0;
list-style: none;
}
.list-group-separator a.list-group-item,
.list-group-separator a.list-group-item:hover,
.list-group-separator a.list-group-item:focus,
.list-group.rm-border a.list-group-item,
.list-group.rm-border a.list-group-item:hover,
.list-group.rm-border a.list-group-item:focus {} .list-group-item {
position: relative;
display: block;
margin-bottom: -1px;
padding: 10px 15px;
border-width: 1px;
border-style: solid;
}
li.active a.list-group-item,
li.active a.list-group-item:hover,
li.active a.list-group-item:focus,
a.list-group-item.active,
a.list-group-item.active:hover,
a.list-group-item.active:focus {
z-index: 2;
}
.list-group-item:last-child {
margin-bottom: 0;
}
.list-group-item > .badge {
float: right;
margin-top: -2px;
}
.list-group-item > .badge + .badge {
margin-right: 5px;
}
.list-group-item > .glyph-icon {
margin-top: 2px;
}
.list-group-item > .glyph-icon:first-child {
float: left;
margin-top: 1px;
margin-right: 15px;
}
.list-group-item > .glyph-icon:last-child {
float: right;
margin-left: 5px;
}
/* List groups horizontal icons */
.list-group-icons .list-group-item {
font-weight: 700;
display: block;
padding: 15px 10px;
text-align: center;
text-overflow: ellipsis;
}
.list-group-icons .list-group-item > .glyph-icon {
font-size: 18px;
display: block;
float: none;
margin: 0 auto;
}
/* List groups horizontal separators */
.list-group-separator a.list-group-item:after {
position: absolute;
top: 0;
right: -13px;
display: block;
overflow: hidden;
width: 1px;
height: 100%;
content: '';
background: #ddd;
}
.list-group-separator li:last-child a.list-group-item:after {
display: none;
}
/* Centered list groups */
.list-group-centered {
text-align: center;
}
.list-group-centered li {
display: inline-block;
float: none;
}