lib/isodoc/itu/html/htmlstyle.css in metanorma-itu-2.0.0 vs lib/isodoc/itu/html/htmlstyle.css in metanorma-itu-2.0.1

- old
+ new

@@ -676,61 +676,65 @@ font-weight: 400; } @media screen and (max-width: 768px) { nav #toc { padding: 0 1.5em; overflow: visible; } } -#toc { +#toc, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) { font-family: {{bodyfont}}; font-weight: 400; } - #toc ul { + #toc ul, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) ul { margin: 0; padding: 0; list-style: none; } - #toc ul li a { + #toc ul li a, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) ul li a { padding: 5px 10px; } - #toc ul a { + #toc ul a, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) ul a { color: #141115; text-decoration: none; display: block; } - #toc ul a:hover { + #toc ul a:hover, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) ul a:hover { box-shadow: none; color: white; } - #toc .h2 { + #toc .h2, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) .h2 { padding-left: 30px; } - #toc .h3 { + #toc .h3, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) .h3 { padding-left: 50px; } - #toc .toc-active, #toc li:hover { + #toc .toc-active, #toc li:hover, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover { background: #da1d52; box-shadow: inset -5px 0px 10px -5px #da1d52 !important; } - #toc .toc-active a, #toc li:hover a { + #toc .toc-active a, #toc li:hover a, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active a, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover a { color: white; } @media print { - #toc .toc-active, #toc li:hover { + #toc .toc-active, #toc li:hover, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover { background: white; box-shadow: none !important; } - #toc .toc-active a { + #toc .toc-active a, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active a { color: #141115; } - #toc li:hover a { + #toc li:hover a, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover a { color: black; } } - #toc .h1 { + #toc .h1, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) .h1 { text-transform: uppercase; } - #toc li a { + #toc li a, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) li a { font-size: {{normalfontsize}}; } - #toc li:hover a { + #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 li:before, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) li:before { content: " "; display: none; } @media print { - #toc .toc-active a { + #toc .toc-active a, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active a { color: #4D7EA5; } - #toc .toc-active, #toc li:hover { + #toc .toc-active, #toc li:hover, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) .toc-active, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover { background: white; box-shadow: none !important; } - #toc li:hover a { + #toc li:hover a, #toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) li:hover a { color: black; } } +#toc > ul > :is(.h1, .h2, .h3, .h4, .h5, .h6) { + margin-top: 0; + margin-bottom: 0; } + #toc-list ul { margin-bottom: 0.25em; } #toc-list li { list-style-type: none; } @@ -787,10 +791,10 @@ margin-top: 3em; } @media screen and (min-width: 768px) { h1.toc-contents { margin-top: 1em; } - ul#toc-list { + ul#toc-list, ul#toc-list > :is(.h1, .h2, .h3, .h4, .h5, .h6) { padding: 0; margin: 0; } } .figure { line-height: 1.6em;