mirror of
https://github.com/gladstone-institutes/Bioinformatics-Workshops.git
synced 2025-11-30 09:45:43 -08:00
162 lines
3.1 KiB
CSS
162 lines
3.1 KiB
CSS
|
|
/* Set font size and alignment for the message */
|
|
.bottom-message {
|
|
font-size: 0.8em !important;
|
|
font-style: italic !important;
|
|
text-align: center;
|
|
position: relative;
|
|
bottom: 0 !important;
|
|
left: 0;
|
|
right: 0;
|
|
}
|
|
|
|
.reveal code {
|
|
background-color: #1e1e1eef; /* Dark background for code chunks */
|
|
color: white !important; /* White text for code */
|
|
font-size: 1.2em;
|
|
line-height: 1.2;
|
|
}
|
|
|
|
.reveal code::selection {
|
|
background-color: #d97306 !important; /* Dark magenta background for selected text */
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
/* Specific styles for code output: background */
|
|
.reveal code.output {
|
|
background-color: black; /* Black background for code outputs */
|
|
}
|
|
|
|
/* Style for text selection within code outputs */
|
|
.reveal pre code.output::selection {
|
|
background-color: #9c0366 !important; /* Dark magenta background for selected text in outputs */
|
|
}
|
|
|
|
/* Code output text color */
|
|
.reveal pre code.output {
|
|
color: white;
|
|
}
|
|
|
|
|
|
/* Left-align all code outputs */
|
|
.reveal pre code {
|
|
text-align: left !important;
|
|
}
|
|
|
|
|
|
/* Add horizontal scrolling to all code outputs */
|
|
.reveal pre code.output {
|
|
white-space: pre !important;
|
|
overflow-x: auto !important;
|
|
}
|
|
/* Change the font family used for code blocks */
|
|
pre, code, kbd, samp {
|
|
font-family: "Courier New", Courier, monospace;
|
|
}
|
|
|
|
|
|
/* Add horizontal scrolling to all code chunks */
|
|
.reveal pre code {
|
|
white-space: pre !important;
|
|
overflow-x: auto !important;
|
|
}
|
|
/* Bold slide titles and change color */
|
|
.reveal h2 {
|
|
font-weight: bold !important;
|
|
color: #9c0366;
|
|
}
|
|
/* Bold slide titles and change color */
|
|
.reveal h1 {
|
|
font-weight: bold !important;
|
|
color: #9c0366;
|
|
}
|
|
.reveal .slides>section:first-child h2 {
|
|
color: #333;
|
|
font-weight: normal !important;
|
|
}
|
|
/* Custom slide title */
|
|
.my-title-slide h1 {
|
|
font-weight: bold;
|
|
color: #9c0366;
|
|
}
|
|
.my-title-slide h2 {
|
|
color: #333;
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
|
|
|
|
.reveal .slides>section:first-child h1 {
|
|
font-weight: bold !important;
|
|
color: #9c0366;
|
|
}
|
|
|
|
|
|
.reveal p {
|
|
text-align: left;
|
|
margin-left: 20px !important;
|
|
}
|
|
.reveal ul {
|
|
display: block;
|
|
margin-left: 75px !important;
|
|
margin-right: 50px !important;
|
|
}
|
|
|
|
.reveal ul ul {
|
|
font-size: 0.75em; /* Smaller font size */
|
|
margin-top: 5px !important;
|
|
margin-bottom: 5px !important;
|
|
}
|
|
.reveal ol {
|
|
display: block;
|
|
margin-bottom: 20px !important;
|
|
}
|
|
|
|
|
|
/* Decrease size of image, remove border, shadow and center align*/
|
|
.reveal img {
|
|
max-width: 60%;
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
display: block !important;
|
|
margin: 0 auto !important;
|
|
}
|
|
|
|
small {
|
|
font-size: 70%;
|
|
}
|
|
|
|
/* Create a custom class for the small bullets, increase the spacing between list items */
|
|
.small-bullets ul {
|
|
font-size: 85%;
|
|
}
|
|
.small-list ol {
|
|
font-size: 80%;
|
|
}
|
|
|
|
.reveal li {
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
|
|
.less-small-bullets ul {
|
|
font-size: 80%;
|
|
}
|
|
|
|
.big-picture img{
|
|
max-width: 70%;
|
|
border: 1px solid black !important;
|
|
}
|
|
|
|
/* Chage link color to purple */
|
|
.reveal a {
|
|
color: #0c74dc !important;
|
|
}
|
|
|
|
/* Change link color to purple on hover */
|
|
.reveal a:hover {
|
|
color: #9c0366 !important;
|
|
}
|