htmlstyle.css in metanorma-itu-2.2.15

- old
+ new

@@ -88,11 +88,11 @@
 .h1, .h2, .h3, .h4, .h5, .h6 {
   font-family: {{headerfont}}; }
 
 blockquote, q {
   quotes: none; }
-  blockquote:before, blockquote:after, q:before, q:after {
+  blockquote::before, blockquote::after, q::before, q::after {
     content: '';
     content: none; }
 
 .h2Annex {
   font-family: {{headerfont}}; }
@@ -111,18 +111,22 @@
   font-weight: bold; }
 
 div.document-stage-band, div.document-type-band {
   background-color: #333333; }
 
-a.FootnoteRef + a.FootnoteRef:before {
+a.FootnoteRef + a.FootnoteRef::before {
   content: ", ";
   vertical-align: super; }
 
-a.TableFootnoteRef + a.TableFootnoteRef:before {
+a.TableFootnoteRef + a.TableFootnoteRef::before {
   content: ", ";
   vertical-align: super; }
 
+a.TableFootnoteRef, span.TableFootnoteRef,
+a.FootnoteRef, span.FootnoteRef {
+  vertical-align: super; }
+
 .addition {
   color: blue; }
 
 .deletion {
   color: red;
@@ -367,11 +371,11 @@
 .h1, .h2, .h3, .h4, .h5, .h6 {
   font-family: {{headerfont}}; }
 
 blockquote, q {
   quotes: none; }
-  blockquote:before, blockquote:after, q:before, q:after {
+  blockquote::before, blockquote::after, q::before, q::after {
     content: '';
     content: none; }
 
 .h2Annex {
   font-family: {{headerfont}}; }
@@ -390,18 +394,22 @@
   font-weight: bold; }
 
 div.document-stage-band, div.document-type-band {
   background-color: #333333; }
 
-a.FootnoteRef + a.FootnoteRef:before {
+a.FootnoteRef + a.FootnoteRef::before {
   content: ", ";
   vertical-align: super; }
 
-a.TableFootnoteRef + a.TableFootnoteRef:before {
+a.TableFootnoteRef + a.TableFootnoteRef::before {
   content: ", ";
   vertical-align: super; }
 
+a.TableFootnoteRef, span.TableFootnoteRef,
+a.FootnoteRef, span.FootnoteRef {
+  vertical-align: super; }
+
 .addition {
   color: blue; }
 
 .deletion {
   color: red;
@@ -788,11 +796,11 @@
   #toc li a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li a {
     font-size: {{normalfontsize}}; }
   #toc li:hover a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover a {
     background: none;
     box-shadow: none; }
-  #toc li:before, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li:before {
+  #toc li::before, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) li::before {
     content: " ";
     display: none; }
   @media print {
     #toc .toc-active a, #toc > ul :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active a {
       color: #4D7EA5; }
@@ -1098,10 +1106,10 @@
 ul, ol {
   margin-left: 1.2em; }
 
 ul > li {
   list-style: none; }
-  ul > li:before {
+  ul > li::before {
     content: "\2014";
     display: inline-block;
     width: 1em;
     margin-left: -1.2em; }
   ul > li p:first-child {