Merge pull request #887 from Open-EO/update_theme

updated theme

Author: jdries

docs/_static/custom.css

@@ -1,139 +1,66 @@
 /*
- * Customization of Alabaster theme
- * per https://alabaster.readthedocs.io/en/latest/customization.html#custom-stylesheet
+ * Minimal overrides on top of pydata-sphinx-theme.
+ * Keep the theme's default colors and code styling.
  */
 
-/* "Quick Search" should be capitalized. */
-div#searchbox h3 {
-    text-transform: capitalize;
+.bd-header .navbar-header-items {
+    flex: 1 1 auto;
 }
 
-/* Much-improved spacing around code blocks. */
-div.highlight pre {
-    padding: 1ex;
+.bd-header .navbar-brand {
+    font-weight: 700;
 }
 
-/* Reduce space between paragraphs for better visual structure */
-p {
-    margin: 1ex 0;
+.bd-header .navbar-header-items__end,
+.bd-header .navbar-persistent--container {
+    margin-left: auto;
+    justify-content: flex-end;
 }
 
-/* Hide "view source code" links by default, only show on hover */
-dt .viewcode-link {
-    visibility: hidden;
-    font-size: 70%;
+.sidebar-tree .sidebar-header-items__title {
+    font-weight: 700;
+    margin-bottom: 0.75rem;
 }
 
-dt:hover .viewcode-link {
-    visibility: visible;
-}
-
-/* More breathing space between successive methods */
-dl {
-    margin-bottom: 1.5em;
-}
-
-dl.field-list > dt {
-    /* Cleaner aligning of Parameters/Returns/Raises listing with method description paragraphs */
+.sidebar-tree ul {
+    list-style: none;
     padding-left: 0;
-    /* Make Parameters/Returns/Raises labels less dominant */
-    text-transform: uppercase;
-    font-size: 70%;
-}
-
-.sidebar-meta {
-    font-size: 80%;
-}
-
-div.body h1, div.body h2, div.body h3, div.body h4, div.body h5, div.body h6 {
-    margin: 1.5em 0 0.5em 0;
-}
-
-div.body h1 {
-    margin: 0 0 0.5em 0;
-}
-
-.toctree-l1 {
-    padding: 0.1em 0.5em;
-    margin-left: -0.5em;
-}
-
-div.sphinxsidebar .toctree-l1 a {
-    border: none;
-}
-
-.toctree-l1.current {
-    background-color: #f3f5f7;
-    border-right: 0.5rem solid #a2cedb;
-}
-
-
-div.admonition,
-div.versionadded,
-.py div.versionchanged,
-.py div.deprecated {
-    padding: 0.5em 1em;
-    border-style: solid;
-    border-width: 0 0 0 0.5rem;
-    border-color: #cccccc;
-    background-color: #f3f5f7;
-}
-
-div.admonition :first-child,
-div.versionadded :first-child,
-.py div.versionchanged :first-child,
-.py div.deprecated  :first-child {
-    margin-top: 0;
-}
-
-
-div.admonition :last-child,
-div.versionadded :last-child,
-.py div.versionchanged :last-child,
-.py div.deprecated  :last-child {
     margin-bottom: 0;
 }
 
-div.admonition p.admonition-title {
-    font-size: 80%;
-    text-transform: uppercase;
-    font-weight: bold;
+.sidebar-tree ul ul {
+    padding-left: 1rem;
 }
 
-div.admonition.note,
-div.admonition.tip,
-div.admonition.seealso,
-div.admonition.hint,
-div.versionadded,
-.py div.versionchanged {
-    border-left-color: #42b983;
+.sidebar-tree li {
+    list-style: none;
 }
 
-div.admonition.warning,
-div.admonition.attention,
-div.admonition.caution,
-div.admonition.danger,
-div.admonition.error,
-div.admonition.important,
-.py div.deprecated {
-    border-left-color: #b9425e;
+.sidebar-tree a {
+    text-decoration: none;
 }
 
+.sidebar-meta {
+    margin-top: 1.5rem;
+    padding-top: 1rem;
+    border-top: 1px solid var(--pst-color-border);
+    font-size: 0.95rem;
+}
 
-pre {
-    background-color: #e2f0f4;
+.sidebar-meta h3 {
+    margin-bottom: 0.75rem;
+    font-size: 1rem;
 }
 
-.highlight-default, .highlight-python, .highlight-pycon, .highlight-shell , .highlight-text {
-    border-right: 0.5rem solid #a2cedb;
+.sidebar-meta div {
+    margin-bottom: 0.1rem;
+    line-height: 1.25;
 }
 
-.highlight span.linenos {
-    color: #888;
-    font-size: 75%;
-    padding: 0 1ex;
+.bd-content .document p {
+    margin-bottom: 1rem;
 }
 
-nav.contents.local {
-    border: none;
+.bd-content .document dt {
+    scroll-margin-top: 5rem;
 }

docs/_templates/globaltoc.html

@@ -0,0 +1,3 @@
+<div class="sidebar-tree">
+  {{ toctree(maxdepth=2, collapse=True, includehidden=True, titles_only=True) }}
+</div>

docs/_templates/hacks.html

@@ -1,8 +1,6 @@
-<!-- Alabaster (krTheme++) Hacks -->
-
 <div class="sidebar-meta">
-<h3>Meta</h3>
-<div>Docs for {{ project }}</div>
-<div>Version: <code>{{ release }}</code></div>
-<div>Last updated: {{ last_updated }}</div>
+  <h3>Meta</h3>
+  <div>Docs for {{ project }}</div>
+  <div>Version: <code>{{ release }}</code></div>
+  <div>Last updated: {{ last_updated }}</div>
 </div>