@import "common.css";

body {
  background-color: #faebd7;
}

.roundcorner_16_parch_content {
  background-color: #ffffff;
  box-shadow: 0px 0px 1px 1px #d0d0a0;
}

/* lazy dark mode, implemented 2022.11.18 */

@media(prefers-color-scheme: dark) {
  /* this change arises from the fact that the */
  /* default bg color looked terrible when inverted */
  html:not(.disable_dark) body {
    background-color: #e0e0e0;
  }
  
  html:not(.disable_dark) > * .roundcorner_16_parch_content {
    background-color: #e0e0e0;
    box-shadow: 0px 0px 1px 1px #a0a0a0;
  }
  
  .header {
    background-color:#e0e0e0;
  }
  
  .wrapper {
    background-color:#e0e0e0;
  }
  
  .outerWrapper {
    background-color:#e0e0e0;
    border:1px solid #a0a0a0;
    padding:8pt;
    border-radius:8pt;
  }
  
  .contentPage {
    background-color:#e0e0e0;
  }
  
  a.itemLink {
    border:1px solid #e0e0e0;
  }
  
  /* an adjustment to the appearance of quotes in user comment pages */
  .message_query {
    border-left:4px solid #808080;
    background-color:#c0c0c0;
  }
  
  /* html tag class "disable_dark" overrides dark mode */

  /* the following only applies to child elements of html tag not in class "disable_dark" */
  
  html:not(.disable_dark) {
    background-color: #f0f0f0;
    filter: invert(100%) hue-rotate(180deg);
  }
  /* eclectic list of repairs and exceptions */
  html:not(.disable_dark) > * :is(img, canvas, video, object, iframe, code, .leftCol, #unic_disp , #map_div)  {
    filter: invert(100%) hue-rotate(180deg);
    background-color: white;
  }
}

a, a:hover {
  text-decoration:underline;
}

a:visited, a:visited:hover {
  text-decoration:underline;
}

.mono li {
  font-family:monospace;
}

.pfoot {
  display:none;
}

@media print {
  .pfoot {
    display:inline;
  }
}