.mainNav { border-top-left-radius: 0px; border-top-right-radius: 0px; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ba1f1f+0,ed514e+100 */ background: #ba1f1f; /* Old browsers */ background: -moz-linear-gradient(left, #ba1f1f 0%, #ed514e 100%); /* FF3.6-15 */ background: -webkit-linear-gradient(left, #ba1f1f 0%,#ed514e 100%); /* Chrome10-25,Safari5.1-6 */ background: linear-gradient(to right, #ba1f1f 0%,#ed514e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ba1f1f', endColorstr='#ed514e',GradientType=1 ); /* IE6-9 */ margin-bottom:0px; } .hbar { border-top:solid #CCCCCC 1px; width:100%; } @font-face { font-family: 'Avenir medium'; src: url('../fonts/avenir/AvenirLTStd-Medium.otf'); } .mainNav > .container-fluid > .navbar-nav > li > a{ margin:-5px 0px -7px 0px; padding:20px 15px 25px 15px; } .mainNav > .container-fluid > .navbar-nav > li > a { color:white; } .mainNav > .container-fluid > .navbar-nav > li > a:hover { background-color:white; color:#B71C1C; } .mainNav > .container-fluid > .navbar-nav > li.open > a { background-color:white; color:#B71C1C; } .currentPage { border-bottom: solid white 5px; padding-bottom: 20px !important; } .dropdown-submenu { position: relative; } .dropdown-submenu .dropdown-menu { bottom: 0; /*left: -100%;*/ left: auto; right: 100%; margin-left: 0; margin-right: -1px; margin-top: -1px; } .dropdown-submenu .dropdown-menu a:hover { background-color: #CCCCCC; } .dropdown-menu { padding:0px; } .dropdown-menu > li > a:hover { background-color: #CCCCCC; } .caret-right { border-bottom: 4px solid transparent; border-top: 4px solid transparent; border-left: 4px solid; display: inline-block; height: 0; vertical-align: top; width: 0; } .dropdown-submenu .caret { position: absolute; top: 44%; right:5px; } /************* ** ALERTS ** *************/ #alertArea { position: fixed; top:25px; left: 0; right: 0; margin-left: auto; margin-right: auto; width: 100%; /* Need a specific value to work */ z-index:9999; } .alertCSS { left: 0; right: 0; margin-left: auto; margin-right: auto; position:absolute; max-width:50%; } .alert-dismissable button { position: relative; float:right; right:-21px; } .navbar { font-size:16px; font-weight: 500; padding:5px; height:65px; } .navbar > .container-fluid { max-width: 1920px; } .logo { height:100%; z-index:100; position:relative; } html { height:100%; } .main-body { min-height: calc(100% - 65px); /* Height of the header */ background-color:white; padding-bottom: 40px; margin: 0px auto; /* the bottom margin is the negative value of the footer's height */ position: relative; max-width:1920px; } .main-body > .container-fluid { padding-top: 20px; /*height: calc(100% - 25px - 65px); /* minus footer and header */ max-width: 1920px; box-sizing: border-box; } .navbar { border-width:0px; } #footerContainer{ bottom: 0px; position: absolute; width:100%; height:40px; margin-top: 25px; text-align: center; } #footerContainer > div { max-width: 1920px; margin:0 auto; background-color: white; height:100%; padding-top:10px; } p, a, span { font-size:18px; } html, body { height:100% !important; width:100%; margin:0; background-color:#F9F9F9; } #footerContainer a{ padding-left:10px; color: inherit; /* blue colors for links too */ text-decoration: inherit; /* no underline */ } #footerContainer a:hover{ text-decoration: underline; color: inherit; /* blue colors for links too */ } /* extra small */ @media (max-width: 768px) { .scale-text{ font-size: 3vw; } .scale-text-large { font-size: 6vw; } } /* small */ @media (min-width: 768px) { .scale-text{ font-size: 2vw; } .scale-text-large { font-size: 4vw; } } /* medium */ @media (min-width: 992px) { .scale-text{ font-size: 1.5vw; } .scale-text-large { font-size: 3vw; } } /* large */ @media (min-width: 1200px) { .scale-text{ font-size: 1vw; } .scale-text-large { font-size: 2vw; } } .toolbar { position: absolute; display:inline-block; padding-left:5px; right: 15px; bottom: 0px; height: 28px; background-color:gray; border-top-left-radius: 15px; } /* all button on toolbar */ .toolbar>* { float:right; cursor:pointer; padding:4px; } /* add a hover effect */ .toolbar>*:hover{ padding-top:2px; color:black; } /** Tutorial stuff **/ /* gray background */ #overlay { background:rgba(0,0,0,0.75); display:none; width:100%; height:100%; position:absolute; top:0; left:0; z-index:9998; } /* Popover */ .helpContainer { z-index:9999; min-width:300px; } /* https://stackoverflow.com/questions/3779534/how-do-i-disable-text-selection-with-css-or-javascript */ .no-select { -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ -khtml-user-select: none; /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } .btn-success { padding:10px; color:white; background-color:#5cb85c; font-size:16px; } .btn-primary { padding:10px; color:#42A5F5; border-color:#42A5F5; background-color:white; font-size:16px; } .btn-primary:hover { color:white; border-color:white; background-color:#42A5F5; } .btnBlue { padding:10px; color:white; border-color:white; background-color:#42A5F5; font-size:16px; } .btnBlue:hover { color:#42A5F5; border-color:#42A5F5; background-color:white; } #redGradient { position: absolute; top: 0px; bottom: 0px; right: 0px; left: 0px; background: linear-gradient(to bottom right, #b71c1c, #f44336); opacity: 0.9; } #logoText { margin-top: 10px; color:white; font-size: 48px; font-size: 6vh; font-family: 'Avenir medium'; } .taglineText { color:white; font-size: 72px; font-size: 4vmax; height: 5vmax; font-family: Arial, Helvetica, sans-serif; margin-top: 0; font-family: 'Avenir medium'; }