From 7b62d9128c26cd57d6a940450e9ab877139f2d53 Mon Sep 17 00:00:00 2001 From: Alexander Yakovlev Date: Sun, 18 Nov 2018 15:32:41 +0700 Subject: [PATCH] userstyle committed --- README.md | 9 +++++++++ userstyle.css | 14 ++++++++++++++ 2 files changed, 23 insertions(+) create mode 100644 README.md create mode 100644 userstyle.css diff --git a/README.md b/README.md new file mode 100644 index 0000000..c9d8fdc --- /dev/null +++ b/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. diff --git a/userstyle.css b/userstyle.css new file mode 100644 index 0000000..0fb1950 --- /dev/null +++ b/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;} + } +}