ByLine skin by Branch 

Breaks warnings, relationships, characters, and freeform tags 
into separate groups. by Branch @ao3
Role:
Media:
screen
Condition:
Normal

CSS

.blurb .relationships {
  font-style: italic;
  background: none;
}

ul.tags {
  padding-top: .5em;
}

ul.tags li.warnings,
ul.tags li.relationships,
ul.tags li.characters,
ul.tags li.freeforms {
  float: left !important;
}

li.warnings + li.relationships,
li.relationships + li.characters,
li.characters + li.freeforms,
li.warnings + li.characters,
li.warnings + li.freeforms,
li.relationships + li.freeforms {
  clear: left;
}

ul.tags li.warnings:first-child:before {
  content: "Archive Warnings: ";
  color: #111;
  font-weight: bold;
}

li.warnings + li.relationships:before {
  content: "Relationships: ";
  color: #111;
  font-weight: bold;
}

li.relationships + li.characters:before {
  content: "Characters: ";
  color: #111;
  font-weight: bold;
}

li.characters + li.freeforms:before {
  content: "Freeform: ";
  color: #111;
  font-weight: bold;
}

li.warnings + li.characters:before {
  content: "Characters: ";
  color: #111;
  font-weight: bold;
}

li.warnings + li.freeforms:before {
  content: "Freeform: ";
  color: #111;
  font-weight: bold;
}

li.relationships + li.freeforms:before {
  content: "Freeform: ";
  color: #111;
  font-weight: bold;
}

Parent Skins