CCMMNA/build/html/_static/custom.css

/**

  CHANGES FOR CUSTOM.CSS SHOULD BE MADE INSIDE CUSTOM.SCSS

  

  Requirements:

  - pip install compile-scss https://pypi.org/project/compile-scss/



To make changes to styling, first run the following in the root of the project:

    - pip install -e .[dev]



Then you can edit and make changes to this file and see the results by doing the following:

  Steps:

  - Run:  compile_scss --watch from inside /renku_sphinx_theme

  - That command will compile scss changes into css.

  - After doing changes commit scss and css files.

*/
.wy-nav-side {
  background: #01192d;
}

@media screen and (min-width: 1100px) {
  .wy-nav-content-wrap {
      background:#01192d;
  }
}

a {
  color: #009568;
}

a:hover {
  color: #00bd84;
}

a:visited {
  color: #009568;
}

.rst-content {
  color: #3d3d3d;
}

.rst-content code.literal {
  color: #d26a98;
}

.rst-content tt.literal {
  color: #d26a98;
}

.rst-content .note {
  color: #003274;
  background: #ccddf3;
  padding: 1rem;
  margin-bottom: 1rem;
}

.rst-content .note .admonition-title {
  display: none;
}

.rst-content .warning {
  color: #605000;
  background: #fcf4cc;
  padding: 1rem;
  margin-bottom: 1rem;
}

.rst-content .warning .admonition-title {
  display: none;
}

.rst-content .highlight {
  background: #f5f5f5;
}

.wy-side-scroll {
  background-color: #01192d;
}

.wy-side-nav-search {
  background-color: #01192d;
}

.wy-side-nav-search input[type="text"] {
  width: 100%;
  border-radius: 0px;
  padding: 6px 12px;
  border-color: #01192d;
}

.wy-menu-vertical a {
  font-size: 100%;
  color: #d9d9d9;
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  background-color: inherit;
}

.wy-menu-vertical a:hover {
  background-color: unset;
  opacity: 1;
}

.wy-menu-vertical li.current > a {
  background-color: #01192d;
  color: white;
}

.wy-menu-vertical li.current > a span.toctree-expand {
  display: block;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.wy-menu-vertical li.current > a span.toctree-expand:before {
  display: block;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.wy-menu-vertical li.current > a span.toctree-expand:hover {
  color: white;
}

.wy-menu-vertical li.current > a:hover {
  background-color: #01192d;
  color: white;
}

.wy-menu-vertical li.current > a:hover span.toctree-expand {
  color: white;
}

.wy-menu-vertical .toctree-l1 {
  opacity: 0.5;
}

.wy-menu-vertical .toctree-l1:hover {
  opacity: 1;
  background-color: inherit;
}

.wy-menu-vertical li.toctree-l1.current {
  opacity: 1;
  background-color: inherit;
}

.wy-menu-vertical li.toctree-l1.current > a {
  border: 0px;
}

.wy-menu-vertical .toctree-l2:hover {
  background-color: #566673;
}

.wy-menu-vertical li.toctree-l2.current > a {
  background-color: #566673;
  color: white;
}

.wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a {
  background-color: #e4e7ea;
  color: #838383;
}

.wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a:hover {
  color: #3d3d3d;
}

.wy-menu-vertical li.toctree-l2.current li.toctree-l3 > a:hover span.toctree-expand {
  color: #3d3d3d;
}

.wy-menu-vertical li.toctree-l2.current li.toctree-l3.current > a {
  color: #3d3d3d;
}

.wy-menu-vertical li.toctree-l2 a {
  border: 0px;
  background-color: #566673;
  color: #d9d9d9;
}

.wy-menu-vertical li.toctree-l2 a span.toctree-expand {
  display: block;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.wy-menu-vertical li.toctree-l2 a span.toctree-expand:before {
  display: block;
  font-size: inherit;
  line-height: inherit;
  color: inherit;
}

.wy-menu-vertical li.toctree-l2 a span.toctree-expand:hover {
  color: white;
}

.wy-menu-vertical li.toctree-l2 a:hover {
  color: white;
  background-color: #566673;
}

.wy-menu-vertical li.toctree-l2 a:hover span.toctree-expand {
  color: white;
}

.wy-menu-vertical li.toctree-l3.current > a {
  background-color: #e4e7ea;
  color: #838383;
}

.wy-menu-vertical li.toctree-l3.current li.toctree-l4 > a {
  background-color: #e4e7ea;
  color: #838383;
}

.wy-menu-vertical li.toctree-l3.current li.toctree-l4.current > a {
  color: #3d3d3d;
}

.wy-nav-top {
  background-color: #01192d;
}

.btn {
  display: inline-block;
  font-weight: 400;
  line-height: 1.5;
  color: #3d3d3d;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  font-size: 1rem;
  border-radius: 0;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  box-shadow: unset;
}

.btn-neutral {
  background: unset !important;
  color: #838383 !important;
}

.btn-neutral:active {
  padding: 0.375rem 0.75rem;
  box-shadow: unset;
}