www.donaldharper.com/themes/story/static/css/apron.css

354 lines
7.9 KiB
CSS

html {
font-size: 16px;
}
.remark-slide {
display: block;
box-sizing: border-box;
margin: 0px;
padding: 0px;
}
@media print {
.remark-slide-scaler {
width: 100% !important;
height: 100% !important;
transform: scale(1) !important;
top: 0 !important;
left: 0 !important;
}
}
.remark-slide-content {
display: block;
box-sizing: border-box;
height: 100%;
line-height: 1.25;
padding: 20px 80px 0 80px;
font-size: 2rem;
}
.remark-slide-content * {
box-sizing: border-box;
}
.remark-slide-content.debug * {
outline: 1px solid gold;
}
.remark-slide-content.debug-white * {
outline: 1px solid white;
}
.remark-slide-content.debug-black * {
outline: 1px solid black;
}
.remark-slide-content.debug-grid {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAFElEQVR4AWPAC97/9x0eCsAEPgwAVLshdpENIxcAAAAASUVORK5CYII= ) repeat top left;
}
.remark-slide-content.debug-grid-16 {
background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMklEQVR4AWOgCLz/b0epAa6UGuBOqQHOQHLUgFEDnAbcBZ4UGwDOkiCnkIhdgNgNxAYAiYlD+8sEuo8AAAAASUVORK5CYII= ) repeat top left;
}
.remark-slide-content.debug-grid-8-solid {
background: white url(data:image/gif;base64,R0lGODdhCAAIAPEAAADw/wDx/////wAAACwAAAAACAAIAAACDZQvgaeb/lxbAIKA8y0AOw== ) repeat top left;
}
.remark-slide-content.debug-grid-16-solid {
background: white url(data:image/gif;base64,R0lGODdhEAAQAPEAAADw/wDx/xXy/////ywAAAAAEAAQAAACIZyPKckYDQFsb6ZqD85jZ2+BkwiRFKehhqQCQgDHcgwEBQA7 ) repeat top left;
}
.remark-slide-content h1 {
font-size: 3rem;
}
.remark-slide-content h2 {
font-size: 2.75rem;
}
.remark-slide-content h3 {
font-size: 2.5rem;
}
.remark-slide-content pre,
.remark-slide-content code,
.remark-slide-content kbd,
.remark-slide-content tt,
.remark-slide-content samp {
font-size: 1.5rem;
line-height: 1.5;
}
.remark-slide-content.compact {
padding: 20px 40px 0 40px;
font-size: 1.75rem;
}
.remark-slide-content.compact h1 {
font-size: 2.75rem;
}
.remark-slide-content.compact h2 {
font-size: 2.5rem;
}
.remark-slide-content.compact h3 {
font-size: 2.25rem;
}
.remark-slide-content.compact pre,
.remark-slide-content.compact code,
.remark-slide-content.compact kbd,
.remark-slide-content.compact tt,
.remark-slide-content.compact samp {
font-size: 1.25rem;
}
.remark-slide-content.roomy {
padding: 20px 80px 0 80px;
font-size: 2.25rem;
}
.remark-slide-content.roomy h1 {
font-size: 4rem;
}
.remark-slide-content.roomy h2 {
font-size: 3rem;
}
.remark-slide-content.roomy h3 {
font-size: 2.75rem;
}
.remark-slide-content.roomy pre,
.remark-slide-content.roomy code,
.remark-slide-content.roomy kbd,
.remark-slide-content.roomy tt,
.remark-slide-content.roomy samp {
font-size: 1.75rem;
}
.remark-slide-content.title h1 {
font-size: 4rem;
}
.remark-slide-content.title h2 {
font-size: 3rem;
}
.remark-slide-content.title h3 {
font-size: 2.25rem;
}
.remark-slide-content img {
max-width: 100%;
}
.remark-slide-content h1,
.remark-slide-content h2,
.remark-slide-content h3 {
margin-top: 0.5em;
margin-bottom: 0.5em;
}
.remark-slide-content table,
.remark-slide-content .katex {
font-size: 85%;
}
.remark-slide-content.fullbleed,
.remark-slide-content.fullbleed > p {
margin: 0;
padding: 0;
}
.remark-slide-content.title {
text-align: center;
background-size: cover;
}
.remark-slide-content.title h1,
.remark-slide-content.title h2,
.remark-slide-content.title h3 {
position: absolute;
width: 100%;
left: 0;
margin: 0;
padding: 1em 0;
font-weight: normal;
}
.remark-slide-content.title h1 {
top: calc(50% - 2.5em);
}
.remark-slide-content.title h2 {
top: calc(50% - 1em);
}
.remark-slide-content.title h3 {
top: calc(50% - 0.5em);
}
.remark-slide-content.title.top h1 {
top: calc(681px * 0.3 - 2.5em);
}
.remark-slide-content.title.top h2 {
top: calc(681px * 0.3 - 1em);
}
.remark-slide-content.title.top h3 {
top: calc(681px * 0.3 - 0.5em);
}
.remark-slide-content.title.bottom h1 {
top: calc(681px * 3/4 - 2.5em);
}
.remark-slide-content.title.bottom h2 {
top: calc(681px * 3/4 - 1em);
}
.remark-slide-content.title.bottom h3 {
top: calc(681px * 3/4 - 0.5em);
}
.remark-slide-content.title.shelf > h1 {
padding-bottom: 2.25em;
margin-bottom: -1.75em;
}
.remark-slide-content.img-caption {
text-align: center;
padding-top: 544.8px;
}
.remark-slide-content.img-caption > p:first-of-type {
padding: 0px;
margin: 0px;
}
.remark-slide-content.img-caption > p:first-of-type > img {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 80%;
object-fit: cover;
}
.remark-slide-content.img-right > p:first-of-type {
height: 100%;
float: right;
width: calc(50% - 1rem);
margin-left: 2rem;
margin-top: 0px;
padding: 0px;
}
.remark-slide-content.img-left > p:first-of-type {
height: 100%;
float: left;
width: calc(50% - 1rem);
margin-right: 2rem;
margin-top: 0px;
padding: 0px;
}
.remark-slide-content.img-left > ul,
.remark-slide-content.img-left > ol,
.remark-slide-content.img-left > blockquote {
overflow: auto;
}
.remark-slide-content.img-right-full {
padding-right: calc(40% + 2rem);
}
.remark-slide-content.img-right-full > p:first-of-type {
margin: 0px;
padding: 0px;
}
.remark-slide-content.img-right-full > p:first-of-type > img {
position: absolute;
top: 0px;
right: 0px;
height: 100%;
width: 40%;
object-fit: cover;
object-position: left;
}
.remark-slide-content.img-left-full {
padding-left: calc(40% + 2rem);
}
.remark-slide-content.img-left-full > p:first-of-type {
margin: 0px;
padding: 0px;
}
.remark-slide-content.img-left-full > p:first-of-type > img {
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 40%;
object-fit: cover;
object-position: right;
}
.remark-slide-content.col-2 {
columns: 2;
padding-top: 136px;
column-gap: 1.5em;
}
.remark-slide-content.col-2 > h1:first-of-type {
position: absolute;
margin-top: 0px;
top: 44px;
left: 80px;
}
.remark-slide-content.col-2.compact {
padding-top: 136px;
}
.remark-slide-content.col-2.compact > h1:first-of-type {
top: 42px;
left: 40px;
}
.remark-slide-content.col-2.roomy {
padding-top: 168px;
}
.remark-slide-content.col-2.roomy > h1:first-of-type {
top: 52px;
left: 80px;
}
.remark-slide-content.col-2 *:nth-child(2) {
margin-top: 0px;
}
.remark-slide-content.col-2 > ul,
.remark-slide-content.col-2 > ol {
break-inside: avoid;
page-break-inside: avoid;
}
.remark-slide-content.col-3 {
columns: 3;
padding-top: 136px;
column-gap: 1.5em;
}
.remark-slide-content.col-3 > h1:first-of-type {
position: absolute;
margin-top: 0px;
top: 44px;
left: 80px;
}
.remark-slide-content.col-3.compact {
padding-top: 136px;
}
.remark-slide-content.col-3.compact > h1:first-of-type {
top: 42px;
left: 40px;
}
.remark-slide-content.col-3.roomy {
padding-top: 168px;
}
.remark-slide-content.col-3.roomy > h1:first-of-type {
top: 52px;
left: 80px;
}
.remark-slide-content.col-3 *:nth-child(2) {
margin-top: 0px;
}
.remark-slide-content.col-3 > ul,
.remark-slide-content.col-3 > ol {
break-inside: avoid;
page-break-inside: avoid;
}
.remark-slide-content .remark-slide-number,
.remark-slide-content .footer li {
font-size: 1.25rem;
display: block;
list-style: none;
position: absolute;
bottom: 12px;
height: 30px;
margin: 0px;
padding: 2px 5px;
border-radius: 3px;
border: 1px solid rgba(0, 0, 0, 0);
}
.remark-slide-content .footer,
.remark-slide-content .footer ul {
position: absolute;
bottom: 0px;
right: 0px;
left: 0px;
height: 50px;
margin: 0px;
padding: 0px;
}
.remark-slide-content .footer li:nth-child(1) {
left: 20px;
}
.remark-slide-content .footer li:nth-child(2) {
left: 50%;
margin-left: -50px;
}
.remark-slide-content .footer li img {
display: block;
max-height: 100%;
margin-left: auto;
margin-right: auto;
}
.remark-slide-content.no-footer .remark-slide-number,
.remark-slide-content.no-footer .footer {
display: none;
}