html, body, .full-height { height: 100%; } /* * Global add-ons */ .sub-header { padding-bottom: 10px; } /* * Top navigation * Hide default border to remove 1px line. */ .navbar-fixed-top { border: 0; } .navbar { background-color: #eba367; } .navbar-brand { padding: 20px; } @media (max-width: 225px) { body { padding-top: 50px; } .navbar-brand { height: 50px; } } @media (max-width: 355px) { body { padding-top: 75px; } .navbar-brand { height: 75px; } } @media (max-width: 475px) { body { padding-top: 93px; } .navbar-brand { height: 93px; } } @media (min-width: 475px) { body { padding-top: 125px; } .navbar-brand { height: 125px; } } /* body { padding-top: 125px; } .navbar-brand { height: 125px; padding: 20px; } */ .navbar >li >a { padding-top: 30px; padding-bottom: 20px; } .navbar-toggle { padding: 10px; margin: 25px 15px 25px 0; } /* Hide for mobile, show later */ .sidebar { display: none; } @media (min-width: 768px) { .sidebar { position: fixed; top: 125px; bottom: 0; left: 0; z-index: 1000; display: block; padding: 20px; overflow-x: hidden; overflow-y: visible; /* Scrollable contents if viewport is shorter than content. */ background-color: #eba367; } } /* Sidebar navigation */ .nav-sidebar { font-size: 1.2em; margin-right: -20px; margin-bottom: 20px; margin-left: -20px; } .nav-sidebar > li > a { padding-right: 20px; padding-left: 20px; padding-top: 10px; padding-bottom: 10px; color: #9c0635; border-top-right-radius: 8px; border-bottom-right-radius: 8px; margin-right: 5px; } .nav-sidebar > .active > a, .nav-sidebar > .active > a:hover, .nav-sidebar > .active > a:focus { color: #FDF6E3; /*background-color: #AD2624; */ } .nav > li > a:hover { color: #eba367; background-color: #AD2624; } /* * Main content */ .main-row { background-color: #eba367; } .main { padding: 40px; background-color: white; } @media (min-width: 768px) { .main { border-top-left-radius: 50px; padding-left: 60px; padding-right: 40px; } } .main .page-header { margin-top: 0; } .page-title { text-align: center; margin-bottom: 20px; } .intro-text { margin-bottom: 20px; } .publication-list { margin-left: 20px; } .publication-entry>td { padding-bottom: 7px; } .publication-date { padding-right: 20px; color: #505050; font-style: italic; } .last-publication { font-size: 2em; text-align: center; padding: 30px; font-weight: bold; }