cover.css 1.35 KiB
/*
 * Globals
 */
/* Links */
a,
a:focus,
a:hover {
  color: gray;
/* Custom default button */
.btn-secondary,
.btn-secondary:hover,
.btn-secondary:focus {
  color: #333;
  text-shadow: none; /* Prevent inheritance from `body` */
  background-color: #fff;
  border: .05rem solid #fff;
 * Base structure
html,
body {
  background-color: white;
body {
  display: -ms-flexbox;
  display: flex;
  color: black;
  box-shadow: inset 0 0 5rem rgba(0, 0, 0, .25);
.cover-container {
  max-width: 90%;
.container {
  margin-top: 20px;
  height: auto;
 * Header
.masthead {
  margin-bottom: 2rem;
.masthead-brand {
  margin-bottom: 0;
.nav-masthead .nav-link {
  padding: .25rem 0;
  font-weight: 700;
  background-color: transparent;
  border-bottom: .25rem solid transparent;
    border-bottom-color: lightgray;
  color: #525252;
.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: grey;
  color: black;
7172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110
} .nav-masthead .nav-link + .nav-link { margin-left: 1rem;; } .nav-masthead .active { color: black; border-bottom-color:black; } @media (min-width: 48em) { .masthead-brand { float: left; } .nav-masthead { float: right; } } /* * Cover */ .cover { padding: 0 1.5rem; } .cover .btn-lg { padding: .75rem 1.25rem; font-weight: 700; } /* * Footer */ .mastfoot { color: black; }