Menéame Classic Compact Theme v0.6 by ergomnm

Menéame Classic Compact Theme v0.6 screenshot
Install Get Stylus Write a review

Details

Authorergomnm

LicenseNo License

Created atSeptember 17, 2021 22:02

Updated atOctober 28, 2021 18:58

Applies tomeneame

Statistics

Learn how we calculate statistics in the FAQ.

Total views94

Total installs51

Weekly installs1

Weekly updates4

Description

Plantilla para la versión clásica de menéame.net estilo compacto.
Para navegadores web, versión Escritorio.

Notes

Sencilla plantilla escrita por un profano en la materia.
¡Gracias por usar esta plantilla!

Diseño: @Ergo
/———————————————————–
———– ChangeLOG v0.6: ———————————
- 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.

————————————————————
/
/——— ChangeLOG v0.5: ———————————
- MENÚ SUPERIOR: Fondo claro cambia según el color de la comunidad. Menúe “MÁS” destacado enlace a comunidades. Incluido nuevo texto: “Ver Subs /m/”
- MENEO DESCARTADO: Color de fondo propio para distinguirlos de los cerrados por tiempo.
- LISTA DE MENEOS: Añadido pequeño margen a la izquierda.
- CABECERA MENEO: Mejorada accesibilidad para zoom máximo.
- COMUNIDAD MENEO: Ahora se muestra bajo el botón “menéalo” | Todas con color de fondo.
- AVISO VOTOS NEGATIVOS: Nueva apariencia, con texto de aviso y comentario emergente.
- COMENTARIO DESTACADO: Corregido texto emergente al pasar el ratón.
- COMPARTIR MENEO: Corregido menú flotante.
- TITULAR: Añadido icono ‘enlace externo’ a meneos sin imagen minuatura.
- IMAGEN MENEO: Mejorado el zoom automático al pasar el ratón encima.
- ENTRADILLA: Añadido scroll-y cuando el texto sea muy extenso | Ajuste tamaño fotos.
- ETIQUETAS: mejorado efecto desplegable al pasar el ratón por encima.
- BARRA LATERAL: Apariencia votos igual que un meneo publicado | Iconos identificativos tÍtulo secciones.
- HISTORIAS: Adaptada apariencia de los meneos en la lista de historias enviadas.
- ARTÍCULOS: Comentarios destacados con scroll-y incrustado. Adaptación barra lateral.
- PERFIl DE USUARIO: Aplicado nuevo estilo.
- AVATAR: Ajuste diseño “medio cuadrado / medio redondo” comentarios.
- ENLACES: Color distinto cuando es una URL interna de meneame.
- VOTOS A COMENTARIOS: Ahora se muestran a la derecha en la cabecera del comentario, colgado el texto en la parte inferior.
- COMENTARIOS: Rediseño completo para \hilos y \ordenados. Lectura lateral izquierda simplificada. Añadida información en hilos de comentario cerrados: se muestra extracto de texto + miniatura de foto adjunta + votos + karma + si ha sido votado.
——— ChangeLOG v0.5 ———————————
/

History

Daily snapshots of style statistics.

2021-09-172021-09-242021-10-012021-10-082021-10-152021-10-222021-10-282021-11-042021-11-112021-11-182021-11-252021-12-01Date0.001.903.805.707.509.4011.3013.2015.00Daily countDaily installsDaily updatesDaily views
2021-09-172021-09-242021-10-012021-10-082021-10-152021-10-222021-10-282021-11-042021-11-112021-11-182021-11-252021-12-01Date2.0013.3024.5035.8047.0058.3069.5080.8092.00Total countTotal installsTotal views

Source code

