forked from mirrors/hugo-tufte
css update
This commit is contained in:
slashformotion
parent
cb01b32951
commit
7038e4ff89
3 changed files with 481 additions and 214 deletions
|
|
@ -4,6 +4,8 @@
|
||||||
/* accomodate a blog-like site. */
|
/* accomodate a blog-like site. */
|
||||||
/* ------------------------------------------------------------------------ */
|
/* ------------------------------------------------------------------------ */
|
||||||
|
|
||||||
|
@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@351&display=swap');
|
||||||
|
|
||||||
/* When setting the primary font stack, apply it to the Pure grid units along */
|
/* When setting the primary font stack, apply it to the Pure grid units along */
|
||||||
/* with `html`, `button`, `input`, `select`, and `textarea`. Pure Grids use */
|
/* with `html`, `button`, `input`, `select`, and `textarea`. Pure Grids use */
|
||||||
/* specific font stacks to ensure the greatest OS/browser compatibility. */
|
/* specific font stacks to ensure the greatest OS/browser compatibility. */
|
||||||
|
|
@ -18,16 +20,27 @@ html, button, input, select, textarea, p, nav, section, article, header, footer,
|
||||||
}*/
|
}*/
|
||||||
|
|
||||||
code {
|
code {
|
||||||
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
font-family: "Fira Code", Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
||||||
font-size: 1.125rem;
|
font-size: 1.125rem;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div.highlight{
|
||||||
|
/* width: 52.5%; */
|
||||||
|
}
|
||||||
|
/* blockquote {
|
||||||
|
width: 52.5%;
|
||||||
|
|
||||||
|
} */
|
||||||
|
div.highlight::hover{
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
pre code {
|
pre code {
|
||||||
width: 52.5%;
|
width: 52.5%;
|
||||||
font-size: 1.2rem;
|
|
||||||
padding-left: 2.5%;
|
|
||||||
display: block;
|
display: block;
|
||||||
|
font-size: 1rem;
|
||||||
|
padding-left: 2.5%;
|
||||||
overflow-x: scroll;
|
overflow-x: scroll;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -187,7 +200,22 @@ h1.content-title a:focus {
|
||||||
}
|
}
|
||||||
|
|
||||||
table {
|
table {
|
||||||
|
margin-top: 1em;
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
|
width: auto; /* making booktabs style tables the unstyled default in case someone uses Markdown styling */
|
||||||
|
/* margin: 0 auto; */
|
||||||
|
/* border-spacing: 0px; */
|
||||||
|
border-top: 2px solid #111;
|
||||||
|
border-bottom: 2px solid #111;
|
||||||
|
}
|
||||||
|
|
||||||
|
th, td{
|
||||||
|
font-size: 1.25rem;
|
||||||
|
line-height: 1.71428571;
|
||||||
|
}
|
||||||
|
|
||||||
|
td {
|
||||||
|
padding-right: 0.75em;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Footer, but with a different name to avoid conflicts with tufte.css */
|
/* Footer, but with a different name to avoid conflicts with tufte.css */
|
||||||
|
|
@ -259,27 +287,3 @@ details summary.year {
|
||||||
details[open] summary {
|
details[open] summary {
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
/* ------------------------------------------------------------------------ */
|
|
||||||
/* MathJax styling
|
|
||||||
/* ------------------------------------------------------------------------ */
|
|
||||||
.MathJax {
|
|
||||||
font: inherit;
|
|
||||||
color: inherit;
|
|
||||||
font-size: 100%;
|
|
||||||
background: inherit;
|
|
||||||
border: inherit;
|
|
||||||
}
|
|
||||||
|
|
||||||
.MathJax_Display {
|
|
||||||
font: inherit;
|
|
||||||
color: inherit;
|
|
||||||
font-size: 100%;
|
|
||||||
background: inherit;
|
|
||||||
border: inherit;
|
|
||||||
padding-bottom: 1rem;
|
|
||||||
/* max-width: 45rem; */
|
|
||||||
overflow-x: auto;
|
|
||||||
overflow-y: auto;
|
|
||||||
}
|
|
||||||
|
|
|
||||||
82
static/css/syntax.css
Normal file
82
static/css/syntax.css
Normal file
|
|
@ -0,0 +1,82 @@
|
||||||
|
/* Background */ .chroma { background-color: #ffffff }
|
||||||
|
/* Other */ .chroma .x { }
|
||||||
|
/* Error */ .chroma .err { }
|
||||||
|
/* LineTableTD */ .chroma .lntd { vertical-align: top; padding: 0; margin: 0; border: 0; }
|
||||||
|
/* LineTable */ .chroma .lntable { border-spacing: 0; padding: 0; margin: 0; border: 0; width: auto; overflow: auto; display: block; }
|
||||||
|
/* LineHighlight */ .chroma .hl { display: block; width: 100%;background-color: #ffffcc }
|
||||||
|
/* LineNumbersTable */ .chroma .lnt { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
|
||||||
|
/* LineNumbers */ .chroma .ln { margin-right: 0.4em; padding: 0 0.4em 0 0.4em;color: #7f7f7f }
|
||||||
|
/* Keyword */ .chroma .k { font-weight: bold }
|
||||||
|
/* KeywordConstant */ .chroma .kc { font-weight: bold }
|
||||||
|
/* KeywordDeclaration */ .chroma .kd { font-weight: bold; font-style: italic }
|
||||||
|
/* KeywordNamespace */ .chroma .kn { font-weight: bold }
|
||||||
|
/* KeywordPseudo */ .chroma .kp { font-weight: bold }
|
||||||
|
/* KeywordReserved */ .chroma .kr { font-weight: bold }
|
||||||
|
/* KeywordType */ .chroma .kt { font-weight: bold }
|
||||||
|
/* Name */ .chroma .n { }
|
||||||
|
/* NameAttribute */ .chroma .na { }
|
||||||
|
/* NameBuiltin */ .chroma .nb { font-weight: bold; font-style: italic }
|
||||||
|
/* NameBuiltinPseudo */ .chroma .bp { font-weight: bold; font-style: italic }
|
||||||
|
/* NameClass */ .chroma .nc { color: #666666; font-weight: bold; font-style: italic }
|
||||||
|
/* NameConstant */ .chroma .no { color: #666666; font-weight: bold; font-style: italic }
|
||||||
|
/* NameDecorator */ .chroma .nd { }
|
||||||
|
/* NameEntity */ .chroma .ni { }
|
||||||
|
/* NameException */ .chroma .ne { }
|
||||||
|
/* NameFunction */ .chroma .nf { color: #666666; font-weight: bold; font-style: italic }
|
||||||
|
/* NameFunctionMagic */ .chroma .fm { }
|
||||||
|
/* NameLabel */ .chroma .nl { }
|
||||||
|
/* NameNamespace */ .chroma .nn { color: #666666; font-weight: bold; font-style: italic }
|
||||||
|
/* NameOther */ .chroma .nx { }
|
||||||
|
/* NameProperty */ .chroma .py { }
|
||||||
|
/* NameTag */ .chroma .nt { }
|
||||||
|
/* NameVariable */ .chroma .nv { color: #666666; font-weight: bold; font-style: italic }
|
||||||
|
/* NameVariableClass */ .chroma .vc { }
|
||||||
|
/* NameVariableGlobal */ .chroma .vg { }
|
||||||
|
/* NameVariableInstance */ .chroma .vi { }
|
||||||
|
/* NameVariableMagic */ .chroma .vm { }
|
||||||
|
/* Literal */ .chroma .l { }
|
||||||
|
/* LiteralDate */ .chroma .ld { }
|
||||||
|
/* LiteralString */ .chroma .s { color: #666666; font-style: italic }
|
||||||
|
/* LiteralStringAffix */ .chroma .sa { color: #666666; font-style: italic }
|
||||||
|
/* LiteralStringBacktick */ .chroma .sb { color: #666666; font-style: italic }
|
||||||
|
/* LiteralStringChar */ .chroma .sc { color: #666666; font-style: italic }
|
||||||
|
/* LiteralStringDelimiter */ .chroma .dl { color: #666666; font-style: italic }
|
||||||
|
/* LiteralStringDoc */ .chroma .sd { color: #666666; font-style: italic }
|
||||||
|
/* LiteralStringDouble */ .chroma .s2 { color: #666666; font-style: italic }
|
||||||
|
/* LiteralStringEscape */ .chroma .se { color: #666666; font-style: italic }
|
||||||
|
/* LiteralStringHeredoc */ .chroma .sh { color: #666666; font-style: italic }
|
||||||
|
/* LiteralStringInterpol */ .chroma .si { color: #666666; font-style: italic }
|
||||||
|
/* LiteralStringOther */ .chroma .sx { color: #666666; font-style: italic }
|
||||||
|
/* LiteralStringRegex */ .chroma .sr { color: #666666; font-style: italic }
|
||||||
|
/* LiteralStringSingle */ .chroma .s1 { color: #666666; font-style: italic }
|
||||||
|
/* LiteralStringSymbol */ .chroma .ss { color: #666666; font-style: italic }
|
||||||
|
/* LiteralNumber */ .chroma .m { }
|
||||||
|
/* LiteralNumberBin */ .chroma .mb { }
|
||||||
|
/* LiteralNumberFloat */ .chroma .mf { }
|
||||||
|
/* LiteralNumberHex */ .chroma .mh { }
|
||||||
|
/* LiteralNumberInteger */ .chroma .mi { }
|
||||||
|
/* LiteralNumberIntegerLong */ .chroma .il { }
|
||||||
|
/* LiteralNumberOct */ .chroma .mo { }
|
||||||
|
/* Operator */ .chroma .o { }
|
||||||
|
/* OperatorWord */ .chroma .ow { font-weight: bold }
|
||||||
|
/* Punctuation */ .chroma .p { }
|
||||||
|
/* Comment */ .chroma .c { color: #888888; font-style: italic }
|
||||||
|
/* CommentHashbang */ .chroma .ch { color: #888888; font-style: italic }
|
||||||
|
/* CommentMultiline */ .chroma .cm { color: #888888; font-style: italic }
|
||||||
|
/* CommentSingle */ .chroma .c1 { color: #888888; font-style: italic }
|
||||||
|
/* CommentSpecial */ .chroma .cs { color: #888888; font-weight: bold }
|
||||||
|
/* CommentPreproc */ .chroma .cp { color: #888888; font-weight: bold }
|
||||||
|
/* CommentPreprocFile */ .chroma .cpf { color: #888888; font-weight: bold }
|
||||||
|
/* Generic */ .chroma .g { }
|
||||||
|
/* GenericDeleted */ .chroma .gd { }
|
||||||
|
/* GenericEmph */ .chroma .ge { }
|
||||||
|
/* GenericError */ .chroma .gr { }
|
||||||
|
/* GenericHeading */ .chroma .gh { }
|
||||||
|
/* GenericInserted */ .chroma .gi { }
|
||||||
|
/* GenericOutput */ .chroma .go { }
|
||||||
|
/* GenericPrompt */ .chroma .gp { }
|
||||||
|
/* GenericStrong */ .chroma .gs { }
|
||||||
|
/* GenericSubheading */ .chroma .gu { }
|
||||||
|
/* GenericTraceback */ .chroma .gt { }
|
||||||
|
/* GenericUnderline */ .chroma .gl { }
|
||||||
|
/* TextWhitespace */ .chroma .w { }
|
||||||
|
|
@ -6,39 +6,58 @@
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "et-book";
|
font-family: "et-book";
|
||||||
src: url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot");
|
src: url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot");
|
||||||
src: url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot?#iefix") format("embedded-opentype"), url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.woff") format("woff"), url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.ttf") format("truetype"), url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.svg#etbookromanosf") format("svg");
|
src: url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot?#iefix") format("embedded-opentype"),
|
||||||
|
url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.woff") format("woff"),
|
||||||
|
url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.ttf") format("truetype"),
|
||||||
|
url("et-book/et-book-roman-line-figures/et-book-roman-line-figures.svg#etbookromanosf") format("svg");
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "et-book";
|
font-family: "et-book";
|
||||||
src: url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot");
|
src: url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot");
|
||||||
src: url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot?#iefix") format("embedded-opentype"), url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.woff") format("woff"), url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.ttf") format("truetype"), url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.svg#etbookromanosf") format("svg");
|
src: url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot?#iefix")
|
||||||
|
format("embedded-opentype"),
|
||||||
|
url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.woff") format("woff"),
|
||||||
|
url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.ttf")
|
||||||
|
format("truetype"),
|
||||||
|
url("et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.svg#etbookromanosf")
|
||||||
|
format("svg");
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: italic
|
font-style: italic;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "et-book";
|
font-family: "et-book";
|
||||||
src: url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot");
|
src: url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot");
|
||||||
src: url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot?#iefix") format("embedded-opentype"), url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.woff") format("woff"), url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.ttf") format("truetype"), url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.svg#etbookromanosf") format("svg");
|
src: url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot?#iefix") format("embedded-opentype"),
|
||||||
|
url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.woff") format("woff"),
|
||||||
|
url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.ttf") format("truetype"),
|
||||||
|
url("et-book/et-book-bold-line-figures/et-book-bold-line-figures.svg#etbookromanosf") format("svg");
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
font-style: normal
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
@font-face {
|
@font-face {
|
||||||
font-family: "et-book-roman-old-style";
|
font-family: "et-book-roman-old-style";
|
||||||
src: url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot");
|
src: url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot");
|
||||||
src: url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot?#iefix") format("embedded-opentype"), url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.woff") format("woff"), url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.ttf") format("truetype"), url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.svg#etbookromanosf") format("svg");
|
src: url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot?#iefix")
|
||||||
|
format("embedded-opentype"),
|
||||||
|
url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.woff") format("woff"),
|
||||||
|
url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.ttf") format("truetype"),
|
||||||
|
url("et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.svg#etbookromanosf") format("svg");
|
||||||
font-weight: normal;
|
font-weight: normal;
|
||||||
font-style: normal;
|
font-style: normal;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Tufte CSS styles */
|
/* Tufte CSS styles */
|
||||||
html { font-size: 15px; }
|
html {
|
||||||
|
font-size: 15px;
|
||||||
|
}
|
||||||
|
|
||||||
body { width: 87.5%;
|
body {
|
||||||
|
width: 87.5%;
|
||||||
margin-left: auto;
|
margin-left: auto;
|
||||||
margin-right: auto;
|
margin-right: auto;
|
||||||
padding-left: 12.5%;
|
padding-left: 12.5%;
|
||||||
|
|
@ -46,82 +65,128 @@ body { width: 87.5%;
|
||||||
background-color: #fffff8;
|
background-color: #fffff8;
|
||||||
color: #111;
|
color: #111;
|
||||||
max-width: 1400px;
|
max-width: 1400px;
|
||||||
counter-reset: sidenote-counter; }
|
counter-reset: sidenote-counter;
|
||||||
|
}
|
||||||
|
|
||||||
h1 { font-weight: 400;
|
h1 {
|
||||||
|
font-weight: 400;
|
||||||
margin-top: 4rem;
|
margin-top: 4rem;
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1.5rem;
|
||||||
font-size: 3.2rem;
|
font-size: 3.2rem;
|
||||||
line-height: 1; }
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
h2 { font-style: italic;
|
h2 {
|
||||||
|
font-style: italic;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
margin-top: 2.1rem;
|
margin-top: 2.1rem;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
font-size: 2.2rem;
|
font-size: 2.2rem;
|
||||||
line-height: 1; }
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
h3 { font-style: italic;
|
h3 {
|
||||||
|
font-style: italic;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 1.7rem;
|
font-size: 1.7rem;
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
line-height: 1; }
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
p.subtitle { font-style: italic;
|
p.subtitle {
|
||||||
|
font-style: italic;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
font-size: 1.8rem;
|
font-size: 1.8rem;
|
||||||
display: block;
|
display: block;
|
||||||
line-height: 1; }
|
line-height: 1;
|
||||||
|
}
|
||||||
|
|
||||||
.numeral { font-family: et-book-roman-old-style; }
|
.numeral {
|
||||||
|
font-family: et-book-roman-old-style;
|
||||||
|
}
|
||||||
|
|
||||||
.danger { color: red; }
|
.danger {
|
||||||
|
color: red;
|
||||||
|
}
|
||||||
|
|
||||||
article { position: relative;
|
article {
|
||||||
padding: 5rem 0rem; }
|
position: relative;
|
||||||
|
padding: 5rem 0rem;
|
||||||
|
}
|
||||||
|
|
||||||
section { padding-top: 1rem;
|
section {
|
||||||
padding-bottom: 1rem; }
|
padding-top: 1rem;
|
||||||
|
padding-bottom: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
p, ol, ul { font-size: 1.4rem; }
|
p,
|
||||||
|
ol,
|
||||||
|
ul {
|
||||||
|
font-size: 1.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
p { line-height: 2rem;
|
p {
|
||||||
|
line-height: 2rem;
|
||||||
margin-top: 1.4rem;
|
margin-top: 1.4rem;
|
||||||
margin-bottom: 1.4rem;
|
margin-bottom: 1.4rem;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
vertical-align: baseline; }
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
/* Chapter Epigraphs */
|
/* Chapter Epigraphs */
|
||||||
div.epigraph { margin: 5em 0; }
|
div.epigraph {
|
||||||
|
margin: 5em 0;
|
||||||
|
}
|
||||||
|
|
||||||
div.epigraph > blockquote { margin-top: 3em;
|
div.epigraph > blockquote {
|
||||||
margin-bottom: 3em; }
|
margin-top: 3em;
|
||||||
|
margin-bottom: 3em;
|
||||||
|
}
|
||||||
|
|
||||||
div.epigraph > blockquote, div.epigraph > blockquote > p { font-style: italic; }
|
div.epigraph > blockquote,
|
||||||
|
div.epigraph > blockquote > p {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
div.epigraph > blockquote > footer { font-style: normal; }
|
div.epigraph > blockquote > footer {
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
|
||||||
div.epigraph > blockquote > footer > cite { font-style: italic; }
|
div.epigraph > blockquote > footer > cite {
|
||||||
|
font-style: italic;
|
||||||
|
}
|
||||||
|
|
||||||
/* end chapter epigraphs styles */
|
/* end chapter epigraphs styles */
|
||||||
|
|
||||||
blockquote { font-size: 1.4rem; }
|
blockquote {
|
||||||
|
font-size: 1.4rem;
|
||||||
|
}
|
||||||
|
|
||||||
blockquote p { width: 50%; }
|
blockquote p {
|
||||||
|
width: 50%;
|
||||||
|
}
|
||||||
|
|
||||||
blockquote footer { width: 50%;
|
blockquote footer {
|
||||||
|
width: 50%;
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
text-align: right; }
|
text-align: right;
|
||||||
|
}
|
||||||
|
|
||||||
ol, ul { width: 45%;
|
ol,
|
||||||
|
ul {
|
||||||
|
width: 45%;
|
||||||
-webkit-padding-start: 5%;
|
-webkit-padding-start: 5%;
|
||||||
-webkit-padding-end: 5%; }
|
-webkit-padding-end: 5%;
|
||||||
|
}
|
||||||
|
|
||||||
li { padding: 0.5rem 0; }
|
li {
|
||||||
|
padding: 0.5rem 0;
|
||||||
|
}
|
||||||
|
|
||||||
figure { padding: 0;
|
figure {
|
||||||
|
padding: 0;
|
||||||
border: 0;
|
border: 0;
|
||||||
font-size: 100%;
|
font-size: 100%;
|
||||||
font: inherit;
|
font: inherit;
|
||||||
|
|
@ -129,9 +194,11 @@ figure { padding: 0;
|
||||||
max-width: 55%;
|
max-width: 55%;
|
||||||
-webkit-margin-start: 0;
|
-webkit-margin-start: 0;
|
||||||
-webkit-margin-end: 0;
|
-webkit-margin-end: 0;
|
||||||
margin: 0 0 3em 0; }
|
margin: 0 0 3em 0;
|
||||||
|
}
|
||||||
|
|
||||||
figcaption { float: right;
|
figcaption {
|
||||||
|
float: right;
|
||||||
clear: right;
|
clear: right;
|
||||||
margin-right: -48%;
|
margin-right: -48%;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
|
|
@ -140,35 +207,62 @@ figcaption { float: right;
|
||||||
line-height: 1.6;
|
line-height: 1.6;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
position: relative;
|
position: relative;
|
||||||
max-width: 40%; }
|
max-width: 40%;
|
||||||
|
}
|
||||||
|
|
||||||
figure.fullwidth figcaption { margin-right: 24%; }
|
figure.fullwidth figcaption {
|
||||||
|
margin-right: 24%;
|
||||||
|
}
|
||||||
|
|
||||||
/* Links: replicate underline that clears descenders */
|
/* Links: replicate underline that clears descenders */
|
||||||
a:link, a:visited { color: inherit; }
|
a:link,
|
||||||
|
a:visited {
|
||||||
|
color: inherit;
|
||||||
|
}
|
||||||
|
|
||||||
a:link { text-decoration: none;
|
a:link {
|
||||||
background: -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(#333, #333);
|
text-decoration: none;
|
||||||
|
background: -webkit-linear-gradient(#fffff8, #fffff8), -webkit-linear-gradient(#fffff8, #fffff8),
|
||||||
|
-webkit-linear-gradient(#333, #333);
|
||||||
background: linear-gradient(#fffff8, #fffff8), linear-gradient(#fffff8, #fffff8), linear-gradient(#333, #333);
|
background: linear-gradient(#fffff8, #fffff8), linear-gradient(#fffff8, #fffff8), linear-gradient(#333, #333);
|
||||||
-webkit-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
-webkit-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
||||||
-moz-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
-moz-background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
||||||
background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
background-size: 0.05em 1px, 0.05em 1px, 1px 1px;
|
||||||
background-repeat: no-repeat, no-repeat, repeat-x;
|
background-repeat: no-repeat, no-repeat, repeat-x;
|
||||||
text-shadow: 0.03em 0 #fffff8, -0.03em 0 #fffff8, 0 0.03em #fffff8, 0 -0.03em #fffff8, 0.06em 0 #fffff8, -0.06em 0 #fffff8, 0.09em 0 #fffff8, -0.09em 0 #fffff8, 0.12em 0 #fffff8, -0.12em 0 #fffff8, 0.15em 0 #fffff8, -0.15em 0 #fffff8;
|
text-shadow: 0.03em 0 #fffff8, -0.03em 0 #fffff8, 0 0.03em #fffff8, 0 -0.03em #fffff8, 0.06em 0 #fffff8,
|
||||||
background-position: 0% 93%, 100% 93%, 0% 93%; }
|
-0.06em 0 #fffff8, 0.09em 0 #fffff8, -0.09em 0 #fffff8, 0.12em 0 #fffff8, -0.12em 0 #fffff8, 0.15em 0 #fffff8,
|
||||||
|
-0.15em 0 #fffff8;
|
||||||
|
background-position: 0% 93%, 100% 93%, 0% 93%;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (-webkit-min-device-pixel-ratio: 0) { a:link { background-position-y: 87%, 87%, 87%; } }
|
@media screen and (-webkit-min-device-pixel-ratio: 0) {
|
||||||
|
a:link {
|
||||||
|
background-position-y: 87%, 87%, 87%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
a:link::selection { text-shadow: 0.03em 0 #b4d5fe, -0.03em 0 #b4d5fe, 0 0.03em #b4d5fe, 0 -0.03em #b4d5fe, 0.06em 0 #b4d5fe, -0.06em 0 #b4d5fe, 0.09em 0 #b4d5fe, -0.09em 0 #b4d5fe, 0.12em 0 #b4d5fe, -0.12em 0 #b4d5fe, 0.15em 0 #b4d5fe, -0.15em 0 #b4d5fe;
|
a:link::selection {
|
||||||
background: #b4d5fe; }
|
text-shadow: 0.03em 0 #b4d5fe, -0.03em 0 #b4d5fe, 0 0.03em #b4d5fe, 0 -0.03em #b4d5fe, 0.06em 0 #b4d5fe,
|
||||||
|
-0.06em 0 #b4d5fe, 0.09em 0 #b4d5fe, -0.09em 0 #b4d5fe, 0.12em 0 #b4d5fe, -0.12em 0 #b4d5fe, 0.15em 0 #b4d5fe,
|
||||||
|
-0.15em 0 #b4d5fe;
|
||||||
|
background: #b4d5fe;
|
||||||
|
}
|
||||||
|
|
||||||
a:link::-moz-selection { text-shadow: 0.03em 0 #b4d5fe, -0.03em 0 #b4d5fe, 0 0.03em #b4d5fe, 0 -0.03em #b4d5fe, 0.06em 0 #b4d5fe, -0.06em 0 #b4d5fe, 0.09em 0 #b4d5fe, -0.09em 0 #b4d5fe, 0.12em 0 #b4d5fe, -0.12em 0 #b4d5fe, 0.15em 0 #b4d5fe, -0.15em 0 #b4d5fe;
|
a:link::-moz-selection {
|
||||||
background: #b4d5fe; }
|
text-shadow: 0.03em 0 #b4d5fe, -0.03em 0 #b4d5fe, 0 0.03em #b4d5fe, 0 -0.03em #b4d5fe, 0.06em 0 #b4d5fe,
|
||||||
|
-0.06em 0 #b4d5fe, 0.09em 0 #b4d5fe, -0.09em 0 #b4d5fe, 0.12em 0 #b4d5fe, -0.12em 0 #b4d5fe, 0.15em 0 #b4d5fe,
|
||||||
|
-0.15em 0 #b4d5fe;
|
||||||
|
background: #b4d5fe;
|
||||||
|
}
|
||||||
|
|
||||||
/* Sidenotes, margin notes, figures, captions */
|
/* Sidenotes, margin notes, figures, captions */
|
||||||
img { max-width: 100%; }
|
img {
|
||||||
|
max-width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
.sidenote, .marginnote { float: right;
|
.sidenote,
|
||||||
|
.marginnote {
|
||||||
|
float: right;
|
||||||
clear: right;
|
clear: right;
|
||||||
margin-right: -60%;
|
margin-right: -60%;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
|
|
@ -177,89 +271,166 @@ img { max-width: 100%; }
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
line-height: 1.3;
|
line-height: 1.3;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
position: relative; }
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
.table-caption { float:right;
|
.table-caption {
|
||||||
clear:right;
|
float: right;
|
||||||
|
clear: right;
|
||||||
margin-right: -60%;
|
margin-right: -60%;
|
||||||
width: 50%;
|
width: 50%;
|
||||||
margin-top: 0;
|
margin-top: 0;
|
||||||
margin-bottom: 0;
|
margin-bottom: 0;
|
||||||
font-size: 1.0rem;
|
font-size: 1rem;
|
||||||
line-height: 1.6; }
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
.sidenote-number { counter-increment: sidenote-counter; }
|
.sidenote-number {
|
||||||
|
counter-increment: sidenote-counter;
|
||||||
|
}
|
||||||
|
|
||||||
.sidenote-number:after, .sidenote:before { content: counter(sidenote-counter) " ";
|
.sidenote-number:after,
|
||||||
|
.sidenote:before {
|
||||||
|
content: counter(sidenote-counter) " ";
|
||||||
font-family: et-book-roman-old-style;
|
font-family: et-book-roman-old-style;
|
||||||
position: relative;
|
position: relative;
|
||||||
vertical-align: baseline; }
|
vertical-align: baseline;
|
||||||
|
}
|
||||||
|
|
||||||
.sidenote-number:after { content: counter(sidenote-counter);
|
.sidenote-number:after {
|
||||||
|
content: counter(sidenote-counter);
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
top: -0.5rem;
|
top: -0.5rem;
|
||||||
left: 0.1rem; }
|
left: 0.1rem;
|
||||||
|
}
|
||||||
|
|
||||||
.sidenote:before { content: counter(sidenote-counter) " ";
|
.sidenote:before {
|
||||||
top: -0.5rem; }
|
content: counter(sidenote-counter) " ";
|
||||||
|
top: -0.5rem;
|
||||||
|
}
|
||||||
|
|
||||||
p, footer, table, div.table-wrapper-small, div.supertable-wrapper > p, div.booktabs-wrapper { width: 55%; }
|
p,
|
||||||
|
footer,
|
||||||
|
table,
|
||||||
|
div.table-wrapper-small,
|
||||||
|
div.supertable-wrapper > p,
|
||||||
|
div.booktabs-wrapper {
|
||||||
|
width: 55%;
|
||||||
|
}
|
||||||
|
|
||||||
div.fullwidth, table.fullwidth { width: 100%; }
|
div.fullwidth,
|
||||||
|
table.fullwidth {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
|
||||||
div.table-wrapper { overflow-x: scroll;
|
div.table-wrapper {
|
||||||
font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", sans-serif; }
|
overflow-x: scroll;
|
||||||
|
font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 760px) { p, footer { width: 90%; }
|
@media screen and (max-width: 760px) {
|
||||||
pre.code { width: 87.5%; }
|
p,
|
||||||
ul { width: 85%; }
|
footer {
|
||||||
figure { max-width: 90%; }
|
width: 90%;
|
||||||
figcaption, figure.fullwidth figcaption { margin-right: 0%;
|
}
|
||||||
max-width: none; }
|
pre.code {
|
||||||
blockquote p, blockquote footer { width: 90%; }}
|
width: 87.5%;
|
||||||
|
}
|
||||||
|
ul {
|
||||||
|
width: 85%;
|
||||||
|
}
|
||||||
|
figure {
|
||||||
|
max-width: 90%;
|
||||||
|
}
|
||||||
|
figcaption,
|
||||||
|
figure.fullwidth figcaption {
|
||||||
|
margin-right: 0%;
|
||||||
|
max-width: none;
|
||||||
|
}
|
||||||
|
blockquote p,
|
||||||
|
blockquote footer {
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
.sans { font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
|
.sans {
|
||||||
letter-spacing: .03em; }
|
font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
|
||||||
|
letter-spacing: 0.03em;
|
||||||
|
}
|
||||||
|
|
||||||
.code { font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
.code {
|
||||||
|
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
||||||
font-size: 1.125rem;
|
font-size: 1.125rem;
|
||||||
line-height: 1.6; }
|
line-height: 1.6;
|
||||||
|
}
|
||||||
|
|
||||||
h1 .code, h2 .code, h3 .code { font-size: 0.80em; }
|
h1 .code,
|
||||||
|
h2 .code,
|
||||||
|
h3 .code {
|
||||||
|
font-size: 0.8em;
|
||||||
|
}
|
||||||
|
|
||||||
.marginnote .code, .sidenote .code { font-size: 1rem; }
|
.marginnote .code,
|
||||||
|
.sidenote .code {
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
pre.code { width: 52.5%;
|
pre.code {
|
||||||
|
width: 52.5%;
|
||||||
padding-left: 2.5%;
|
padding-left: 2.5%;
|
||||||
overflow-x: scroll; }
|
overflow-x: scroll;
|
||||||
|
}
|
||||||
|
|
||||||
.fullwidth { max-width: 90%;
|
.fullwidth {
|
||||||
clear:both; }
|
max-width: 90%;
|
||||||
|
clear: both;
|
||||||
|
}
|
||||||
|
|
||||||
span.newthought { font-variant: small-caps;
|
span.newthought {
|
||||||
font-size: 1.2em; }
|
font-variant: small-caps;
|
||||||
|
font-size: 1.2em;
|
||||||
|
}
|
||||||
|
|
||||||
input.margin-toggle { display: none; }
|
input.margin-toggle {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
label.sidenote-number { display: inline; }
|
label.sidenote-number {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
|
||||||
label.margin-toggle:not(.sidenote-number) { display: none; }
|
label.margin-toggle:not(.sidenote-number) {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 760px) { label.margin-toggle:not(.sidenote-number) { display: inline; }
|
@media (max-width: 760px) {
|
||||||
.sidenote, .marginnote { display: none; }
|
label.margin-toggle:not(.sidenote-number) {
|
||||||
|
display: inline;
|
||||||
|
}
|
||||||
|
.sidenote,
|
||||||
|
.marginnote {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
.margin-toggle:checked + .sidenote,
|
.margin-toggle:checked + .sidenote,
|
||||||
.margin-toggle:checked + .marginnote { display: block;
|
.margin-toggle:checked + .marginnote {
|
||||||
|
display: block;
|
||||||
float: left;
|
float: left;
|
||||||
left: 1rem;
|
left: 1rem;
|
||||||
clear: both;
|
clear: both;
|
||||||
width: 95%;
|
width: 95%;
|
||||||
margin: 1rem 2.5%;
|
margin: 1rem 2.5%;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
position: relative; }
|
position: relative;
|
||||||
label { cursor: pointer; }
|
}
|
||||||
pre.code { width: 90%;
|
label {
|
||||||
padding: 0; }
|
cursor: pointer;
|
||||||
.table-caption { display: block;
|
}
|
||||||
|
pre.code {
|
||||||
|
width: 90%;
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
.table-caption {
|
||||||
|
display: block;
|
||||||
float: right;
|
float: right;
|
||||||
clear: both;
|
clear: both;
|
||||||
width: 98%;
|
width: 98%;
|
||||||
|
|
@ -268,7 +439,17 @@ label.margin-toggle:not(.sidenote-number) { display: none; }
|
||||||
margin-left: 1%;
|
margin-left: 1%;
|
||||||
margin-right: 1%;
|
margin-right: 1%;
|
||||||
vertical-align: baseline;
|
vertical-align: baseline;
|
||||||
position: relative; }
|
position: relative;
|
||||||
div.table-wrapper, table, table.booktabs { width: 85%; }
|
}
|
||||||
div.table-wrapper { border-right: 1px solid #efefef; }
|
div.table-wrapper,
|
||||||
img { width: 100%; } }
|
table,
|
||||||
|
table.booktabs {
|
||||||
|
width: 85%;
|
||||||
|
}
|
||||||
|
div.table-wrapper {
|
||||||
|
border-right: 1px solid #efefef;
|
||||||
|
}
|
||||||
|
img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue