tghandbook/style/bgus.scss

.bgus_hidden {
  display: none !important;
}
.bgus_nobreak {
  white-space: nowrap;
}
#bgus_fz_searchbox {
  position: fixed;
  top: 20px;
  left: 30%;
  right: 30%;
  background: rgba(10, 10, 10, 0.8);
  display: flex;
  flex-direction: column;
  z-index: 9999;
  color: #fff;
  input {
    font-size: 14pt;
    padding: 5pt 8pt;
    border: 1px solid #555;
    margin: 5px;
    margin-bottom: 0;
    background-color: #111;
    color: #fff;
  }
  ul {
    list-style: none;
    margin: 5px;
    padding: 0;
    li {
      padding: 5px;
      cursor: pointer;
      &:hover {
        background-color: rgba(100, 100, 100, 0.5);
      }
      &.selected {
        border-left: 3px solid white;
      }
    }
  }
}
.bgus_twistie:after {
  color: red;
  display: inline-block;
  font-weight: bold;
  margin-left: 0.2em;
  content: "⯆";
}
.bgus_collapsed > .bgus_nested_element > .bgus_twistie:after {
  content: "⯈";
}
:not(.bgus_collapsed) > .bgus_nested_element + .tooltiptext {
  z-index: unset;
  visibility: inherit;
  opacity: 1;
  position: relative;
  width: auto;
  border-left-width: 3px;
  background: transparent;
  margin: 5px;
  margin-right: 0px;
  font-size: 8pt;
  padding: 5px 8px;
  line-height: 10pt;
}
.bgus_collapsable:not(.bgus_collapsed) + br {
  display: none;
}
table.wikitable > tbody > tr > td:nth-child(2) {
  min-width: 30%;
  padding: 10px;
}
.bgchem .bgus_fz_selected {
  background-color: #525242;
}
input[type="checkbox"] + span[data-src] {
  font-weight: bold;
  cursor: text;
  &:before {
    display: inline-block;
    width: 1.5em; /* Prevent autoscroll with sudden line wraps when revealing checkboxes */
    text-align: center;
    content: "•";
  }
}
.bgus_cbox {
  input[type="checkbox"] + span[data-src]:before {
    content: "[_]";
    margin-right: 0.5em;
  }
  input[type="checkbox"]:checked + span[data-src]:before {
    content: "[X]";
    margin-right: 0.5em;
  }
  input[type="checkbox"]:checked + span[data-src] {
    text-decoration: line-through;
  }
  input[type="checkbox"] + span[data-src] {
    cursor: pointer;
  }
  input[type="checkbox"] + span[data-src] {
    color: orange;
  }
  input[type="checkbox"]:checked + span[data-src] {
    color: green;
  }
}