A Micro CMS

Dark navigation bar

To change the top navigation bar from light to dark, paste the following into extra.css:

/* Wider screens only, not mobiles */
@media screen and (min-width: 798px) {
/* Navigation bar ------------- */
  nav {
    color: #fff;
    background: #000;
    border-bottom: 6px solid #bbb;
    opacity: 0.75;
  }

  nav li a,
  nav li strong {
    padding-bottom: 2px;
    border-left: 1px solid #bbb;
  }

  nav li strong {
    color: #7fa729;
  }

  nav a {
    color: #fff;
  }

  nav a:hover {
    color: #7fa729;
  }

  nav li.admin a {
    color: #fff;
  }

  nav li.admin a:hover {
    color: #7fa729;
  }
/* End navigation bar --------- */

Then Update styles.

Page last modified: 13 February, 2020