htmlstyle.css in metanorma-mpfa-0.7.5

- old
+ new

@@ -73,10 +73,16 @@
 
 code *, pre *, tt *, kbd *, samp * {
   font-family: {{monospacefont}} !important;
   font-variant-ligatures: none; }
 
+p code, dt code, li code, label code, legend code, caption code, th code, td code,
+p tt, dt tt, li tt, label tt, legend tt, caption tt, th tt, td tt,
+p kbd, dt kbd, li kbd, label kbd, legend kbd, caption kbd, th kbd, td kbd,
+p samp, dt samp, li samp, label samp, legend samp, caption samp, th samp, td samp {
+  font-size: {{monospacefontsize}}; }
+
 article, aside, details, figcaption, figure,
 footer, header, hgroup, menu, nav, section {
   display: block; }
 
 table {
@@ -84,10 +90,13 @@
   border-spacing: 0; }
 
 h1, h2, h3, h4, h5, h6 {
   font-family: {{headerfont}}; }
 
+.h1, .h2, .h3, .h4, .h5, .h6 {
+  font-family: {{headerfont}}; }
+
 blockquote, q {
   quotes: none; }
   blockquote:before, blockquote:after, q:before, q:after {
     content: '';
     content: none; }
@@ -564,27 +573,27 @@
     3. TYPOGRAPHY
 */
 /*
     3.1 Titles
 */
-h1, h2, h3, h4, h5, h6 {
+h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
   font-family: {{headerfont}};
   color: #301907;
   font-weight: 300;
   margin-top: 2em; }
 
-h1 {
+h1, .h1 {
   color: #301907;
   font-size: 1.6em;
   /* margin-top: 5em; */
   margin-bottom: 30px;
   margin-left: -75px;
   padding: 45px 15px 15px 50px;
   border-bottom: solid 5px #FD8924;
   font-weight: 800; }
 
-h1#content {
+h1#content, #content.h1 {
   margin-top: 0em;
   margin-left: -2em; }
 
 h1.containerhdr {
   font-size: 2em;
@@ -598,15 +607,15 @@
   font-weight: 400;
   margin-left: -75px;
   font-style: italic;
   padding: 45px 15px 15px 50px; }
 
-h2 {
+h2, .h2 {
   font-size: 1.5em;
   font-weight: 400; }
 
-h3 {
+h3, .h3 {
   font-size: 1.1em;
   font-weight: 100; }
 
 .TermNum {
   font-weight: 100; }
@@ -873,11 +882,11 @@
  */
 p {
   margin-top: 1em;
   margin-bottom: 1em; }
 
-h2 p {
+h2 p, .h2 p {
   display: inline; }
 
 /*
 4.0 Page header
  */
@@ -1048,11 +1057,11 @@
     -webkit-filter: invert(100%);
     /* Safari 6.0 - 9.0 */
     filter: invert(100%); }
   .coverpage-title {
     border-left: 0.5em solid #888; }
-  h1, h2, h3, h4 {
+  h1, h2, h3, h4, .h1, .h2, .h3, .h4 {
     page-break-after: avoid;
     margin-top: 1.2em; }
   .note, .figure, pre, .pseudocode, table {
     page-break-inside: avoid; }
   .info-section {
@@ -1066,19 +1075,19 @@
     padding-bottom: 4cm; }
   .wrapper-top-bottom {
     margin-top: -5px; }
   .container {
     padding-left: 0; }
-  h1.content {
+  h1.content, .h1.content {
     margin-top: 2em;
     line-height: 2.5em; }
-  h1 {
+  h1, .h1 {
     font-size: 1.5em;
     line-height: 1.5; }
-  h2 {
+  h2, .h2 {
     font-size: 1.2em; }
-  h3 {
+  h3, .h3 {
     font-size: 1em; }
   .Note {
     background-color: #fff495;
     color: #47430c;
     padding: 5px;
@@ -1114,14 +1123,14 @@
     margin-left: 0; }
   .prefatory-section {
     padding-left: 0; }
   main {
     margin-left: 1em; }
-  h1 {
+  h1, .h1 {
     margin-left: 0;
     padding-left: 0; }
-  h1#content {
+  h1#content, #content.h1 {
     margin-left: 1em; } }
 
 /* Tablet Styles */
 @media only screen and (min-width: 401px) and (max-width: 960px) {
   .coverpage-doc-identity {
@@ -1139,25 +1148,25 @@
     margin-left: 0; }
   .prefatory-section {
     padding-left: 0; }
   main {
     margin-left: 2em; }
-  h1 {
+  h1, .h1 {
     margin-left: 0em;
     padding-left: 0; }
-  h1#content {
+  h1#content, #content.h1 {
     margin-left: 1em; } }
 
 @media screen and (max-width: 768px) {
   #toggle {
     display: none; }
   .rule.toc {
     display: none; } }
 
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
-  .main-section h1 {
+  .main-section h1, .main-section .h1 {
     margin-left: 14px; }
-  .main-section h2, h3, h4, ol, ul, p, .ms-table-wrap {
+  .main-section h2, .main-section .h2, h3, h4, .h3, .h4, ol, ul, p, .ms-table-wrap {
     margin-left: 75px; }
   .main-section li p {
     margin-left: 5px; }
   .main-section li {
     margin-left: 25px; } }