ria-toolkit-oss/docs/source/.templates/layout.html

{% extends "!layout.html" %}
  {% block footer %} {{ super() }}
  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap">
  <style>

    body {
      color: #f0f0f0;  /* your white-ish default */
      font-family: 'Open Sans', sans-serif;
      font-weight: 300;
    }

    .wy-nav-content:not(:has(section)) {
      max-width: 1200px;
    }

    .rst-content div[class^=highlight] pre {
      font-size: 14px;
    }

    nav ul.current li, nav ul li.current, nav ul.current li.current, [aria-expanded="true"] {
      background-color: #1c1c1c;
      color: #f0f0f0;
    }

    nav ul.current li:hover, nav ul li.current:hover, nav ul.current li.current:hover, [aria-expanded="true"]:hover {
      background-color: #4e4a4a;
    }

    .wy-menu-vertical li.toctree-l2.current>a {
      background-color: #1c1c1c;
      color: #f0f0f0;
    }

    .wy-menu-vertical li.toctree-l2.current>a:hover {
      background-color: #4e4a4a;
    }

    .wy-menu-vertical li.toctree-l2.current li.toctree-l3>a {
      background-color: #1c1c1c;      
      color: #f0f0f0;
    }

    .wy-menu-vertical li.toctree-l2.current li.toctree-l3>a:hover {
      background-color: #4e4a4a;
    }

    .wy-menu-vertical li.toctree-l3.current li.toctree-l4>a {
      background-color: #1c1c1c;
      color: #f0f0f0;
    }

    .wy-menu-vertical li.toctree-l3.current li.toctree-l4>a:hover {
      background-color: #4e4a4a;
    }

    .wy-menu-vertical li.current>a {
      background-color: #1c1c1c;
      color: #f0f0f0;
    }

    .wy-menu-vertical li.current>a:hover {
      background-color: #4e4a4a;
    }

    .wy-menu-vertical li.toctree-l1.current>a {
      border: none;
      color: #f0f0f0;
    }

    .wy-menu-vertical li.current a {
      border: none;
      color: #f0f0f0;
    }

    .wy-menu-vertical li.current a:hover {
      background-color: #4e4a4a;
    }

    .wy-menu-vertical a {
      color: #f0f0f0;
    }

    .wy-side-nav-search, .wy-nav-top {
      background: #625F63;
    }

    .wy-nav-side {
      background: #1c1c1c;
    }

    .wy-body-for-nav {
      background: #1c1c1c;
    }

    .wy-nav-content-wrap {
      background: #1c1c1c;
    }

    .wy-nav-content {
      background: #222222;
    }

    .wy-nav-content a {
      color: #03A9F4;
    }

    * h1, h2, h3, h4, h5, h6 {
      color: #f0f0f0;
      font-family: 'Open Sans', sans-serif; 
      font-weight: 300;  
    }

    /* Default code blocks */
    code.literal.notranslate {
      border-radius: 4px;
      border: 1px solid rgba(255, 255, 255, 0.1);
      background-color: #171717;
      padding: 3px 4px;
      font-family: SFMono-Regular, Consolas, 'Liberation Mono', Menlo, Courier, monospace;
      font-weight: 500;
      font-size: 14px;
      color: #AE81FF;
      white-space: nowrap;
    }

    /* Sidebar menu code */
    .wy-menu code.literal.notranslate,
    .toctree-wrapper.compound code.literal.notranslate {
      font-size: 12px;
      text-decoration: none;
      border: none;
      background-color: inherit;
    }

    /* Sidebar hover */
    .wy-menu:hover code.literal.notranslate span.pre {
      background-color: inherit;
    }

    /* Specific sidebar code spans */
    .wy-menu code.literal.notranslate span.pre {
      color: #f0f0f0;
      background-color: #1c1c1c;
      border: none;
    }

    .toctree-wrapper.compound code.literal.notranslate span.pre {
      color: #03A9F4;
      border: none;
    }

    /* Cross-reference code styling */
    code.xref.py.py-obj.literal.notranslate span.pre,
    code.xref.py.py-class.literal.notranslate span.pre,
    code.xref.py.py-func.literal.notranslate span.pre {
      background-color: #222222;
      border: none;
      font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;
      font-feature-settings: normal;
      font-variation-settings: normal;
      color: #fff;
    }

    /* Function references */
    code.xref.py.py-func.literal.notranslate span.pre {
      font-size: 16px;
    }

    .sig span.pre, .sig span.viewcode-link {
      color: #000000;
      font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;
      font-feature-settings: normal;
      font-variation-settings: normal;
      text-decoration: none;
    }

    @media screen and (max-width: 550px) {
      .sig span.pre, .sig span.viewcode-link {
        font-family: 'Open Sans', sans-serif; 
      }
    }

    .sig span.sig-paren {
      color: #000000;
      font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;
      font-feature-settings: normal;
      font-variation-settings: normal;
    }

    .rst-content h1 {
      color: #fff;
    }

    .rst-content h2 {
      color: #fff;
    }

    .rst-content h3 {
      color: #fff;
    }

    .admonition.note, .admonition.todo {
      background-color: #f0f0f0; 
    }

    #indices-and-tables h1 {
      color: #f0f0f0;
      font-family: 'Open Sans', sans-serif; 
      font-weight: 300;    
    }

    #indices-and-tables .std {
      color: #03A9F4;
    }

    .admonition-todo.admonition {
      background: #1c1c1c;
      color: #e3a72c;
      border-radius: 0.5rem;
      border: 1px solid #e3a72c;
      padding: 1.5rem;
    }

    .admonition-todo.admonition .admonition-title {
      background-color: transparent;
    }

    .admonition-todo.admonition .admonition-title::before {
      color: #e3a72c;
    }

    .admonition.note {
      background: #1c1c1c;
      color: #1b83e2;
      border-radius: 0.5rem;
      border: 1px solid #1b83e2;
      padding: 1.5rem;
    }

    .admonition.note .admonition-title {
      background-color: transparent;
    }

    .admonition.note .admonition-title::before {
      color: #1b83e2;
    }

    .admonition.tip {
      background: #1c1c1c;
      color: #40d294;
      border-radius: 0.5rem;
      border: 1px solid #40d294;
      padding: 1.5rem;
    }

    .admonition.tip .admonition-title {
      background-color: transparent;
    }

    .admonition.tip .admonition-title::before {
      color: #40d294;
    }

    .fa-arrow-circle-right, .fa-arrow-circle-left{
      color: #1c1c1c;
    }

    .rst-content div[class^=highlight] {
      border: none;
    }

    .highlight {
      border: 1px solid #e3a72c;
      border-radius: 0.5rem;
      --color-prettylights-syntax-variable: #ffa657;
      font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;
      overflow-x: auto;
    }

    .highlight pre {
      color:#f8f8f2;
      background-color:#272822;
      -moz-tab-size:4;
      -o-tab-size:4;
      tab-size:4;
      --color-prettylights-syntax-variable: #ffa657;
      font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;
      
    }

    .highlight pre span {
      font-family: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,liberation mono,courier new,monospace;
      font-weight: normal;
    }

    .highlight pre span.o {
      color: #f92672;
      font-weight: normal;
    }

    .highlight pre span.kn {
      color: #f92672;
      font-weight: normal;
    }

    .highlight pre span.s2 {
      color: #E6DB74;
      font-weight: normal;
    }

    .highlight pre span.c1 {
      color: #75715E;
      font-weight: normal;
    }

    .highlight pre span.mi {
      color: #AE81FF;
      font-weight: normal;
    }

    .highlight pre span.nn {
      color: #f0f0f0;
      font-weight: normal;
    }

    .highlight .k {
      color: #66d9ef;
      font-weight: normal;
    }

    .highlight .sd {
      color: #e6db74;
      font-weight: normal;
    }

    .highlight .nc, .highlight .fm, .highlight .nd, .highlight .nf, .highlight .ne{
      color: #a6e22e;
      font-weight: normal;
    }

    .highlight .ow {
      color: #f92672;
      font-weight: normal;
    }

    .highlight .kc {
      color: #66d9ef;
      font-weight: normal;
    }

    .highlight .nb, .highlight .bp, .highlight .vm {
      color: #f0f0f0;
      font-weight: normal;
    }

    .highlight .go {
      color: #f8f8f2;
    }

    .highlight .gp {
      color: #AE81FF;
    }

    .highlight .s1 {
      color: #AE81FF;
    }

    html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.citation):not(.glossary):not(.simple)>dt {
      display: block;
    }
    
    html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.citation):not(.glossary):not(.simple)>dt, html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.citation):not(.glossary):not(.simple) dl:not(.option-list):not(.field-list):not(.footnote):not(.citation):not(.glossary):not(.simple)>dt {
      border-top: 2px solid #03A9F4;
      border-radius: 2px;
      background: #414040;
      color: #03A9F4;
    }

    html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.citation):not(.glossary):not(.simple) dl:not(.option-list):not(.field-list):not(.footnote):not(.citation):not(.glossary):not(.simple)>dt {
      border-top: none;
    }

    html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.citation):not(.glossary):not(.simple)>dt span.pre, .sig span.sig-paren {
      color: #fff;
    }

    html.writer-html5 .rst-content dl[class]:not(.option-list):not(.field-list):not(.footnote):not(.citation):not(.glossary):not(.simple)>dt .headerlink {
      color: #fff;
    }

    .highlight .mf {
      color: #AE81FF;
    }

  </style>
{% endblock %}