Add files

tufte/tufte-dark.css

@@ -0,0 +1,8 @@
+#workskin #chapters {
+  background-color: #151515;
+  color: #ddd;
+}
+
+#workskin #chapters .userstuff a:link {
+  text-shadow: 0.03em 0 #151515, -0.03em 0 #151515, 0 0.03em #151515, 0 -0.03em #151515, 0.06em 0 #151515, -0.06em 0 #151515, 0.09em 0 #151515, -0.09em 0 #151515, 0.12em 0 #151515, -0.12em 0 #151515, 0.15em 0 #151515, -0.15em 0 #151515;
+}

tufte/tufte-main.css

@@ -0,0 +1,177 @@
+#workskin #chapters {
+  background-color: #fffff8;
+  color: #111;
+  padding: 5rem 0rem;
+  font-size: 15px;
+  font-family: "EB Garamond", Garamond, serif;
+}
+
+#workskin #chapters .userstuff {
+  width: 87.5%;
+  margin-left: auto;
+  margin-right: auto;
+  padding-left: 12.5%;
+  max-width: 1400px;
+}
+
+#workskin #chapters .userstuff > blockquote,
+#workskin #chapters .userstuff .ng-binding > blockquote {
+  font-family: "EB Garamond", Garamond, serif;
+}
+
+#workskin #chapters .userstuff > p,
+#workskin #chapters .userstuff > dl,
+#workskin #chapters .userstuff > ol,
+#workskin #chapters .userstuff > ul,
+#workskin #chapters .userstuff > blockquote,
+#workskin #chapters .userstuff .ng-binding > p,
+#workskin #chapters .userstuff .ng-binding > dl,
+#workskin #chapters .userstuff .ng-binding > ol,
+#workskin #chapters .userstuff .ng-binding > ul,
+#workskin #chapters .userstuff .ng-binding > blockquote {
+  font-size: 1.4rem;
+  line-height: 2rem;
+  margin-left: 0;
+}
+
+#workskin #chapters .userstuff > p,
+#workskin #chapters .userstuff .ng-binding > p,
+#workskin #chapters .userstuff > blockquote,
+#workskin #chapters .userstuff .ng-binding > blockquote {
+  margin-top: 1.4rem;
+  margin-bottom: 1.4rem;
+  padding-right: 0;
+  vertical-align: baseline;
+  width: 55%;
+}
+
+#workskin #chapters .userstuff > h1,
+#workskin #chapters .userstuff .ng-binding > h1 {
+  font-weight: 400;
+  margin-top: 4rem;
+  margin-bottom: 1.5rem;
+  font-size: 3.2rem;
+  line-height: 1;
+  font-family: inherit;
+}
+
+#workskin #chapters .userstuff > h2,
+#workskin #chapters .userstuff .ng-binding > h2 {
+  font-style: italic;
+  font-weight: 400;
+  margin-top: 2.1rem;
+  margin-bottom: 1.4rem;
+  font-size: 2.2rem;
+  line-height: 1;
+  font-family: inherit;
+}
+
+#workskin #chapters .userstuff > h3,
+#workskin #chapters .userstuff .ng-binding > h3 {
+  font-style: italic;
+  font-weight: 400;
+  font-size: 1.7rem;
+  margin-top: 2rem;
+  margin-bottom: 1.4rem;
+  line-height: 1;
+  font-family: inherit;
+}
+
+#workskin #chapters .userstuff > hr,
+#workskin #chapters .userstuff .ng-binding > hr {
+  display: none;
+}
+
+#workskin #chapters .userstuff > dl,
+#workskin #chapters .userstuff > ol,
+#workskin #chapters .userstuff > ul,
+#workskin #chapters .userstuff .ng-binding > dl,
+#workskin #chapters .userstuff .ng-binding > ol,
+#workskin #chapters .userstuff .ng-binding > ul {
+  width: 50%;
+  -webkit-padding-start: 5%;
+}
+
+#workskin #chapters .userstuff a:link,
+#workskin #chapters .userstuff a:visited {
+  border-bottom: none;
+  color: inherit;
+  text-decoration: none;
+  background: linear-gradient(#fffff8, #fffff8), linear-gradient(#fffff8, #fffff8), linear-gradient(currentColor, currentColor);
+  -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%;
+}
+
+#workskin #chapters .userstuff > pre,
+#workskin #chapters .userstuff .ng-binding > pre {
+  margin-left: 0;
+}
+
+#workskin #chapters .userstuff code,
+#workskin #chapters .userstuff > pre > code,
+#workskin #chapters .userstuff .ng-binding > pre > code {
+  font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
+  font-size: 1.0rem;
+  line-height: 1.42;
+  -webkit-text-size-adjust: 100%;
+}
+
+#workskin #chapters .userstuff hr + p {
+  margin-top: 4.4rem;
+}
+
+#workskin #chapters .userstuff hr + p::first-line {
+  font-variant: small-caps;
+  font-size: 1.2em;
+}
+
+#workskin #chapters .userstuff hr + p:empty + p::first-line {
+  font-variant: small-caps;
+  font-size: 1.2em;
+}
+
+#workskin #chapters .userstuff p:empty {
+  display: none;
+}
+
+#workskin #chapters .chapter .preface {
+  border: none;
+  font-style: italic;
+  font-weight: 400;
+  margin: 2.1rem 0 1.4rem 0;
+  font-size: 1.8em;
+  line-height: 1;
+  padding-left: 12.5%;
+  font-family: "EB Garamond", Garamond, serif;
+}
+
+#workskin #chapters .chapter .preface .title {
+  text-align: left;
+  font-family: "EB Garamond", Garamond, serif;
+}
+
+#workskin #chapters .chapter .preface .title a {
+  border: none;
+}
+
+#workskin #chapters .chapter .preface .notes * {
+  font-size: 1.4rem;
+}
+
+#workskin #chapters .chapter .preface .notes h3,
+#workskin #chapters .chapter .preface .notes blockquote {
+  font-family: "EB Garamond", Garamond, serif;
+  border: none;
+}
+
+#workskin #chapters .chapter .preface + .module p:first-of-type {
+  margin-top: 0;
+}
+
+#workskin #chapters .chapter .preface + .module h3.landmark {
+  display: none;
+}

tufte/tufte-smallscreen.css

@@ -0,0 +1,27 @@
+#workskin #chapters .userstuff {
+  width: 84%;
+  padding-left: 8%;
+  padding-right: 8%;
+}
+
+#workskin #chapters .chapter .preface {
+  padding-left: 8%;
+  padding-right: 8%;
+}
+
+#workskin #chapters .userstuff hr,
+#workskin #chapters .userstuff p,
+#workskin #chapters .userstuff footer,
+#workskin #chapters .userstuff table {
+  width: 100%;
+}
+
+#workskin #chapters .userstuff pre > code {
+  width: 97%;
+}
+
+#workskin #chapters .userstuff dl,
+#workskin #chapters .userstuff ol,
+#workskin #chapters .userstuff ul {
+  width: 90%;
+}