Source code has over 100k characters, so we truncated it. You can inspect the full source code on install link.
/* ==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.mnm-queued div.clics,
    .news-body .news-shakeit.mnm-published div.clics {
        padding: 0;
        margin: 0 0 0 0px;
        width: 32px;
        background-color: transparent;
        font-size: 9px;
        font-weight: 800;
        text-align: right;
        display: inline-block;
        border: none;
        line-height: 8px;
        position: relative;
        height: 20px;
        top: -26px;
        right: -19px;
        font-family: "Open Sans", sans-serif;
    }
    .news-body .news-shakeit .clics,
    .news-body .news-shakeit.mnm-queued .clics,
    .news-body .news-shakeit.mnm-published .clics {
        color: #e3561400;
    }

    .news-body .news-shakeit .clics span:before,
    .news-body .news-shakeit.mnm-queued .clics span:before,
    .news-body .news-shakeit.mnm-published .clics span:before {
        content: "\f06e";
        font-size: 12px;
        outline: none;
        right: 12px;
        bottom: 3px;
        color: #f86108;
        position: absolute;
        width: 10px;
        font-weight: 100 !important;
        font-style: normal;
        font-family: FontAwesome;
    }
    .news-body .news-shakeit.mnm-published .clics span:before {
        color: #e35614 !important;
    }

    .news-body .news-shakeit .clics span {
        font-size: 10px;
        color: #3c3c3c;
        display: flex;
        font-weight: 600;
        text-align: center;
        justify-content: center;
    }
    /* -------------------- COMUNIDAD MENEO -------------------- */
    div.contents-layout .tool,
    .news-details .tool {
        display: flow-root;
        position: absolute;
    }
    div.contents-layout .subname,
    .subname {
        width: 70px;
        text-align: center;
    }

    .news-details span.tool.sub-name {
        top: 62px;
        align-items: center;
        left: -81px;
        border: none;
        position: absolute;
    }
    div.contents-layout span.sub-name a,
    .news-details span.sub-name a {
        position: absolute;
        background-color: #fdf2ed !important;
        left: 0;
        letter-spacing: 0.2px;
        font-weight: bold;
        color: #e35614 !important;
        overflow: hidden;
        text-overflow: ellipsis;
        height: 16px;
        line-height: 16px;
        display: block;
        padding: 0 0px 0 0px;
        text-transform: uppercase;
        font-size: 9px;
        border-radius: 3px;
    }

    /* -------------------- REPORTAR MENEO -------------------- */
    .news-body .news-details form {
        margin: 0px;
        padding: 0;
        position: absolute;
        height: 14px;
        width: 40px;
        left: 290px;
        text-align: center;
        border-left: 0px solid #d8d8d8;
        margin-top: 9px;
        z-index: 30;
        display: inline-block;
    }
    .news-body .news-details form::before {
        content: "\f071";
        font-family: FontAwesome;
        position: absolute;
        color: #feb48b;
        top: 0px;
        background-color: transparent;
        text-align: left;
        margin-left: -4px;
        height: 14px;
        font-size: 12px;
        line-height: 14px;
        visibility: visible;
    }
    .news-body .news-details form::after {
        content: "\f078";
        font-family: FontAwesome;
        position: relative;
        color: #cbcbcb;
        margin-left: 10px;
        top: -6px;
        background-color: transparent;
        text-align: left;
        height: 14px;
        font-size: 12px;
        line-height: 14px;
        visibility: visible;
    }
    .news-body .news-details select:hover {
        background: linear-gradient(to top, #fe0, rgb(227, 175, 20)) !important;
        color: #363636;
        height: 14px;
    }
    .news-body .news-details select {
        border-radius: 3px;
        font-size: 9px;
        color: transparent;
        margin: 0px 0 0 0px;
        padding: 0;
        left: 1px;
        width: 30px;
        position: absolute;
        height: min-content;
        background-color: transparent;
        border: 0px solid #d8d8d8;
    }
    /* -------------------- CABECERA  -------------------- */
    /* -------------------- CABECERA DETALLES MENEO -------------------- */
    .news-submitted {
        position: absolute;
        right: 30px;
        top: -30px;
        padding: 6px 0 0 0;
        height: 33px;
        z-index: 21;
        margin: 0;
        max-width: 50%;
        width: 50%;
        max-height: 30px;
        display: flex;
        flex-direction: row;
        justify-content: flex-end;
        flex-wrap: wrap;
        align-items: baseline;
        align-content: center;
             flex-basis: auto;
        font-family: "Open Sans", sans-serif;
        color: #808080;
        line-height: 11px;
        font-size: 10px;
        background-color: transparent !important;
        overflow: visible;
   
    }
    .news-submitted .tooltip {
        display: block !important;
        position: absolute;
        top: 0;
    }
    .news-submitted img.lazy {
        width: 25px;
        overflow: visible;
        height: 25px;
        object-fit: cover;
        top: 4px !important;
        float: right;
        border-radius: 50%;
        box-shadow: 0 0 2px 0 #e35624;
        display: block !important;
        position: absolute;
        padding: 0px;
        margin-top: 0.5px;
        right: -32px;
    }
    .news-submitted img.lazy:hover {
        opacity: 1;
    }

    .news-submitted span {
        background-color: transparent;
        padding: 0 0 0 4px;
        margin-right: 0px;
    }
    .news-submitted span.ts.visible {
        margin: 0;
        padding: 0 4px;
        background-color: transparent;
        font-family: Arial;
    }
    .news-submitted a {
        background-color: transparent;
        padding: 0 4px;
    }

    /* -------------------- ICONOS MENEO --------------------*/
    .news-body .edit-link {
        display: inline-flex;
        order: 5;
        justify-content: right;
    }
    .news-details button.social-share {
        width: 25%;
    }
    .news-details ul.share-icons {
        font-size: 10px;
        width: 100% !important;
        padding: 0;
        margin: 0;
        position: relative;
        display: block;
    }
    .news-details .popover-content {
        width: 155px;
    }
    .news-details ul.share-icons a i {
        font-size: 18px;
    }
    .news-details ul.share-icons a {
        padding: 7px 5px 7px 15px;
    }
    button.share-link i {
        font-size: 18px;
    }

    /* -------------------- CABECERA DATOS MENEO -------------------- */
    .news-body [class="news-details-wrapper"] {
        position: absolute;
        display: inline-flex;
        order: 1;
        background-color: rgba(255, 255, 255, 0);
        top: 0px;
        left: 0px;
        height: 22px;
    }
    .news-body [class="news-details-wrapper"] .news-details {
        position: relative;
        margin: 0;
        border: none;
        padding: 0;
        height: 22px;
        top: 0px;
        left: 0px;
    }
    .news-body .news-details {
        margin: 0 0 5px 0;
        border: none;
        padding: 0;
        position: relative;
        display: inline-flex;
        order: 1;
        background-color: rgba(255, 255, 255, 0);
        top: 0px;
        left: 0px;
        height: 22px;
    }
    .news-details-data-down {
        display: none !important;
    }
    [class|="news-details-data"] {
        text-align: left;
        display: inline-block;
        border: none;
        height: 30px;
        width: calc(47% - 80px);
        background-color: transparent;
        margin-left: 80px;
    }

    [class|="news-details-data"] span,
    [class|="news-details"] span {
        padding-left: 0 !important;
        font-size: 14px !important;
    }
    [class|="news-details-data"] span[class*="votes"],
    [class|="news-details"] span.tool.karma {
        font-size: 14px !important;
        margin: 0;
        padding: 0 !important;
        min-width: 38px;
    }
    [class|="news-details-data"] span[class*="number"],
    [class|="news-details"] span[class*="number"] {
        color: #646363;
        min-width: 17px;
        width: auto;
        max-width: 35px;
        margin: 0;
        font-weight: 700;
        padding: 0;
        font-size: 14px !important;
        text-align: left;
        border: none;
    }
    [class|="news-details-data"] span {
        display: inline-block !important;
    }
    .news-details span.tool.karma {
        margin: 0;
        padding: 0;
        border: none;
        font-weight: 700;
    }
    .news-details span.tool.karma span {
        border: none;
        font-size: 13px;
        left: 12px;
    }
    .news-details span.karma-letter {
        padding: 0;
        line-height: 30px;
        position: relative;
        margin: 0 11px 0 -10px;
        color: #e35614;
        font-size: 12px;
    }
    [class|="news-details-data"] span.votes-down i {
        color: #ff0000a6;
    }
    [class|="news-details-data"] span.votes-up i {
        color: #11791aa6;
    }
    [class|="news-details-data"] span.wideonly.votes-anonymous i {
        color: rgba(149, 149, 149, .72);
    }


    /* -------------------- DETALLES, COMENTARIOS MENEO -------------------- */
    .news-body .news-details-main {
        border: none !important;
        background: none;
        background-color: transparent !important;
        margin: 0 0px 0 0;
        padding: 0;
        display: block;
        top: 0px;
        left: 0px;
        width: 75px;
        text-align: left;
        line-height: 20px;
        height: 20px;
        max-height: 20px;
        position: absolute;
        float: left;
    }
    .news-body .news-details a.comments {
        width: auto;
        height: 22px;
        max-height: 22px;
        text-align: left !important;
        left: 21px;
        top: 0px;
        z-index: 20;
        position: absolute;
        background-color: transparent;
        overflow: hidden !important;
        color: #646363;
        min-width: 17px;
        max-width: 50px;
        margin: 0;
        font-weight: 700;
        padding: 0;
        padding-left: 0px;
        font-size: 14px !important;
        border: none;
        white-space: break-spaces !important;
    }
    .news-details a i,
    .news-details button i {
        margin-right: 3px !important;
    }
    .fa-comments::before {
        content: "\f27a" !important;
        font-size: 14px;
    }
    .news-details button.social-share {
        border: none;
        left: 2px;
        height: 22px;
        color: transparent;
        position: absolute;
        padding: 0;
        margin: 0px;
        text-align: left !important;
        overflow: hidden;
        width: 15%;
        font-size: 12px;
        line-height: 29px;
    }
    button.link.favorite {
        border: none;
        content: "\f006";
        position: absolute;
        right: -200px;
        width: 12px;
        padding: 0;
        margin: 0;
        height: 30px;
    }
    .link.favorite::before {
        content: "\f006";
    }
    .link.favorite.on::before {
        content: "\f005";
    }
    .link.favorite::after {
        padding-left: 0px;
    }


    /* -------------------- COMENTARIO DESTACADO -------------------- */
    .news-body .box {
        visibility: hidden;
        display: inline-block;
        border: none;
        font-size: 2px;
        line-height: 2px;
        background: transparent;
        margin: 0px 0px 0px 0px !important;
        white-space: nowrap;
        left: 66px;
        height: 2px;
        overflow: visible;
        position: absolute;
        top: 41px;
        z-index: 21;
        max-height: 12px;
        width: 50%;
        color: transparent !important;
        background-color: transparent;
    }
    .news-body .box a.tooltip:before {
        content: "\f08d";
        outline: none;
        color: #03a;
        width: 10px;
        font-family: FontAwesome;
        text-shadow: 0 0 4px #adcedf;
        visibility: visible;
    }
    .news-body .box a.tooltip {
        visibility: hidden;
        justify-content: center;
        align-content: center;
        color: transparent;
        align-items: center;
        align-self: center;
        min-width: 18px;
        width: auto;
        margin: 0;
        height: 15px;
        font-size: 11px !important;
        margin-right: 1px;
        padding: 0px;
        display: flex;
        text-align: center;
        top: -32px;
        left: 70px;
        position: absolute;
    }

    /* -------------------- AVISO VOTOS NEGATIVOS  -------------------- */
    .news-summary .warn,
    .story-blog .warn {
        line-height: 5px !important;
        font-size: 0.7rem;
        color: #363636;
        top: -5px;
        margin: 0 0px 0px 0;
        left: -8px;
        width: calc(100% + 8px);
        position: absolute;
        z-index: 20;
        text-align: left;
        letter-spacing: 0.4px;
        padding: 5px 0px 0px 85px;
        height: 20px;
        border: 1px solid #ff883d57;
        background-color: #fcffa2;
        border-radius: 10px 3px 0px 0px;
        mask-image: linear-gradient(180deg, #fff 2%, transparent);
    }
    .news-summary.promoted-article .warn a,
    .news-summary .warn a,
    .story-blog .warn a {
        color: #ef3636;
        font-size: 7px;
        position: relative;
    }
    .news-summary.promoted-article .warn::before,
    .news-summary .warn::before,
    .story-blog .warn::before {
        /*   left: 50%;
        position: absolute;
        float: unset;
        width: 10px;
        margin: 0px;
        text-align: center;
        top: 3px;
        padding: 3px 0px 0px 0px;
        font-size: 12px;*/
        display: none;
    }


    /* -------------------- CUERPO DEL MENEO -------------------- */
    #newswrap .news-summary,
    #newswrap .news-summary.promoted-article {
        border-top: 1px solid #ff883d57;
        border-bottom: 1px solid #ff883d57;
        margin: 0;
        padding: 5px 0 5px 8px;
        position: relative;
        background-color: transparent;
        height: min-content;
        min-height: 110px;
    }
    #newswrap .news-summary.promoted-article {
        background-color: #c3daff47 !important;
    }

    #newswrap .news-body {
        margin: 0 0 5px 0 !important;
        padding: 0px 5px 0px 84px;
        width: 100%;
        height: min-content;
        background-color: transparent;
        position: relative;
        overflow: visible;
        display: inline-flex;
        flex-direction: column;
    }
    div.tab-promoted-article {
        display: none;
    }
    .news-content img {
        object-fit: cover;
        width: auto;
        max-width: 150px;
        border-radius: 3px;
        height: auto;
        max-height: 150px;
    }

    /* -------------------- ICONO TITULAR MENEO --------------------*/
    [class="news-body"] [class^="center-content"] h2 span[class="wideonly"] {
        display: inline-flex;
        order: 1 !important;
        color: #e35614;
        justify-content: center;
        align-content: center;
        align-items: center;
    }
    [class="news-body"] [class^="center-content"] h2 [class$="camera"]::before {
        visibility: hidden;
        position: absolute;
        margin: 0;
        padding: 0 !important;
        max-width: 0;
    }
    [class="news-body"] [class="center-content"] h2 [alt="imagen"]::after {
        content: "\f03e";
        font-family: FontAwesome;
        font-size-adjust: 0.6;
        color: #e35614;
        z-index: 24;
        display: inline-flex !important;
        order: 1 !important;
        position: relative;
        left: 2px;
        top: 2px;
        margin-right: 5px;
        justify-content: center;
        align-content: center;
        align-items: center;
    }
    [class="news-body"] [class="center-content"] h2 [alt="vídeo"]::after {
        content: "\f16a";
        font-family: FontAwesome;
        color: #e35614;
        z-index: 24;
        display: inline-flex !important;
        order: 1 !important;
        position: relative;
        left: 2px;
        top: 1px;
        margin-right: 3px;
        justify-content: center;
        align-content: center;
        align-items: center;
    }
    [class="news-body"] [class="center-content no-padding"] h2 [alt="vídeo"]::after {
        display: inline;
        order: 1;
        content: "\f16a";
        font-family: FontAwesome;
        position: relative;
        text-align: center;
        right: 2px;
        padding-left: 4px;
        z-index: 20;
        top: 1px;
    }
    [class="news-body"] [class="center-content no-padding"] h2 [alt="imagen"]::after {
        display: inline;
        order: 1;
        content: "\f03e";
        font-family: FontAwesome;
        position: relative;
        text-align: center;
        right: 0px;
        padding-left: 2px;
        top: 2px;
        z-index: 20;
        font-size-adjust: 0.5;
    }


    /* -------------------- MENEO SIN IMAGEN -------------------- */
    /* #newswrap .news-summary [class^="center-content"],
    #newswrap .news-summary.promoted-article [class^="center-content"] {
        overflow: visible;
        padding: 3px 0px 5px 0px;
        position: relative;
        background-color: transparent;
        line-height: 1.1;
        display: inline;
        text-align: left;
    }*/
    #newswrap .news-summary.promoted-article [class^="center-content"] h2,
    #newswrap .news-body [class^="center-content"] h2,
    #newswrap .news-body h1 {
        padding: 5px 5px 0px 0 !important;
        display: inline !important;
        letter-spacing: -.5px;
        font-weight: 700;
        font-size: 21px;
        white-space: normal !important;
        text-align: left;
        line-height: 27px;
        position: relative;
        background-color: transparent;
        text-transform: none;
    }

    #newswrap .news-summary.promoted-article [class^="center-content"] h2 a,
    #newswrap .news-body [class^="center-content"] h2 a {
        padding: 0px 0px 0px 0px;
        display: inline !important;
        mask-image: none;
        position: relative;
        overflow: hidden;
        letter-spacing: -.5px;
        font-weight: 700;
        font-size: 21px;
        text-align: left;
        text-transform: none;
        color: #1f1f1f;
        white-space: normal !important;
        line-height: 27px;
        background-color: transparent;
    }
    #newswrap .news-body [class^="center-content"] h2 a:hover {
        text-decoration: none;
        color: #e35614 !important;
        display: inline !important;
        position: relative !important;
        padding: 0px 0px 0px 0px;
        white-space: normal !important;
        text-transform: none;
    }
    #newswrap .news-summary.promoted-article .news-body h2:hover,
    #newswrap .news-summary.promoted-article .news-body h2 a:hover {
        background-color: #eef5ff !important;
        text-transform: none;
    }



    /* -------------------- IMAGEN MINIATURA MENEO  -------------------- */
    @media (min-device-width: 800px) {
        #newswrap .news-body .thumbnail-wrapper {
            position: absolute;
            display: inline-block;
            justify-content: center;
            object-fit: cover;
            right: -3px;
            top: 31px;
            height: 30px;
            vertical-align: middle;
            min-height: 30px;
            max-height: 30px;
            margin: 0 4px 0px 4px;
            background: linear-gradient(to top, #dedfe3, #fafafa);
            padding: 0 0px 0px 0;
            max-width: 95px;
            width: 95px;
            min-width: 95px;
            z-index: 22;
            overflow: hidden;
            border-radius: 6px;
        }
        #newswrap .news-body .thumbnail-wrapper:hover {
            float: right;
           /* mask-image: linear-gradient(to bottom, transparent 0%, white 10%, white 90%, transparent 100%);*/
            -webkit-border-radius: 10px;
            border-radius: 10px;
            -moz-border-radius: 10px;
            -webkit-transform: scale(3);
            width: 100%;
            height: auto; 
            translate: 130% -75%;
            vertical-align: middle;
            transform: scale(3.5);
            z-index: 22;
            transition-property: -webkit-transform, border-radius, -moz-border-radius, height,  translate;
            background-color: #d8d8d8;
            transition-delay: 0.8s;
            transition-duration: 0.7s;
            box-shadow: 0 0 20px #c3c3c3;
            overflow: visible;
            bottom: 0px;
            right: -20px;
        }
        #newswrap .news-body .thumbnail-wrapper:not(hover) {
            opacity: 1;
            -webkit-transform: scale(1);
            transform: scale(1);
            transition-property: -webkit-transform, border-radius, -moz-border-radius, height, max-height, min-height, translate;
            transition-delay: 0.9s;
            transition-duration: 0.7s;
        }
    }

    /* -------------------- MENEO CON IMAGEN  -------------------- */
    #newswrap .news-summary [class^="center-content"],
    #newswrap .news-summary.promoted-article [class^="center-content"] {
        background-color: transparent;
        line-height: 1.1;
        text-align: justify;
        margin: 0px 0px 0px 0px;
        width: 100%;
        padding: 2px 0px 0px 0px;
        height: 100%;
        position: relative;
        flex-direction: column;
        order: 2;
        min-height: 95px;
    }
    /*
    #newswrap .news-summary .center-content h2,
    #newswrap .news-summary.promoted-article .center-content h2 {
        padding: 0px 0px 0px 0 !important;
        margin: 1px 0 6px 0;
        display: inline-flex;
        order: 1;
        letter-spacing: -.5px;
        font-weight: 700;
        font-size: 20px;
        text-align: left;
        line-height: 26px;
        position: relative;
        height: 25px;
        white-space: nowrap;
        width: auto;
        max-width: calc(100% - 0px);
        text-transform: none;
        background-color: transparent;
    }


    #newswrap .news-summary .center-content h2 a,
    #newswrap .news-summary.promoted-article .center-content h2 a {
        padding: 0px 5px 0px 0;
        margin: 0px 10px 0px 0;
        color: #1f1f1f;
        line-height: 26px;
        height: auto;
        white-space: nowrap;
        font-size: 20px;
        font-weight: 700;
        letter-spacing: -.5px;
        text-align: left;
        width: 100%;
        text-transform: none;
        order: 2 !important;
        position: relative;
        background-color: transparent;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
    }

    #newswrap .news-body .center-content h2 a:hover {
        text-decoration: none;
        display: inline-block;
        height: auto;
        width: calc(100% + 0px);
        white-space: normal;
        color: #e35614;
        position: absolute;
        text-transform: none; 
        order: 2 !important;
        background-color: #fff !important;
        mask-image: linear-gradient(180deg, #fff 80%, rgba(0, 0, 0, 0));
        padding: 0px 0% 20px 0px;
        z-index: 25;
    }

    /* -------------------- ENTRADILLA -------------------- */
    .news-summary .news-body [class^="center-content"] .news-content,
    .news-summary.promoted-article .news-body [class^="center-content"] .news-content {
        display: inline !important;
        position: relative;
        overflow: hidden;
        white-space: unset;
        font-size: 14px;
        letter-spacing: -.2px;
        color: #3c3c3c;
        line-height: 19px;
        font-weight: 400;
        background-color: transparent;
        text-rendering: optimizeLegibility !important;
        text-align: justify;
        text-justify: inter-character;
        padding: 0 3px 0px 0px;
    }
    /*    .news-summary .news-body [class="center-content"] .news-content,
    .news-summary.promoted-article .news-body [class="center-content"] .news-content {
        margin: 0px 0 0px 1px;
        position: relative;
        overflow: hidden;
        white-space: unset;
        font-size: 14px;
        letter-spacing: -.2px;
        color: #3c3c3c;
        line-height: 19px;
        font-weight: 400;
        width: 100%;
        height: auto;
        order: 2;
        background-color: transparent;
        text-rendering: optimizeLegibility !important;
        text-align: justify;
        text-justify: inter-character;
        padding: 0px 3px 0px 0px;
        display: block;
    }*/
    /* -------------------- ETIQUETAS -------------------- */
    .news-summary .center-content,
    .news-summary .center-content.no-padding {
        color: transparent;
        line-height: 0 !important;
    }


    [class^="news-body"] span.news-tags,
    [class^="news-body"] span.news-tags {
        left: 0px;
        margin: 5px 0 0px 0px;
        font-size: 10px;
        line-height: 12px !important;
        /*position: absolute;*/
        display: block;
        order: 4;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        width: 63px;
        z-index: 20;
        bottom: -12px;
    }

    [class^="news-body"] .center-content span.news-tags:hover,
    [class^="news-body"] .center-content.no-padding span.news-tags:hover,
    [class^="news-body"] span.news-tags {
        transition: all 3s ease;
        transition-delay: 0.2s;
        transition-property: width;
        width: 100%;
    }
    [class^="news-body"] .center-content span.news-tags:not(hover),
    [class^="news-body"] .center-content.no-padding span.news-tags:not(hover) {
        transition: all 4s ease;
        transition-delay: 3s;
        transition-property: width;
        width: 63px;
    }

    .fa-comments::before {
        content: "\f27a" !important;
        font-size: 14px;
        line-height: 16px;
        height: 16px;
        top: -1px;
        position: relative;
        display: inline-block;
        width: 14px;
    }
}
/*-------------------------------------------------------------------*/
div.news-summary > div > div > br,
div.news-summary > div > div > a > br,
div.cell > div > .h5 > br {
    display: none !important;
}

