If you run a single user instance, and get annoyed by the "Local" link in your sidebar, go to server settings -> apperance -> custom css and drop this bad boi down:

a[title="Local"] {
margin: 0 !important;
padding: 0 !important;
display: none !important;
width: 0px !important;
height: 0px !important;
}

#mastodon #customcss #css

I wanna make account-custom CSS that gets layered on top the current theme when u view someone's profile or their posts come on
#MastoHacks #CustomCSS

Some people prefer the “reversed” single column layout. Simply add the following rule to your favorite user style extension:

.layout-single-column .colums-area__panels { flex-direction: row-reverse }

#CSS #CustomCSS

🧙 On the CSS side, I fixed a problem that prevented scrolling from any part of the page in the one-column layout—if you don’t see any difference, try to hard refresh the page to force custom styles to reload. And if, like @tobiaswhetton, you prefer to have the menu on the left, you can simply add the following rule to Stylus or any other user styles manager: .layout-single-column .columns-area__panels { flex-direction: row-reverse }

#MastoTips #CustomCSS

I created a custom CSS warm light theme for mastodon.design inspired by Obsidian.md light theme color palette 🎨

It also set the four columns of the advanced web interface to full width on large screens.

If some admins want to try it, I uploaded the code here: https://gist.github.com/timotheegoguely/c5d7a97f7a52e215ac8d16d2e094caed

I will update it if I add some new rules in the future. Enjoy!

#MastoAdmin #CustomCSS #LightTheme

Since the new CSS kinda sucks - is there any good premade Custom-CSS for Mastodon that looks good, and are make it more accessible?

#mastoadmin
#mastodon #css #customcss
:boost_ok: and appreciated!

Much better. #Mastodon #CustomCSS #UI

@adam @Johncdvorak If anyone is interested in hacking Firefox CSS layout for No Agenda Social Mastodon, *WIDE SCREEN* desktop goodness \0/

Updated: 24 October 2020 9:49PM Pacific :b

https://file.io/933rekN2MFsU

#NoAgendaSocial #Mastodon #CSS #layout #Firefox #CustomCSS

Hack NoAgendaSocial/Mastodon layout in Firefox;
https://addons.mozilla.org/en-US/firefox/addon/customcss-injector/

Radio button "Apply To Domain."

body,div {background:#000000 !important; color:#00ffff !important; line-height:1.28578 !important;}

[aria-label="Compose new toot"] {width:20% !important;}

[aria-label="Home"] {width:60% !important;}

[aria-label="Notifications"] {width:20% !important;}

div.drawer__inner__mastodon {background:#000000 !important;}

#NoAgendaSocial #Mastodon #CSS #layout #Firefox #CustomCSS