Skip to content

Instantly share code, notes, and snippets.

@rnkn
Created August 4, 2019 08:17
Show Gist options
  • Save rnkn/9e7e57c37f0f49979d2e7028b2ef8a4b to your computer and use it in GitHub Desktop.
Save rnkn/9e7e57c37f0f49979d2e7028b2ef8a4b to your computer and use it in GitHub Desktop.
.screenplay {
font-family: Courier Prime;
font-size: 12pt;
line-height: 1;
max-width: 6in;
margin: 1em auto;
-webkit-text-size-adjust: none;
}
.screenplay h1, h2, h3, h4, h5, h6 {
font-weight: inherit;
font-size: inherit;
}
.screenplay a {
color: inherit;
text-decoration: none;
}
.screenplay .underline {
text-decoration: underline;
}
.screenplay .title-page {
margin: 0 auto 1em;
}
.screenplay .title-page .title {
text-align: center;
}
.screenplay .title-page .title h1 {
text-transform: uppercase;
text-decoration: underline;
}
.screenplay .section-heading {
text-align: center;
}
.screenplay .section-heading:hover {
background-color: lightyellow;
}
.screenplay .scene {
margin-top: 2em;
}
.screenplay .scene-heading {
margin-bottom: 0;
}
.screenplay .scene-heading:hover {
background-color: lightyellow;
}
.screenplay .action {
margin: 1em 0;
}
.screenplay .dialog {
width: 75%;
max-width: 4in;
margin-top: 1em;
margin-bottom: 1em;
margin-left: 17%;
}
.screenplay .dialog .character {
margin-top: 0;
margin-bottom: 0;
margin-left: 25%;
}
.screenplay .dialog .lines {
max-width: 3.5in;
margin-top: 0;
margin-bottom: 0;
}
.screenplay .dialog .paren {
max-width: 2in;
margin-top: 0;
margin-bottom: 0;
margin-left: 15%;
text-indent: -0.6em;
page-break-inside: avoid;
page-break-after: avoid;
}
.screenplay .dual-dialog {
width: 100%;
margin: 1em 0;
}
.screenplay .dual-dialog .dialog {
max-width: 50%;
margin-top: 0;
margin-left: 0;
margin-right: 0;
float: left;
clear: none;
}
.screenplay .dual-dialog .dialog .lines {
width: 95%;
}
.screenplay .trans {
max-width: 2in;
margin-left: 63%;
clear: both;
page-break-before: avoid;
}
.screenplay .note {
display: block;
font-size: 11pt;
font-family: "Comic Sans MS", "Marker Felt", "sans-serif";
line-height: 1.5;
background-color: lightgoldenrodyellow;
padding: 1em;
}
.screenplay .synopsis {
margin-top: 0;
color: grey;
font-style: italic;
}
.screenplay .center {
text-align: center;
white-space: pre-wrap;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment