AMR/extra.css

/*
# ==================================================================== #
# TITLE:                                                               #
# AMR: An R Package for Working with Antimicrobial Resistance Data     #
#                                                                      #
# SOURCE CODE:                                                         #
# https://github.com/msberends/AMR                                     #
#                                                                      #
# PLEASE CITE THIS SOFTWARE AS:                                        #
# Berends MS, Luz CF, Friedrich AW, et al. (2022).                     #
# AMR: An R Package for Working with Antimicrobial Resistance Data.    #
# Journal of Statistical Software, 104(3), 1-31.                       #
# https://doi.org/10.18637/jss.v104.i03                                #
#                                                                      #
# Developed at the University of Groningen and the University Medical  #
# Center Groningen in The Netherlands, in collaboration with many      #
# colleagues from around the world, see our website.                   # 
#                                                                      #
# This R package is free software; you can freely use and distribute   #
# it for both personal and commercial purposes under the terms of the  #
# GNU General Public License version 2.0 (GNU GPL-2), as published by  #
# the Free Software Foundation.                                        #
# We created this package for both routine data analysis and academic  #
# research and it was publicly released in the hope that it will be    #
# useful, but it comes WITHOUT ANY WARRANTY OR LIABILITY.              #
#                                                                      #
# Visit our website for the full manual and a complete tutorial about  #
# how to conduct AMR data analysis: https://msberends.github.io/AMR/   #
# ==================================================================== #
*/

:root, .navbar * {
  --amr-green-light: #a7dbc3;
  --amr-green-light-rgb: 167, 219, 195;
  --amr-green-dark: #128f76;
  --amr-green-dark-rgb: 18, 143, 118;
  --amr-green-middle: #60a799;
  --amr-green-middle-rgb: 96, 167, 153;
  --amr-blue-light: #a8d5ef;
  --amr-blue-light-rgb: 168, 213, 239;

  --bs-success: var(--amr-green-dark) !important;
  --bs-light: var(--amr-green-light) !important;
  /* --bs-light was this: #128f76a6; that's success with 60% alpha */
  --bs-info: var(--amr-green-middle) !important;
  --bs-link-color: var(--amr-green-dark) !important;
  --bs-link-color-rgb: var(--amr-green-dark-rgb) !important;
  
  --bs-primary: var(--amr-green-dark) !important;
  --bs-primary-color: var(--amr-green-dark) !important;
  --bs-primary-rgb: var(--amr-green-dark-rgb) !important;
  
  --bs-secondary: white !important;
  --bs-secondary-color: var(--amr-green-dark) !important;
  --bs-secondary-rgb: 255, 255, 255 !important;
  
  --bs-navbar-brand-color: white !important;
  --bs-navbar-brand-color-hover: white !important;
  --bs-nav-link-color: white !important;
  --bs-navbar-active-color: var(--amr-green-light) !important;
  --bs-bg-opacity: 1 !important;
  
  --bs-dropdown-bg: var(--amr-green-dark) !important;
  --bs-dropdown-link-color: white !important;
  --bs-dropdown-link-color: white !important;
  --bs-dropdown-link-hover-color: var(--amr-green-light) !important;
  --bs-dropdown-link-hover-bg: var(--amr-green-dark) !important;
  --bs-dropdown-link-active-color: white !important;
  
}
.nav-text.text-muted,
.bg-primary .navbar-nav .show>.nav-link,
.bg-primary .navbar-nav .nav-link.active,
.bg-primary .navbar-nav .nav-link:hover,
.bg-primary .navbar-nav .nav-link:focus {
  color: var(--amr-green-light) !important;
}
.navbar-dark .navbar-nav .nav-item > .nav-link:hover,
.navbar-light .navbar-nav .nav-item>.nav-link:hover {
  background: none !important;
}
.navbar-dark input[type="search"] {
  background-color: var(--amr-green-light) !important;
}
.navbar-nav .nav-item > .nav-link {
  border-radius: 0 !important;
}
.form-control:focus {
  box-shadow: none !important;
}

.template-home img.logo {
  width: 200px;
}
.template-home .endorse_img {
  width: 150px;
}

.template-reference-index .section-desc {
  font-style: italic;
  text-align: justify;
  font-size: 16px;
}

@media (max-width: 575.98px) {
  .template-home img.logo {
    width: 140px;
  }
}
/* fix some footer issues with the logos */
@media (min-width: 576px) {
  footer .pkgdown-footer-right {
    width: 300px;
  }
}
@media (max-width: 575.98px) {
  footer .pkgdown-footer-left {
    text-align: center;
  }
    footer .pkgdown-footer-right {
    text-align: center;
  }
}

/* replace 'Developers' with 'Maintainers' */
.developers h2 {
  display: none;
}
.developers:before {
  content: 'Maintainers';
}

/* marked words for after using the search box */
mark, .mark {
  background: var(--amr-green-light) !important;
}

/* smaller tables */
.table {
  font-size: 0.9em !important;
}

/* SYNTAX */
/* These are simple changes for the syntax highlighting */
pre {
  font-size: 0.8em !important;
}
code, .code {
  font-feature-settings: "ss02", "ss06";
  /* don't wrap syntax on small devices: */
  word-wrap: normal !important;
  word-break: keep-all !important;
  white-space: pre !important;
}
.ot, .dv, .fl, .cn, .at,
.op a {
  /* numbers, TRUE/FALSE and operators */
  color: var(--bs-dark) !important;
}
pre .fu, .fu {
  /* functions */
  color: var(--amr-green-dark) !important;
}
pre .fu a:hover, .fu a:hover {
  /* functions */
  color: var(--amr-green-light) !important;
  text-decoration: underline;
}
pre .st, .st {
  /* strings, regular text */
  color: var(--amr-green-middle) !important;
}
pre .co, .co {
  /* comments */
  color: var(--amr-green-dark) !important;
  font-style: italic !important;
}
pre code .r-out,
pre code .r-msg {
  /* output of functions */
  color: var(--bs-gray-600) !important;
  font-style: normal !important;
}
code a[href],
a[href] code,
pre a[href],
a code[href],
a pre[href] {
  /* adjusted colour for all real links; having href attribute */
  color: var(--amr-green-dark);
  text-decoration: none;
}
a[href] {
  text-decoration: none;
}
code a[href]:hover, code a[href]:focus,
a[href] code:hover, a[href] code:focus,
pre a[href]:hover, pre a[href]:focus,
a code[href]:hover, a code[href]:focus,
a pre[href]:hover, a pre[href]:focus,
a[href]:hover, a[href]:focus {
  /* adjusted colour for all real links; having href attribute */
  text-decoration: underline;
}
strong code {
  font-weight: normal !important;
}