diff options
Diffstat (limited to 'resources/css')
| -rw-r--r-- | resources/css/custom.css | 156 | ||||
| -rw-r--r-- | resources/css/github.css | 61 | ||||
| -rwxr-xr-x | resources/css/latex.css | 18 | ||||
| -rwxr-xr-x | resources/css/tufte.css | 274 |
4 files changed, 509 insertions, 0 deletions
diff --git a/resources/css/custom.css b/resources/css/custom.css new file mode 100644 index 0000000..75960e0 --- /dev/null +++ b/resources/css/custom.css @@ -0,0 +1,156 @@ +--- +--- + +/*html { font-size: 14px; }*/ + + +body { + margin: auto; +} + +.topbar { + position: relative; + background: #F3F3F3; + height: 70px; + width: 100%; +} + +h2, h3 { + font-family: 'Alegreya Sans', sans-serif; + font-family: 'Fira Sans'; + font-weight: 200; + font-style: normal; +} + +.post-title { + font-family: 'Alegreya Sans', sans-serif; + font-family: 'Fira Sans'; + font-weight: 200; + /*font-size: 3.2em;*/ + /*line-height: 1em;*/ + /*line-height: 1.6em;*/ +} + +.post-title, .post-title:after { + position: relative; + /*left: 10px;*/ + line-height: 1.6em; + /*background: #ffdb00; + -webkit-box-shadow: -10px 0px 0px #ffdb00, 10px 0px 0px #ffdb00; + box-shadow: -10px 0px 0px #ffdb00, 10px 0px 0px #ffdb00; + box-decoration-break: clone;*/ +} + +.author { + font-family: 'Montserrat', sans-serif; + text-transform: uppercase; + color: #b3b3b3; +} + +.book-title { + position: absolute; + top: 20px; + padding-left: 30px; +} + +.prog-mod { + font-family: 'Alegreya Sans', sans-serif; + font-weight: 700; + font-style: italic; + font-size: 22px; + margin-bottom: -8px; + margin-left: -10px; + color: #595959; +} + +.dist-comp { + font-family: 'Alegreya Sans', sans-serif; + text-transform: uppercase; + font-weight: 900; + font-style: normal; + font-size: 24px; +} + +@font-face { + font-family: 'Consolas'; + src: url('{{ site.baseurl }}/resources/glyphs/Consolas.eot?#iefix') format('embedded-opentype'), url('{{ site.baseurl }}/resources/glyphs/Consolas.woff') format('woff'), url('{{ site.baseurl }}/resources/glyphs/Consolas.ttf') format('truetype'), url('{{ site.baseurl }}/resources/glyphs/Consolas.svg#Consolas') format('svg'); + font-weight: normal; + font-style: normal; +} + +@font-face { + font-family: 'Consolas'; + src: url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.eot?#iefix') format('embedded-opentype'), url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.woff') format('woff'), url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.ttf') format('truetype'), url('{{ site.baseurl }}/resources/glyphs/Consolas-Italic.svg#Consolas-Italic') format('svg'); + font-weight: normal; + font-style: italic; +} + +code { + color: #7599a9; + /*background: #F4F4F4;*/ + /*border-radius: 3px;*/ + /*padding: 2px;*/ + /*border: 1px solid #DDDDDD;*/ + /*margin: 0 3px 0 3px;*/ + /*padding: 0 2px 0 2px;*/ +} + +.logo { + margin-left: -16px; + margin-top: 16px; +} + +blockquote { + /*font-family: Georgia, serif;*/ + font-size: 18px; + font-style: italic; + /*width: 500px;*/ + margin: 0.25em 0; + padding: 0.35em 40px; + /*line-height: 1.45;*/ + position: relative; + /*color: #383838;*/ +} + +blockquote:before { + display: block; + padding-left: 10px; + content: "\201C"; + font-size: 80px; + position: absolute; + left: -20px; + top: -20px; + color: #7a7a7a; +} + +blockquote cite { + color: #999999; + font-size: 14px; + display: block; + /*margin-top: 5px;*/ +} + +blockquote cite:before { + content: "\2014 \2009"; +} + +blockquote footer:before { + content: "\2014 \2009"; +} + +blockquote footer { + margin-top: -12px; + font-size: 12px; + font-style: normal; + font-family: 'Montserrat', sans-serif; + text-transform: uppercase; + color: #b3b3b3; +} + +.bibliography { +width: 55%; +} + +@media (max-width: 760px) { + .bibliography { width: 90%; } + }
\ No newline at end of file diff --git a/resources/css/github.css b/resources/css/github.css new file mode 100644 index 0000000..4cf358a --- /dev/null +++ b/resources/css/github.css @@ -0,0 +1,61 @@ +code .hll { background-color: #ffffcc } +code .c { color: #999988; font-style: italic } /* Comment */ +code .err { color: #a61717; background-color: #e3d2d2 } /* Error */ +code .k { color: #000000; font-weight: bold } /* Keyword */ +code .o { color: #000000; font-weight: bold } /* Operator */ +code .cm { color: #999988; font-style: italic } /* Comment.Multiline */ +code .cp { color: #999999; font-weight: bold; font-style: italic } /* Comment.Preproc */ +code .c1 { color: #999988; font-style: italic } /* Comment.Single */ +code .cs { color: #999999; font-weight: bold; font-style: italic } /* Comment.Special */ +code .gd { color: #000000; background-color: #ffdddd } /* Generic.Deleted */ +code .ge { color: #000000; font-style: italic } /* Generic.Emph */ +code .gr { color: #aa0000 } /* Generic.Error */ +code .gh { color: #999999 } /* Generic.Heading */ +code .gi { color: #000000; background-color: #ddffdd } /* Generic.Inserted */ +code .go { color: #888888 } /* Generic.Output */ +code .gp { color: #555555 } /* Generic.Prompt */ +code .gs { font-weight: bold } /* Generic.Strong */ +code .gu { color: #aaaaaa } /* Generic.Subheading */ +code .gt { color: #aa0000 } /* Generic.Traceback */ +code .kc { color: #000000; font-weight: bold } /* Keyword.Constant */ +code .kd { color: #000000; font-weight: bold } /* Keyword.Declaration */ +code .kn { color: #000000; font-weight: bold } /* Keyword.Namespace */ +code .kp { color: #000000; font-weight: bold } /* Keyword.Pseudo */ +code .kr { color: #000000; font-weight: bold } /* Keyword.Reserved */ +code .kt { color: #445588; font-weight: bold } /* Keyword.Type */ +code .m { color: #009999 } /* Literal.Number */ +code .s { color: #d01040 } /* Literal.String */ +code .na { color: #008080 } /* Name.Attribute */ +code .nb { color: #0086B3 } /* Name.Builtin */ +code .nc { color: #445588; font-weight: bold } /* Name.Class */ +code .no { color: #008080 } /* Name.Constant */ +code .nd { color: #3c5d5d; font-weight: bold } /* Name.Decorator */ +code .ni { color: #800080 } /* Name.Entity */ +code .ne { color: #990000; font-weight: bold } /* Name.Exception */ +code .nf { color: #990000; font-weight: bold } /* Name.Function */ +code .nl { color: #990000; font-weight: bold } /* Name.Label */ +code .nn { color: #555555 } /* Name.Namespace */ +code .nt { color: #000080 } /* Name.Tag */ +code .nv { color: #008080 } /* Name.Variable */ +code .ow { color: #000000; font-weight: bold } /* Operator.Word */ +code .w { color: #bbbbbb } /* Text.Whitespace */ +code .mf { color: #009999 } /* Literal.Number.Float */ +code .mh { color: #009999 } /* Literal.Number.Hex */ +code .mi { color: #009999 } /* Literal.Number.Integer */ +code .mo { color: #009999 } /* Literal.Number.Oct */ +code .sb { color: #d01040 } /* Literal.String.Backtick */ +code .sc { color: #d01040 } /* Literal.String.Char */ +code .sd { color: #d01040 } /* Literal.String.Doc */ +code .s2 { color: #d01040 } /* Literal.String.Double */ +code .se { color: #d01040 } /* Literal.String.Escape */ +code .sh { color: #d01040 } /* Literal.String.Heredoc */ +code .si { color: #d01040 } /* Literal.String.Interpol */ +code .sx { color: #d01040 } /* Literal.String.Other */ +code .sr { color: #009926 } /* Literal.String.Regex */ +code .s1 { color: #d01040 } /* Literal.String.Single */ +code .ss { color: #990073 } /* Literal.String.Symbol */ +code .bp { color: #999999 } /* Name.Builtin.Pseudo */ +code .vc { color: #008080 } /* Name.Variable.Class */ +code .vg { color: #008080 } /* Name.Variable.Global */ +code .vi { color: #008080 } /* Name.Variable.Instance */ +code .il { color: #009999 } /* Literal.Number.Integer.Long */
\ No newline at end of file diff --git a/resources/css/latex.css b/resources/css/latex.css new file mode 100755 index 0000000..2db66ef --- /dev/null +++ b/resources/css/latex.css @@ -0,0 +1,18 @@ +.latex-sub, .latex-sup { text-transform: uppercase; + font-size: smaller; + position: relative; } + +.latex-sub { top: 0.2rem; + margin-left: -0.1667rem; + margin-right: -0.125rem; } + +.latex-sup { top: -0.2rem; + margin-left: -0.36rem; + margin-right: -0.15rem; + text-shadow: none; } + +.latex::selection, .latex span:not(.latex-sup)::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; + background: #b4d5fe; } + +.latex::-moz-selection, .latex span:not(.latex-sup)::-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; + background: #b4d5fe; } diff --git a/resources/css/tufte.css b/resources/css/tufte.css new file mode 100755 index 0000000..fddf62a --- /dev/null +++ b/resources/css/tufte.css @@ -0,0 +1,274 @@ +--- +--- + +/* Import ET Book styles + adapted from https://github.com/edwardtufte/et-book/blob/gh-pages/et-book.css */ + +@charset "UTF-8"; + +@font-face { font-family: "et-book"; + src: url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot"); + src: url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-roman-line-figures/et-book-roman-line-figures.eot?#iefix") format("embedded-opentype"), url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-roman-line-figures/et-book-roman-line-figures.woff") format("woff"), url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-roman-line-figures/et-book-roman-line-figures.ttf") format("truetype"), url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-roman-line-figures/et-book-roman-line-figures.svg#etbookromanosf") format("svg"); + font-weight: normal; + font-style: normal; } + +@font-face { font-family: "et-book"; + src: url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot"); + src: url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.eot?#iefix") format("embedded-opentype"), url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.woff") format("woff"), url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.ttf") format("truetype"), url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-display-italic-old-style-figures/et-book-display-italic-old-style-figures.svg#etbookromanosf") format("svg"); + font-weight: normal; + font-style: italic; } + +@font-face { font-family: "et-book"; + src: url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot"); + src: url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-bold-line-figures/et-book-bold-line-figures.eot?#iefix") format("embedded-opentype"), url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-bold-line-figures/et-book-bold-line-figures.woff") format("woff"), url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-bold-line-figures/et-book-bold-line-figures.ttf") format("truetype"), url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-bold-line-figures/et-book-bold-line-figures.svg#etbookromanosf") format("svg"); + font-weight: bold; + font-style: normal; } + +@font-face { font-family: "et-book-roman-old-style"; + src: url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot"); + src: url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.eot?#iefix") format("embedded-opentype"), url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.woff") format("woff"), url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.ttf") format("truetype"), url("{{ site.baseurl }}/resources/glyphs/et-book/et-book-roman-old-style-figures/et-book-roman-old-style-figures.svg#etbookromanosf") format("svg"); + font-weight: normal; + font-style: normal; } + +/* Tufte CSS styles */ +html { font-size: 15px; } + +.body-wrap { width: 87.5%; + padding-left: 12.5%; + margin-left: auto; + margin-right: auto; + font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; + /*background-color: #fffff8;*/ + background-color: #ffffff; + color: #111; + max-width: 1400px; + counter-reset: sidenote-counter; } + +.logo-wrap { position: relative; + width: 87.5%; + padding-left: 12.5%; + margin-left: auto; + margin-right: auto; + font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; + color: #111; + max-width: 1400px; + counter-reset: sidenote-counter; } + +h1 { font-weight: 400; + margin-top: 4rem; + margin-bottom: 1.5rem; + font-size: 3.2rem; + line-height: 1; } + +h2 { font-style: italic; + font-weight: 400; + margin-top: 3rem; + margin-bottom: 0; + font-size: 2.7rem; + line-height: 1; } + +h3 { font-style: italic; + font-weight: 400; + font-size: 2.2rem; + margin-top: 2rem; + margin-bottom: 0; + line-height: 1; } + +p.subtitle { font-style: italic; + margin-top: 1rem; + margin-bottom: 1rem; + font-size: 1.8rem; + display: block; + line-height: 1; } + +.numeral { font-family: et-book-roman-old-style; } + +.danger { color: red; } + +article { position: relative; + padding: 5rem 0rem; } + +section { padding-top: 1rem; + padding-bottom: 1rem; } + +p, ol, ul { font-size: 1.4rem; } + +p { line-height: 2rem; + margin-top: 1.4rem; + margin-bottom: 1.4rem; + padding-right: 0; + vertical-align: baseline; } + +/* Chapter Epigraphs */ +div.epigraph { margin: 5em 0; } + +div.epigraph > blockquote { margin-top: 3em; + margin-bottom: 3em; } + +div.epigraph > blockquote, div.epigraph > blockquote > p { font-style: italic; } + +div.epigraph > blockquote > footer { font-style: normal; } + +div.epigraph > blockquote > footer > cite { font-style: italic; } +/* end chapter epigraphs styles */ + +blockquote { font-size: 1.4rem; } + +blockquote p { width: 55%; + margin-right: 40px; } + +blockquote footer { width: 55%; + font-size: 1.1rem; + text-align: right; } + +section>ol, section>ul { width: 45%; + -webkit-padding-start: 5%; + -webkit-padding-end: 5%; } + +li { padding: 0.5rem 0; } + +figure { padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; + max-width: 55%; + -webkit-margin-start: 0; + -webkit-margin-end: 0; + margin: 0 0 3em 0; } + +figcaption { float: right; + clear: right; + margin-right: -48%; + margin-top: 0; + margin-bottom: 0; + font-size: 1.1rem; + line-height: 1.6; + vertical-align: baseline; + position: relative; + max-width: 40%; } + +figure.fullwidth figcaption { margin-right: 24%; } + +/* Links: replicate underline that clears descenders */ +a:link, a:visited { color: inherit; } + +a:link { 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); + -webkit-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-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; + 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%; } } + +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; + 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; + background: #b4d5fe; } + +/* Sidenotes, margin notes, figures, captions */ +img { max-width: 100%; } + +.sidenote, .marginnote { float: right; + clear: right; + margin-right: -60%; + width: 50%; + margin-top: 0; + margin-bottom: 0; + font-size: 1.1rem; + line-height: 1.3; + vertical-align: baseline; + position: relative; } + +.sidenote-number { counter-increment: sidenote-counter; } + +.sidenote-number:after, .sidenote:before { content: counter(sidenote-counter) " "; + font-family: et-book-roman-old-style; + position: relative; + vertical-align: baseline; } + +.sidenote-number:after { content: counter(sidenote-counter); + font-size: 1rem; + top: -0.5rem; + left: 0.1rem; } + +.sidenote:before { content: counter(sidenote-counter) " "; + top: -0.5rem; } + +blockquote .sidenote, blockquote .marginnote { margin-right: -82%; + min-width: 59%; + text-align: left; } + +p, footer, table { width: 55%; } + +div.fullwidth, table.fullwidth { width: 100%; } + +div.table-wrapper { overflow-x: auto; + font-family: "Trebuchet MS", "Gill Sans", "Gill Sans MT", sans-serif; } + +.sans { font-family: "Gill Sans", "Gill Sans MT", Calibri, sans-serif; + letter-spacing: .03em; } + +code { font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace; + font-size: 1.0rem; + line-height: 1.42; } + +.sans > code { font-size: 1.2rem; } + +h1 > code, h2 > code, h3 > code { font-size: 0.80em; } + +.marginnote > code, .sidenote > code { font-size: 1rem; } + +pre.code { font-size: 0.9rem; + width: 52.5%; + margin-left: 2.5%; + overflow-x: auto; } + +pre.code.fullwidth { width: 90%; } + +.fullwidth { max-width: 90%; + clear:both; } + +span.newthought { font-variant: small-caps; + font-size: 1.2em; } + +input.margin-toggle { display: none; } + +label.sidenote-number { display: inline; } + +label.margin-toggle:not(.sidenote-number) { display: none; } + +@media (max-width: 760px) { .body-wrap { width: 84%; + padding-left: 8%; + padding-right: 8%; } + .logo-wrap { width: 84%; + padding-left: 8%; + padding-right: 8%; } + p, footer, .bibliography { width: 100%; } + pre.code { width: 97%; } + ul { width: 85%; } + figure { max-width: 90%; } + figcaption, figure.fullwidth figcaption { margin-right: 0%; + max-width: none; } + blockquote { margin-left: 1.5em; + margin-right: 0em; } + blockquote p, blockquote footer { width: 100%; } + label.margin-toggle:not(.sidenote-number) { display: inline; } + .sidenote, .marginnote { display: none; } + .margin-toggle:checked + .sidenote, + .margin-toggle:checked + .marginnote { display: block; + float: left; + left: 1rem; + clear: both; + width: 95%; + margin: 1rem 2.5%; + vertical-align: baseline; + position: relative; } + label { cursor: pointer; } + div.table-wrapper, table { width: 85%; } + img { width: 100%; } }
\ No newline at end of file |