userstyle committed

README.md

@@ -0,0 +1,9 @@
+# Mastodon Single column userstyle
+
+Original author: [Kerynean](https://userstyles.org/styles/158971/mastodon-single-column-simple), 2018
+
+License: CC0 - Public Domain
+
+Use [Stylus](https://github.com/openstyles/stylus) to install.
+
+Changed: no pixel widths, 100% on percent widths. Looks good on wide and narrow screens.

userstyle.css

@@ -0,0 +1,14 @@
+@-moz-document domain("mastodon.social"), domain("icosahedron.website") {
+  @media (min-width: 1024px) {
+    .tabs-bar {display: flex; width: 74%; margin-left: 13%; z-index: 1;}
+    .columns-area {width: 74%; margin: auto auto;}
+    .column {display: none;}
+    .column:last-child {display: flex; min-width: 80%; margin-top: 0;}
+  }
+  @media (max-width: 1023px) {
+    .tabs-bar {display: flex; width: 96%; margin-left: 2%; z-index: 1;}
+    .columns-area {width: 96%; margin: auto auto;}
+    .column {display: none;}
+    .column:last-child {display: flex; min-width: 80%; margin-top: 0;}
+  }
+}