diff --git a/previews/make-beautiful/bootstrap.local.css b/previews/make-beautiful/bootstrap.local.css index a9d06e2..500862d 100644 --- a/previews/make-beautiful/bootstrap.local.css +++ b/previews/make-beautiful/bootstrap.local.css @@ -51,13 +51,12 @@ body { background-color: #f5f5f5; } - /* Custom page CSS -------------------------------------------------- */ /* Not required for template or sticky footer method. */ body > .container { - padding: 60px 15px 15px; + padding:; } .container .text-muted { margin: 20px 0; @@ -91,33 +90,6 @@ code { font-size: 80%; } -/* comments fixup */ -.comment { - border: none; - padding: 1em; - margin: 1em; - background: #f3f3f3; -} -.mastodon-comment { - display: flex; -} -/* mastodon posts have a span to hide the scheme and post id, use it */ -.mastodon-comment-content span.invisible { - display: none; -} -.mastodon-comment .avatar img { - margin-right: 1rem; -} -.mastodon-comment span.disabled { - display: none; -} -.mastodon-comment .author { - display: flex; - justify-content: space-between; -} -.mastodon-comment .author time { - font-size: small; -} .actions ul { margin: inherit; padding: inherit; @@ -128,7 +100,7 @@ code { /* limit main content to ~90 chars per line */ /* update: practical typography recommends 2-3 alphabets */ #content { - max-width: 35em; /* this is 2.5 alphabets with Charter */ + max-width: 100%; } /* limit header as well otherwise logo is out of whack without sidebar */ @@ -248,8 +220,6 @@ div.footnotes { font-size: small; } /* scale down images so they are centered like the rest of the text */ #content img { max-width: 100%; } -/* except in the mastodon avatar, it squeezes them weirdly and messes with borders */ -#content .mastodon-comment .avatar img { max-width: inherit; } /* format HTML5 captions like ikiwiki's table-based captions * @@ -291,19 +261,6 @@ figure.align-right figcaption { word-wrap: break-word; } -/* make table scale out to avoid ugly word-wrapping - * bootstrap should deal with this, but ikiwiki doesn't assign the - * right style and anyways our width is smaller than necessary - * - * pages with tables that should be checked when this is changed: - * - * https://anarc.at/blog/2017-10-26-comparison-cryptographic-keycards/ - * https://anarc.at/blog/2018-01-28-large-disk-price-review/ - * https://anarc.at/services/backup/ - * https://anarc.at/services/ - * https://anarc.at/services/dns/registrars/ - * https://anarc.at/services/welcome/ - */ table, table.table { width: 100%; } table { font-size: inherit; } /* why the heck does chrome override font-size for tables?! */ diff --git a/previews/make-beautiful/footer/index.en.html b/previews/make-beautiful/footer/index.en.html index 37fbbaa..a05c43d 100644 --- a/previews/make-beautiful/footer/index.en.html +++ b/previews/make-beautiful/footer/index.en.html @@ -38,7 +38,7 @@ -