htmlstyle.scss in asciidoctor-csd-0.2.8

- old
+ new

@@ -11,37 +11,101 @@
 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, 
+article, aside, canvas, details, embed,
+figure, figcaption, footer, header, hgroup,
 menu, nav, output, ruby, section, summary,
 time, mark, audio, video {
-	margin: 0;
-	padding: 0;
-	border: 0;
-	font-size: 100%;
-	font-family: $bodyfont;
-	vertical-align: baseline;
+        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, 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 {
+  font-family: $bodyfont;
+}
+
+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 {
+  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;
 }
-/*
-ol, ul {
-	list-style: none;
-}
-*/
 blockquote, q {
 	quotes: none;
 }
 blockquote:before, blockquote:after,
 q:before, q:after {
@@ -364,28 +428,34 @@
 
   h1#content {
       margin-top: 2em;
   }
   
-  h2 {font-size: 1.3em; }
+  h2 {
+    font-size: 1.3em; 
+    font-weight: 400;
+  }
   
-  h3 {font-size: 1.1em;}
+  h3 {
+    font-size: 1.1em;
+    font-weight: 400;   
+  }
 
+  /*
   span[id^="toc"]:after {
     float: left;
     padding-right: 4px;
     margin-left: -20px;
     font-family: "Font Awesome 5 Free"; 
     font-weight: 900; 
     font-size: 0.8em;
     color: #cfcfcf;
     content: "\f0c1";
   }
+  */
 
- 
-
-  p.TermNum, p.Terms, p.AltTerms {
+  .TermNum, .Terms, .AltTerms {
     color: #485094;
     font-weight: 400;
   }
 
   p.TermNum {
@@ -399,15 +469,22 @@
     font-size: 1.1em;
     line-height: 1.7em;
     margin: 0;
   }
   
+  /*
   p.AltTerms {
     font-style: italic;
     margin: 0;
   }
+  */
 
+span.obligation {
+    font-weight: 400;
+}
+
+
 /*
     3.2 Links
 */
   
     a, a:visited{
@@ -442,16 +519,48 @@
       
 /*
     3.3 Lists
 */
         
-    ul {margin-left: 0.5em;}
+    ul {
+    margin-left: 1.2em;
+  }
       
-    #toc-list ul {margin-bottom: 0.25em;}
-      
-    #toc-list li {list-style-type: none;}
+ul {
+  margin-left: 1.2em; }
 
+ul > li {
+  list-style: none;
+}
+
+  ul > li:before {
+    content: "—";
+    display: inline-block; width: 1em;
+    margin-left: -1.2em;
+  }
+  
+  li p {
+    display: inline;
+  }
+
+li:first-child {
+  margin-top: 1em;
+}
+
+#toc ul {
+  margin-bottom: 0.25em; }
+
+#toc li {
+  list-style-type: none; }
+
+#toc li:before {
+  content: " ";
+  display: none;
+}
+
+
+
 /*
     3.4 Rules
 */
 
     .rule {
@@ -459,17 +568,22 @@
         height: 1px;
         background-color: #0e1a85;
         margin: 2em 0;
       }
 
+h2 p {
+  display: inline;
+}
+
 /*
     3.5 Bibliograhy
 */
 
-p.Biblio {
+p.Biblio, p.NormRef {
     margin-top: 1em;
     margin-left: 2em;
+    text-indent:-2em;
 }
 
 /*
     3.6 Source Code + figures
 */
@@ -577,16 +691,19 @@
     margin-top: 2em;
     margin-left: auto;
     margin-right: auto;
 }
 
+.QuoteAttribution
+        {text-align:right;}
 
+
 /*
     3.12 Formulas
 */
 
-.formula {
+.formula, .Formula {
     background-color: #f7f7f7;
     padding: 1.5em;
     margin-top: 2em;
     text-align: center;
 }
@@ -637,10 +754,25 @@
 p {
     margin-top: 1em;
     margin-bottom: 1em;
 }
 
+/* Admonitions */
+
+.Admonition, .admonition {
+    background-color: #ffb3b3;
+    /* color: #47430c;*/
+    padding: 0.5em;
+    margin: 1.5em 0 1.5em 0;
+    text-align: left;
+}
+
+.Admonition p, .admonition p {
+    margin: 0;
+}
+
+
 /*
     4.0 Page header
 */
 
 /*
@@ -661,12 +793,15 @@
   }
 
   .coverpage-title {
       padding-bottom: 0.5em;
       font-family: $headerfont;
-      font-size: 1.5em;
-      font-weight: 900;
+      font-size: 1.2em;
+	line-height: 1.2em;
+	font-weight: 900; 
+	padding-left: 1em;
+	padding-right: 1em;
   }
   
   .WordSection11 {
     padding: 0 2em 0 3em;
   }
@@ -681,10 +816,11 @@
   }
 
 
   .coverpage {
     text-align: center;
+    padding-left: 1.5em;
   }
 
   .coverpage-logo span, .coverpage-tc-name span {
     font-family: $bodyfont;
       text-transform: uppercase;
@@ -789,5 +925,49 @@
   }
   
   #myBtn:hover {
     opacity: 1;
   }
+
+a.anchorjs-link:hover {
+  background: none;
+  color: #485094;
+  box-shadow: none;
+}
+
+@page {
+    margin: 2cm 1cm 2cm 1cm;
+}
+
+@media print {
+    h1, .WordSection11 {page-break-before: always;}
+    #toggle, .document-stage-band,
+    .document-type-band,#myBtn {display: none;}
+    .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: #485094; }
+
+  #toc .toc-active, #toc li:hover {
+  background: white;
+  box-shadow: none !important; }
+
+  #toc li:hover a {
+  color: black; }
+
+
+  h1.toc-contents {
+    margin-top: 2em; }
+
+
+}
+