dimitri/blog
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Modify Tufte CSS to get larger text

Browse source
This commit is contained in:
Dimitri Lozeve 2025-04-16 19:37:31 +02:00
parent 02dd258844
commit 8e0b5fdd14
1 changed files with 10 additions and 10 deletions
Download patch file Download diff file Expand all files Collapse all files

20
css/tufte.css
View file

@ -48,7 +48,7 @@ body {
width: 87.5%; width: 87.5%;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
padding-left: 12.5%; /* padding-left: 12.5%; */
font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif; font-family: et-book, Palatino, "Palatino Linotype", "Palatino LT STD", "Book Antiqua", Georgia, serif;
background-color: #fffff8; background-color: #fffff8;
color: #111; color: #111;
@ -93,7 +93,7 @@ h3 {
hr { hr {
display: block; display: block;
height: 1px; height: 1px;
width: 55%; width: 65%;
border: 0; border: 0;
border-top: 1px solid #ccc; border-top: 1px solid #ccc;
margin: 1em 0; margin: 1em 0;
@ -170,12 +170,12 @@ blockquote {
} }
blockquote p { blockquote p {
width: 55%; width: 65%;
margin-right: 40px; margin-right: 40px;
} }
blockquote footer { blockquote footer {
width: 55%; width: 65%;
font-size: 1.1rem; font-size: 1.1rem;
text-align: right; text-align: right;
} }
@ -183,14 +183,14 @@ blockquote footer {
section > p, section > p,
section > footer, section > footer,
section > table { section > table {
width: 55%; width: 65%;
} }
/* 50 + 5 == 55, to be the same width as paragraph */ /* 60 + 5 == 65, to be the same width as paragraph */
section > dl, section > dl,
section > ol, section > ol,
section > ul { section > ul {
width: 50%; width: 60%;
-webkit-padding-start: 5%; -webkit-padding-start: 5%;
} }
@ -205,7 +205,7 @@ figure {
font-size: 100%; font-size: 100%;
font: inherit; font: inherit;
vertical-align: baseline; vertical-align: baseline;
max-width: 55%; max-width: 65%;
-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;
@ -243,8 +243,8 @@ img {
.marginnote { .marginnote {
float: right; float: right;
clear: right; clear: right;
margin-right: -60%; margin-right: -50%;
width: 50%; width: 40%;
margin-top: 0.3rem; margin-top: 0.3rem;
margin-bottom: 0; margin-bottom: 0;
font-size: 1.1rem; font-size: 1.1rem;