mirror of
https://github.com/msberends/AMR.git
synced 2026-11-16 00:10:57 +01:00
481 lines
15 KiB
CSS
481 lines
15 KiB
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://amr-for-r.org #
|
||
# ==================================================================== #
|
||
*/
|
||
|
||
: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 bs-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;
|
||
}
|
||
|
||
/* mode-dependent colours; light mode is enforced in _pkgdown.yml (light-switch: false), the dark values below are prepared for when it is enabled; they are set on :root only, since pkgdown also marks the navbar as dark */
|
||
:root {
|
||
color-scheme: light;
|
||
--amr-code-literal: var(--bs-dark);
|
||
--amr-code-muted: var(--bs-gray-600);
|
||
--amr-search-text: #0b3d33;
|
||
--amr-search-placeholder: rgba(11, 61, 51, 0.65);
|
||
--amr-accent: var(--amr-green-dark); /* green for text; --amr-green-dark is the brand colour for backgrounds such as the navbar */
|
||
--amr-accent-rgb: var(--amr-green-dark-rgb);
|
||
--amr-text-muted: #5b6770;
|
||
--amr-ref-border: #e3e8e6;
|
||
--amr-filter-border: #c4cdca;
|
||
--amr-filter-placeholder: #7b8783;
|
||
--amr-filter-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%237b8783' stroke-width='1.75' stroke-linecap='round'%3E%3Ccircle cx='6.75' cy='6.75' r='5'/%3E%3Cpath d='M10.5 10.5l4 4'/%3E%3C/svg%3E");
|
||
--amr-filter-clear: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%237b8783' stroke-width='1.75' stroke-linecap='round'%3E%3Cpath d='M4 4l8 8M12 4l-8 8'/%3E%3C/svg%3E");
|
||
--amr-chip-bg: #f4f6f5;
|
||
--amr-chip-border: #dde3e1;
|
||
--amr-chip-match-bg: rgba(var(--amr-green-light-rgb), 0.5);
|
||
--amr-badge-bg: var(--amr-green-dark);
|
||
--amr-badge-text: white;
|
||
}
|
||
:root[data-bs-theme="dark"] {
|
||
color-scheme: dark;
|
||
--amr-accent: #4fc3a1;
|
||
--amr-accent-rgb: 79, 195, 161;
|
||
--bs-link-color: var(--amr-accent) !important;
|
||
--bs-link-color-rgb: var(--amr-accent-rgb) !important;
|
||
--amr-green-middle: #8fd1c1;
|
||
--amr-green-middle-rgb: 143, 209, 193;
|
||
--amr-code-literal: var(--bs-gray-300);
|
||
--amr-code-muted: var(--bs-gray-500);
|
||
--amr-text-muted: var(--bs-gray-400);
|
||
--amr-ref-border: rgba(255, 255, 255, 0.1);
|
||
--amr-filter-border: rgba(255, 255, 255, 0.25);
|
||
--amr-filter-placeholder: var(--bs-gray-500);
|
||
--amr-filter-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23adb5bd' stroke-width='1.75' stroke-linecap='round'%3E%3Ccircle cx='6.75' cy='6.75' r='5'/%3E%3Cpath d='M10.5 10.5l4 4'/%3E%3C/svg%3E");
|
||
--amr-filter-clear: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23adb5bd' stroke-width='1.75' stroke-linecap='round'%3E%3Cpath d='M4 4l8 8M12 4l-8 8'/%3E%3C/svg%3E");
|
||
--amr-chip-bg: rgba(255, 255, 255, 0.04);
|
||
--amr-chip-border: rgba(255, 255, 255, 0.14);
|
||
--amr-chip-match-bg: rgba(var(--amr-accent-rgb), 0.25);
|
||
}
|
||
|
||
/* Python page */
|
||
body.amr-for-python * {
|
||
--amr-green-light: #FFD43B; /* Python yellow */
|
||
--amr-green-light-rgb: 255, 212, 59;
|
||
--amr-green-dark: #306998; /* Python blue */
|
||
--amr-green-dark-rgb: 48, 105, 152;
|
||
--amr-accent: var(--amr-green-dark);
|
||
--amr-accent-rgb: var(--amr-green-dark-rgb);
|
||
--amr-green-middle: #b1bc5e; /* Adjusted middle yellow */
|
||
--amr-green-middle-rgb: 177, 188, 94;
|
||
--bs-success: var(--amr-green-dark) !important;
|
||
--bs-light: var(--amr-green-light) !important;
|
||
--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-color: var(--amr-green-dark) !important;
|
||
--bs-navbar-active-color: var(--amr-green-light) !important;
|
||
--bs-dropdown-bg: var(--amr-green-dark) !important;
|
||
--bs-dropdown-link-hover-color: var(--amr-green-light) !important;
|
||
--bs-dropdown-link-hover-bg: var(--amr-green-dark) !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-nav .nav-item > .nav-link:hover {
|
||
background: none !important;
|
||
}
|
||
.navbar .algolia-autocomplete .aa-dropdown-menu {
|
||
background-color: var(--amr-green-dark) !important;
|
||
}
|
||
|
||
.version-main {
|
||
font-weight: bold;
|
||
color: var(--bs-navbar-brand-color);
|
||
}
|
||
.version-build {
|
||
font-weight: normal;
|
||
opacity: 0.75;
|
||
font-size: 0.85em;
|
||
}
|
||
.navbar input[type="search"] {
|
||
color: var(--amr-search-text) !important;
|
||
background-color: var(--amr-green-light) !important;
|
||
max-width: 220px;
|
||
border-color: var(--amr-green-dark) !important;
|
||
border-radius: 2px !important;
|
||
}
|
||
.navbar input[type="search"]::placeholder {
|
||
color: var(--amr-search-placeholder) !important;
|
||
}
|
||
.dropdown-item:hover,
|
||
.dropdown-item:focus {
|
||
background-color: var(--bs-tertiary-bg) !important;
|
||
text-decoration: none !important;
|
||
color: var(--bs-body-color) !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;
|
||
margin-left: 10px;
|
||
margin-bottom: 10px;
|
||
}
|
||
blockquote {
|
||
font-style: italic;
|
||
padding: 1.25rem 1.25rem;
|
||
border-left: 1rem solid var(--amr-green-dark);
|
||
}
|
||
p {
|
||
text-align: justify;
|
||
/* pkgdown only hyphenates on small screens; justified text needs it on all screens */
|
||
hyphens: auto;
|
||
}
|
||
|
||
/*
|
||
this shows on top of every sidebar to the right
|
||
(e.g., on top of Table of Contents)
|
||
*/
|
||
.amr-gpt-assistant {
|
||
margin-top: 10px;
|
||
border: 2px dashed var(--amr-green-dark);
|
||
text-align: center;
|
||
background: var(--bs-body-bg);
|
||
}
|
||
.amr-gpt-assistant * {
|
||
width: 90%;
|
||
padding-top: 10px;
|
||
padding-bottom: 10px;
|
||
}
|
||
|
||
/* REFERENCE INDEX ('Manual'), see pkgdown/templates/content-reference-index.html */
|
||
.template-reference-index {
|
||
--amr-navbar-height: 72px; /* set exactly by extra.js */
|
||
}
|
||
.template-reference-index .section-desc {
|
||
text-align: justify;
|
||
hyphens: auto;
|
||
color: var(--amr-text-muted);
|
||
margin-bottom: 0.5rem;
|
||
}
|
||
.template-reference-index h2 {
|
||
margin-top: 2.5rem;
|
||
padding-bottom: 0.3rem;
|
||
border-bottom: 2px solid var(--amr-green-dark);
|
||
}
|
||
.amr-ref-filter + .section h2 {
|
||
margin-top: 1.5rem;
|
||
}
|
||
.template-reference-index h3 {
|
||
margin-top: 1.25rem;
|
||
font-size: 1.1rem;
|
||
font-weight: bold;
|
||
text-transform: uppercase;
|
||
letter-spacing: 0.05em;
|
||
color: var(--amr-accent);
|
||
}
|
||
/* while filtering, sub-headings show the title of their section, as the section heading may be far above */
|
||
.amr-ref-filtering main h3[data-amr-parent]::before {
|
||
content: attr(data-amr-parent) " \203A";
|
||
display: block;
|
||
font-size: 0.8rem;
|
||
font-weight: normal;
|
||
text-transform: none;
|
||
letter-spacing: normal;
|
||
color: var(--amr-text-muted);
|
||
}
|
||
/* filter field, sticky below the navbar */
|
||
.amr-ref-filter {
|
||
clear: right; /* start below the package logo, which pkgdown lets hang below the page header */
|
||
position: sticky;
|
||
top: var(--amr-navbar-height);
|
||
z-index: 10;
|
||
padding: 0.75rem 0;
|
||
background: var(--bs-body-bg);
|
||
}
|
||
.amr-ref-filter.amr-ref-stuck {
|
||
box-shadow: 0 1px 0 var(--amr-ref-border);
|
||
}
|
||
#amr-ref-filter-input {
|
||
width: 100%;
|
||
max-width: none;
|
||
padding-left: 2.5rem;
|
||
color: var(--bs-body-color);
|
||
background: var(--bs-body-bg) var(--amr-filter-icon) no-repeat left 0.85rem center / 1rem 1rem;
|
||
border: 1px solid var(--amr-filter-border);
|
||
border-radius: 2px;
|
||
}
|
||
#amr-ref-filter-input::-webkit-search-cancel-button {
|
||
-webkit-appearance: none;
|
||
appearance: none;
|
||
width: 1rem;
|
||
height: 1rem;
|
||
background: var(--amr-filter-clear) no-repeat center / 1rem 1rem;
|
||
cursor: pointer;
|
||
}
|
||
#amr-ref-filter-input::placeholder {
|
||
color: var(--amr-filter-placeholder);
|
||
}
|
||
#amr-ref-filter-input:focus {
|
||
border-color: var(--amr-accent);
|
||
box-shadow: 0 0 0 1px var(--amr-accent) !important;
|
||
}
|
||
.amr-ref-filter-status {
|
||
font-size: 0.85rem;
|
||
padding-top: 0.35rem;
|
||
color: var(--amr-text-muted);
|
||
}
|
||
.amr-ref-filter-status:empty {
|
||
display: none;
|
||
}
|
||
/* topics: title first, function names as chips below */
|
||
.amr-ref-list {
|
||
margin-bottom: 0;
|
||
}
|
||
.amr-ref-item {
|
||
padding: 0.6rem 0 0.35rem;
|
||
border-bottom: 1px solid var(--amr-ref-border);
|
||
}
|
||
.amr-ref-item dt {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
align-items: baseline;
|
||
column-gap: 0.5rem;
|
||
font-weight: bold !important;
|
||
margin-bottom: 0.3rem;
|
||
}
|
||
.amr-ref-item dt a {
|
||
color: var(--bs-body-color);
|
||
}
|
||
.amr-ref-item dt a:hover {
|
||
color: var(--amr-accent);
|
||
}
|
||
.template-reference-index .amr-ref-item dd {
|
||
margin: 0;
|
||
padding: 0;
|
||
font-size: 0.85rem;
|
||
line-height: 1.6;
|
||
}
|
||
.amr-ref-item dd code {
|
||
display: inline-block;
|
||
margin: 0 0.25rem 0.3rem 0;
|
||
padding: 0 0.4rem;
|
||
background: var(--amr-chip-bg);
|
||
border: 1px solid var(--amr-chip-border);
|
||
border-radius: 2px;
|
||
}
|
||
.amr-ref-item dd code.amr-ref-match {
|
||
background: var(--amr-chip-match-bg);
|
||
border-color: var(--amr-accent);
|
||
}
|
||
.amr-ref-item:not(.amr-ref-expanded) dd code.amr-ref-extra:not(.amr-ref-match) {
|
||
display: none;
|
||
}
|
||
.amr-ref-more {
|
||
border: none;
|
||
background: none;
|
||
padding: 0;
|
||
font-size: 0.85rem;
|
||
color: var(--amr-accent);
|
||
cursor: pointer;
|
||
}
|
||
.amr-ref-more:hover {
|
||
text-decoration: underline;
|
||
}
|
||
.amr-ref-hidden {
|
||
display: none !important;
|
||
}
|
||
.amr-ref-textmatch dt::after {
|
||
content: "mentioned on this page";
|
||
padding: 0 0.45rem;
|
||
font-weight: bold;
|
||
font-size: 0.75rem;
|
||
line-height: 1.6;
|
||
color: var(--amr-badge-text);
|
||
background: var(--amr-badge-bg);
|
||
border-radius: 2px;
|
||
}
|
||
|
||
@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 * {
|
||
text-align: center;
|
||
}
|
||
}
|
||
|
||
.template-reference-topic h3,
|
||
.template-reference-topic h3 code {
|
||
color: var(--amr-accent) !important;
|
||
}
|
||
.template-reference-topic h3 {
|
||
font-weight: normal;
|
||
margin-top: 2rem;
|
||
}
|
||
|
||
/* 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(--amr-code-literal) !important;
|
||
}
|
||
pre .fu, .fu {
|
||
/* functions */
|
||
color: var(--amr-accent) !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-accent) !important;
|
||
font-style: italic !important;
|
||
}
|
||
div.sourceCode pre .co,
|
||
div.sourceCode .co {
|
||
/* comments in example sections, since functions are already green too */
|
||
color: var(--amr-code-muted) !important;
|
||
}
|
||
pre code .r-out,
|
||
pre code .r-msg {
|
||
/* output of functions */
|
||
color: var(--amr-code-muted) !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-accent);
|
||
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;
|
||
}
|