Tufte tweaks to get around justified text, but will I just need to change how the widths are done more fundamentally?
This commit is contained in:
parent
49f78ecfd7
commit
a9ed570aa8
2 changed files with 57 additions and 20 deletions
|
|
@ -15,7 +15,8 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#workskin #chapters .userstuff > blockquote,
|
#workskin #chapters .userstuff > blockquote,
|
||||||
#workskin #chapters .userstuff .ng-binding > blockquote {
|
#workskin #chapters .userstuff .ng-binding > blockquote,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > blockquote {
|
||||||
font-family: "EB Garamond", Garamond, serif;
|
font-family: "EB Garamond", Garamond, serif;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -28,16 +29,23 @@
|
||||||
#workskin #chapters .userstuff .ng-binding > dl,
|
#workskin #chapters .userstuff .ng-binding > dl,
|
||||||
#workskin #chapters .userstuff .ng-binding > ol,
|
#workskin #chapters .userstuff .ng-binding > ol,
|
||||||
#workskin #chapters .userstuff .ng-binding > ul,
|
#workskin #chapters .userstuff .ng-binding > ul,
|
||||||
#workskin #chapters .userstuff .ng-binding > blockquote {
|
#workskin #chapters .userstuff .ng-binding > blockquote,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > p,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > dl,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > ol,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > ul,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > blockquote {
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
line-height: 2rem;
|
line-height: 2rem;
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#workskin #chapters .userstuff > p,
|
#workskin #chapters .userstuff > p,
|
||||||
#workskin #chapters .userstuff .ng-binding > p,
|
|
||||||
#workskin #chapters .userstuff > blockquote,
|
#workskin #chapters .userstuff > blockquote,
|
||||||
#workskin #chapters .userstuff .ng-binding > blockquote {
|
#workskin #chapters .userstuff .ng-binding > p,
|
||||||
|
#workskin #chapters .userstuff .ng-binding > blockquote,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > p,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > blockquote {
|
||||||
margin-top: 1.4rem;
|
margin-top: 1.4rem;
|
||||||
margin-bottom: 1.4rem;
|
margin-bottom: 1.4rem;
|
||||||
padding-right: 0;
|
padding-right: 0;
|
||||||
|
|
@ -46,17 +54,20 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#workskin #chapters .userstuff > h1,
|
#workskin #chapters .userstuff > h1,
|
||||||
#workskin #chapters .userstuff .ng-binding > h1 {
|
#workskin #chapters .userstuff .ng-binding > h1,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > h1 {
|
||||||
font-weight: 400;
|
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;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#workskin #chapters .userstuff > h2,
|
#workskin #chapters .userstuff > h2,
|
||||||
#workskin #chapters .userstuff .ng-binding > h2 {
|
#workskin #chapters .userstuff .ng-binding > h2,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > h2 {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
margin-top: 2.1rem;
|
margin-top: 2.1rem;
|
||||||
|
|
@ -64,10 +75,12 @@
|
||||||
font-size: 2.2rem;
|
font-size: 2.2rem;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#workskin #chapters .userstuff > h3,
|
#workskin #chapters .userstuff > h3,
|
||||||
#workskin #chapters .userstuff .ng-binding > h3 {
|
#workskin #chapters .userstuff .ng-binding > h3,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > h3 {
|
||||||
font-style: italic;
|
font-style: italic;
|
||||||
font-weight: 400;
|
font-weight: 400;
|
||||||
font-size: 1.7rem;
|
font-size: 1.7rem;
|
||||||
|
|
@ -75,10 +88,12 @@
|
||||||
margin-bottom: 1.4rem;
|
margin-bottom: 1.4rem;
|
||||||
line-height: 1;
|
line-height: 1;
|
||||||
font-family: inherit;
|
font-family: inherit;
|
||||||
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
#workskin #chapters .userstuff > hr,
|
#workskin #chapters .userstuff > hr,
|
||||||
#workskin #chapters .userstuff .ng-binding > hr {
|
#workskin #chapters .userstuff .ng-binding > hr,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > hr {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -87,13 +102,16 @@
|
||||||
#workskin #chapters .userstuff > ul,
|
#workskin #chapters .userstuff > ul,
|
||||||
#workskin #chapters .userstuff .ng-binding > dl,
|
#workskin #chapters .userstuff .ng-binding > dl,
|
||||||
#workskin #chapters .userstuff .ng-binding > ol,
|
#workskin #chapters .userstuff .ng-binding > ol,
|
||||||
#workskin #chapters .userstuff .ng-binding > ul {
|
#workskin #chapters .userstuff .ng-binding > ul,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > dl,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > ol,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > ul {
|
||||||
width: 50%;
|
width: 50%;
|
||||||
-webkit-padding-start: 5%;
|
-webkit-padding-start: 5%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#workskin #chapters .userstuff a:link,
|
#workskin a:link,
|
||||||
#workskin #chapters .userstuff a:visited {
|
#workskin a:visited {
|
||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
color: inherit;
|
color: inherit;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
|
|
@ -107,13 +125,15 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#workskin #chapters .userstuff > pre,
|
#workskin #chapters .userstuff > pre,
|
||||||
#workskin #chapters .userstuff .ng-binding > pre {
|
#workskin #chapters .userstuff .ng-binding > pre,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > pre {
|
||||||
margin-left: 0;
|
margin-left: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
#workskin #chapters .userstuff code,
|
#workskin #chapters .userstuff code,
|
||||||
#workskin #chapters .userstuff > pre > code,
|
#workskin #chapters .userstuff > pre > code,
|
||||||
#workskin #chapters .userstuff .ng-binding > pre > code {
|
#workskin #chapters .userstuff .ng-binding > pre > code,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > pre {
|
||||||
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
font-family: Consolas, "Liberation Mono", Menlo, Courier, monospace;
|
||||||
font-size: 1.0rem;
|
font-size: 1.0rem;
|
||||||
line-height: 1.42;
|
line-height: 1.42;
|
||||||
|
|
@ -159,14 +179,14 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
#workskin #chapters .chapter .preface .notes *,
|
#workskin #chapters .chapter .preface .notes *,
|
||||||
#workskin #chapters .chapter .preface .summary *{
|
#workskin #chapters .chapter .preface .summary * {
|
||||||
font-size: 1.4rem;
|
font-size: 1.4rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
#workskin #chapters .chapter .preface .notes h3,
|
#workskin #chapters .chapter .preface .notes h3,
|
||||||
#workskin #chapters .chapter .preface .notes blockquote,
|
#workskin #chapters .chapter .preface .notes blockquote,
|
||||||
#workskin #chapters .chapter .preface .summary h3,
|
#workskin #chapters .chapter .preface .summary h3,
|
||||||
#workskin #chapters .chapter .preface .summary blockquote{
|
#workskin #chapters .chapter .preface .summary blockquote {
|
||||||
font-family: "EB Garamond", Garamond, serif;
|
font-family: "EB Garamond", Garamond, serif;
|
||||||
border: none;
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
@ -178,3 +198,8 @@
|
||||||
#workskin #chapters .chapter .preface + .module h3.landmark {
|
#workskin #chapters .chapter .preface + .module h3.landmark {
|
||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
div[align=justify],
|
||||||
|
p[align=justify] {
|
||||||
|
text-align: left;
|
||||||
|
}
|
||||||
|
|
|
||||||
|
|
@ -13,15 +13,27 @@
|
||||||
#workskin #chapters .userstuff p,
|
#workskin #chapters .userstuff p,
|
||||||
#workskin #chapters .userstuff footer,
|
#workskin #chapters .userstuff footer,
|
||||||
#workskin #chapters .userstuff table {
|
#workskin #chapters .userstuff table {
|
||||||
width: 100%;
|
width: 100% !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
#workskin #chapters .userstuff pre > code {
|
#workskin #chapters .userstuff pre > code {
|
||||||
width: 97%;
|
width: 97%;
|
||||||
}
|
}
|
||||||
|
|
||||||
#workskin #chapters .userstuff dl,
|
#workskin #chapters .userstuff > p,
|
||||||
#workskin #chapters .userstuff ol,
|
#workskin #chapters .userstuff > blockquote,
|
||||||
#workskin #chapters .userstuff ul {
|
#workskin #chapters .userstuff .ng-binding > p,
|
||||||
width: 90%;
|
#workskin #chapters .userstuff .ng-binding > blockquote,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > p,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > blockquote,
|
||||||
|
#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,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > dl,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > ol,
|
||||||
|
#workskin #chapters .userstuff > div[align=justify] > ul {
|
||||||
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue