bubblemuks

bubblemuks v1 by @em:f.dog - Raw CSS (or without autoupdate) Version history Edit theme

Last updated 2025-03-17 at 00:58:11 UTC

0 likes

Description

gomuks with bubbles

Previews

Code

To use this theme, paste the following import at the top of your custom CSS.

Optionally, you can replace https://css.gomuks.app with _gomuks to proxy the request through the gomuks backend with caching. When using a specific commit, the backend caches the CSS forever and will never re-request from upstream.

@import url("https://css.gomuks.app/theme/bubblemuks.css");

Full CSS

.timeline-event:not(.small-event) .event-content {
  width: 100%;
  max-width: max-content;
  padding: 0.5rem 0.75rem;
  background: #8884;
  border-radius: 1.25rem;
}
.timeline-event.same-sender.timeline-event:not(.own-event):not(.small-event) .event-content {
  border-top-left-radius: 0;
}
.timeline-event.timeline-event:not(.own-event):not(.small-event):has(+ .same-sender) .event-content {
  border-bottom-left-radius: 0;
}
.timeline-event.same-sender.timeline-event.own-event:not(.small-event) .event-content {
  border-top-right-radius: 0;
}
.timeline-event.timeline-event.own-event:not(.small-event):has(+ .same-sender) .event-content {
  border-bottom-right-radius: 0;
}
.timeline-event.own-event:not(.small-event) {
  direction: rtl;
}
.timeline-event.own-event:not(.small-event) > * {
  direction: ltr;
}
.timeline-event.own-event:not(.small-event) .event-sender-and-time {
  flex-direction: row-reverse;
}

Comments

No comments yet.