docinfo.html

<link rel="shortcut icon" href="icons/ktx_favicon.ico" type="image/x-icon" />
<style>
body {
  /* Put Khronos ribbon on left side */
  background-attachment: fixed;
  background-image: url(images/logo-spec.svg);
  background-position: left top;
  background-repeat: no-repeat/*, no-repeat*/;
  /* Override default Asciidoctor margin settings to center the page. */
  margin: 2em auto 2em auto;
  max-width: 60em;
}

div.legal p {
  font-size: 60%;
}

.optional {
  opacity: 0.5;
}

#header {
  /* Show logos before the document title. The only way is to include
   * them in docinfo.html and the only way with valid HTML5 is to put
   * it in the style sheet which means making it part of the
   * background. Do it in #header not body to get the logos aligned
   * with the margins.
   */
  background-attachment: scroll, scroll;
  background-image: url(images/khronos.svg), url(images/ktx.svg);
  /* To align exactly with the text, change 'left' to .9375em,
   * the Asciidoctor style-sheet specified padding.
   */
  background-position: 0.9375em 30px, right 15px;
  background-repeat: no-repeat;
  /*background-size: auto auto, 120px auto;*/
  background-size: 15.8em auto, 10.8em auto;
  /* Give the logos some space. */
  padding-top: 90px;
}

table.dfdexample td, th {
  font-size: 70%;
  padding-top: 0;
  padding-bottom: 0;
}
</style>