Works great!
-
I love it. Does exactly what I was hoping for.
I ended up making the following custom css changes to get it to look the way I wanted:
// THESE ARE FOR MASTODON WIDGET div.card a div.meta div.description { display: none; } a .meta .description { display: none; } div.account:has(> span.booster) { display: none; padding: 0; } .include-mastodon-feed .status { background: #f5f5f5; margin: 5px 0 10px 0; padding: 15px 15px 0 15px; //border-bottom: 1px solid #E4E4E4; border: 1px solid #E4E4E4; } .include-mastodon-feed .contentWrapper.boosted { padding: 0; background: #f5f5f5; } .include-mastodon-feed .account { padding: 0 0 11px 0; font-size: 11px; font-style: italic; font-family: Verdana, Arial, Helvetica, Sans Serif; color: #808080; } .include-mastodon-feed .boosted .account a:nth-child(2), .include-mastodon-feed .contentWarning a { border: none; padding: 0; background: none; color: #A25A1B; text-decoration: none; } .include-mastodon-feed .boosted .account > a:first-child, .include-mastodon-feed .contentWarning a, .include-mastodon-feed .boosted .account a:nth-child(2), .include-mastodon-feed .contentWarning a { border: none; padding: 0; background: none; color: #A25A1B; text-decoration: none; } .include-mastodon-feed .boosted .account > a:first-child:hover, .include-mastodon-feed .contentWarning a:hover, .include-mastodon-feed .boosted .account a:nth-child(2):hover, .include-mastodon-feed .contentWarning a:hover { color: #F90; border: none; padding: 0; background: none; text-decoration: underline; }
(Please forgive the css. I just hacked this together. I don’t really understand what I’m doing, ha ha.)
- The topic ‘Works great!’ is closed to new replies.