/* ---------------------------------------------- */
.widget-popular-links-slider .link::after {
    background-color: #ebedf4;
}
.widget-popular-links-slider .link.popular-link-widget-right {
    background-color: #ebedf4;
}
.index_block .container { 
    height: 150px;
}
}

@-moz-document domain("meneame.net") {
/**----------------------------- MENÚ SUPERIOR --------------*/
@media (min-device-width: 800px) {
    .searchbox {
        position: relative;
    }
    .searchform .searchbox {
        border-radius: 4px;
        height: 30px;
        box-sizing: border-box;
        min-width: 10vw;
        max-width: 12vw;
        width: 100%;
        border: 1px solid #f1f1f1;
    }
    #header-top {
        width: 100%;
        height: 46px;
        min-width: 100%;
        max-width: 100%;
        background-color: rgba(255, 255, 255, 0.98);
        padding-left: 8px;
    }

    #userinfo #avatar {
        border: 1px solid darkblue;
        box-shadow: 0px 0px 3px 0px blue;
        margin-left: 0.5vw !important;
        margin-right: 0.5vw !important;
    }

    #top-advise,
    #newsletter {
        display: none !important;
    }

    #toplink {
        margin: 40px 0px 20px 10px;
    }
    [class="header-menu-wrapper"] {
        position: relative !important;
    }
}
@media (min-width: 360px) {
    [class="header-menu-wrapper"] {
        background-color: inherit;
        border: none;
        z-index: 1001;
    }
    .mnm-center-in-wrap {
        background-color: #fffffff5;
        margin: 0 0 0 0px;
        min-width: unset;
        max-width: unset;
        padding-left: 5px;
    }
    .header-top-wrapper.pinned {
        height: 63px !important;
    }


    #header-top .logo-mnm {
        border-radius: 0px;
        display: block;
        margin-left: 20px;
        padding: 0px 0px 0px 0px;
        background-image: url(https://mnmstatic.net/cache/00/03/media_thumb-sub_logo-1009.png?1487262224);
        background-position: 50% 50%;
        background-size: 90%;
        height: 45px;
        top: 2px;
        z-index: 1100;
        background-color: transparent;
        position: absolute;
        margin-top: 0px;
        width: 60px;
        overflow: visible;
        scale: 1;
        background-repeat: no-repeat;
    }
    #header-top .logo-mnm img {
        display: none;
    }
    #header-top .logo-mnm::before {
        position: absolute;
        top: 7px;
        width: 15px;
        display: block;
        font-size: 9px;
        font-weight: bold;
        color: #e35614;
        visibility: visible;
        left: -21px;
        content: "v0.6";
        white-space: pre-wrap;
        line-height: 10px;
    }

    #header-top ul#userinfo {
        right: 0;
    }
    #header-top ul#userinfo li {
        margin-left: 0.8vw;
    }
    #header-top ul#userinfo li.search {
        position: relative;
        margin-right: 0px;
    }

    #header-top a.sub-name {
        background-color: transparent;
        position: absolute;
        max-width: 100%;
        padding: 0px;
        mask-image: none !important;
        vertical-align: middle;
        white-space: pre-line;
        align-items: center;
        left: 83px;
        border-left: 0px solid #fff;
        border-radius: 30px;
        font-size: 14px;
        z-index: 1202;
        color: white;
        bottom: 1px;
        height: 15px;
        line-height: 15px;
        margin-left: 19px;
    }
    .header-top-wrapper {
        box-shadow: 0 5px 15px 0 rgb(227, 86, 20, 0.25);
    }




    #nav-menu,
    #header-top ul#userinfo li a {
        color: #e35614;
    }
    ul#userinfo a.notifications {
        border-left: 0px solid rgba(16, 16, 16, 0.2);
        padding: 5px 0px 0 0px;
    }

    ul#userinfo li.search {
        border-right: 0px solid rgba(16, 16, 16, 0.2);
    }

    .u\:165067 {
        color: darkblue;
        font-weight: bold;
    }

    .header-menu-wrapper {
        height: 0px;
    }
    .header-menu01 {
        background-color: transparent;
        text-align: left;
        max-width: 60%;
        left: 87px;
        width: calc(100% - 87px);
        max-height: 36px;
        height: 36px;
        position: fixed;
        top: 7px;
        padding: 0px 0 0 0;
        color: white;
        display: flex;
        vertical-align: middle;
        align-self: center;
        flex-direction: row;
    }


    .header-menu01 ul.menu01-itemsl {
        float: left;
        background-color: transparent;
        margin-top: 0px;
        position: relative;
        width: 100%;
        align-self: center;
        vertical-align: middle;
        flex-wrap: wrap;
        align-content: center;
        display: unset;
        height: 22px;
    }

    .header-menu01 ul li {
        font-size: 12px;
        position: relative;
        left: 0px;
        border-radius: 20px;
        margin-right: 10px;
        margin-left: 0px;
    }


    .header-menu01 ul li a {
        top: 0px;
        color: #e35614;
        padding: 2px 5px 2px 5px;
        border-radius: 20px;
    }
    .header-menu01 ul li a:hover {
        color: white;
        box-shadow: 0px 0px 3px 0px #ff7100;
        background: linear-gradient(to top, #ff7100, #e35614) !important;
    }
    .menu01-itemsl li {
        margin-right: 2vw;
        position: relative;
        float: left;
    }
    ul.menu01-itemsl li a {
        font-size: 14px !important;
        display: inline-flex;
        height: 18px;
        align-items: center;
        align-self: center;
        vertical-align: middle;
        align-content: center;
    }

    .header-menu01 .menu01-itemsl .selected {
        position: relative;
        background-color: transparent;
    }


    .header-menu01 .menu01-itemsl .selected,
    .header-menu01 .menu01-itemsl li.selected {
        top: 30px;
        float: right;
        margin: 0;
        padding: 0;
    }
    .header-menu01 .menu01-itemsl .selected a {
        position: relative;
        color: white;
        padding: 0px 5px 0px 5px;
        margin: 0;
        background: none;
        font-weight: 700;
        background-color: transparent;
        text-align: center;
        border: 0px solid #e35614;
        border-radius: 20px;
        font-size: 13px !important;
        height: 15px;
        line-height: 15px;
    }

    .header-menu01 ul.menu-subheader li:hover {
        box-shadow: 0px 0px 3px 0px #ff7100;
    }

    .header-menu01 a.submit_new_post {
        border-radius: 3px;
        font-weight: 700;
        color: white;
        background: transparent;
        border: 1px solid transparent;
        float: left;
        font-size: 12px !important;
        position: absolute;
        max-width: 70px;
        width: 70px;
        padding: 0 8px 0px 4px;
        height: 15px;
        line-height: 15px;
        display: inline-table;
        box-shadow: none;
        overflow: hidden;
        margin: 0;
        top: 32px;
        left: -80px !important;
        text-align: left;
    }

    .menu01-itemsl a.submit_new_post::before {
        font-size: 11px;
        top: 0px;
        display: inline;
        text-align: right;
    }
    .menu01-itemsl a.submit_new_post::before,
    .menu01-itemsl a.submit_new_article::before {
        color: white;
    }
    .header-menu01 a.submit_new_post:hover,
    .header-menu01 a.submit_new_article:hover {
        color: white;
        box-shadow: 0px 0px 3px 0px #ff7100;
        background: linear-gradient(to top, #63B8EE, #468CCF) !important;
    }
    .menu01-itemsl a.submit_new_article::before {
        margin-right: 3px;
        font-size: 10px;
        top: 0;
        font-weight: 300;
    }

    .header-menu01 a.submit_new_article {
        top: -3px;
        height: 25px;
        padding: 1px 11px 1px 11px;
        line-height: 12px;
        align-content: center;
        align-items: center;
        align-self: center;
        vertical-align: middle;
        left: 0px !important;
        position: relative;
        display: inline-table;
        max-width: 30px;
        width: 30px;
        box-shadow: none;
        overflow: hidden;
        font-size: 10px !important;
        margin: 0 0 0px 4px;
        border-radius: 20px;
        font-weight: 600;
        color: white;
        text-align: center;
        background: linear-gradient(to top, #ff7100, #e35614);
        border: 1px solid #e35614;
    }


    .menu-more {
        display: block;
        position: absolute;
        width: 60px;
        border-radius: 20px;
        text-align: center;
        margin-left: 0px;
        top: 35px;
        float: right;
        right: -80px;
    }
    .menu-more a {
        font-size: 15px;
    }
    div.dropdown.menu-more.open ul.dropdown-menu.menu-subheader {
        border-radius: 0 0px 20px 20px;
        padding: 0 !important;
        left: 0;
        position: relative;
    }
    div.dropdown.menu-more.open a.menu-more-button {
        border-radius: 0px;
        box-shadow: none;
    }
    div.dropdown.menu-more a {
        color: #fff;
        background-color: rgba(0, 0, 0, 0);
        border-radius: 0px;
        padding: 2px 5px;
    }
    div.dropdown.menu-more a:hover {
        background: linear-gradient(to top, #ff7100, #e35614) !important;
        border-radius: 0;
    }
    div.dropdown.menu-more.open a {
        border-radius: 0px;
        border: none;
        color: #e35614;
        background-color: transparent;
    }
    div.dropdown.menu-more.open a:hover {
        width: auto;
        color: white !important;
        border-radius: 10px;
    }

    .dropdown-menu {
        min-width: 100px;
    }
   
    .dropdown.menu-more li a[href*="meta=_*"]:hover,
    .dropdown.menu-more li a[href*="meta=_*"] {
        background-color: #ff710054 !important;
        border-radius: 15px; text-align: center;
        color: transparent !important;
    }
    .dropdown.menu-more li a[href*="meta=_*"]:hover:before {
        color: white;
    }

    .dropdown.menu-more li a[href*="meta=_*"]:before {
        content: "Ver Subs  /m/";
        font-weight: bold;
        margin-left: 0px;
        text-transform: none;
        top: 0px; text-align: center;
        width: min-content;
        position: relative;
        color: #e35614;
        
    }
    .fa-bell::before {
        font-size: 21px;
    }
    
    [id="userinfo"] li[class="usertext"] {
            display: inline-flex;
            flex-direction: row; 
        }
        [id="userinfo"] li[class="usertext"] a[href="/register"] {
            visibility: hidden;
            display: none;
        }
        [id="userinfo"] li[class="usertext"] a[href*="login"]::before {
            margin: 0 -10px 0 0 !important;
            padding: 0 !important;
            visibility: visible;
            width: auto;
            line-height: 10px;
            font-weight: 800;
            font-size: 12px;
            right: -15px !important;
            top: 1px;
            position: absolute;
            content: "Acceder a Menéame";
        }
        [id="userinfo"] li[class="usertext"] a[href*="login"]::after {
            visibility: visible;
            width: auto;
            position: relative;
            content: "\f090";
            margin-left: 2px;
            font-family: FontAwesome;
        }
        [id="userinfo"] li[class="usertext"] a[href*="login"] {
            padding-top: 10px;
            margin-left: 30px;
        }
}
}

@-moz-document url-prefix("https://www.meneame.net/") {
/* ############# BARRA LATERAL DERECHA ########## */
@media (min-width: 767px) {
    #sidebar img.thumbnail {
        display: none !important;
    }
    #sidebar .thumbnail-wrapper {
        display: none !important;
    }
    #sidebar div.news-content img {
        display: none;
    }
    #sidebar {
        padding: 0px 0 0 0;
        top: 0px;
        margin: 0;
        font-size: 12px !important;
        position: relative;
        right: 0px;
        width: 23%;
        overflow: hidden;
        display: unset;
    }
    .banner-right,
    .sidebox-rounded .body {
        display: none;
    }
    .sidebox-sub {
        position: relative;
        margin-top: 0px;
    }
    .sidebox > div {
        top: -5px;
        position: relative;
    }
    .sidebox h4 a,
    .sidebox-rounded h4 a,
    .sidebox h4 span {
        font-weight: 800;
    }
    .sidebox .body,
    .sidebox.brown .body {
        padding-top: 0;
        border-color: #ffe2d0 !important;
    }
    .sidebox-rounded .header {
        border-radius: 8px 0 0 8px;
    }
    div.sidebox .header,
    div.sidebox.brown .header {
        color: #e35614;
        border: none;
        background-color: #ffe2d0;
    }

    .sidebox-rounded .header a {
        font-weight: 800;
        font-size: 1.5rem;
        padding: 5px 0 0 0;
    }
    div.sidebox .header h4,
    div.sidebox .header a,
    div.sidebox.brown .header a {
        color: #e35614;
        font-weight: 800;
        font-size: 1.5rem;
        padding: 8px 0 0 0;
        letter-spacing: 1px;
    }
    div.sidebox.brown .header a {
        padding-right: 0px !important;
        width: 100%;
        text-align: center;
    }
    div.sidebox .header h4 {
        padding: 4px 0 0 0;
    }
    div.sidebox,
    div.sidebox.brown {
        background: #fff0;
    }
    .sidebox .comments li,
    .sidebox .cell {
        padding: 10px 10px 10px 5px;
        min-height: 40px;
        max-height: max-content;
        border-color: #ffe2d0 !important;
    }

    .sidebox .body,
    .sidebox.brown .body {
        background-color: white;
    }
    .sidebox .clics {
        font-size: 11px;
        scale: 0.8;
    }

    .sidebox .clics span {
        border: 1px solid #e35614;
        line-height: 10px;
        padding: 8px 0;
    }

    .sidebox .clics {
        top: -3px;
    }

    .sidebox.red .votes,
    .sidebox .votes,
    .sidebox.brown .votes {
        width: 35px;
        margin: 0 3px;
        max-height: 26px;
        line-height: 12px;
    }

    .sidebox.brown .votes span,
    .sidebox.red .votes span,
    .sidebox .votes span {
        border: 1px solid #e97c49;
    }
    .sidebox.brown .votes span {
        border-radius: 20px;
        height: 20px;
        font-size: 11px;
        background-color: #fcece4;
        line-height: 10px;
    }
    .sidebox.red .votes,
    .sidebox .votes,
    .sidebox.brown .votes {
        width: 35px;
        max-height: 26px;
        line-height: 12px;
    }
    .sidebox h5,
    .sidebox.brown h5 {
        margin: 0 0px 0 0px;
        left: 5px;
        top: 0px;
        font-size: 100%;
        display: table;
        min-height: 25px;
        position: relative;
        width: auto;
        padding: 0;
    }
    .sidebox.brown h5 a {
        padding: 0px;
        line-height: 14px;
        font-size: 12px;
    }

    div.sidebox.brown h5 a.subname.big {
        text-transform: full-size-kana;
        color: #e35614 !important;
        text-decoration: none !important;
        font-weight: 700;
        font-size: 1.25rem;
        min-width: 100px;
        top: 0;
        left: 0px;
        margin: 0px 0 0px 0px;
        border-radius: 0px;
        padding: 0 1px 0px 0px;
    }
    div.sidebox.brown h5 a.subname.big:hover {
        border-left: 2px solid #e35614;
        padding: 0 0px 0px 2px;
    }
    .sidebox-sub {
        height: auto;
        overflow: visible;
        background: none;
        border-radius: 15px;
        color: white !important;
        background-color: #fff5ed;
        border: 1px solid #e35614;
    }
    .sidebox-sub .name {
        margin-top: 30px;
        margin-bottom: 30px;
        padding-bottom: 0;
    }
    .sidebox-sub .name a {
        top: 0px;
        font-weight: 600;
        color: #e35614;
    }
    .sidebox-sub .follow {
        position: absolute;
        display: block;
        width: 100%;
        top: 100px;
        text-align: center;
    }
    .sidebox-sub .description {
        padding: 0 10px 20px 10px;
    }
    div.follow.text-center span.followers {
        color: #e35614;
        font-size: 10px;
        width: 100%;
        display: block;
        top: 50px;
        position: relative;
    }
    .sidebox-sub .name.text-center .btn.btn-mnm {
        display: block;
        box-shadow: none;
        border: none;
        background-color: transparent;
        top: 5px;
        right: 0px !important;
        left: auto;
        text-align: right;
        position: absolute;
    }
    .sidebox.red .votes {
        background-color: #c912232b;
        border-radius: 20px;
    }
    .sidebox-sub .btn.btn-mnm {
        font-weight: 600;
        display: flex;
        width: 100px;
        justify-content: center;
        align-content: center;
        text-align: center;
        position: relative;
        left: 50%;
        margin-left: -50px;
        top: 10px;
        border: 2px solid #fff5ed;
        box-shadow: 1px 1px 2px #e35614, 0 0 1em #e35614, 0 0 0.2em #fff5ed;
    }

    div.box div.logo.text-center .img-circle,
    div.box div.logo.text-center img {
        width: auto;
        max-width: 150px;
        background-color: #fff0;
        object-fit: cover;
        height: 100px;
        min-height: 100px;
        max-height: 100px;
        border-radius: 50px;
        top: 0px;
        position: relative;
        box-shadow: 0px 0px 0px #e35614, 0 0 1em #e35614, 0 0 0.2em #fff5ed;
    }
    .sidebox-sub .footer {
        background-color: #fce2cd;
        border-top: 1px solid #e35614;
        border-radius: 0 0px 15px 15px;
        color: #795b0f;
        opacity: 0.8;
    }
    .sidebox .comments li img {
        margin: 3px 8px 8px 0;
    }

    .sidebox .header h4 a[href="/cloud"]::before,
    .sidebox .header h4 a[href="/cloud"]::after {
        display: none;
    }
    .sidebox.brown h4 a {
        display: inline-flex;
        justify-content: center;
        text-align: center;
    }
    .sidebox.brown h4 a::after {
        content: "/m/";
        margin-left: 5px;
        text-transform: none;
        font-weight: bolder;
        position: inherit;
        color: #e35614;
        display: inline-flex;
        justify-content: center;
        text-align: center;
    }
    .sidebox.red h4 a::after {
        content: "\f201";
        margin-left: 7px;
        font-style: normal;
        font-family: FontAwesome;
    }
    .sidebox h5.warn {
        padding: 0px 0 0 0;
        background: white;
    }
    .sidebox h5.warn::before {
        content: "\f071";
        font-family: FontAwesome;
        color: #e35614 !important;
        box-shadow: 0 0 2px #fcffa2;
    }
}
}

