Doc: More HTML Updates (CSS) (#1413)

More CSS updates to HTML5 elements in new docutils. Sections: first write and read. Not further `<style>` sections found, this should be it :)
openPMD · Apr 3, 2023 · b3c70dd · b3c70dd
1 parent f489633
commit b3c70dd
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 14 deletions.
diff --git a/docs/source/usage/firstread.rst b/docs/source/usage/firstread.rst
@@ -11,34 +11,34 @@ We are using the examples files from `openPMD-example-datasets <https://github.c
    <style>
    @media screen and (min-width: 60em) {
        /* C++17 and Python code samples side-by-side  */
-       #first-read > .section > .section:nth-of-type(2n+1) {
+       #first-read > section > section:nth-of-type(2n+1) {
            float: left;
            width: 48%;
            margin-right: 4%;
        }
-       #first-read > .section > .section:nth-of-type(2n+0):after {
+       #first-read > section > section:nth-of-type(2n+0):after {
            content: "";
            display: table;
            clear: both;
        }
        /* only show first C++17 and Python Headline */
-       #first-read > .section > .section:not(#c-17):not(#python) > h3 {
+       #first-read > section > section:not(#c-17):not(#python) > h3 {
            display: none;
        }
    }
    /* align language headline */
-   #first-read > .section > .section > h3 {
+   #first-read > section > section > h3 {
        text-align: center;
        padding-left: 1em;
    }
    /* avoid jumping of headline when hovering to get anchor */
-   #first-read > .section > .section > h3 > a.headerlink {
+   #first-read > section > section > h3 > a.headerlink {
        display: inline-block;
    }
-   #first-read > .section > .section > h3 > .headerlink:after {
+   #first-read > section > section > h3 > .headerlink:after {
        visibility: hidden;
    }
-   #first-read > .section > .section > h3:hover > .headerlink:after {
+   #first-read > section > section > h3:hover > .headerlink:after {
        visibility: visible;
    }
    </style>

diff --git a/docs/source/usage/firstwrite.rst b/docs/source/usage/firstwrite.rst
@@ -10,34 +10,34 @@ Step-by-step: how to write scientific data with openPMD-api?
    <style>
    @media screen and (min-width: 60em) {
        /* C++17 and Python code samples side-by-side  */
-       #first-write > .section > .section:nth-of-type(2n+1) {
+       #first-write > section > section:nth-of-type(2n+1) {
            float: left;
            width: 48%;
            margin-right: 4%;
        }
-       #first-write > .section > .section:nth-of-type(2n+0):after {
+       #first-write > section > section:nth-of-type(2n+0):after {
            content: "";
            display: table;
            clear: both;
        }
        /* only show first C++17 and Python Headline */
-       #first-write > .section > .section:not(#c-17):not(#python) > h3 {
+       #first-write > section > section:not(#c-17):not(#python) > h3 {
            display: none;
        }
    }
    /* align language headline */
-   #first-write > .section > .section > h3 {
+   #first-write > section > section > h3 {
        text-align: center;
        padding-left: 1em;
    }
    /* avoid jumping of headline when hovering to get anchor */
-   #first-write > .section > .section > h3 > a.headerlink {
+   #first-write > section > section > h3 > a.headerlink {
        display: inline-block;
    }
-   #first-write > .section > .section > h3 > .headerlink:after {
+   #first-write > section > section > h3 > .headerlink:after {
        visibility: hidden;
    }
-   #first-write > .section > .section > h3:hover > .headerlink:after {
+   #first-write > section > section > h3:hover > .headerlink:after {
        visibility: visible;
    }
    </style>