emergency_contacts.css

/* Link formatting */
table.datadisplaytable[summary="This table shows emergency contacts."] > tbody > tr > td:nth-child(2) > a, table.datadisplaytable[summary="This table shows emergency contacts."] > tbody > tr > td:nth-child(2) > a:hover, table.datadisplaytable[summary="This table shows emergency contacts."] > tbody > tr > td:nth-child(2) > a:visited {
  color: #D6001C;
}

/* Add contact */
/*
table.datadisplaytable[summary="This table shows emergency contacts."]>tbody>tr:last-of-type>td:nth-child(1) {
    visibility: hidden;
}
*/
table.datadisplaytable[summary="This table shows emergency contacts."] > tbody > tr:last-of-type > td:nth-child(2) > a {
  /* Bubble around "New Contact" */
  border-style: solid;
  border-width: 1px;
  border-color: #D6001C;
  border-radius: 0.5em;
  background-color: #D6001C;
  padding-left: 0.5em;
  padding-right: 1em;
  /*background-image: url("page_assets/plus_icon.gif");*/
  /* "New Contact" text */
  color: white;
}
table.datadisplaytable[summary="This table shows emergency contacts."] > tbody > tr:last-of-type > td:nth-child(2) > a:hover {
  color: #D6001C;
  background-color: white;
  text-decoration-line: unset;
}
table.datadisplaytable[summary="This table shows emergency contacts."] > tbody > tr:last-of-type > td:nth-child(2) > a::before {
  content: "+";
  font-weight: 900;
  padding: 1px;
}