/** MIXINS *******************************************************************/ .clear { clear: both; } .hidden { display: none; } .justified { text-align: justify; } .centered { text-align: center; } .centered-block { display: block; margin-left: auto; margin-right: auto; } /** TYPOGRAPHY ***************************************************************/ header .mdl-layout-title { font-family: 'Baumans', cursive; } /** LAYOUT *******************************************************************/ body { /*background: url('../img/body_background.png') repeat;*/ } footer { padding-top: 20px; font-size: 0.8em; font-style: italic; text-align: center; } #page-container { display: flex; min-height: 100vh; flex-direction: column; } #content { flex: 1; } #plots_wrapper { min-height: 1050px; } /** HEADER *******************************************************************/ header.header { background-image: url("../img/header_logo.png"); background-repeat: no-repeat; background-position: 15px center; } .mdl-layout__header-row { padding-left: 100px; } #version-number { line-height: 112px; font-style: italic; } /** MENU NAVIGATION **********************************************************/ nav#menu { background-color: #004F8D; clear: both; overflow: hidden; } nav#menu ul { margin-left: 0; list-style: none; } nav#menu ul li { float: left; border-right: 1px solid #fff; -webkit-transition: background-color 0.3s ease-out; -moz-transition: background-color 0.3s ease-out; -ms-transition: background-color 0.3s ease-out; -o-transition: background-color 0.3s ease-out; transition: background-color 0.3s ease-out; } nav#menu ul li.active { background-color: #AAC7D6; } nav#menu ul li.active:hover { background-color: #AAC7D6; } nav#menu ul li:hover { background-color: #78A0BE; } nav#menu ul li.home { background-image: url('../img/home_icon.png'); background-position: center center; background-repeat: no-repeat;; } nav#menu ul li.home a { padding: 10px 20px; } nav#menu ul li a { color: #fff; font-size: 12px; font-weight: bold; text-shadow: 0 1px 1px #000000; text-decoration: none; line-height: 36px; padding: 10px 15px; } /** STYLE ********************************************************************/ a { /*color: #003965;*/ text-decoration: none; } a:hover { text-decoration: underline; } abbr[title] { border-bottom: 1px dotted #a8caea; } /*h2 {*/ /*font-size: 1.6em;*/ /*font-weight: normal;*/ /*text-transform: uppercase;*/ /*border-bottom: 4px solid #004F8D;*/ /*padding-bottom: 5px;*/ /*margin: 15px 0;*/ /*}*/ code { font-family: "courier new", monospace; font-size: 0.90em; white-space: pre; } code.block { width: 100%; overflow-x: auto; display: inline-block; } dl { border: 3px double #ccc; padding: 0.5em; margin-top: 15px; } dt { float: left; clear: left; width: 210px; text-align: right; font-weight: bold; color: #004F8D; } dt:after { content: ":"; } dd { margin: 0 0 0 220px; padding: 0 0 0.5em 0; } ul { margin-left: 2.5em; } ul li { line-height: 1.5em; } /*p {*/ /*line-height: 1.3em;*/ /*padding: 10px 0;*/ /*}*/ /** LOADER *******************************************************************/ /*.loader {*/ /*transform: translate(50vw, 50vh);*/ /*height: 200px;*/ /*width: 200px;*/ /*}*/ /*.loader .hole {*/ /*margin: -50%;*/ /*height: 100%;*/ /*width: 100%;*/ /*border-radius: 50%;*/ /*box-shadow: 0px 0px 30px #88ffff, 0px 0px 100px #000000 inset, 0px 0px 50px #55ffff inset, -20px -10px 100px #000000 inset;*/ /*background: #f08301;*/ /*-webkit-animation: shadowmove 8s infinite linear;*/ /*}*/ /*@-webkit-keyframes shadowmove {*/ /*0% {*/ /*box-shadow: 0px 0px 30px #88ffff, 0px 0px 100px #000000 inset, 0px 0px 50px #55ffff inset, -20px -10px 100px #000000 inset;*/ /*}*/ /*50% {*/ /*box-shadow: 0px 0px 30px #88ffff, 0px 0px 100px #000000 inset, 0px 0px 50px #55ffff inset, -220px -110px 100px #000000 inset;*/ /*}*/ /*50.01% {*/ /*box-shadow: 0px 0px 30px #88ffff, 0px 0px 100px #000000 inset, 0px 0px 50px #55ffff inset, 220px 110px 100px #000000 inset;*/ /*}*/ /*75% {*/ /*box-shadow: 0px 0px 30px #111111, 0px 0px 100px #000000 inset, 0px 0px 50px #55ffff inset, 220px 110px 100px #000000 inset;*/ /*}*/ /*90% {*/ /*box-shadow: 0px 0px 30px #88ffff, 0px 0px 100px #000000 inset, 0px 0px 50px #55ffff inset, 10px 20px 100px #000000 inset;*/ /*}*/ /*}*/ /*@-ms-keyframes spin {*/ /*from { -ms-transform: rotate(0deg); }*/ /*to { -ms-transform: rotate(360deg); }*/ /*}*/ /*@-moz-keyframes spin {*/ /*from { -moz-transform: rotate(0deg); }*/ /*to { -moz-transform: rotate(360deg); }*/ /*}*/ /*@-webkit-keyframes spin {*/ /*from { -webkit-transform: rotate(0deg); }*/ /*to { -webkit-transform: rotate(360deg); }*/ /*}*/ /*@keyframes spin {*/ /*from { transform:rotate(0deg); }*/ /*to { transform:rotate(360deg); }*/ /*}*/ /** NO JAVASCRIPT ************************************************************/ #nojs-alert { position: fixed; z-index: 2000; top: 0; left: 0; } .nojs { background: #c5423c; color: #eeeeee; text-align: center; font-family: "DejaVu Sans Mono", monospace; opacity: 0; animation: 1.618s fadeIn; animation-delay: 4s; animation-fill-mode: forwards; pointer-events: none; padding: 1em 0; width: 100%; } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } /** MEDIA QUERIES ************************************************************/ /*@media all and (max-width: 980px) {*/ /*#page-container{*/ /*width: 100%;*/ /*}*/ /*}*/ /*@media all and (max-width: 1024px) {*/ /*.mdl-layout__drawer {*/ /*transform: translateX(0px);*/ /*}*/ /*}*/ @media all and (max-width: 515px) { dt { width: 130px; } dd { margin-left: 140px; } } @media all and (max-width: 330px) { #version-number { display: none; } }