Last active
January 10, 2023 03:05
-
-
Save sbibauw/d87004b682092dd99ddd9994235875a4 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
@charset "UTF-8"; | |
/*! | |
* Marp / Marpit Terra theme, adapted from Gaia. | |
* | |
* @theme terra | |
* @author Yuki Hattori + Serge Bibauw | |
* | |
* @auto-scaling true | |
* @size 16:10 1280px 800px | |
*/ | |
@import url("https://fonts.googleapis.com/css?family=Lato:400,700|Roboto+Mono:400,700&display=swap"); | |
@import url("https://raw.githubusercontent.com/highlightjs/highlight.js/master/src/styles/sunburst.css"); | |
svg[data-marp-fitting=svg] { | |
max-height: 580px; | |
} | |
h1, | |
h2, | |
h3, | |
h4, | |
h5, | |
h6 { | |
margin: 1em 0 0 0; | |
} | |
h1 strong, | |
h2 strong, | |
h3 strong, | |
h4 strong, | |
h5 strong, | |
h6 strong { | |
font-weight: inherit; | |
} | |
h1 { | |
font-size: 1.8em; | |
} | |
h2 { | |
font-size: 1.5em; | |
} | |
h3 { | |
font-size: 1.3em; | |
} | |
h4 { | |
font-size: 1.1em; | |
} | |
h5 { | |
font-size: 1em; | |
} | |
h6 { | |
font-size: 0.9em; | |
} | |
p, | |
blockquote { | |
margin: 1em 0 0 0; | |
} | |
ul > li, | |
ol > li { | |
margin: 0.5em 0 0 0; | |
} | |
ul > li > p, | |
ol > li > p { | |
margin: 0.9em 0 0 0; | |
} | |
code { | |
display: inline-block; | |
font-family: "Roboto Mono", monospace; | |
font-size: 0.8em; | |
letter-spacing: 0; | |
margin: -0.1em 0.15em; | |
padding: 0.1em 0.2em; | |
vertical-align: baseline; | |
} | |
pre { | |
display: block; | |
margin: 1em 0 0 0; | |
min-height: 1em; | |
overflow: visible; | |
} | |
pre code { | |
box-sizing: border-box; | |
margin: 0; | |
min-width: 100%; | |
padding: 0.5em; | |
font-size: 0.7em; | |
} | |
pre code svg[data-marp-fitting=svg] { | |
max-height: calc(580px - 1em); | |
} | |
blockquote { | |
margin: 1em 0 0 0; | |
padding: 0 1em; | |
position: relative; | |
} | |
blockquote::after, blockquote::before { | |
content: "“"; | |
display: block; | |
font-family: "Times New Roman", serif; | |
font-weight: bold; | |
position: absolute; | |
} | |
blockquote::before { | |
top: 0; | |
left: 0; | |
} | |
blockquote::after { | |
right: 0; | |
bottom: 0; | |
transform: rotate(180deg); | |
} | |
blockquote > *:first-child { | |
margin-top: 0; | |
} | |
mark { | |
background: transparent; | |
} | |
table { | |
border-spacing: 0; | |
border-collapse: collapse; | |
margin: 1em 0 0 0; | |
} | |
table th, | |
table td { | |
padding: 0.2em 0.4em; | |
border-width: 1px; | |
border-style: solid; | |
} | |
section { | |
font-size: 28px; | |
font-family: "Lato", "Avenir Next", "Avenir", "Trebuchet MS", "Segoe UI", sans-serif; | |
height: 800px; | |
padding: 70px; | |
width: 1280px; | |
word-wrap: break-word; | |
color: #455a64; | |
background-color: #fff; | |
} | |
section > *:first-child, | |
section > header:first-child + * { | |
margin-top: 0; | |
} | |
section a, | |
section mark { | |
color: #0288d1; | |
} | |
section code { | |
background: #6a7b83; | |
color: #fff; | |
} | |
section h1 strong, | |
section h2 strong, | |
section h3 strong, | |
section h4 strong, | |
section h5 strong, | |
section h6 strong { | |
color: #0288d1; | |
} | |
section pre > code { | |
background: #455a64; | |
} | |
section header, | |
section footer, | |
section section::after, | |
section blockquote::before, | |
section blockquote::after { | |
color: #6a7b83; | |
} | |
section table th, | |
section table td { | |
border-color: #455a64; | |
} | |
section table thead th { | |
background: #455a64; | |
color: #fff; | |
} | |
section table tbody > tr:nth-child(odd) td, | |
section table tbody > tr:nth-child(odd) th { | |
background: rgba(69, 90, 100, 0.1); | |
} | |
section.invert { | |
color: #fff; | |
background-color: #455a64; | |
} | |
section.invert a, | |
section.invert mark { | |
color: #81d4fa; | |
} | |
section.invert code { | |
background: #dadee0; | |
color: #455a64; | |
} | |
section.invert h1 strong, | |
section.invert h2 strong, | |
section.invert h3 strong, | |
section.invert h4 strong, | |
section.invert h5 strong, | |
section.invert h6 strong { | |
color: #81d4fa; | |
} | |
section.invert pre > code { | |
background: #fff; | |
} | |
section.invert header, | |
section.invert footer, | |
section.invert section::after, | |
section.invert blockquote::before, | |
section.invert blockquote::after { | |
color: #dadee0; | |
} | |
section.invert table th, | |
section.invert table td { | |
border-color: #fff; | |
} | |
section.invert table thead th { | |
background: #fff; | |
color: #455a64; | |
} | |
section.invert table tbody > tr:nth-child(odd) td, | |
section.invert table tbody > tr:nth-child(odd) th { | |
background: rgba(255, 255, 255, 0.1); | |
} | |
section.gaia { | |
color: #fff; | |
background-color: #0288d1; | |
} | |
section.gaia a, | |
section.gaia mark { | |
color: #81d4fa; | |
} | |
section.gaia code { | |
background: #cce7f6; | |
color: #0288d1; | |
} | |
section.gaia h1 strong, | |
section.gaia h2 strong, | |
section.gaia h3 strong, | |
section.gaia h4 strong, | |
section.gaia h5 strong, | |
section.gaia h6 strong { | |
color: #81d4fa; | |
} | |
section.gaia pre > code { | |
background: #fff; | |
} | |
section.gaia header, | |
section.gaia footer, | |
section.gaia section::after, | |
section.gaia blockquote::before, | |
section.gaia blockquote::after { | |
color: #cce7f6; | |
} | |
section.gaia table th, | |
section.gaia table td { | |
border-color: #fff; | |
} | |
section.gaia table thead th { | |
background: #fff; | |
color: #0288d1; | |
} | |
section.gaia table tbody > tr:nth-child(odd) td, | |
section.gaia table tbody > tr:nth-child(odd) th { | |
background: rgba(255, 255, 255, 0.1); | |
} | |
section.lead { | |
display: flex; | |
flex-direction: column; | |
flex-wrap: nowrap; | |
justify-content: center; | |
} | |
section.lead h1, | |
section.lead h2, | |
section.lead h3, | |
section.lead h4, | |
section.lead h5, | |
section.lead h6 { | |
text-align: center; | |
} | |
section.lead h1 svg[data-marp-fitting=svg], | |
section.lead h2 svg[data-marp-fitting=svg], | |
section.lead h3 svg[data-marp-fitting=svg], | |
section.lead h4 svg[data-marp-fitting=svg], | |
section.lead h5 svg[data-marp-fitting=svg], | |
section.lead h6 svg[data-marp-fitting=svg] { | |
--preserve-aspect-ratio: xMidYMid meet; | |
} | |
section.lead p { | |
text-align: center; | |
} | |
section.lead blockquote > h1, | |
section.lead blockquote > h2, | |
section.lead blockquote > h3, | |
section.lead blockquote > h4, | |
section.lead blockquote > h5, | |
section.lead blockquote > h6, | |
section.lead blockquote > p { | |
text-align: left; | |
} | |
section.lead blockquote svg[data-marp-fitting=svg]:not([data-marp-fitting-math]) { | |
--preserve-aspect-ratio: xMinYMin meet; | |
} | |
section.lead ul > li > p, | |
section.lead ol > li > p { | |
text-align: left; | |
} | |
section.lead table { | |
margin-left: auto; | |
margin-right: auto; | |
} | |
section.nobullets ul { | |
list-style-type: none; | |
} | |
header, | |
footer, | |
section::after { | |
box-sizing: border-box; | |
font-size: 66%; | |
height: 70px; | |
line-height: 50px; | |
overflow: hidden; | |
padding: 10px 25px; | |
position: absolute; | |
} | |
header { | |
left: 0; | |
right: 0; | |
top: -20px; | |
height: 50px; | |
background-color: #bbb; | |
color: #fff; | |
font-variant: small-caps; | |
vertical-align: middle; | |
} | |
footer { | |
left: 0; | |
right: 0; | |
bottom: 0; | |
height: 110px; | |
text-align: right; | |
} | |
footer img { | |
vertical-align: middle; | |
} | |
section::after { | |
right: 0; | |
bottom: 0; | |
font-size: 80%; | |
} | |
cite { | |
font-style: normal; | |
font-size: 0.83em; | |
color: #81d4fa; | |
vertical-align: super; | |
} | |
.formula { | |
font-family: "Iosevka", monospace; | |
font-size: 0.83em; | |
color: #d1b302; | |
} | |
/*# sourceMappingURL=terra.css.map */ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment