<commit_before>/*@media screen and (min-width: 800px) {
  body:before, body:after {
      content: "";
      position: fixed;
      background: #ac4142;
      left: 0;
      right: 0;
      height: 10px;
  }

  body:before {
      top: 0;
  }

  body:after {
      bottom: 0;
  }

  body {
      border-left: 10px solid #ac4142;
      border-right: 10px solid #ac4142;
  }
}*/

.post {
}

.storyImage {
  border: 1px solid rgba(172,65,66,.5);
}

.storyCaption {
  background-color: rgba(255,149,0,.1);
  border-left: 6px solid rgba(172,65,66,.5);
  font-family: "PT Serif", Georgia, "Times New Roman", serif;
  font-size: 17px;
  padding-left: 6px;
  text-align: left;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.storyItem {
  margin-bottom: 50px;
}

.headerLinks {
  border: 0px;
  float: right;
  margin: 0px;
  text-align: right;
}

.headerLinks a {
  opacity: 0.5;
}

.headerLinks a:hover {
  opacity: 1.0;
}

/*Story image overlay div*/
.story-image-overlay {
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 1;
}

#story-image-overlay-img {
  display: block;
  margin: auto;
  position: absolute;
  vertical-align: middle;

  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
<commit_msg>Let the content slide under masthead. Black masthead with transparency.<commit_after>/*@media screen and (min-width: 800px) {
  body:before, body:after {
      content: "";
      position: fixed;
      background: #ac4142;
      left: 0;
      right: 0;
      height: 10px;
  }

  body:before {
      top: 0;
  }

  body:after {
      bottom: 0;
  }

  body {
      border-left: 10px solid #ac4142;
      border-right: 10px solid #ac4142;
  }
}*/

.post {
}

.storyImage {
  border: 1px solid rgba(172,65,66,.5);
}

.storyCaption {
  background-color: rgba(255,149,0,.1);
  border-left: 6px solid rgba(172,65,66,.5);
  font-family: "PT Serif", Georgia, "Times New Roman", serif;
  font-size: 17px;
  padding-left: 6px;
  text-align: left;
  white-space: pre-wrap;
  white-space: -moz-pre-wrap;
  white-space: -o-pre-wrap;
  word-wrap: break-word;
}

.storyItem {
  margin-bottom: 50px;
}

.headerLinks {
  border: 0px;
  float: right;
  margin: 0px;
  text-align: right;
}

.headerLinks a {
  opacity: 0.5;
}

.headerLinks a:hover {
  opacity: 1.0;
}

/*Story image overlay div*/
.story-image-overlay {
  background-color: rgb(0,0,0);
  background-color: rgba(0,0,0, 0.9);
  display: none;
  height: 100%;
  position: fixed;
  width: 100%;
  z-index: 2;
}

#story-image-overlay-img {
  display: block;
  margin: auto;
  position: absolute;
  vertical-align: middle;

  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

/*sidebar-toggle customizations*/
.sidebar-toggle
{
  /*size and positioning*/
  position: fixed;
  top: 0.5rem;
  z-index: 1;

  /*appearance*/
  background-color: transparent;
}

/*masthead customizations*/
.masthead
{
  /*size and positioning*/
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  position: fixed;
  width: 100%;
  z-index: 1;

  /*appearance*/
  background-color: rgba(0,0,0,0.85);
  border-color: rgba(0,0,0,1);
  border-width: thick;
}

/*masthead-title customizations*/
.masthead-title
{
  /*appearance*/
  opacity: 1;
}

/*content customizations*/
.content
{
  padding-top: 4rem;
}

{'fraction_non_alphanumeric': 0.16163410301953818, 'fraction_numerical': 0.05476613380698638, 'mean_word_length': 2.8839080459770114, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4529840', 'n_tokens_mistral': 1497, 'n_tokens_neox': 1338, 'n_words': 308}