{bootstrap.local.css,local.css}: import from rewrite draft

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?! */