Skip to content

Instantly share code, notes, and snippets.

@sbibauw
Last active January 10, 2023 03:05
Show Gist options
  • Save sbibauw/d87004b682092dd99ddd9994235875a4 to your computer and use it in GitHub Desktop.
Save sbibauw/d87004b682092dd99ddd9994235875a4 to your computer and use it in GitHub Desktop.
@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