mirror of
https://github.com/gladstone-institutes/Bioinformatics-Workshops.git
synced 2025-11-30 09:45:43 -08:00
141 lines
2.8 KiB
CSS
141 lines
2.8 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;
|
|
}
|
|
|
|
/* Background color for code chunks */
|
|
.reveal pre code {
|
|
background-color: #d5d5d5 !important;
|
|
color: #333 !important;
|
|
font-size: 1.25em !important;
|
|
}
|
|
/* 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: #0072B2;
|
|
}
|
|
/* Bold slide titles and change color */
|
|
.reveal h1 {
|
|
font-weight: bold !important;
|
|
color: #0072B2;
|
|
}
|
|
.reveal .slides>section:first-child h2 {
|
|
color: #333;
|
|
font-weight: normal !important;
|
|
}
|
|
/* Custom slide title */
|
|
.my-title-slide h1 {
|
|
font-weight: bold;
|
|
color: #0072B2;
|
|
}
|
|
.my-title-slide h2 {
|
|
color: #333;
|
|
font-weight: normal !important;
|
|
}
|
|
|
|
|
|
|
|
.reveal .slides>section:first-child h1 {
|
|
font-weight: bold !important;
|
|
color: #0072B2;
|
|
}
|
|
|
|
/* Increase the spacing between list items */
|
|
.reveal p {
|
|
text-align: left;
|
|
margin-left: 20px !important;
|
|
}
|
|
.reveal ul {
|
|
display: block;
|
|
margin-left: 75px !important;
|
|
margin-right: 50px !important;
|
|
}
|
|
.reveal ol {
|
|
display: block;
|
|
margin-left: 75px !important;
|
|
margin-right: 50px !important;
|
|
}
|
|
/* Increase the spacing between unordered list items */
|
|
.reveal ul li {
|
|
margin-bottom: 15px;
|
|
}
|
|
/* Increase the spacing between ordered list items */
|
|
.reveal ol li {
|
|
margin-bottom: 15px;
|
|
}
|
|
|
|
|
|
/* Make images fit in the slides, remove border, shadow and center align*/
|
|
.reveal img {
|
|
max-width: 100% !important;
|
|
max-height: 100% !important;
|
|
border: none !important;
|
|
box-shadow: none !important;
|
|
display: block !important;
|
|
margin: 0 auto !important;
|
|
margin-bottom: 10px !important;
|
|
}
|
|
|
|
/* Make a class for images that should be shrunk a little*/
|
|
.shrink {
|
|
max-width: 70% !important;
|
|
max-height: 70% !important;
|
|
margin: 0 auto !important;
|
|
}
|
|
|
|
small {
|
|
font-size: 70%;
|
|
}
|
|
|
|
.small-bullets ul {
|
|
font-size: 70%;
|
|
}
|
|
|
|
.less-small-bullets ul {
|
|
font-size: 80%;
|
|
}
|
|
|
|
.big-picture img{
|
|
max-width: 70%;
|
|
border: 1px solid black !important;
|
|
}
|
|
|
|
/* Chage link color to sky blue */
|
|
.reveal a {
|
|
color: #0c74dc;
|
|
}
|
|
|
|
/* Change link color to darker blue on hover */
|
|
.reveal a:hover {
|
|
color: #0072B2 !important;
|
|
}
|