/*
Base styles
*/ .bd-navbar{
border-bottom: 2px solid lightsteelblue; min-height: 40px; margin-bottom: 20px;
}
.bd-brand{
height: auto; padding: 8px; color: #000000; font-weight: bolder; font-family: "Monaco", "Inconsolata", "Consolas", monospace; font-size: 13px;
}
.bd-nav{
margin-bottom: 0; padding-bottom: 0; padding-right: 15px; font-size: 100%;
} .bd-nav a{
color: #000000;
}
.bd-sidenav{
width: 240px; margin: 30px,0,0; padding: 0; background: #ffffff;
} .bd-sidenav>li>a{
display: block; width: 190px; margin: 0,0 -1px; padding: 8px 14px; border: 1px solid lightsteelblue;
} .bd-sidenav.affix{
top: 40px;
} .bd-sidenav.affix-bottom{
position: absolute; top: auto; bottom: 270px;
}
.bd-sidenav>li:first-child>a{
border-radius: 6px 6px 0 0;
} .bd-sidenav>li:last-child>a{
border-radius: 0 0 6px 6px;
}
.bd-sidenav>li.active>a{
position: relative; z-index: 2; padding: 9px 15px; border: 0; background: lightblue; color: black;
}
.bd-sidenav .glyphicon-chevron-right{
float: right; color: #000000; font-size: 25px;
}
.section{
display: inline-block; padding: 10px;
}
.section h1{
margin-top: 10px; padding-bottom: 5px; border-bottom: 1px inset lightsteelblue;
}
/*
Desktop large
*/ @media (max-width: 1200px) {
.bd-sidenav{width: 284px}
} /*
Desktop
*/
@media (max-width: 980px){
.bd-sidenav{ top: 0; width: 218px; margin-top: 30px; margin-right: 0; }
}
/*
Tablets to desktop
*/ @media (min-width: 768px) and (max-width: 979px) {
.bd-sidenav{ width: 166px; margin-top: 20px; } .bd-sidenav.affix{ text-outline: 0; }
}
@media (max-width: 767px) {
.bd-sidenav{ width: auto; margin-bottom: 20px; }
}
/*
Landscape phones
*/ @media (max-width: 480px) {
}