Skip to content

Instantly share code, notes, and snippets.

@clarkwinkelmann
Created December 23, 2019 22:23
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save clarkwinkelmann/7a384a33b23799a344c2c79a9af4eae6 to your computer and use it in GitHub Desktop.
Save clarkwinkelmann/7a384a33b23799a344c2c79a9af4eae6 to your computer and use it in GitHub Desktop.
Some example custom CSS for Flarum
.TagTile-info[href="/t/general"] {
background-image: url(./custom/christmas-3015776_1920.jpg);
background-size: cover;
background-position: center center;
}
.DiscussionHero[style="background-color: rgb(136, 136, 136);"] {
background-image: url(./custom/christmas-3015776_1920.jpg);
background-size: cover;
background-position: center center;
}
.PostUser-avatar {
.Avatar--size(48px);
left: -69px; // Original minus 16px
}
.PostUser-badges {
width: 48px; // like avatar
margin-left: -64px; // original plus 16 px
}
.Post {
padding-left: 89px; // Original size minus 16 pixels, like the avatar
}
.Post-header > ul {
display: flex;
.item-meta {
margin-left: auto;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment