metanorma-ogc 0.0.2

data/lib/isodoc/ogc/html/html_ogc_titlepage.html

@@ -0,0 +1,172 @@
+<div class="document-stage-band" id='{{ status | downcase | replace: " ", "-" }}-band'>
+    <p class="document-stage">{{ status }}</p>
+</div>
+
+<div class="document-type-band" id='{{ doctype | downcase | replace: " ", "-" }}-band'>
+    <p class="document-type">OGC {{ doctype }}</p>
+</div>
+
+
+
+  <div id='toggle'> <span>&#x2022;</span> </div>
+
+  <header>
+
+<!--<div class="WordSection1">-->
+  <div class="coverpage">
+    <div class="wrapper-top">
+
+  <div class="coverpage-doc-identity">
+    <div class="coverpage-metadata">
+      <span>Submission Date: {{ receiveddate }}</span>
+      <span>Approval Date: {{ issueddate }}</span>
+      <span>Publication Date: {{ publisheddate }}</span>
+      <span>External identifier of this OGC® document: <span class="docnumber">{{ externalid }}</span></span>
+      <span>Internal identifier of this OGC® document: <span class="docnumber">{{ docnumber }}</span></span>
+      {% if url or html %}
+      <span>URL for this OGC® document: <a href="{{ url or html }}">{{ url or html }}</a></span>
+      {% endif %}
+      {% if previousuri %}
+      <span>Previous URI: <a href="{{ previousuri }}">{{previousuri}}</a></span>
+      {% endif %}
+      {% if editors %}
+      <span>Editor: {{ editors | join: ", " }}</span>
+      {% endif %}
+    </div>
+
+    {% if xml or pdf or doc %}
+    <div class="coverpage-alt-formats">
+      <span>Additional Formats: </span>
+      {% if xml %}
+      <span><a href="{{ xml }}"><i class="far fa-file-code"></i>XML</a></span>
+      {% endif %}
+      {% if pdf %}
+      <span><a href="{{ pdf }}"><i class="far fa-file-pdf"></i>PDF</a></span>
+      {% endif %}
+      {% if doc %}
+      <span><a href="{{ doc }}"><i class="far fa-file-word"></i>DOC</a></span>
+      {% endif %}
+      </span>
+    </div>
+    {% endif %}
+
+    <div class="coverpage-title">
+      <span class="title-first">{{ doctitle }}</span>
+      <!--<span class="title-second">{{ docsubtitle }}</span>-->
+    </div>
+  </div>
+
+  <div class="coverpage-logo">
+    <span>Open Geospatial Consortium {{ docyear }}</span>
+  </div>
+
+  <div class="coverpage-tc-name">
+    <span>{{ tc | capitalize }}</span>
+  </div>
+  </div>
+
+    <div class="wrapper-top-bottom"></div>
+
+  <div class="WordSection11">
+  <div class="coverpage-stage-block" >
+    <span class="coverpage-stage" id="{{ doctype | replace: ' ', '-' | downcase }}">OGC {{ doctype }}</span>
+  </div>
+
+  <div class="coverpage-stage-block" >
+    <p><span class="coverpage-maturity" id="{{ status | replace: ' ', '-' | downcase }}">{{ status }}</span></p>
+</div>
+
+{% if doctype == "Standard" or doctype == "Standard With Suite" %}
+  <div class="coverpage-warning">
+    <span class="title">Warning</span>
+    <p class="content">This document is an OGC Member approved international standard. This document is available on a royalty free, non-discriminatory basis. Recipients of this document are invited to submit, with their comments, notification of any relevant patent rights of which they are aware and to provide supporting documentation.
+    </p>
+ </div>
+{% endif %}
+
+{% if doctype == "Discussion Paper" %}
+  <div class="coverpage-warning">
+    <span class="title">Warning</span>
+    <p class="content">This document is not an OGC Standard. This document is an OGC Discussion Paper and is therefore <i>not an official position</i> of the OGC membership. It is distributed for review and comment. It is subject to change without notice and may not be referred to as an OGC Standard. Further, an OGC Discussion Paper should not be referenced as required or mandatory technology in procurements.
+    </p>
+ </div>
+{% endif %}
+
+
+{% if doctype == "Engineering Report" %}
+  <div class="coverpage-warning">
+    <span class="title">Warning</span>
+    <p class="content">This document is not an OGC Standard. This document is an OGC Public Engineering Report created as a deliverable in an OGC Interoperability Initiative and is <i>not an official position</i> of the OGC membership. It is distributed for review and comment. It is subject to change without notice and may not be referred to as an OGC Standard. Further, any OGC Engineering Report should not be referenced as required or mandatory technology in procurements.
+    </p>
+ </div>
+{% endif %}
+
+
+{% if doctype == "Best Practice" %}
+  <div class="coverpage-warning">
+    <span class="title">Warning</span>
+    <p class="content">This document defines an OGC Best Practices on a particular technology or approach related to an OGC standard. This document is <i>not</i> an OGC Standard and may not be referred to as an OGC Standard. It is subject to change without notice. However, this document is an <i>official</i> position of the OGC membership on this particular technology topic.
+    </p>
+ </div>
+{% endif %}
+
+{% if doctype == "Policy" %}
+  <div class="coverpage-warning">
+    <span class="title">Warning</span>
+    <p class="content">This document is an OGC Policies and Procedures Document. The document is subject to change based on membership requirements and motions. Please note that the OGC <a href="http://www.opengeospatial.org/ogc/policies/directives">Policies Related to OGC Standards</a> should be also be read.
+    </p>
+ </div>
+{% endif %}
+
+{% if status != "Published" and status != "Withdrawn" %}
+  <div class="coverpage-warning">
+    <span class="title">Warning for Drafts</span>
+
+    <p class="content">
+    This document is not a OGC Standard. It is distributed for review and
+    comment, and is subject to change without notice and may not be referred to as
+    a Standard.</p>
+    <p class="content">Attention is drawn to the possibility that some of the elements of this document may be the subject of patent rights. The Open Geospatial Consortium Inc. shall not be held responsible for identifying any or all such patent rights.
+    </p>
+    <p class="content">Recipients of this document are requested to submit, with their comments, notification of any relevant patent claims or other intellectual property rights of which they may be aware that might be infringed by any implementation of the standard set forth in this document, and to provide supporting documentation.
+    </p>
+  </div>
+{% endif %}
+
+<div class="info-section">
+<div class="copyright">
+  <p class="year">
+    &copy; {{ docyear }} Open Geospatial Consortium
+  </p>
+
+  <p class="message">
+    All rights reserved. Unless otherwise specified, no part of this
+    publication may be reproduced or utilized otherwise in any form or by any
+    means, electronic or mechanical, including photocopying, or posting on the
+    internet or an intranet, without prior written permission. Permission can
+    be requested from the address below.
+
+    To obtain additional rights of use, visit <a href="http://www.opengeospatial.org/legal/">http://www.opengeospatial.org/legal/</a>.
+  </p>
+
+<div class="contact-info">
+  <p class="name">Open Geospatial Consortium</p>
+  <p class="address">
+    35 Main Street<br />
+    Suite 5<br />
+    Wayland<br />
+    MA, 01778<br />
+    United States of America<br />
+    <br />
+    <a href="mailto:copyright@opengeospatial.org">copyright@opengeospatial.org</a><br />
+    <a href="www.opengeospatial.org">www.opengeospatial.org</a>
+  </p>
+</div>
+</div>
+
+<div class="rule"></div>
+</div>
+  </div>
+
+
+</header>

