summary { margin: 10px; } summary:hover { background: #e1e1e1; } .passed { color: green; } .failed { color: red; } .pending { color: orange; } .collapse { cursor: pointer; display: block; background: white; } .collapse + input { display: none; /* hide the checkboxes */ } .collapse + input + div { display: none; } .collapse + input:checked + div { display: block; } .section { padding-top: 10px; } .group { border: 1px solid black; margin: 5px 0px; padding: 0px 5px; }