@-moz-document url-prefix("https://www.meneame.net/c"), url-prefix("https://www.meneame.net/m"), url-prefix("https://www.meneame.net/story"), url-prefix("https://www.meneame.net/top_comments"), regexp("https://www.meneame.net/user/(.*?)/commented(.*?)"), regexp("https://www.meneame.net/user/(.*?)/shaken_comments(.*?)"), regexp("https://www.meneame.net/user/(.*?)/favorite_comments(.*?)"), regexp("https://www.meneame.net/user/(.*?)/conversation(.*?)"), regexp("https://www.meneame.net/search(.*?)comments(.*?)") {
/* ## COMENTARIOS ##*/
@media (max-width-device: 991px) {
    /* ------------ ORDENADOS --------------*/
    @media (max-width-device: 767px) {
        .section-profile .contents-layout .contents-body h4 a {
            padding: 5px 10px 10px 10px !important;
            font-weight: 600 !important;
        }

    }
 
    #container {
        overflow: hidden;
        background-color: #fff;
    }
    .comment-text a {
        max-width: 166px;
        position: relative;
        overflow: hidden !important;
    }
    [class="comments-list"] {
        overflow: hidden;
        background-color: #fff;
    }
    [class="col-md-8 col-md-offset-1"] {
        padding: 0 0px 0 0px;
    }
    .col-md-2 {
        display: none;
    }
    div.comments .topbox {
        margin-left: 0px !important;
    }
    [class="comment"],
    [class^="comment "] {
        padding: 0 0 0 7px !important;
        margin: 0 5px 30px 0 !important;
        position: relative;
    }

    [class="ts showmytitle comment-date"] {
        margin: 0px !important;
        padding: 6px 0 0 0px !important;
    }
    .comment-header span[title^="editado"]::before {
        content: "editado" !important;
    }
    [class*="author"] .comment-header span[title^="creado:"]::after {
        top: 9px;
    }
    .comment-header span[title^="editado"] strong {
        margin: 15px 0 0px 5px !important;
    }
    .comment-header a[class="comment-order"] {
        padding: 0 0 14px 0px!important;
        position: absolute !important;
        left: 23px;
        text-align: left !important;
    }
    [class^="comment"] .comment-header a.username {
        padding: 0 0 33px 0px!important;
        max-width: 45%;
        font-size: 14px !important;
        position: absolute !important;
        left: 73px;
    }
    [class|="comment-answers"] {
        bottom: -10px !important;
        right: 15px !important;
    }

    [class|="comment-text"] {
        font-size: 13px !important;
        letter-spacing: -.19px !important;
        line-height: 18px !important;
        color: #3c3c3c !important;
        padding: 10px 12px 10px 12px !important;
    }
    .comment-text a.fancybox {
        display: inline-flex;
        justify-content: center;
        width: 100%;
        align-content: center;
        align-items: center;
        text-align: center;
    }

    .comment-text img.thumb.ok,
    div.contents-body .comment-text img.thumb.ok {
        max-width: 90% !important;
        object-fit: cover;
        margin: 0 0 15px 0;
        padding: 0;
        width: 100% !important;
        height: 100% !important;
    }
    .comment-footer .fa-reply::before {
        left: -9px !important;
    }
    .comment-footer .fa-reply::after {
        left: -16px !important;
    }
    .comment-footer .fa-star::before {
        left: 15px !important;
    }
    .comment-footer .fa-link::before {
        left: 23px !important;
        top: 2px !important;
        scale: 0.7 !important;
    }
    .commentform {
        padding-left: 10px !important;
    }
    /* ------------------------ EN HILOS -------------------- */
    .threader.zero {
        left: 15px;
        width: calc(100% - 15px);
    }
    [class*="collapsed"] [class="comment-header"] {
        max-width: calc(100% - 72px) !important;
    }
    [class*="collapsed"] .comment-header a[class="comment-order"],
    [class*="collapsed"] .comment-header a[class="username"] {
        position: relative !important;
        left: unset !important;
        margin: 0 5px 0 0 !important;
    }
    [class*="collapsed"] .comment-text {
        visibility: hidden;
    }
    .comment-footer span[id|="vk-"] {
        top: 2px !important;
        right: 26px !important;
    }
    .comment-footer [id|="#vc-"] {
        right: -9px !important;
        position: relative !important;
        top: -2px !important;
    }

    [class*="collapsed"] [class|="comment"] .comment-header .comments-closed-counter {
        right: 1% !important;
        top: 7px !important;
    }


    .threader.zero.collapsed .comment .comment-footer,
    .threader-childs .threader.collapsed .comment .comment-footer,
    .threader-childs .threader.zero.collapsed .comment .comment-footer {
        padding-right: 5px !important;
        margin-top: 2px !important;
    }
    [class*="collapsed"] [class*="author"] .comment-header span[title^="creado:"]::after {
        display: none !important;
    }
    .collapsed > .comment .comment-header .comments-closed-counter {
        right: 0% !important;
        top: 9px !important;
    }
}
/*--------------------------------------------------------*/
@media (min-width: 360px) {


    #newswrap h3 {
        margin-left: 20px;
        letter-spacing: -.5px;
        font-weight: 700;
        font-size: 20px;
        text-align: left;
        margin-bottom: 20px;
    }
    #newswrap h3 a,
    .section-profile .contents-layout .contents-body h4 a {
        color: #e35614;
    }

    .pages a:hover {
        color: white !important;
    }
    .pages a:after,
    .clearfix,
    .news-body [style="margin:30px auto 0px auto; text-align: center;"] {
        display: none;
    }

    /* --------------------- HILOS ------------------- */
    .threader {
        border: none;
    }
    [class="comment-expand"] .fa-chevron-up::before {
        left: -15px;
        position: absolute;
        top: 7px;
    }
    [class="comment-expand"] .fa-chevron-down::before {
        position: absolute;
        left: -11px;
    }
    .threader.zero.collapsed [class="comment-header"] img[class*="avatar"] {
        left: -12px;
        top: 2px;
    }
    .threader.zero .expandable-mark,
    .threader.zero.collapsed .expandable-mark {
        left: 0px;
        top: 0;
        padding: 0;
        margin: 0;
    }
    .threader-childs .threader .expandable-mark {
        left: 12px;
        top: 0;
        padding: 0;
        margin: 0;
    }
    .collapsed > .comment .comment-header .comments-closed-counter {
        position: absolute;
        right: 22%;
        top: 7px;
        scale: 0.9;
        z-index: 3;
        opacity: 0.5;
    }
    [class|="threader*collapsed"] {
        background-color: #fff8f4;
    }
    [class|="threader*collapsed"]:hover {
        box-shadow: 0 0 4px 0 #ff883d57;
        background-color: #fefaf9cc;
        margin-bottom: 15px !important;
    }
    [class^="threader zero"] {
        margin-bottom: 20px !important;
    }
    .threader.collapsed > .comment .comment-body {
        padding-bottom: 0 !important;
    }
    [class|="theader"]:not([class$="collapsed"]) [class|="comment"],
    [class|="theader"]:not([class$="collapsed"]) [class|="comment"]:hover {
        margin-bottom: 15px !important;
    }

    [class$="collapsed"] .comment-header,
    [class$="collapsed expandable"] .comment-header,
    [class$="collapsed expandable"] .comment-header:hover {
        max-height: 30px !important;
        border: none;
        max-width: 100%;
    }
    .comment-header .comment-expand {
        left: -19px;
        top: -6px;
        color: #e35624;
        font-size: 14px;
        z-index: 2;
    }

    .threader-childs .threader-zero.collapsed:hover,
    .threader-childs .threader.collapsed:hover {
        border-radius: 5px;
    }
    .threader-childs .threader.collapsed .comment-header .comment-date,
    .threader.collapsed > .comment .comment-header .comment-date,
    .threader.zero.collapsed .comment-header .comment-date {
        margin: 0 5px 0 0 !important;
        padding: 1px 0 0 0 !important;
    }
    .threader-childs .threader.collapsed .comment-header .username,
    .threader.collapsed > .comment .comment-header .username,
    .threader.zero.collapsed .comment-header .username {
        margin: 0 5px 0 0 !important;
        padding: 0 0 0px 0 !important;
    }
    .threader-zero.collapsed .comment .comment-header .username,
    .threader-childs .threader.collapsed .comment .comment-header .username,
    .threader-childs .threader-zero.collapsed .comment .comment-header .username {
        max-width: 170px;
        font-size: 12px;
        overflow: hidden;
        width: auto;
        text-overflow: ellipsis;
        position: relative;
    }
    .threader-childs .threader.collapsed .comment-header .comment-order,
    .threader.collapsed > .comment .comment-header .comment-order,
    .threader.zero.collapsed .comment-header .comment-order {
        position: relative;
        margin: 0 !important;
        padding: 0 3px 0 3px !important;
        top: auto;
        left: auto;
        width: auto;
        margin-left: 5px;
        text-align: inherit;
    }
    .threader-childs .threader.collapsed .comment-header img {
        width: 20px !important;
        height: 25px !important;
        top: 3px;
        left: -5px;
    }
    .threader-childs .threader.collapsed > .comment .comment-text::before,
    .threader.zero.collapsed > .comment .comment-text::before {
        display: none;
    }
    .threader-childs .threader.collapsed > .comment.high .comment-text,
    .threader.zero.collapsed > .comment.high .comment-text,
    .threader-childs .threader.collapsed > .comment .comment-text,
    .threader.zero.collapsed > .comment .comment-text {
        display: block !important;
        position: absolute;
        max-height: 22px;
        height: 22px;
        line-height: 10px;
        background: transparent !important;
        width: auto;
        max-width: 33%;
        top: -2px;
        left: 42%;
        border: none;
        font-size: 10px;
        letter-spacing: -.3px;
        white-space: nowrap;
        text-align: left;
        text-overflow: ellipsis;
        color: #828080;
        overflow: hidden !important;
        padding-left: 42px;
    }
    [class$="collapsed"] .comment-text img[class="emoji lazy"] {
        line-height: 10px;
        height: 12px;
        width: 12px;
    }
    .threader.zero.collapsed .comment-text a.fancybox,
    .threader-childs .threader.collapsed .comment-text a.fancybox,
    .threader-childs .threader.zero.collapsed .comment-text a.fancybox {
        position: absolute;
        left: 10px;
        display: block;
        top: 0;
    }
    .threader.collapsed .comment-text img.thumb.ok,
    .threader.zero.collapsed .comment-text img.thumb.ok {
        max-width: 30px !important;
        max-height: 28px !important;
        min-width: 30px !important;
        min-height: 28px !important;
        width: 30px !important;
        height: 28px !important;
        object-fit: cover !important;
        opacity: 0.8 !important;
        border: 0.5px solid #f8dcce;
        box-shadow: none;
        border-radius: 3px;
        bottom: 8px;
        right: 0;
        position: relative;
    }
    [class|="threader"]:not([class$="collapsed"]) .comment-footer a[title="Votos"] {
        margin-right: -2px;
    }
    [class|="threader zero"] .comment-footer a[class="votes-counter fancybox"] {
        margin-left: -2px !important;
    }
    .threader.zero.collapsed .comment .comment-footer,
    .threader-childs .threader.collapsed .comment .comment-footer,
    .threader-childs .threader.zero.collapsed .comment .comment-footer {
        display: block !important;
        border: none;
        padding-top: 3px !important;
    }
    [class*="collapsed"] .comment-footer .fa-reply::after,
    [class*="collapsed"] .comment-header span[title^="creado"]::before,
    [class$="collapsed"] .comment-header span[class="ts novisible showmytitle"],
    .threader.zero.collapsed .comment-footer .fa-link::before,
    .thrreader-childs .threader.zero.collapsed .comment-footer .fa-link::before,
    .threader-childs .threader.collapsed .comment-footer .fa-link::before,
    .threader.zero.collapsed .comment-footer a.vote.up,
    .thrreader-childs .threader.zero.collapsed .comment-footer a.vote.up,
    .threader-childs .threader.collapsed .comment-footer a.vote.up,
    .threader.zero.collapsed .comment-footer a.vote.up,
    .thrreader-childs .threader.zero.collapsed .comment-footer a.vote.down,
    .threader-childs .threader.collapsed .comment-footer a.vote.down,
    .threader.zero.collapsed .comment-footer a.vote.down,
    .threader-childs .threader.collapsed .comment .comment-footer .fa-reply::before,
    .threader.collapsed > .comment .comment-footer .fa-reply::before,
    .threader.zero.collapsed .comment-footer .fa-reply::before,
    .threader-childs .threader.collapsed .comment .comment-footer a.favorite,
    .threader.collapsed > .comment .comment-footer a.favorite,
    .threader.zero.collapsed .comment-footer a.favorite,
    .threader.zero.collapsed .comment-footer .fa-exclamation-triangle::before,
    .thrreader-childs .threader.zero.collapsed .comment-footer .fa-exclamation-triangle::before,
    .threader-childs .threader.collapsed .comment-footer .fa-exclamation-triangle::before {
        display: none !important;
    }

    /* --------------------- ORDENADOS 1 ------------------- */
    div.comments .topbox {
        background: white;
        border: #f8dcce 1px solid;
        padding: 15px 17px;
        border-radius: 5px;
        margin-top: 20px;
        margin-left: 20px;
    }
    .topbox > div {
        margin-top: 25px !important;
    }
    .comments div.comments .topbox .title {
        color: #e35614;
        font-weight: 600;
    }
    select.options-comments {
        margin: 10px 0px 20px 10px;
        background: #fff8f4;
        border: 1px solid #ffe9dc;
        border-radius: 3px;
    }
    .select-wrapper::after {
        top: 16px;
    }
    .commentform {
        padding-left: 0px;
        margin-top: -10px;
    }
    .comment.phantom.negative.ignored.strike .comment-body {
        opacity: 0.2;
    }

    div.comments .comment.phantom.negative .comment-body,
    div.contents-body .comment.phantom.negative .comment-body {
        opacity: 0.5;
    }
    div.comments .comment.phantom.negative .comment-body:hover,
    div.contents-body .comment.phantom.negative .comment-body:hover {
        opacity: 1;
    }

    .comment.phantom.negative,
    .comment.phantom.negative.ignored.strike {
        opacity: 0.5;
    }
    .comment.phantom .comment-text {
        box-shadow: none;
        opacity: 0.5;
        background-color: transparent;
        border: none;
    }
    .comment.phantom .comment-text,
    .comment.phantom.negative .comment-text,
    .comment.phantom.negative.ignored.strike .comment-text {
        padding: 0 !important;
        box-shadow: none !important;
        border-radius: 0;
        background-color: transparent !important;
        border: none;
    }
    .comment.phantom .comment-text::before,
    .comment.phantom.negative .comment-text::before,
    .comment.phantom.negative.ignored.strike .comment-text::before {
        display: none;
    }


    /* --------------------- ORDENADOS 2 ------------------- */
    form.comment {
        border: none;
    }

    .comment {
        border: none;
        border-top: 1px solid #f8dcce;
        overflow: visible;
        position: relative;
        border-radius: 0 3px 0 0;
        padding: 0 0 0 20px;
        margin: 0 0 30px 0px;
    }
    .comment.author.user,
    .comment.user {
        border-color: #5f5fd7 !important;
    }
    .comment.author .comment-footer,
    .comment.author {
        border-color: #a6b7db !important;
    }

    [class$=".user"] .comment-body .comment-text:before {
        background-color: #f9fafc;
    }

    [class^="comment"] .comment-body {
        margin: 0 0 0px 0;
        padding: 0px;
        background-color: transparent !important;
        margin-right: 0px !important;
        border: none !important;
        padding-right: 0 !important;
        padding-bottom: 20px !important;
        position: relative;
    }

    img.avatar,
    .username,
    .comment-order,
    .comment-text {
        z-index: 2 !important;
    }
    .comment-header {
        background-color: transparent;
        height: 52px;
        line-height: 10px;
        padding: 0px 0 0 20px;
        margin: 0;
        left: 10px;
        top: -2px;
        position: absolute;
        overflow: visible;
        width: calc(100% - 10px);
        display: flex;
        align-self: center;
        align-content: center;
        align-items: center;
        border-radius: 10px 3px 20px 30px;
        border-left: 5px solid #f8dcce;
        border-right: 1px solid #f8dcce;
    }
    .comment-header a,
    .comment-header span,
    .comment-header strong {
        line-height: 10px;
        height: 50px;
    }
    .comment.user .comment-header a,
    .comment.author.user .comment-header a,
    .comment.author .comment-header a {
        color: #4c4cad;
        line-height: 10px;
    }

    [class|="comment"] .comment-header .comment-order {
        font-weight: bold;
        position: relative;
        line-height: 10px;
        max-width: 33px;
        width: auto;
        margin: 0 5px 19px 20px !important;
        padding: 0 0 0 0px;
        vertical-align: middle;
        align-items: center;
        align-self: center;
        align-content: center;
        justify-content: flex-start;
        visibility: visible;
        text-align: left;
        display: flex;
    }
    [class*="author"] .comment-header span[title^="creado:"]::after {
        content: "autor";
        display: inline;
        background-color: #4d4dad;
        color: #fff;
        margin-left: 7px;
        padding: 0px 4px 0px 4px;
        z-index: 3;
        border-radius: 6px;
        font-size: 10px;
        letter-spacing: -.2px;
        text-align: center;
        position: relative;
        visibility: visible;
        line-height: 15px;
    }
    [class^="comment"] .comment-header a.username {
        font-size: 1.5rem;
        padding: 0 0 20px 0px;
        position: relative;
        width: auto;
        line-height: 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        margin: 0px 0px 0px 0px;
        vertical-align: middle;
        align-items: center;
        align-self: center;
        align-content: center;
        justify-content: flex-start;
        visibility: visible;
        text-align: left;
        display: flex;
    }

    .comment-header span[title^="creado:"]::before {
        content: "enviado:";
        font-size: 10px;
        color: #e356249e !important;
        margin: 0 2px 40px 0px;
        height: 15px !important;
        z-index: 3;
        width: auto;
        border-radius: 6px;
        letter-spacing: -.2px;
        text-align: center;
        position: relative;
        line-height: 10px;
    }
    .comment-header span[title^="creado:"] {
        margin: 0 0px 16px 5px !important;
        font-size: 10px;
        font-style: normal !important;
        font-weight: normal !important;
        border-radius: 6px;
        color: #e356249e !important;
        height: 15px;
        line-height: 15px;
        padding: 0px 4px;
        letter-spacing: -.2px;
        text-align: center;
        width: auto;
        font-family: inherit;
    }

    .comment-header span[title^="editado"] strong {
        visibility: hidden;
        position: relative;
        margin: 0 0 -15px 5px;
    }
    .comment-header span[title^="editado"]:before {
        content: " " attr(title) " ";
        margin: 0px 0 0px 5px;
        padding: 0px 4px;
        height: 15px;
        z-index: 3;
        width: auto;
        border-radius: 6px;
        background-color: #e356249e;
        color: #fff;
        font-size: 10px;
        letter-spacing: -.2px;
        text-align: center;
        position: relative;
        visibility: visible;
        line-height: 10px;
    }

    [class="comment-header"] img[class*="avatar"] {
        box-shadow: 0 1px 3px #e35624cc;
        margin: 0px 5px 0 0px;
        object-fit: cover;
        width: 30px;
        height: 35px;
        border-radius: 0px 0px 20px 20px;
        left: -14px;
        top: 0px;
        position: absolute;
    }
    [class^="comment.author"] .comment-body .comment-header img.avatar.lazy {
        box-shadow: 0 1px 3px #a6b7db;
    }



    .comment-text {
        display: block;
        width: auto;
        white-space: normal;
        left: 40px;
        border-radius: 14px 3px 5px 15px;
        position: relative;
        font-size: 14px;
        letter-spacing: -.19px !important;
        color: #3c3c3c;
        line-height: 18px;
        font-weight: 420;
        border: 1px solid #ffd5ad;
        margin: 2px 0px 0px 0 !important;
        top: 31px;
        max-width: calc(100% - 50px);
        padding: 8px 20px 10px 10px;
    }
    .comment-text::before {
        content: "";
        position: absolute;
        left: 0;
        top: -.1rem;
        width: 12px;
        height: 12px;
        background: initial !important;
        border-top: 1px solid #f8dcce;
        border-left: 1px solid #f8dcce;
        -webkit-transform: translate(-50%, 1.25rem) rotate(-45deg);
        transform: translate(-50%, 1.25rem) rotate(-45deg);
    }

    .comment-text,
    .comment-text::before {
        background-color: #fff5ed !important;
    }
    .comment-text a.tooltip {
        line-height: 15px;
        padding-right: 1px;
    }

    div.comments .comment.high .comment-body .comment-text,
    div.contents-body .comment.high .comment-body .comment-text {
        background: radial-gradient(circle at 0% 0%, #fff5ed 0, #ffd5ad 50%, #ffd5ad 100%) !important;
        padding-right: 20px !important;
        background-size: 4%;
        overflow: visible !important;
        background-position-x: calc(100% - 10px);
        background-position-y: 5px;
        background-repeat: no-repeat;
        border-color: #e35614;
    }
    div.comments .comment.high .comment-body .comment-text::before,
    div.contents-body .comment.high .comment-body .comment-text::before {
        border-color: #e35614;
    }
    .comment-text img.thumb.ok,
    div.contents-body .comment-text img.thumb.ok {
        max-width: 50%;
        height: auto;
        margin-top: 10px;
        display: unset;
        border: solid 1px var(--newtab-search-border-color);
        padding: 0;
        box-shadow: 0 1px 4px 0 #ffa98091, 0 0 0 1px #ffa98091;
        border-radius: 10px;
    }
    a.fancybox:after {
        display: none;
    }

    .comment-footer {
        background-color: transparent !important;
        margin: 0 !important;
        overflow: visible;
        padding: 6px 0px 0 0;
        height: 100%;
        text-align: right;
        position: absolute;
        top: 0;
        width: calc(100% - 20px);
        left: 20px;
    }
    .comment-footer > :last-child {
        margin: 0px !important;
    }
    .comment.user .comment-footer {
        border-color: #5f5fd7 !important;
    }

    .comment-footer a {
        margin: 0;
    }
    .comment-footer > :last-child {
        margin: 0px !important;
        padding: 0px;
    }
    .comment-footer .separator-vertical {
        display: none;
    }
    .comment-footer span {
        margin: 0;
    }

    [class$="user"] div.comment-text,
    [class$="user"] div.comment-text::before {
        background-color: #f9fafc !important;
        border-color: #a6b7db !important;
    }
    [class$="user"] div.comment-text,
    [class$="user"] div.contents-body div.comment-text,
    [class$="user"] div.comment-text::before,
    [class$="user"] div.contents-body div.comment-text::before {
        background-color: #ebedf4 !important;
        border-color: #96abd9 !important;
    }

    .comment div.comment-footer a.votes-counter.fancybox:hover,
    .comment .contents-body .comment-footer a.votes-counter.fancybox:hover {
        color: #e35614;
        opacity: 1;
    }
    .comment div.comment-footer a.votes-counter.fancybox,
    .comment .contents-body .comment-footer a.votes-counter.fancybox {
        opacity: 1 !important;
        font-size: 12px;
        text-align: center;
        line-height: 15px;
        height: 15px;
        width: 33px;
        background-color: #fff;
        border-radius: 20px;
        box-shadow: 1px 1px 1px #e3561480, 0 0 0.5em #e3561480, 0 0 0.1em #e3561480;
        margin: 0px 0px 0 0;
    }
    .comment.high div.comment-footer a.votes-counter.fancybox,
    .comment.high .contents-body .comment-footer a.votes-counter.fancybox {
        background-color: #fcece4;
    }
    div.comments .comment.high .comment-footer span.votes-counter,
    div.contents-body .comment.high .comment-footer span.votes-counter {
        right: 100px;
        text-align: right;
    }

    .comment-footer span.votes-counter,
    .contents-body div.comment-footer span.votes-counter {
        text-align: center;
        line-height: 15px;
        font-size: 12px;
        font-weight: bold;
        border-radius: 10px;
        color: #3c3c3cd1;
        background-color: transparent;
        width: 0;
        margin: 0px 0px 0 0px;
        position: relative;
        top: 0px;
        right: 95px;
    }

    .comment .comment-footer [class="votes-counter"][title="Votos"],
    .contents-body .comment .comment-footer [class="votes-counter"][title="Votos"],
    .comment-footer span.votes-counter:nth-of-type(1),
    .contents-body div.comment-footer span.votes-counter:nth-of-type(1) {
        background-color: #fff;
        position: relative;
        opacity: 0.5 !important;
        font-size: 12px;
        text-align: center;
        line-height: 16px;
        height: 16px;
        width: 35px;
        color: #e35624;
        border-radius: 20px;
        box-shadow: 0px 0px 0px #e3561480, 0 0 0.5em #e3561480, 0 0 0.1em #e3561480;
        margin: 0px -2px 0 0px;
        right: 0px;
        top: 0px;
    }



    .comment-footer .votes-counter {
        padding: 0px;
    }
    .comment-footer .icon-karma,
    .contents-body .comment-footer .icon-karma {
        color: #e35624;
        width: 30px !important;
        font-weight: bold;
        background-color: rgba(0, 0, 0, 0);
        text-align: left;
        overflow: visible;
        margin-left: -10px;
        position: absolute;
    }

    .comment-footer i.fa.fa-arrow-circle-up,
    .contents-body div.comment-footer i.fa.fa-arrow-circle-up {
        color: #0385037d;
        margin: 0 12px 0 0px;
    }
    .comment-footer i.fa.fa-arrow-circle-up:hover,
    .contents-body div.comment-footer i.fa.fa-arrow-circle-up:hover {
        color: inherit;
        opacity: 1;
    }
    .comment-footer .vote.up.voted,
    .contents-body div.comment-footer .vote.up.voted {
        scale: 1.1;
        opacity: 1;
    }

    div.comment-footer a.vote.down,
    div.contents-body div.comment-footer a.vote.down {
        color: #ff000069;
        padding: 0 0px 0 0px;
        position: absolute;
        margin: 0 0px 0 7px;
    }
    div.comment-footer i.fa.fa-arrow-circle-down:hover,
    div.contents-body div.comment-footer i.fa.fa-arrow-circle-down:hover {
        color: red;
        opacity: 1;
    }
    div.comment-footer .vote.down.voted,
    div.contents-body div.comment-footer .vote.down.voted {
        color: red;
        scale: 1.1;
        opacity: 1;
    }

    .comment .comment-footer a {
        color: #e35624d4;
        opacity: 0.7;
        line-height: 20px;
    }
    .comment.user .comment-footer a,
    .comment.author .comment-footer a,
    .comment.author.user .comment-footer a {
        color: #4c4cad;
    }
    .comment-footer .fa-link {
        display: inline-block;
    }
    .comment-footer .fa-link::before {
        width: 16px;
        height: 16px;
        background-color: #e35624d4;
        position: absolute;
        color: white;
        border-radius: 3px;
        left: 35px;
        text-align: center;
        top: 8px;
        font-size: 13px;
        line-height: 16px;
        scale: 0.75;
    }

    .comment-footer .fa-link:hover::before {
        color: #e35614;
        background-color: transparent;
        font-size: 14px;
        opacity: 1;
    }
    .comment-footer .fa-star::before {
        position: absolute;
        left: 29px;
        top: 19px;
        height: 36px;
        line-height: 36px;
        content: "\f006";
        font-size: 10px;
    }
    .comment-footer .fa-star:hover::before {
        color: #ffcc00;
        opacity: 1;
    }
    .comment-footer [class="favorite on"] i::before {
        content: "\f005" !important;
        color: #ffcc00;
    }
    .comment-footer .fa-reply::before {
        font-size: 15px;
        position: absolute;
        left: 6px;
        bottom: 0px;
        opacity: 0.6;
    }
    .comment-footer .fa-reply::after {
        content: "responder";
        font-size: 10px;
        position: absolute;
        left: -2px;
        font-weight: 500;
        bottom: -11px;
        opacity: 0.6;
    }

    .comment-footer .fa-reply:hover::before {
        color: green;
        opacity: 1;
        font-size: 16px;
        text-align: right;
        float: right;
    }
    .comment-footer .fa-exclamation-triangle::before {
        content: "\f06a";
        opacity: 0.5;
        font-size: 10px;
        line-height: 12px;
        position: absolute;
        right: 4px;
        top: 2px;
    }
    .comment-footer .fa-exclamation-triangle:hover::before {
        color: #f00;
        font-size: 12px;
    }
    li .comment-answers {
        margin-left: 15px;
    }

    .comment .comment-footer a.comment-answers {
        opacity: 0.8;
        color: #666 !important;
        position: absolute;
        bottom: 0px;
        scale: 0.9;
        right: 18px;
        text-align: right;
        line-height: 20px;
        z-index: 3;
    }


    #comments-top.comments .pages {
        padding: 0px 0 0 0;
        margin: 0px 0 30px 0;
    }

    #header-top {
        background-color: rgba(255, 255, 255, 0.96);
    }


    #voters-container {
        padding: 0 10px;
    }
    .voters {
        margin: 0px 5px 0 10px;
    }
    .section-profile .contents-layout .contents-body h4 {
        border: none !important;
        margin: 30px 0 10px 0 !important;
        padding: 15px 0 0px 0 !important;
    }

    .contents-layout .contents-body .comments-list li .comment {
        margin-bottom: 30px !important;
    }
}
}