data/lib/isodoc/ogc/html/htmlstyle.scss

@@ -0,0 +1,1054 @@
+/*
+    0 CSS RESET
+*/
+
+/* http://meyerweb.com/eric/tools/css/reset/
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+        margin: 0;
+        padding: 0;
+}
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, sub, sup, tt, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+        border: 0;
+        font-size: 100%;
+}
+
+html, body, div, span, applet, object, iframe,
+h1, h2, h3, h4, h5, h6, p, blockquote, pre,
+a, abbr, acronym, address, big, cite, code,
+del, dfn, em, img, ins, kbd, q, s, samp,
+small, strike, strong, tt, var,
+b, u, i, center,
+dl, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+        vertical-align: baseline;
+}
+
+
+html, body, div, span, applet, object, iframe,
+p, blockquote,
+a, abbr, acronym, address, big, cite,
+del, dfn, em, img, ins, q, s,
+small, strike, strong, sub, sup, var,
+b, u, i, center,
+dl, dt, dd, ol, ul, li,
+fieldset, form, label, legend,
+table, caption, tbody, tfoot, thead, tr, th, td,
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
+menu, nav, output, ruby, section, summary,
+time, mark, audio, video {
+  font-family: $bodyfont;
+}
+
+code, pre, tt, kbd, samp {
+  font-family: $monospacefont;
+  font-variant-ligatures: none;
+}
+
+code *, pre *, tt *, kbd *, samp * {
+  font-family: $monospacefont !important;
+  font-variant-ligatures: none;
+}
+
+h1, h2, h3, h4, h5, h6, .h2Annex {
+  font-family: $headerfont;
+}
+
+dl {
+  display: grid;
+  grid-template-columns: max-content auto;
+}
+
+dt {
+  grid-column-start: 1;
+}
+
+dd {
+  grid-column-start: 2;
+}
+
+dd p, dt p {
+  margin-top: 0px;
+}
+
+/* HTML5 display-role reset for older browsers */
+article, aside, details, figcaption, figure,
+footer, header, hgroup, menu, nav, section {
+	display: block;
+}
+body {
+	line-height: 1;
+}
+
+blockquote, q {
+	quotes: none;
+}
+blockquote:before, blockquote:after,
+q:before, q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+
+/*
+    1. HTML & Body
+*/
+
+  body {
+    margin: 0;
+    margin-left: auto;
+    margin-right: auto;
+    max-width: 100%;
+    color: #1d1d1d;
+    font-weight: 300;
+    font-size: 15px;
+    line-height: 1.4em;
+    background-color: #ffffff;
+  }
+
+  main {margin: 0 3em 0 6em;}
+
+  #toc{
+    font-family: $bodyfont;
+    font-weight: 400;
+  }
+
+/*
+    2. Responsive navigation layout
+*/
+
+
+@media screen and (min-width: 768px) {
+    nav {
+        position: fixed;
+        top: 0;
+        bottom: 0;
+        left: 0;
+        width: 323px;
+        font-size: 0.9em;
+        overflow: auto;
+        padding: 0 0 0 45px;
+        margin-right: 30px;
+        background-color:#f6f6f6;
+    }
+
+    #toggle {
+        position: fixed;
+        height: 100%;
+        width: 30px;
+        background-color:#00335b;
+        color: white!important;
+        cursor: pointer;
+        z-index: 100;
+    }
+
+    #toggle span {
+        text-align: center;
+        width: 100%;
+        position: absolute;
+        top: 50%;
+        transform: translate(0, -50%);
+
+    }
+
+    .container {
+        padding-left: 360px;
+    }
+
+    .rule.toc {
+        display: none;
+    }
+
+    h1.toc-contents {
+        margin-top: 1em;
+    }
+
+    ul#toc-list {
+        padding:0;
+        margin:0;
+    }
+}
+
+@media screen and (max-width: 768px) {
+    #toc {
+        padding: 0 1.5em 0 1.5em;
+        overflow: visible;
+    }
+}
+
+@media screen {
+  img {
+      width: 100%;
+      height: auto;
+  }
+}
+
+#toc ul {
+    margin: 0;
+    padding: 0;
+    list-style: none;
+}
+
+#toc li {
+    padding: 5px 10px;
+}
+
+#toc a {
+    color: #2e81c2;
+    text-decoration: none;
+    display: block;
+}
+
+#toc a:hover {
+    color: white;
+}
+
+#toc .h2 {
+    padding-left: 30px;
+}
+
+#toc .h3 {
+    padding-left: 50px;
+}
+
+#toc .toc-active a {
+    color: white;
+}
+
+#toc .toc-active, #toc li:hover {
+    background: #00335b;
+    box-shadow: inset -5px 0px 10px -5px #00335b!important;
+
+}
+
+#toc li:hover a {
+    color: white;
+    background: none;
+     box-shadow: none;
+}
+
+#toc li a {
+  text-transform: uppercase;
+}
+
+/*
+    Document types + stages
+*/
+
+.document-type-band {
+    left:0;
+    top:180px;
+    height: 100%;
+    position: fixed;
+    display: block;
+    z-index: 99;
+    /*box-shadow: -5px 0px 10px #1d1d1d*/
+
+}
+
+.document-stage-band {
+    left:0;
+    top:0;
+    height: 100%;
+    position: fixed;
+    display: block;
+    z-index: 98;
+    box-shadow: -5px 0px 10px #1d1d1d
+}
+
+.document-type {
+    position: relative;
+    width: 25px;
+}
+
+.document-stage {
+    position: relative;
+    width: 25px;
+}
+
+p.document-type, p.document-stage {
+  color: white;
+  text-transform: uppercase;
+  font-size: 0.9em;
+  font-weight: 400;
+  letter-spacing: 0.05em;
+  margin:0;
+  margin-left: 6px;
+  writing-mode:tb-rl;
+  transform:rotate(180deg);
+        white-space:nowrap;
+        display:block;
+  bottom:0;
+}
+
+p.document-type {
+    font-weight: 400;
+    height: 210px;
+}
+
+#governance-band p.document-type {
+    font-weight: 400;
+    height: 230px!important;
+}
+
+p.document-stage {
+    font-weight: 300;
+    height:160px;
+}
+
+$doctype-colors-list:(
+  standard: #0AC442,
+  standard-with-suite: #540D6E,
+  abstract-specification: #D183C9,
+  community-standard: #65AFFF,
+  profile: #3A405A,
+  best-practice: #F26430,
+  engineering-report: #C84630,
+  discussion-paper: #BFAE48,
+  reference-model: #BD9391,
+  user-guide: #303633,
+  policy: #8BE8CB,
+  guide: #7EA2AA,
+  amendment: #888DA7,
+  technical-corrigendum: #9C7A97,
+  administrative: #C4F1BE
+);
+
+@each $key,$val in $doctype-colors-list{
+  ##{$key}-band {
+    background-color: #{$val};
+  }
+  ##{$key} {
+    border-bottom: solid 3px #{$val};
+  }
+}
+
+$docstage-colors-list:(
+  rfc: #39A0ED,
+  candidate: #2D7393,
+  published: #069E2D,
+  deprecated: #004E64,
+  retired: #2E382E,
+);
+
+@each $key,$val in $docstage-colors-list{
+  ##{$key}-band {
+    background-color: #{$val};
+  }
+  ##{$key} {
+    border-bottom: solid 3px #{$val};
+  }
+}
+
+.coverpage-maturity {
+  font-family: $bodyfont;
+  font-weight: 400;
+  font-size: 1em;
+  margin: 0 0 2em 0;
+  text-transform: uppercase;
+}
+
+
+
+/*
+    3. TYPOGRAPHY
+*/
+
+/*
+    3.1 Titles
+*/
+
+  h1,h2,h3,h4,h5,h6 {
+    font-family: $headerfont;
+    color: #00335b;
+    font-weight: 300;
+    margin-top: 1.6em;
+    margin-bottom: 0.3em;
+  }
+
+  h1 {
+    font-size: 1.6em;
+    text-transform: uppercase;
+    margin-top: 2em;
+  }
+
+  h1#content {
+      margin-top: 2em;
+  }
+
+  h2 {
+    margin-top: 1.3em;
+    font-size: 1.3em;
+    font-weight: 400;
+  }
+
+  h3 {
+    margin-top: 1.1em;
+    font-size: 1.1em;
+    font-weight: 100;
+  }
+
+  .TermNum, .Terms, .AltTerms {
+    color: #00335b;
+    font-weight: 100;
+  }
+
+  h2.TermNum {
+    margin-bottom: 0;
+  }
+
+  p.Terms {
+    font-size: 1.1em;
+    line-height: 1.5em;
+    margin: 0;
+  }
+
+  p.AltTerms {
+    /*
+    font-style: italic;
+     */
+    font-size: 1.1em;
+    margin: 0;
+  }
+
+/*
+    3.2 Links
+*/
+
+    a, a:visited{
+        text-decoration: none;
+        color: #2e81c2;
+    }
+
+    a:hover {
+        color: white;
+        background: #00335b;
+        box-shadow: 3px 0 0 #00335b, -3px 0 0 #00335b;
+        /* padding: 2px 0 2px 0; */
+    }
+
+    ::selection {
+        background: #00335b; /* WebKit/Blink Browsers */
+        color: white;
+      }
+      ::-moz-selection {
+        background: #00335b; /* Gecko Browsers */
+        color: white;
+      }
+
+      .contact-info a:hover {
+          color: #2e81c2;
+          text-decoration: underline;
+          background: none;
+          box-shadow: 0 0 0 0;
+      }
+
+
+
+/*
+    3.3 Lists
+*/
+
+    ul, ol {margin-left: 1.2em;}
+
+  ul  li {
+  list-style: none;
+   }
+
+   ul li:before {
+    content: "\2014";
+    display: inline-block; width: 1em;
+    margin-left: -1.2em;
+  }
+
+  ul li p:first-child {
+    display: inline;
+  }
+
+ul li:first-child {
+  margin-top: 1em;
+}
+
+    #toc-list ul {margin-bottom: 0.25em;}
+
+    #toc-list li {list-style-type: none;}
+
+    #toc li:before {
+  content: " ";
+  display: none;
+}
+
+
+/*
+    3.4 Rules
+*/
+
+    .rule {
+        width: 100%;
+        height: 1px;
+        background-color: #00335b;
+        margin: 2em 0;
+      }
+
+/*
+    3.5 Bibliograhy
+*/
+
+p.Biblio, p.NormRef {
+    margin-top: 1em;
+    margin-left: 2em;
+}
+
+/*
+    3.6 Source Code + figures
+*/
+
+.figure, .Sourcecode {
+    font-family: $monospacefont;
+    font-variant-ligatures: none;
+    background-color: #f6f6f6;
+    font-size: 0.8em;
+    line-height: 1.6em;
+    padding: 1.5em;
+    margin: 2em 0 1em 0;
+    overflow: auto;
+}
+
+.FigureTitle {
+    font-weight: 700;
+    font-size: 1em;
+    text-align: center;
+}
+
+/*
+    3.7 Notes
+*/
+
+.Note {
+    background-color: #fff495;
+    color: #47430c;
+    padding: 1.2em;
+    margin: 1em 0 1em 0;
+
+    p {
+        margin: 0;
+    }
+}
+
+.Admonition {
+    background-color: #ffcccc;
+    color: #47430c;
+    padding: 1.2em;
+    margin: 1em 0 1em 0;
+
+    p {
+        margin: 0;
+    }
+}
+
+
+/*
+    3.8 Examples
+*/
+
+.example {
+    background-color: #e1eef1;
+    padding: 1.2em;
+    margin: 2em 0 1em 0;
+}
+
+.example .example-title {
+    font-weight: 700;
+    text-transform: uppercase;
+    text-align: center;
+    margin-top:0;
+}
+
+.recommend {
+    background-color: #ccffcc;
+    padding: 1.2em;
+    margin: 2em 0 1em 0;
+}
+
+
+/*
+    3.9 Tables
+*/
+
+table {
+  border-collapse: collapse;
+  width: 100%;
+  font-weight: 300;
+  margin: 1em 0 2em 0;
+  margin-left: auto;
+  margin-right: auto;
+  padding-right: 2em;
+}
+
+table, th, td {
+  border: 1px solid black;
+  font-size: 0.95em;
+}
+
+td, th {
+  padding: 1em;
+}
+
+td.header {
+  font-weight: 400;
+}
+
+p.TableTitle {
+  text-align: center;
+  margin-top: 2.5em;
+  font-weight: 400;
+}
+
+/*
+  3.10 Footnotes
+*/
+
+a.footnote-number {
+    vertical-align: super;
+    font-size: 0.8em;
+}
+
+.footnote {
+    font-size: 0.9em;
+}
+
+
+/*
+    3.11 Blockquotes
+*/
+
+.Quote {
+    background-color: #f6f6f6;
+    font-style: italic;
+    width: 80%;
+    padding: 1.5em;
+    margin-top: 2em;
+    margin-left: auto;
+    margin-right: auto;
+}
+
+
+/*
+    3.12 Formulas
+*/
+
+.formula {
+    background-color: #f6f6f6;
+    padding: 1.5em;
+    margin-top: 2em;
+    text-align: center;
+}
+
+/*
+    3.13 Contact Info
+*/
+
+.contact-info {
+  padding: 2em;
+  margin-top: 5em;
+  width: 280px;
+  text-align: left;
+  border: #00335b solid 2px;
+  color: #00335b!important;
+  border-radius: 25px;
+}
+
+.contact-info a,
+.contact-info a:hover {
+  color: #00335b;
+}
+
+.contact-info p, .contact-info a {
+    font-family: $monospacefont;
+    font-variant-ligatures: none;
+    font-weight: 400;
+}
+
+.contact-info .name {
+    font-weight: 700;
+    font-size: 1.2em;
+    margin-bottom:0;
+}
+
+.contact-info .address {
+    font-size: 1em;
+    line-height: 1.3em;
+    margin-top:0;
+}
+
+/*
+    Keywords
+*/
+
+span.keyword {
+    font-weight: 600;
+}
+
+/*
+    Paragraphs
+*/
+
+p {
+    margin-top: 1em;
+    margin-bottom: 1em;
+}
+
+h2 p {
+  display: inline;
+}
+
+
+/*
+    4.0 Page header
+*/
+
+/*
+    4.1 Top Logo
+*/
+
+.icon-svg {
+  width: 100%;
+  color: #5ecf86;
+}
+
+.wrapper-top {
+  background: linear-gradient(135deg, #00335b, #00335b, #93c0d6);
+  color: #ffffff;
+  padding: 2em 0;
+  width: 100%;
+}
+
+.wrapper-top-bottom {
+  width: 0;
+  height: 0;
+  border-top: 100px solid #00335b;
+  border-right: 100px solid transparent;
+  position: absolute;
+}
+
+.coverpage-metadata,
+.coverpage-alt-formats {
+  line-height: 1.5em;
+  padding: 0 1em 1em 1em;
+  text-align: right;
+}
+
+.coverpage-metadata > span {
+  display: block;
+  text-align: right;
+}
+
+.coverpage-alt-formats > span {
+  display: inline-block;
+  text-align: right;
+}
+
+.coverpage-metadata a,
+.coverpage-alt-formats a,
+.coverpage-metadata a:visited,
+.coverpage-alt-formats a:visited {
+  color: #fff;
+  text-decoration: underline;
+}
+
+
+.coverpage-title {
+  padding-bottom: 0.5em;
+  font-family: $headerfont;
+  font-size: 2.3em;
+  line-height: 1.5em;
+  font-weight: 100;
+  padding-left: 1em;
+  padding-right: 1em;
+  text-transform: uppercase;
+}
+
+  .WordSection11 {
+    padding: 0 2em 0 3em;
+  }
+
+ .info-section {
+    padding: 0 2em 0 5em; }
+
+  .prefatory-section {
+    padding: 0 3em 0 6em;
+  }
+
+
+  .zzSTDTitle1, .MsoCommentText {
+    display: none;
+  }
+
+
+  .coverpage {
+    text-align: center;
+    padding-left: 1.5em;
+  }
+
+  .coverpage-logo span, .coverpage-tc-name span {
+    font-family: $bodyfont;
+      text-transform: none;
+      font-weight: 300;
+  }
+
+  .coverpage-tc-name {
+    font-size: 1.2em;
+    line-height: 1.2em;
+    margin: 0.25em 0;
+  }
+
+/*
+    4.2 Document Identity
+*/
+
+  .coverpage-doc-identity {
+    line-height: 2em;
+  }
+
+  .coverpage-title .title-second {
+    display: none;
+  }
+
+  .coverpage-stage-block {
+    font-family: $bodyfont;
+    font-weight: 600;
+    font-size: 1.25em;
+    margin: 2em 0em 2em 0em;
+    text-transform: uppercase;
+  }
+
+/*
+    4.3 Draft Warning
+*/
+
+  .coverpage-warning {
+    border: #f36f36 solid 2px;
+  color: #f36f36!important;
+  margin: 1em 2em;
+  color: #2e81c2;
+  padding: 2em 1em 1em 1em;
+  border-radius: 25px;
+  }
+
+  .coverpage-warning .title {
+    font-family: $headerfont;
+    font-weight: 300;
+    text-transform: uppercase;
+    font-size: 1.2em;
+  }
+
+
+/*
+    4.4 Copyright
+*/
+
+  .copyright {
+    padding: 1em;
+    font-size: 0.9em;
+    text-align: left;
+  }
+
+
+/*  .copyright .name, .copyright .address {color: #2e81c2;} */
+
+
+
+/*
+    5.0 Other styles
+*/
+
+
+
+/*
+To top button
+*/
+
+#myBtn {
+    font-family: $monospacefont;
+    font-variant-ligatures: none;
+    display: none;
+    position: fixed;
+    bottom: 20px;
+    right: 30px;
+    z-index: 99;
+    font-size: 12px;
+    border: none;
+    outline: none;
+    background-color: #1f8ca0;
+    opacity: 0.15;
+    color: white;
+    cursor: pointer;
+    padding: 10px 15px 10px 15px;
+    border-radius: 4px;
+    text-transform: uppercase;
+  }
+
+  #myBtn:hover {
+    opacity: 1;
+  }
+
+  a.anchorjs-link:hover {
+  background: none;
+  color: #2e81c2;
+  box-shadow: none;
+}
+
+@page {
+  margin: 2cm 1cm;
+}
+
+@media print {
+
+
+  .document-info,  nav, .copyright, .prefatory-section {
+      page-break-before: always;
+  }
+
+  nav {
+    page-break-after: always;
+  }
+
+  h1, h2, h3, h4 {
+    page-break-after: avoid;
+    margin-top: 1.2em;
+  }
+
+  .note, .figure, .Sourcecode, table {
+    page-break-inside: avoid;
+  }
+
+  .info-section {
+    display: none;
+  }
+
+  .coverpage {
+      height: 23cm;
+  }
+
+  .wrapper-top {
+    top: 0;
+    padding-top: 4cm;
+    padding-bottom: 4cm;
+  }
+
+  .wrapper-top-bottom {
+    margin-top: -5px;
+  }
+
+
+  #toggle, .document-stage-band,
+  .document-type-band, button#myBtn {
+      display: none;
+  }
+
+  button#myBtn {
+    background-color: white;
+  }
+
+  .container {
+      padding-left: 0;
+  }
+
+  nav {
+      position: relative;
+      width: auto;
+      font-size: 0.9em;
+      overflow: auto;
+      padding: 0;
+      margin-right: 0;
+      background-color: white;
+  }
+
+    #toc .toc-active a {
+    color: #4D7EA5;
+  }
+
+  #toc .toc-active, #toc li:hover {
+    background: white;
+    box-shadow: none !important; }
+
+    #toc li:hover a {
+    color: black; }
+
+
+    h1.content {
+      margin-top: 2em;
+      line-height: 2.5em;
+    }
+
+    h1 {
+      font-size: 1.5em;
+      line-height: 1.5;
+    }
+
+    h2 {
+      font-size: 1.2em
+    }
+
+    h3 {
+      font-size: 1em;
+    }
+
+    .Note {
+        background-color: #fff495;
+        color: #47430c;
+        padding: 5px;
+        margin: 2em 0 1em 0; }
+
+    .Note p {
+      padding: 0 5px 0 5px;
+    }
+
+    nav {
+      line-height: 1;
+    }
+
+    .wrapper-top-bottom {
+      display: none;
+    }
+
+}
+