Ringing in... I have wrangled with this for a few days, it's incredibly frustrating that DNN cannot sandbox it's own administration element styling from other 3rd party frameworks, such as Bootstrap or Formalize. Here's my CSS to correct many of these issues. I hope this helps someone else...
#ControlBar_ControlPanel,
#ControlBar,
#ControlNav,
#ControlNav *,
#ControlActionMenu,
#ControlActionMenu *,
#ControlEditPageMenu,
#ControlEditPageMenu *,
#CloudEnvironment,
#CloudEnvironment *,
#CloudMenu,
.ControlContainer,
.subNav,
.subNav *,
#ControlBar_PageList,
#ControlBar_PageList * {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
#ControlNav li a:hover {
text-decoration: none;
}
#ControlNav #controlBar_SwitchSite * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#ControlBar_SiteSelector input[type="submit"] {
height: 23px;
padding: 0 6px !important;
border: none !important;
border-color: transparent !important;
color: #fff !important;
}
#siteHeadinner {
padding: 15px 0;
}
#siteHeadinner .brand {
height: 52px;
}
#siteHeadinner .brand img {
height: 52px;
width: auto;
}
.controlBar_editPageTxt {
font-size: inherit;
}
#ControlBar #ControlBar_CustomMenuItems {
border-right: none !important;
}
#ControlBar_SiteSelector p {
color: #a1a1a1 !important;
}
#dnn_LoginPane .DnnModule-DNN_HTML > a {
display: none;
}
.dnnCheckbox .mark {
background: transparent !important;
}
ul#ControlBar_Module_ModulePosition li,
.dnn_mact > li.actionMenuMove > ul li {
height: auto !important;
}
.editbar .right-button {
color: black !important;
}
.editbar .Close {
background: transparent !important;
color: white !important;
-webkitptext-shadow: none !important;
-moz-text-shadow: none !important;
text-shadow: none !important;
opacity: 1 !important;
}
/* fixes the collapsed custom containers */
.DnnModule-CalpineContentModule:before,
.DnnModule-CalpineContentModule:after {
content: "";
display: table;
}
.DnnModule-CalpineContentModule:after {
clear: both;
}