div.gfz-body-content { background-color: #ffffff; padding: 1rem 1rem 1.6rem 1rem; } ul.nav.navbar-nav.gfz-subnav li.active a { background-color: #f0f0f0; /* As GFZ background-color */ border-bottom: 0px; } blockquote { font-style: italic; } #map { margin-left: auto; margin-right: auto; } @media only screen and (min-width: 769px) { #map { height: 440px; } } @media only screen and (max-width: 768px) { #map { height: 220px; } } /* Header */ #geofon-header a { color: #fff; } #geofon-header .gfz-list-h ul li a:hover { color: #b9b9b9; cursor: pointer; } #geofon-header h1 { font-size: 60px; font-weight: bold; margin-bottom: 42px; margin-top: 38px; } #footer { clear: both; margin-bottom: 3em; padding-top: 20px; width: 100%; text-align: center; } /* On wide pages, align these to outsides: */ @media (min-width: 768px) { div#footer .left-align { text-align: left; } div#footer .right-align { text-align: right; } } #copyright { color: #999; } #logoHelmholtzGemeinschaft { /* float: right; */ margin-right: 0px; margin-top: 8px; } div#logoHelmholtzGemeinschaft img { height: 40; margin-top: 2px; margin-bottom: 2px; } @property --gad-colors-brand-secondary { syntax: ""; inherits: false; initial-value: #fc6a34; /* Orange, aka --gad-colors-gfz-orange */ } @property --gad-colors-links { syntax: ""; inherits: false; initial-value: #335383; /* A funny blue-grey. */ } @property --gad-colors-gfz-blue { syntax: ""; inherits: false; initial-value: #002864; /* Blue */ } /* Extra to make orange navbar */ ul.nav.navbar-nav.gfz-subnav li a { background-color: #f0f0f0; color: black; border-bottom: 0px; font-weight: bold; text-transform: uppercase; } /* Help the long headings fit at intermediate widths. */ @media (min-width: 768px) and (max-width: 993px) { ul.nav.navbar-nav.gfz-subnav li a { padding-left: 8px; padding-right: 8px; } } ul.nav.navbar-nav.gfz-subnav li.active a { background-color: #ccc; color: var(--gad-colors-brand-secondary); border-bottom: 0px; } ul.nav.navbar-nav.gfz-subnav li a:hover { color: silver; background-color: var(--gad-colors-brand-secondary); text-decoration: underline; border-bottom: 0px; } nav.navbar-default { background-color: #f0f0f0; color: black; border: 0px black; border-radius: 0; } .navbar-header { background-color: #f0f0f0; color: black; } div.gfz-body-content { border: none; background-color: white; } /* * Links * GFZ uses a single colour for all: * --gad-colors-links: #335383; * --gad-colors-links-hover: #335383; * --gad-colors-links-active: #335383; * --gad-colors-links-visited: #335383; */ div.gfz-body-content a { background-color: transparent; text-decoration: none; color: var(--gad-colors-links); outline-color: rgba(0,0,0,0); margin: -3px; border: 1px Solid transparent; padding: 2px; transition: color 200ms ease-out; } div.gfz-body-content a.plain { margin: 0px; border: none; padding: 0px; } div.gfz-body-content a.plain:hover { margin: 0px; border: none; padding: 0px; } div.btn-group a.btn { /* Restore Bootstrap's values */ color: #333; background-color: #fff; border: 1px solid #ccc; border-radius: 4px; margin: 0px; margin-left: -1px; padding: 6px 12px; } div.btn-group a.btn:focus, div.btn-group a.btn:hover { color: #333; background-color: #e6e6e6; border-color: #adadad; text-decoration: none; } div#eqlist a { background-color: transparent; border: none; margin: 0; padding: 0; color: var(--gad-colors-links); } div#mapblock a { background-color: white; border: none; margin: 0; padding: 0; color: var(--gad-colors-links); } div#eqlist a:hover, div#eqlist a:focus, div#mapblock .leaflet-bar a:hover, div#mapblock .leaflet-bar a:focus { background-color: #f4f4f4; text-decoration: none; } div.panel-heading a.block-link span.button__label { color: black; } .gfz-body-content a:hover { background-color: var(--gad-colors-brand-secondary); color: var(--gad-colors-gfz-blue); border: 1px Solid #f0f0f0; /* var(--gad-colors-gfz-blue); */ margin: -3px; padding: 2px; text-decoration: underline; } /* For buttons, badges, tags etc. where no garish highlight and underlining is needed. */ a.destyled:hover { background-color: transparent; border: 1px solid transparent; text-decoration: none; } button.alert a:hover { background-color: transparent; border: 1px solid transparent; text-decoration: none; } span.badge a:hover { background-color: transparent; border: 1px solid transparent; text-decoration: none; } div.panel-heading a.block-link, div#mapblock a:hover { background-color: transparent; color: var(--gad-colors-gfz-blue); margin: 0; padding: 0; border: none; } .gfz-body-content > a:active { background-color: lime; color: magenta; border: 1px Solid var(--gad-colors-gfz-blue); margin: -3px; padding: 2px; text-decoration: none; } .gfz-body-content > a:visited { background-color: var(--gad-colors-brand-secondary); color: var(--gad-colors-links); border-color: transparent; text-decoration: underline; } h2.gfz-headline { color: var(--gad-colors-gfz-blue); font-family: "Inter Tight", "Inter", sans-serif; }