body {
  background: #fb0;
  margin: 25;
  padding: 0;
  background-image: repeating-linear-gradient(-135deg, transparent, transparent 35px, rgba(0,0,0,1) 35px, rgba(0,0,0,1) 70px);
}

div {
  margin: 0;
  padding: 0;
}

div.class {
  border: 5px solid black;
  font-family: Courier New;
  font-size: 12px;
  padding: 2 2 8 2;
  background: antiquewhite;
  margin: 5px;
  display: flex;
  flex-direction: column;
}

details > summary {
  list-style: none; 
}

span.type {
  color: darkcyan;
}

div.function {
  font-size: 12px;
  flex-direction: row;
  display: flex;
  margin: 0 0 0 1%;
}

div.function:hover {
  background-color: wheat;
}

div.classname {
  font-size:24px;
  background-color: #000;
  color: #fb0;
  padding-left: 1%;
  padding-top: 1%;
  //padding: 5px 5%;
  font-weight: bold;
}

div.classdescription {
  background-color: #000;
  color: #fb0;
  padding-left: 1%;
  //padding: 5px 5%;
  padding-bottom: 8px;
  margin-bottom: 8px;
}

div.data {
  width:40%;
}

span.parameterInfo {
  display: inline-block;
  width:20%;
}

span.parameter:hover {
  background: wheat;
}

span.description {
  font-weight: bold;
  color: green;
}

div.description {
  font-weight: bold;
  color: green;
}

div.parameterDescriptions {
  padding: 3 3 3 3%;
}