Skip to content

Instantly share code, notes, and snippets.

@IlanVivanco

IlanVivanco/instrctuvo.md

Last active January 17, 2024 02:59
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save IlanVivanco/8bd1d8af7b9fedd24ded95cc562d273f to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save IlanVivanco/8bd1d8af7b9fedd24ded95cc562d273f to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. IlanVivanco revised this gist Jan 17, 2024. 1 changed file with 6 additions and 0 deletions.
    6 changes: 6 additions & 0 deletions instrctuvo.md
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,6 @@
    # Pequeños hacks CSS para Musihacks

    Pueden aplicar los estilos que vaya recopilando en `style.css` utilizando alguna extensión del navegador que permita agregar estilos personalizados.
    En mi caso, estoy utilizando [**User CSS**](https://chromewebstore.google.com/detail/user-css/okpjlejfhacmgjkmknjhadmkdbcldfcb?hl=es) para Edge/Chorme.

    Cualquier recomendación o comentario es más que bienvenido.
  2. IlanVivanco created this gist Jan 17, 2024.
    32 changes: 32 additions & 0 deletions styles.css
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,32 @@
    .progress-icon-wrapper{
    border: none;
    }

    .progress-icon-100 {
    background: #b3b4b5;
    border-color: #36424e;
    }

    .active_page {
    margin-block: 1rem;
    }

    .active_page .mr,
    .active_page .favorited {
    display: none;
    }

    .active_page .media-body{
    font-weight: 600;
    padding: 1em;
    position: relative;
    border-left: 1px solid currentColor;
    }

    .active_page .media-body::before{
    content: '';
    position: absolute;
    inset: 0;
    background: currentColor;
    opacity: 0.15;
    }