mirror of
https://github.com/gladstone-institutes/Bioinformatics-Workshops.git
synced 2025-11-30 09:45:43 -08:00
273 lines
6.7 KiB
CSS
273 lines
6.7 KiB
CSS
/* -------------------------------------------------------
|
|
*
|
|
* !! This file was generated by xaringanthemer !!
|
|
*
|
|
* Changes made to this file directly will be overwritten
|
|
* if you used xaringanthemer in your xaringan slides Rmd
|
|
*
|
|
* Issues or likes?
|
|
* - https://github.com/gadenbuie/xaringanthemer
|
|
* - https://www.garrickadenbuie.com
|
|
*
|
|
* Need help? Try:
|
|
* - vignette(package = "xaringanthemer")
|
|
* - ?xaringanthemer::style_xaringan
|
|
* - xaringan wiki: https://github.com/yihui/xaringan/wiki
|
|
* - remarkjs wiki: https://github.com/gnab/remark/wiki
|
|
*
|
|
* Version: 0.4.2
|
|
*
|
|
* ------------------------------------------------------- */
|
|
@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap);
|
|
@import url(https://fonts.googleapis.com/css?family=Cabin:600,600i&display=swap);
|
|
@import url(https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap);
|
|
|
|
|
|
:root {
|
|
/* Fonts */
|
|
--text-font-family: 'Noto Sans';
|
|
--text-font-is-google: 1;
|
|
--text-font-family-fallback: -apple-system, BlinkMacSystemFont, avenir next, avenir, helvetica neue, helvetica, Ubuntu, roboto, noto, segoe ui, arial;
|
|
--text-font-base: sans-serif;
|
|
--header-font-family: Cabin;
|
|
--header-font-is-google: 1;
|
|
--header-font-family-fallback: Georgia, serif;
|
|
--code-font-family: 'Source Code Pro';
|
|
--code-font-is-google: 1;
|
|
--base-font-size: 20px;
|
|
--text-font-size: 1rem;
|
|
--code-font-size: 0.9rem;
|
|
--code-inline-font-size: 1em;
|
|
--header-h1-font-size: 2.75rem;
|
|
--header-h2-font-size: 2.25rem;
|
|
--header-h3-font-size: 1.75rem;
|
|
|
|
/* Colors */
|
|
--text-color: #839496;
|
|
--header-color: #dc322f;
|
|
--background-color: #002b36;
|
|
--link-color: #b58900;
|
|
--text-bold-color: #d33682;
|
|
--code-highlight-color: #268bd240;
|
|
--inverse-text-color: #002b36;
|
|
--inverse-background-color: #fdf6e3;
|
|
--inverse-header-color: #002b36;
|
|
--inverse-link-color: #b58900;
|
|
--title-slide-background-color: #fdf6e3;
|
|
--title-slide-text-color: #002b36;
|
|
--header-background-color: #dc322f;
|
|
--header-background-text-color: #002b36;
|
|
}
|
|
|
|
html {
|
|
font-size: var(--base-font-size);
|
|
}
|
|
|
|
body {
|
|
font-family: var(--text-font-family), var(--text-font-family-fallback), var(--text-font-base);
|
|
font-weight: normal;
|
|
color: var(--text-color);
|
|
}
|
|
h1, h2, h3 {
|
|
font-family: var(--header-font-family), var(--header-font-family-fallback);
|
|
font-weight: 600;
|
|
color: var(--header-color);
|
|
}
|
|
.remark-slide-content {
|
|
background-color: var(--background-color);
|
|
font-size: 1rem;
|
|
padding: 16px 64px 16px 64px;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.remark-slide-content h1 {
|
|
font-size: var(--header-h1-font-size);
|
|
}
|
|
.remark-slide-content h2 {
|
|
font-size: var(--header-h2-font-size);
|
|
}
|
|
.remark-slide-content h3 {
|
|
font-size: var(--header-h3-font-size);
|
|
}
|
|
.remark-code, .remark-inline-code {
|
|
font-family: var(--code-font-family), Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
|
|
}
|
|
.remark-code {
|
|
font-size: var(--code-font-size);
|
|
}
|
|
.remark-inline-code {
|
|
font-size: var(--code-inline-font-size);
|
|
color: #6c71c4;
|
|
}
|
|
.remark-slide-number {
|
|
color: #586e75;
|
|
opacity: 1;
|
|
font-size: 0.9rem;
|
|
}
|
|
strong {
|
|
font-weight: bold;
|
|
color: var(--text-bold-color);
|
|
}
|
|
a, a > code {
|
|
color: var(--link-color);
|
|
text-decoration: none;
|
|
}
|
|
.footnote {
|
|
position: absolute;
|
|
bottom: 60px;
|
|
padding-right: 4em;
|
|
font-size: 0.9em;
|
|
}
|
|
.remark-code-line-highlighted {
|
|
background-color: var(--code-highlight-color);
|
|
}
|
|
.inverse {
|
|
background-color: var(--inverse-background-color);
|
|
color: var(--inverse-text-color);
|
|
|
|
}
|
|
.inverse h1, .inverse h2, .inverse h3 {
|
|
color: var(--inverse-header-color);
|
|
}
|
|
.inverse a, .inverse a > code {
|
|
color: var(--inverse-link-color);
|
|
}
|
|
.title-slide, .title-slide h1, .title-slide h2, .title-slide h3 {
|
|
color: var(--title-slide-text-color);
|
|
}
|
|
.title-slide {
|
|
background-color: var(--title-slide-background-color);
|
|
}
|
|
.title-slide .remark-slide-number {
|
|
display: none;
|
|
}
|
|
/* Two-column layout */
|
|
.left-column {
|
|
width: 20%;
|
|
height: 92%;
|
|
float: left;
|
|
}
|
|
.left-column h2, .left-column h3 {
|
|
color: #586e75;
|
|
}
|
|
.left-column h2:last-of-type, .left-column h3:last-child {
|
|
color: #93a1a1;
|
|
}
|
|
.right-column {
|
|
width: 75%;
|
|
float: right;
|
|
padding-top: 1em;
|
|
}
|
|
.pull-left {
|
|
float: left;
|
|
width: 47%;
|
|
}
|
|
.pull-right {
|
|
float: right;
|
|
width: 47%;
|
|
}
|
|
.pull-right + * {
|
|
clear: both;
|
|
}
|
|
img, video, iframe {
|
|
max-width: 100%;
|
|
}
|
|
blockquote {
|
|
border-left: solid 5px #cb4b16;
|
|
padding-left: 1em;
|
|
}
|
|
.remark-slide table {
|
|
margin: auto;
|
|
border-top: 1px solid #657b83;
|
|
border-bottom: 1px solid #657b83;
|
|
}
|
|
.remark-slide table thead th {
|
|
border-bottom: 1px solid #657b83;
|
|
}
|
|
th, td {
|
|
padding: 5px;
|
|
}
|
|
.remark-slide table:not(.table-unshaded) thead,
|
|
.remark-slide table:not(.table-unshaded) tfoot,
|
|
.remark-slide table:not(.table-unshaded) tr:nth-child(even) {
|
|
background: #073642;
|
|
}
|
|
table.dataTable tbody {
|
|
background-color: var(--background-color);
|
|
color: var(--text-color);
|
|
}
|
|
table.dataTable.display tbody tr.odd {
|
|
background-color: var(--background-color);
|
|
}
|
|
table.dataTable.display tbody tr.even {
|
|
background-color: #073642;
|
|
}
|
|
table.dataTable.hover tbody tr:hover, table.dataTable.display tbody tr:hover {
|
|
background-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
|
|
color: var(--text-color);
|
|
}
|
|
.dataTables_wrapper .dataTables_paginate .paginate_button {
|
|
color: var(--text-color) !important;
|
|
}
|
|
|
|
/* Horizontal alignment of code blocks */
|
|
.remark-slide-content.left pre,
|
|
.remark-slide-content.center pre,
|
|
.remark-slide-content.right pre {
|
|
text-align: start;
|
|
width: max-content;
|
|
max-width: 100%;
|
|
}
|
|
.remark-slide-content.left pre,
|
|
.remark-slide-content.right pre {
|
|
min-width: 50%;
|
|
min-width: min(40ch, 100%);
|
|
}
|
|
.remark-slide-content.center pre {
|
|
min-width: 66%;
|
|
min-width: min(50ch, 100%);
|
|
}
|
|
.remark-slide-content.left pre {
|
|
margin-left: unset;
|
|
margin-right: auto;
|
|
}
|
|
.remark-slide-content.center pre {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.remark-slide-content.right pre {
|
|
margin-left: auto;
|
|
margin-right: unset;
|
|
}
|
|
|
|
/* Slide Header Background for h1 elements */
|
|
.remark-slide-content.header_background > h1 {
|
|
display: block;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
background: var(--header-background-color);
|
|
color: var(--header-background-text-color);
|
|
padding: 2rem 64px 1.5rem 64px;
|
|
margin-top: 0;
|
|
box-sizing: border-box;
|
|
}
|
|
.remark-slide-content.header_background {
|
|
padding-top: 7rem;
|
|
}
|
|
|
|
@page { margin: 0; }
|
|
@media print {
|
|
.remark-slide-scaler {
|
|
width: 100% !important;
|
|
height: 100% !important;
|
|
transform: scale(1) !important;
|
|
top: 0 !important;
|
|
left: 0 !important;
|
|
}
|
|
}
|
|
|
|
|