/** LAYOUT *******************************************************************/ .container { margin-top: 60px; margin-bottom: 2em; } /** NAVBAR *******************************************************************/ .navbar-inverse { background-color: rgba(14, 97, 145, 0.87); border-color: #080808; } .navbar-inverse .navbar-nav > li > a { color: #d5d8d8; font-weight: bold; } .navbar-inverse .navbar-brand { color: #d5d8d8; } .navbar-toggler-icon { background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E"); } /** HERO *********************************************************************/ div.jumbotron { background-color: rgba(238, 238, 238, 0.8); } #image-background { position: absolute; top: -2rem; z-index: -1; width: 100%; height: 22.2rem; background-image: url('../../public/img/plane-with-chemtrails.jpg'); background-size: cover; background-repeat: no-repeat; } /** FOOTER *******************************************************************/ footer.page-footer { padding: 4rem 5rem; color: #fff; background-color: #3980af; /*height: 13rem;*/ } footer.page-footer a { color: #fff; } /** FORM *********************************************************************/ h6 { font-weight: 700; } span.required-asterisk { color: #901524; } /** LISTS *********************************************************************/ .numbered-list { list-style: decimal-leading-zero; } /** PLOTS ********************************************************************/ .plot-container { /*background: #ff3399;*/ border: 2px dotted #888; position: relative; } .legend-list { list-style: none; } .legend-color-badge { width: 1em; height: 1em; display: inline-block; position: relative; top: 2px; } .no-pointer-events { pointer-events: none; } /** TWEAKS *******************************************************************/ h3[id]::before { content: ''; display: block; height: 75px; margin-top: -75px; visibility: hidden; } h4.salient { border-left: 3px solid #3980af; padding-left: 0.3em; } article img { width: 100%; } span[title] { cursor: help; } /** SPINNER ******************************************************************/ .lds-ripple { display: inline-block; position: relative; width: 160px; height: 160px; } .lds-ripple div { position: absolute; border: 4px solid #4a59c1; opacity: 1; border-radius: 50%; animation: lds-ripple 1s cubic-bezier(0, 0.2, 0.8, 1) infinite; } .lds-ripple div:nth-child(2) { animation-delay: -0.25s; } .lds-ripple div:nth-child(3) { animation-delay: -0.5s; } @keyframes lds-ripple { 0% { top: 72px; left: 72px; width: 0; height: 0; opacity: 1; } 100% { top: 0px; left: 0px; width: 144px; height: 89px; opacity: 0; } } /** BOOTSTRAP ICONS **********************************************************/ svg.bi { /* vertical alignment is … sketchy, let's do this the old way */ position: relative; top: 2px; }