From 519346b44bb375a270ebb03e434e657b85cb165a Mon Sep 17 00:00:00 2001 From: Michael Baudis Date: Fri, 15 Nov 2024 08:56:54 +0900 Subject: [PATCH] css --- docs/css/theme_overrides.css | 85 ++++++++++++++++++++++++++++++++++++ mkdocs.yaml | 36 +++++++-------- 2 files changed, 103 insertions(+), 18 deletions(-) create mode 100644 docs/css/theme_overrides.css diff --git a/docs/css/theme_overrides.css b/docs/css/theme_overrides.css new file mode 100644 index 0000000..e3ea6af --- /dev/null +++ b/docs/css/theme_overrides.css @@ -0,0 +1,85 @@ +:root { + --md-accent-fg-color: #023362; +} + +.md-grid { + max-width: 1200px; +} + +.md-header { + background-color: #023362; +} + +nav.md-tabs { + background-color: #023362; +} + +.md-header__source { + background-image: url("/img/hCNV-Elixir-logo.svg"); + background-repeat: no-repeat; + background-position: right; +} + +h1 { + margin-bottom: 0px; + padding-bottom: 0px; +} + +h5 { + margin-bottom: 0px; + padding-bottom: 0px; +} + +h2 { +/* + border-left: #023362 thin solid; + border-top: #023362 thin solid; + border-bottom: #023362 thin solid; +*/ +} + +aside.blog-post-aside { +/* border-top: #023362 thin solid;*/ + margin-top: 0px; + padding-top: 12px; +} + +div.contact_spacer { + display: block; + height: 20px; +} + +h3.title_news { + margin-top: 10px; + margin-bottom: 0px; +} + +div.tabbed-set { + background-color: #fafafa; +} + +.tabbed-content { + padding: 5px; +} + +li li { + list-style-type: circle; +} + +li li li { + list-style-type: "–"; + font-size: 0.9em; +} + +.mermaid { + display: flex; + justify-content: center; +} + +/* Width manipulations etc. */ + +/*.md-grid { + max-width: 920px; +}*/ + + diff --git a/mkdocs.yaml b/mkdocs.yaml index a80bc6c..4a3acb6 100644 --- a/mkdocs.yaml +++ b/mkdocs.yaml @@ -25,7 +25,7 @@ repo_url: https://github.com/ga4gh-beacon/beacon-network edit_uri: edit/main/docs/ repo_icon: " [:fontawesome-brands-github:](https://github.com/ga4gh-beacon/beacon-network/tree/main/docs)" -# ------------------- Mkdocs Configurattion and Extensions-------------------- # +# ------------------- Mkdocs Configuration and Extensions -------------------- # extra_css: [css/theme_overrides.css] @@ -73,23 +73,23 @@ markdown_extensions: format: !!python/name:mermaid2.fence_mermaid theme: - custom_dir: extras - name: material - palette: - primary: teal - logo: img/elixir-white-48x36.svg - favicon: img/elixir-white-48x36.svg - icon: - repo: fontawesome/brands/github-alt - admonition: - warning: lock - security: lock - features: - - content.tabs.link - - search.highlight - - search.share - - navigation.expand - - toc.integrate + custom_dir: extras + name: material + palette: + primary: indigo + logo: img/elixir-white-48x36.svg + favicon: img/elixir-white-48x36.svg + icon: + repo: fontawesome/brands/github-alt + admonition: + warning: lock + security: lock + features: + - content.tabs.link + - search.highlight + - search.share + - navigation.expand + - toc.integrate # Options extra: