<style>
/* Header Styles */
#bsc-nav-container{
margin-bottom: 25px;
}
#bsc-nav-container ul{
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: auto;
padding: 0 5%;
background-color: #085288;
list-style-type: none;
justify-content: center;
align-items: center;
}
#bsc-nav-container ul:first-child a{
display: flex;
}
#bsc-nav-container li{
display: block;
white-space: nowrap;
text-align: center;
}
#bsc-nav-container a{
display: block;
padding: 15px 20px !important;
color: #fff !important;
font-size: 16px;
font-weight: 600;
}
#bsc-nav-container a:hover, .BSC-Navlink.active{
background-color: #2c3e50 !important;
text-decoration: none !important;
}
.home-icon{
width: 25px;
margin-right: 10px !important;
}
/* Header END */
/* Page Styles */
.bignumber {
font-size: 40px;
}
.panel, .alertPanel, .infoPanel {
border-radius: 0px 0px 30px 30px;
border-right: 2px solid #CADFEC!important;
border-left: 2px solid #CADFEC!important;
border-bottom: 2px solid #CADFEC!important;
margin: 0;
padding: .75em;
margin-bottom: 25px;
}
.tile-border {
border-radius: 0px 0px 30px 30px;
border-right: 2px solid #CADFEC!important;
border-left: 2px solid #CADFEC!important;
border-bottom: 2px solid #CADFEC!important;
padding: .75em;
}
.panelContent {
padding: 0
}.
.aui-group, .aui-tabs, blockquote, dl, form.aui, ol, p, pre, table.aui, ul {
margin: 0!important;
}
h1, h2, h3, h4, h5, h6, html, img, p, pre {
margin: 0!important;
}
.confluence-information-macro.confluence-information-macro-information.conf-macro.output-block{
color: #fff;
background-color: #0078ae;
border: none;
}
.aui-icon.aui-icon-small.aui-iconfont-info.confluence-information-macro-icon{
color: #fff !important;
}
/* Page END */
/* Tablature */
/*
.tabs-menu{
background-color: #EDEDED;
border-radius: 30px;
margin-bottom:25px !important;
}
.tabs-menu::before{
display:none !important;
}
.menu-item.bv-localtab.active-tab {
background-color: #0078ae !important;
color:#fff;
border-radius: 50px;
}
.menu-item.bv-localtab.active-tab a{
color: inherit !important;
padding: 5px 25px !important;
}
.menu-item.bv-localtab.active-tab a::before{
display: none !important;
}
.menu-item.bv-localtab{
border-radius: 50px;
background-color: #e8e8e8 !important;
margin-left: 15px !important;
}
.menu-item.bv-localtab:hover{
background-color: #083a5f !important;
color:#fff;
}
.menu-item.bv-localtab a{
padding: 5px 25px !important;
background-color: transparent;
}
.menu-item.bv-localtab a:hover{
color: inherit !important;
}
.menu-item.bv-localtab:first-child{
margin-left: 0px !important;
}
*/
/* tablature END */
/* Typography */
.wiki-content h1 {
font-size: 1.4em!important;
color: #ffffff!important;
background-color: #005288!important;
font-weight: 500!important;
line-height: 1.1!important;
padding: .3em .7em!important;
border-radius: 30px 30px 0px 0px;
margin-top: .4em!important;
}
h2.bsc-page-header{
margin: 30px 0 15px 0 !important;
text-align: center;
font-weight: 700;
font-size: 25px;
}
/* Typography END */
</style>
<script>
// Get the container element
var btnContainer = document.getElementById("bsc-nav-container");
// Get all buttons with class="btn" inside the container
var btns = btnContainer.getElementsByClassName("BSC-Navlink");
// Loop through the buttons and add the active class to the current/clicked button
for (var i = 0; i < btns.length; i++) {
btns[i].addEventListener("click", function() {
var current = document.getElementsByClassName("active");
current[0].className = current[0].className.replace(" active", "");
this.className += " active";
});
}
</script> |