The following custom CSS is used on both todon.eu and todon.nl (Public Domain, free to use). See also [[styles|CSS snippets]] to can be used with [[customize your interface|Stylus]].\\ \\ 


<code>
/* No server-stats in left sidebar anymore. Those are confusing for new users, because they are only about the server and not about the fediverse. Admin can be found on the about page. */

div.server-banner__meta__column {
       display:none;
}

/* Advanced UI */

@media (min-width: 701px) {

div.column {
        -webkit-box-flex:1 !important;
        -ms-flex-positive:1 !important;
        flex-grow: 1 !important;
}

.drawer__inner__mastodon {
	background: none;
}

}

/* Toot button */

a.button[href='/publish'],
.compose-form__publish-button-wrapper button.button.button--block,
.compose-form__actions .compose-form__submit button{
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 0;
}

a.button[href='/publish']::after,
.compose-form__publish-button-wrapper button::after,
.compose-form__actions .compose-form__submit button::after {
	content: 'Toot';
	font-size: 0.9rem;
}

/* Down arrow Hide button */

.media-gallery__actions {
    inset-inline-end: 9px;
    top: 9px;    
}

.media-gallery__actions__pill {
    border-radius: 4px;
    padding: 3px 8px;
    line-height: 1 !important;
}

.media-gallery__actions__pill > span {
    font-size: 0
}

.media-gallery__actions__pill > span::after {
    	content: '⛛';
    	font-size: 12px;
}

/* Misc */

.modal-layout__mastodon > div > img {
    display: none;
}

img.announcements__mastodon {
    display: none;
}
</code>