/*
 * Testmanager Manual - HTML layout (see html.yaml)
 *
 * Extends pandoc's default styles.
 */

body {
  max-width: 50em;
}

a {
  color: blue;
}

img {
  max-width: 100%;
}

figure {
  text-align: center;
}

/* Navigation links between the pages */

div.sitenav {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
}

/* GitLab alerts (> [!note] etc.), see filters/glfm.lua */

div.note, div.tip, div.important, div.warning, div.caution {
  border-left: 3px solid;
  margin: 1em 0;
  padding: 0.2em 1em;
}

div.note > div.title, div.tip > div.title, div.important > div.title,
div.warning > div.title, div.caution > div.title {
  font-weight: bold;
}

div.note > div.title > p, div.tip > div.title > p,
div.important > div.title > p, div.warning > div.title > p,
div.caution > div.title > p {
  margin-bottom: 0;
}

div.note      { border-color: #1f4fa6; background-color: #f4f7fd; }
div.tip       { border-color: #1a7a1a; background-color: #f3faf3; }
div.important { border-color: #6b2a8f; background-color: #f8f3fb; }
div.warning   { border-color: #b35900; background-color: #fdf7f0; }
div.caution   { border-color: #a61f1f; background-color: #fdf3f3; }

div.note > div.title      { color: #1f4fa6; }
div.tip > div.title       { color: #1a7a1a; }
div.important > div.title { color: #6b2a8f; }
div.warning > div.title   { color: #b35900; }
div.caution > div.title   { color: #a61f1f; }

/* Placeholder for screenshots that do not exist yet */

span.missing-figure {
  border: 1px solid #a61f1f;
  background-color: #fdf3f3;
  color: #a61f1f;
  padding: 2em;
  display: inline-block;
}