Menéame Classic Compact Theme v0.6 by ergomnm

/* ==UserStyle==
@name         Meneame Compact Theme v0.61
@version      20211028.18.58
@namespace    userstyles.world/user/ergomnm
@description  Plantilla para la versión clásica de menéame.net estilo compacto. 
Para navegadores de versión Escritorio.
@author       ergomnm
@license      No License
==/UserStyle== */

@-moz-document domain("meneame.net") {
/* ### CLASSIC COMPACT THEME v0.61 meneame.net  by  @Ergo ### */
/*------------------------------------------------------------
 --------- ChangeLOG v0.61: ---------------------------------
------------------------------------------------------------
#NUEVO ESTILO PARA EL NÓTAME.
- Eliminado orden cronológico: nuevas notas primero.
- Sin scroll: ahora se ubican según su tamaño y cómo escribamos las notas (si las escribimos tipo tocho, salen ocupando un tocho, si usamos espacios, intros y textos o como las antiguas notas de muchos menos caracteres, pueden aparecer hasta 3 notas por fila. Sino aparece 1 o 2.)
- Las respuestas aparecen desplegadas abajo evitando el scroll, pero aquí sí que he mantenido el orden cronológico de respuestas.
- Adaptado color notas para coincidir con avatar.
- Viendo la poca resolución de las miniatura de imágenes en las notas, elimino la opción de verlas aumentadas, pero sí lo suficiente como para no tener que estar abriéndolas todas. Además, las nota se adapta a la forma de la imagen, quedando mucho mejor cuando se quieren notear imágenes y poco texto.
------------------------------------------------------------*/
/*------------------------------------------------------------
 --------- ChangeLOG v0.6: ---------------------------------
------------------------------------------------------------
- COMPATIBILIDAD MÓVIL: en proceso plantilla móvil v0.1.
- NUEVO ESTILO PARA EL NÓTAME.
- ADAPTACIÓN PARA EL BOTÓN MOSTRAR/OCULTAR DETALLES DEL MENEO. Necesario instalar script adicional -> https://greasyfork.org/es/scripts/434329-meneame-net-mostrar-ocultar-detalles-en-meneos INCORPORA POSIBILIDAD DE Activar/Desactivar la función. by @ochoceros
- TITULAR: NUEVOS ICONOS al inicio. Cambia por ELI al hacer clic.
- FOTO MINIATURA: Ahora a la izquierda. Mejora del zoom automático al pasar el ratón.
#COMENTARIOS: 
- Copiada  etiqueta "editado", en lugar del asterisco actual.
- Copiada etiqueta "autor", cuando quien comenta es el autor del meneo.
- Añadidos estilos a los enlaces (por ahora, los más "usuales").
- Nuevo aspecto de la lista de meneos.  

------------------------------------------------------------ 
------------------------------------------------------------ 
------------------------------------------------------------*/
 
@media (min-device-width: 767px) {
    [id="wrap"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 100% !important;
    }
    [id="newswrap"] {
        width: 75% !important;
        max-width: 75% !important;
        min-width: 75% !important;
    }
}


/* ######################################################### */
/* ######################################################### */
/** ################### VERSIÓN ESCRITORIO #################**/
/* ######################################################### */
/* ######################################################### */
@media (min-device-width: 840px) {
    #newswrap .news-summary.sponsored {
        display: none !important;
    }
    #container {
        margin-top: 0px;
    }
    #wrap {
        min-width: 100%;
        max-width: 100%;
        width: 100%;
        left: 0px;
        margin-top: 20px;
        position: absolute;
        /*background-color: white;*/
        overflow: hidden;
        height: max-content;
    }

    #newswrap {
        width: 75%;
        max-width: 75%;
        margin: 30px 0px 0 0px;
    }
    .container-fluid {
        margin-top: 30px;
    }

    /*  -------------------- ESPACIO MENEALO  ------------------------- */
    /* -------------------- MENEALO -------------------- */
    @media (min-device-width: 767px) {
        .news-body .news-shakeit {
            top: 7px;
            height: 50px;
            margin: 0px 0px 0 5px;
            position: absolute;
            left: 0px;
        }
    }
    .news-body .news-shakeit .menealo a:hover {
        color: white;
        box-shadow: 0px 0px 3px #e35614;
        background: linear-gradient(to top, #63B8EE, #468CCF) !important;
    }
    .news-body .menealo span {
        border: 1px solid #ffd7b7;
        overflow: visible !important;
        border-bottom: 1px solid #feb48b;
    }

    .news-body .news-shakeit .menealo [id^="a-shake"] {
        height: 22px;
    }

    .news-body .news-shakeit .menealo {
        top: 26px;
        overflow: visible;
        position: relative;
        margin: 0 0 0px 0;
        left: -2px;
    }
    .news-body .news-shakeit .menealo a,
    .news-body .menealo span {
        text-align: center;
        border-radius: 0 10px 10px 0;
        overflow: visible;
        width: 70px;
        height: 22px;
        font-size: 12px;
        line-height: 19px;
        padding: 0px 3px 0px 3px;
        margin: 0 0 0px 0;
        position: unset;
    }

    .news-body .news-shakeit .menealo span {
        background: linear-gradient(to top, #e35614, #fd6f00) !important;
        height: 21px;
    }
    .news-body [class^="news-shakeit"] .menealo span.negative {
        background: linear-gradient(to top, rgb(227, 175, 20), #fe0) !important;
        color: white;
        border: 0px solid rgb(227, 175, 20);
        border-top: 0px solid #fe0;
        height: 21px;
        padding: 0px 2px 0px 2px;
        font-size: 12px;
        line-height: 19px;
        margin: 0;
        overflow: hidden !important;
        text-overflow: ellipsis !important;
    }
    .news-body .news-shakeit .menealo span.closed {
        background: linear-gradient(to top, rgb(149, 149, 149), #d8d8d8) !important;
        color: white;
        border: 1px solid #dadbe9;
        line-height: 17px;
    }

    .news-body .news-shakeit .votes,
    .news-body .news-shakeit.mnm-queued .votes,
    .news-body .news-shakeit.mnm-published .votes {
        position: absolute;
        padding: 0;
        margin: 0 0 0 0px;
        text-align: center;
        font-size: 8px;
        background-color: transparent;
        border: none;
        color: #36363600;
        height: 16px;
        width: 35px;
        z-index: 21;
    }
    .news-body .news-shakeit .votes a,
    .news-body .news-shakeit.mnm-queued .votes a,
    .news-body .news-shakeit.mnm-published .votes a,
    .news-body .news-shakeit.mnm-discarded .votes a {
        position: absolute;
        width: auto;
        min-width: 33px;
        max-width: 33px;
        font-size: 12px;
        font-weight: 800;
        text-align: center;
        margin-left: 0px;
        line-height: 16px;
        padding: 0px 0px 1px 0px;
    }
    .story-blog {
        overflow: visible;
    }
    .story-blog .story-blog-aside .news-shakeit {
        height: 70px;
        background-color: transparent;
    }
    .story-blog .story-blog-aside .news-shakeit .votes {
        padding: 0;
        margin: 0px 0 20px 0;
        text-align: center;
        font-size: 8px;
        background-color: transparent;
        border: none;
        top: -3px;
        left: 0px;
        color: #36363600;
        height: 16px;
        width: 35px;
    }
    .story-blog .story-blog-aside .news-shakeit .votes a {
        position: absolute;
        font-weight: 800;
        text-align: center;
        line-height: 16px;
        width: 60px;
        margin: 0 0 0 -6px;
        padding: 5px 0px;
        font-size: 18px;
    }

    .story-blog .story-blog-aside .news-shakeit.mnm-published .votes a,
    .news-body .news-shakeit.mnm-published .votes a {
        box-shadow: 0px -1px 0px #e35614, 0 0 0.5em #e35614, 0 0 0.1em #e35614;
        border-radius: 20px;
        background-color: #f9d9ca80;
    }
    .story-blog .story-blog-aside .news-shakeit.mnm-queued .votes a,
    .news-body .news-shakeit.mnm-queued .votes a {
        background-color: white;
        border-radius: 20px;
        box-shadow: 1px 1px 1px #e3561480, 0 0 0.5em #e3561480, 0 0 0.1em #e3561480;
    }
    .story-blog .story-blog-aside .news-shakeit.mnm-published .votes a,
    .news-body .news-shakeit.mnm-published .votes a {
        box-shadow: 1px 1px 1px #e35614, 0 0 0.5em #e35614, 0 0 0.1em #e35614;
        border-radius: 20px;
    }
    .story-blog .story-blog-aside .news-shakeit.mnm-queued .votes a,
    .news-body .news-shakeit.mnm-queued .votes a {
        background-color: white;
        border-radius: 20px;
        box-shadow: 1px 1px 1px #e3561480, 0 0 0.5em #e3561480, 0 0 0.1em #e3561480;
    }

    .story-blog .story-blog-aside .news-shakeit .clics {
        color: #3c3c3c;
        font-weight: 600;
        padding: 0 0 0 10px;
        margin: 0 0 0 0px;
        width: 40px;
        font-size: 14px;
        background-color: transparent !important;
        border: none;
        text-align: center;
        align-content: center;
        align-items: center;
        line-height: 15px;
        position: relative;
        max-height: 15px;
        top: -68px;
        float: right;
        font-family: "Open Sans", sans-serif;
    }
    .story-blog .story-blog-aside .clics::after {
        content: "\f06e";
        outline: none;
        font-weight: 200;
        right: -8px;
        bottom: -14px;
        text-align: center;
        color: #e35614;
        position: absolute;
        width: 40px;
        font-size: 18px;
        background-color: white;
        font-style: normal;
        font-family: FontAwesome;
    }
    .news-body .news-shakeit div.clics,
    .news-body .news-shakeit...