argdown.css

@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700");
.argdown {
  font-family: "Source Sans Pro", sans-serif;
  max-width: 35em;
  margin: 0 auto;
}

.argdown header {
  text-align: center;
  border-bottom: 1px solid #888;
  margin-bottom: 5em;
  padding-bottom: 1em;
}
.argdown header h1 {
  color: #0582ca;
}
.argdown header .subtitle {
  color: #76bae2;
}
.argdown header .authors {
  margin-top: 1em;
  margin-bottom: 0.5em;
  color: #888;
}
.argdown header .date {
  color: #888;
}

.argdown .statement-reference,
.argdown .statement-definition,
.argdown .statement-mention {
  color: #76bae2;
  text-decoration: none;
}

.argdown > .statement,
.argdown > .argument-definition,
.argdown > .argument-reference {
  display: block;
  margin-bottom: 2em;
  margin-top: 2em;
}

.argdown .relations {
  margin-left: 2em;
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.argdown .relation {
  margin-bottom: 0.2em;
  padding-left: 1.5em;
}

.argdown .relation-symbol {
  margin-left: -1.5em;
  float: left;
  min-width: 0.5em;
  text-align: center;
  padding-right: 0.25em;
  padding-left: 0.25em;
  border-radius: 0.5em;
  font-weight: bold;
  margin-right: 0.25em;
}

.argdown .support.relation-symbol {
  color: #04c93f;
  background-color: #cee7d6;
}

.argdown .attack.relation-symbol,
.argdown .contradiction.relation-symbol {
  color: #c93504;
  background-color: lightpink;
}
.argdown .undercut.relation-symbol {
  color: #ff00d4;
  background-color: #ffb9f3;
}

.argdown .pcs {
  margin-top: 2em;
  margin-bottom: 4em;
}

.argdown .argument-reference,
.argdown .argument-definition,
.argdown .argument-mention {
  color: #0582ca;
  text-decoration: none;
}
.argdown .argument.top-level > .statement-content {
  font-weight: 600;
}
.argdown .statement-reference:hover,
.argdown .statement-mention:hover,
.argdown .argument-reference:hover,
.argdown .argument-mention:hover {
  text-decoration: underline;
}

.argdown .title {
  font-weight: bold;
}

.argdown .pcs-statement {
  padding-left: 3em;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

.argdown .statement-nr {
  margin-left: -2em;
  float: left;
  color: #76bae2;
}
.argdown .inference {
  border-top: 1px solid #0582ca;
  font-size: 0.8em;
  margin-top: 1em;
  margin-bottom: 1em;
  color: #0582ca;
}

.argdown .inference.with-data {
  border-top: 1px solid #0582ca;
  border-bottom: 1px solid #0582ca;
  padding: 0.5em;
  padding-left: 1.5em;
}

.argdown .inference-rules {
  font-style: italic;
}

.argdown .metadata {
  font-style: italic;
}

.argdown .conclusion.pcs-statement {
  font-weight: bold;
}
.tag {
  color: green;
}
.argdown .conclusion.pcs-statement .relations {
  font-weight: normal;
}
.argument-definition.tag7 > .definiendum,
.statement.tag7 > .statement-definition,
.reference.tag7,
.mention.tag7,
.tag.tag7 {
  color: #666666;
}
.argument-definition.tag6 > .definiendum,
.statement.tag6 > .statement-definition,
.reference.tag6,
.mention.tag6,
.tag.tag6 {
  color: #a6761d;
}
.argument-definition.tag5 > .definiendum,
.statement.tag5 > .statement-definition,
.reference.tag5,
.mention.tag5,
.tag.tag5 {
  color: #e6ab02;
}
.argument-definition.tag4 > .definiendum,
.statement.tag4 > .statement-definition,
.reference.tag4,
.mention.tag4,
.tag.tag4 {
  color: #66a61e;
}
.argument-definition.tag3 > .definiendum,
.statement.tag3 > .statement-definition,
.reference.tag3,
.mention.tag3,
.tag.tag3 {
  color: #e7298a;
}
.argument-definition.tag2 > .definiendum,
.statement.tag2 > .statement-definition,
.reference.tag2,
.mention.tag2,
.tag.tag2 {
  color: #7570b3;
}
.argument-definition.tag1 > .definiendum,
.statement.tag1 > .statement-definition,
.reference.tag1,
.mention.tag1,
.tag.tag1 {
  color: #d95f02;
}
.argument-definition.tag0 > .definiendum,
.statement.tag0 > .statement-definition,
.reference.tag0,
.mention.tag0,
.tag.tag0 {
  color: #1b9e77;
}