@-moz-document url-prefix("https://www.meneame.net/queue"), url-prefix("https://www.meneame.net/articles"), url-prefix("https://www.meneame.net/story/"), regexp("https://www.meneame.net/m/(.*?)/queue"), regexp("https://www.meneame.net/m/(.*?)/articles"), regexp("https://www.meneame.net/m/(.*?)/(.*?)-(.*?)-(.*?)") {
/* ########### COLA DE PENDIENTES  ########### */
@media (max-width: 991px) {
    [class^="news-body mobile"] [class="news-submitted"] span[title*="enviado"]::before {
        padding: 0px;
        margin-left: 17px;
        border: none;
    }
    [class^="news-body mobile"] [class="news-submitted"] span[title*="publicado"]::before {
        padding: 0px 8px;
        margin-left: -5px;
    }
}
@media (min-width: 991px) {
    #newswrap > div:nth-child(5) {
        margin-left: 20px;
    }
    #newswrap > div:nth-child(5) .news-summary {
        padding: 0;
        padding-bottom: 0px !important;
        top: 0px;
        position: relative;
        margin: 0;
    }

    #newswrap > div:nth-child(5) .votes {
        top: 13px;
    }
    #newswrap > div:nth-child(5) .clics {
        left: -37px;
        top: 40px;
    }
    #newswrap > div:nth-child(5) h3 a {
        top: 20px;
        position: relative;
        left: 15px;
    }
}
@media (min-device-width: 360px) {
    .sidebox .votes span {
        background: linear-gradient(to top, #ffebd4, #fff);
    }
    .sidebox .header {
        background: #e35614 !important;
    }
    .sidebox.brown .header {
        background: #ffebd4 !important;
    }
    .sidebox h4 a {
        color: #fff !important;
        font-size: 18px !important;
        width: 100%;
        text-align: center;
    }
    .sidebox h4 a::before {
        content: "\f160";
        left: 15px;
        position: absolute;
        rotate: 180deg;
        font-family: FontAwesome;
        color: #fff;
        text-align: left;
    }
    .sidebox h4 a::after {
        content: "\f148";
        margin-left: 2px;
        top: 12px;
        font-family: FontAwesome;
        color: #fff;
        position: absolute;
    }
    @media (max-device-width: 991px) {
        .sidebox h4 a::before,
        .sidebox.brown h4 a::after {
            display: none !important;
        }
    }
    .sidebox.brown h4 a::before {
        content: none;
    }
    .sidebox.brown .votes span {
        background: white !important;
    }
    .sidebox.brown h4 a {
        text-shadow: none;
        font-size: 16px !important;
        color: #e35614 !important;
    }
    .sidebox.brown h4 a::after {
        rotate: none;
    }
    [class^="news-body mobile"] [class="news-submitted"] span[title*="enviado"]::before {
        padding: 0px 8px 0 8px;
        margin-left: 59px !important;
        background: #fdf2ed;
        display: inline-flex !important;
    }
    [class^="news-body mobile"] [class="news-submitted"] span[title*="enviado"] {
        display: inline-flex !important;
    }


    /*   .news-summary .warn,
    .story-blog .warn {
        top: -10px !important;
    }
    #newswrap .news-summary,
    #newswrap .news-summary.promoted-article {
        padding: 10px 8px 15px 8px !important;
    }*/
}
}

