aside#superconductor {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  width: 30%;
  margin: 0;
  z-index: 99999;
  font-family: arial, helvetica, verdana, sans-serif;
  background-color: #000000;
  background-color: rgba(0,0,0,0.7);
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.7), rgba(0,0,0,0.7), rgba(0,0,0,0.85));
  border: none;
  border-left: solid black 1px;
  overflow: auto;
  visibility: visible;
  font-size: 10pt;
  opacity: 1;
  -webkit-transition: width 0.5s, opacity 0.5s;
  box-shadow: 0 0 10px rgba(0,0,0,0.7);
  &.expanded {
    width: 100%;
    menu[type=toolbar] button.expander:before { content: '\21E5' }
    -webkit-transition: width 0.5s, opacity 0.5s;
  }
  &.closed {
    visibility: hidden;
    opacity: 0;
    -webkit-transition: visibility 0s 0.5s, opacity 0.5s;
  }

  // **

  &, * {
    color: white;
  }
  > h1, > h2, > h3, > h4, > h5, > h6, > p, > ul, > dl, > section {
    text-align: left;
    margin-left: 10px;
  }
  dl {
    dt {
      float: left;
      min-width: 80px;
      margin-left: 5px;
    }
    dd {
      margin-left: 85px;
    }
  }
  code {
    white-space: pre;
    font-family: "Lucida Sans Typewriter", monospace;
    font-size: 9pt;
  }
  hr {
    border: none;
    border-top: dotted #555555 1px;
  }
  > hr {
    margin-left: -15px;
  }
  details {
    margin: 1px 20px;
    &[open] {
      border-left: dotted #555555 1px;
      margin-left: 19px;
      margin-bottom: 1em;
      & > summary {
        background-color: rgba(50,50,50,0.5);
      }
    }
    > summary {
      outline: none;
      border: dotted #555555 1px;
      padding: 2px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
      margin-left: -15px;
      cursor: pointer;
    }
    &.methods {
      ul {
        li {
          width: 200px;
          float: left;
          white-space: nowrap;
          text-overflow: ellipsis;
          overflow: hidden;
        }
        &:after { display: block; content: ''; clear: both; }
      }
    }
    ul.array {
      margin: 0.2em;
      padding-left: 1.75em;
    }
  }
  > menu[type=toolbar] {
    margin: 0;
    position: fixed;
    top: 0;
    right: 0;
    button {
      background: #333333;
      border: solid #FFFFFF 1px;
      color: #FFFFFF;
      border-radius: 0;
      padding: 2px;
      width: 25px;
      height: 25px;
      font-size: 16px;
      margin: 2px;
      &.expander:before { content: '\21E4' }
    }
  }
}