Mhtheme

[[module css]]
@import url('https://fonts.googleapis.com/css2?family=Gentium+Basic:wght@700&display=swap');

div#container-wrap {
  background: url(http://msr-arc.wikidot.com/local--files/theme:manhattan/dawnback5.png) top left repeat-x;
}

div#header {
  background: url(http://msr-arc.wdfiles.com/local--files/theme:manhattan/manhattan.svg) no-repeat;
}

div#header h1 a span {
  font-size: 0px;
}

div#header h1 a:before {
  font-family: 'Gentium Basic', serif;
  content: "Manhattan Crisis";
  text-shadow: 2px 2px 2px rgba(0, 0, 0, .4);
}

div#header h2 span {
  font-size: 0px;
  padding: 4px;
}

div#header h2:before {
  font-family: 'Gentium Basic', serif;
  font-size: 16px;
  content: "        9.11 2001";
  color: #eee;
  padding: 16px 0 0;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  white-space: pre;
}

/* SEARCHBOX */
#search-top-box-input {
  border: solid 1px #eee;
  border-radius: 0px;
  background-color: #f00;
  box-shadow: none;
  color: #eee;
}

#search-top-box-input:hover,
#search-top-box-input:focus {
  border: solid 1px #000;
  background-color: #f00;
  box-shadow: none;
}

#search-top-box-form input[type=submit] {
  background: none;
  background-color: #eee;
  border: none;
  border-radius: 0px;
  box-shadow: none;
  color: #f00;
  position: relative;
}

#search-top-box-form input[type=submit]:hover,
#search-top-box-form input[type=submit]:focus {
  background: none;
  background-color: #eee;
  border: none;
  box-shadow: 0 1px 3px rgba(0, 0, 0, .8);
  color: #f00;
  text-shadow: none;
}

@media (max-width: 800px) {
  #search-top-box-input {
    display: none;
  }

  #search-top-box-form input[type=submit] {
    top: 20px;
  }
}

@media (max-width: 580px) {
  div#header h1,
  div#header h2 {
    margin-left: unset;
    text-align: center;
    width: 100%;
  }

  div#header h1 {
    margin: unset;
    padding: unset;
  }

  div#header h1 a {
    margin: 0 auto;
    padding: 80px 0 0;
  }

  div#header h1 a::before {
    width: 100%;
    display: block;
  }

  div#header h2 {
    padding: 1.5em 0 0 ;
  }

  div#header h2:before {
    content: "9.11 2001";
    padding: 0;
  }
}

@media (max-width: 375px) {
  #search-top-box-form input[type=submit] {
    display: none;
  }
}

[[/module]]