← Todos los ejemplos

Mastodon: modo lectura enfocado

Oculta la navegación, panel de redacción y widgets, dejando solo una línea de tiempo centrada.

Código para copiar

/* Focus mode: keep only the main timeline column visible */
.columns-area__panels__pane--navigational,
.columns-area__panels__pane--compose,
.search,
.tabs-bar,
.dismissable-banner,
.trends,
.getting-started__footer {
  display: none !important;
}
.columns-area__panels__main {
  max-width: 720px !important;
  margin: 0 auto !important;
}
.column {
  margin: 0 auto !important;
}

Cómo usar este ejemplo

1. Copia el código con el botón de arriba.
2. Instala JustZix (2 minutos) y abre la extensión en la página de destino.
3. Añade una nueva regla que coincida con esa página.
4. Pega el código en el panel CSS de la regla y guarda — el efecto aparece al instante.