/* Additions to the course stylesheet (Bootstrap 3, Yeti theme). */

/* Room for the fixed navbar, as on the course site. */
body {
  margin-top: 70px;
  margin-bottom: 40px;
}

.navbar-form .navbar-text {
  float: none;
  display: inline-block;
  margin: 0 10px 0 0;
}

td.num,
th.num {
  text-align: right;
  white-space: nowrap;
}

/* A test's figure, with its times per item on the lines under it, centred under the test's name. */
td.num.figure,
th.num.figure {
  text-align: center;
}

td.times span + span::before {
  content: " · ";
  color: #999;
}

.submit-form input[type="file"] {
  display: inline-block;
  margin-right: 10px;
}

pre {
  max-height: 30em;
  overflow: auto;
}

/* Highlighted code keeps the look of a plain <pre>: highlight.js's theme would add its own
   padding and white background inside it. */
pre code.hljs {
  padding: 0;
  background: transparent;
}

/* The task list is the front page's only content; make it easy to read. */
.task-list {
  font-size: 24px;
}

.task-list li {
  margin-bottom: 8px;
}