@-moz-document url-prefix("https://www.meneame.net/user") {
/* ## PERFIL DE USUARIO ##*/
@media (max-width: 767px) {
    [class="contents-body"] [class="news-summary"] {
        margin-bottom: 25px;
    }
    .section-profile .contents-layout [class="contents-body"] {
        padding-left: 0 !important;
        padding-right: 0.01px !important;
    }
    [class="contents-body"] [class="news-summary"] [class^="news-body mobile"],
    [class="news-summary"] [class^="news-body mobile"] {
        padding: 0 0 70px 0 !important;
        margin: 1px !important;
    }
    [class="news-body mobile"] span[class="news-tags"] {
        left: 10px;
    }
    [class^="news-body mobile"] .news-details span.tool.sub-name {
        left: 8px !important;
    }
    [class^="news-body mobile"] [class="news-submitted"] span[title*="publicado"]::before {
        left: 9px !important;
    }
    [class="section-profile-header-medals"] {
        top: 27px;
        margin-top: 0px;
        position: absolute;
        width: calc(100% - 20.2px);
        text-align: center;
    }
    [class="header-menu01"] {
        display: none !important;
    }
    .section-profile .contents-layout .contents-menu a i {
        color: #e35614;
    }

    .section-profile .contents-layout .contents-menu a.selected {
        background-color: #e35614;
        color: white;
        border-radius: 20px;
        margin: 10px 10px 0px 10px;
        padding: 5px 5px 3px 5px;
        top: -5px;
        position: relative;
    }
    .section-profile .contents-layout .contents-menu a.selected i {
        color: white;
    }
    .section-profile .contents-layout .contents-menu {
        /* display: -ms-flexbox; */
        display: inline-flex;
        position: fixed;
        justify-content: center;
        align-content: center;
        width: 100%;
        background-color: white;
        top: 50px;
        z-index: 1004;
        border-bottom: 3px solid #e35614;
    }

    .section-profile .contents-layout .contents-menu a {
        font-size: 10px !important;
        margin: 10px 10px 8px 10px;
        padding: 0px;
    }

    [class="section section-large section-profile"] [class="section-profile-header-avatar"] img.avatar.big {
        margin: 45px 0px 10px 0;
        border: 1px solid darkblue;
        border-radius: 0 0px 20px 20px !important;
        box-shadow: 0px 0px 7px 0px blue;
        -webkit-box-shadow: 0px 0px 7px 0px blue;
        width: 30px;
        height: 35px;
        scale: 2;
    }
} 
@media (min-width: 800px) {
    #header-top {
        background-color: #fff;
    }
    #wrap {
        margin-top: 0px;
        background-color: #f9fafc !important;
    }
    .header-menu01 a.submit_new_post {
        display: none !important;
    }

    .header-top-wrapper.pinned {
        height: 50px !important;
    }
    .header-menu01 .menu01-itemsl .selected {
        display: none;
    }
    div.contents-layout div.vote-negative-alert {
        font-size: 9px;
        width: auto;
        position: absolute;
        padding: 0 10px;
        margin-top: 80px;
        float: right;
        border-radius: 3px;
    }
    ol.comments-list > .comment.user .comment-body,
    ol.comments-list > .comment.author.user .comment-body,
    ol.comments-list > .comment.user .comment-body {
        border: none;
    }

    .section-profile .contents-layout .contents-body h4 {
        margin: 15px 0;
        padding: 15px 0 10px 0;
        border-top: 1px solid #e35614;
        height: auto;
        width: 100%;
        font-weight: 600;
    }
    h4 {
        margin: 0px 0 3px 0;
    }
    #header-top a.sub-name {
        color: transparent;
    }
    .header-menu01 .menu01-itemsl .selected,
    .header-menu01 .menu01-itemsl li.selected {
        top: 0px;
        color: #e35614 !important;
        float: right;
    }
    .header-menu01 .menu01itemsl .selected a {
        padding: 0px 6px 0px 6px;
        background: none;
        font-weight: 800;
        display: contents;
        background-color: #e35614;
        text-align: center;
        border: 0px solid #e35614;
        border-radius: 20px;
        font-size: 10px;
        position: relative;
    }

    #container {
        margin-top: 0px;
    }
    .section {
        padding: 20px 20px 0px 20px;
    }
    .comment-votes-info {
        display: flex;
    }
    .big {
        border-radius: 50%;
    }
    div.row.mb-20 {
        display: flex;
    }
    .col-md-2 {
        width: 50%;
        display: flex;
        height: 30px;
    }
    section-profile .contents-layout .contents-menu a.selected,
    .section-profile .contents-layout .contents-menu a {
        border-radius: 20px 0 0 20px;
        margin-right: -1px;
    }
    nav.contents-menu a.selected,
    .section-profile .contents-layout .contents-menu a:hover {
        border: 1px solid #e35614;
        border-right: 2px solid #f9fafc;
    }
    .section-profile .contents-layout .contents-menu a.selected,
    .section-profile .contents-layout .contents-menu a:hover {
        background: white;
        border-right: 3px solid white;
        position: relative;
        color: #e35614;
    }



    .section-profile .contents-layout .contents-submenu {
        padding-right: 10px;
        justify-content: flex-start;
        align-content: space-around;
        width: 100%;
        height: min-content;
    }
    .section-profile .contents-layout .contents-submenu a {
        margin-right: 20px;
    }



    .section-profile .contents-layout .contents-menu {
        margin-top: 20px;
    }
    .menu01-itemsl > li:nth-child(1) {
        display: none;
    }
    .news-summary,
    .news-summary.promoted-article {
        height: min-content;
        justify-content: space-between;
    }
    .section-profile-header {
        padding: 0 30px 0 20px;
    }
    .section-profile-header-info {
        padding-left: 0px;
        padding-right: 20px;
    }
    .section-profile-header-stats {
        padding: 0 0 0 40px;
    }
    .section-profile-header-avatar {
        margin-right: 20px;
    }

    .section-profile-header-medals {
        margin-top: 0;
        position: absolute;
        top: 0px;
        right: 42.5%;
        width: 175px;
        align-content: center;
    }
    div.vote-negative-alert {
        display: flex !important;
    }
    .section-profile-header-banner {
        display: none;
    }
    .vote-negative-alert {
        text-align: left;
        border-radius: 0px 10px 10px 0;
        flex-direction: column;
        position: relative;
        right: 0px;
        width: 80px;
        top: 85px;
        height: min-content;
        z-index: 600;
    }

    [class="section-profile-header-avatar"] .avatar.big {
        margin: -30px 10px 0 0;
        object-fit: cover;
        border: 1px solid darkblue;
        border-radius: 50% !important;
        box-shadow: 0px 0px 7px 0px blue;
        -webkit-box-shadow: 0px 0px 7px 0px blue;
        width: 120px;
        height: 120px;
    }
    .comments-list {
        width: 100%;
    }

    .comment {
        margin-bottom: 10px;
    }

    /* #### MENEOS #### */
    .section-profile .contents-layout {
        background: #f9fafc;
        padding: 10px 10px 10px 10px;
    }
    .section-profile .contents-layout .contents-body {
        justify-content: space-between;
        background: white;
    }
    div.contents-layout div.news-summary {
        height: min-content;
        padding-bottom: 0;
        width: 100%;
        min-height: 81px;
        border-top: 1px solid #e35614;
        border-bottom: 1px solid #fcece4;
        padding-left: 10px;
        display: inline-flex;
    }
    div.contents-layout .news-summary .news-body {
        display: inline-flex;
        flex-direction: column;
        margin-bottom: 0px;
        padding-left: 75px;
    }

    div.contents-layout .news-body h2 {
        margin-top: 18px;
        order: 2 !important;
        display: inline-flex;
    }
    div.contents-layout .news-body h2 a {
        font-weight: 700;
        letter-spacing: -.9px;
        line-height: 24p...

Reviews

No reviews yet.