El País - CLEANED PAGE & Sin Límite de noticias 😁

Limpieza visual de ELPAIS.COM quitando publi y un montón de módulos molestos que no aportan mucho a la lectura. Además nos saltamos el Muro de nº de noticias y el Muro de Login.

    // ==UserScript==
    // @name         El País - CLEANED PAGE & Sin Límite de noticias 😁
    // @namespace    http://zequi.es
    // @version      0.69
    // @description  Limpieza visual de ELPAIS.COM quitando publi y un montón de módulos molestos que no aportan mucho a la lectura. Además nos saltamos el Muro de nº de noticias y el Muro de Login.
    // @author       @zequi
    // @match        https://elpais.*/*
    // @include      https://elpais.com/*
    // @include      https://www.elmundo.es/*
    // @require      https://cdnjs.cloudflare.com/ajax/libs/jquery/1.12.4/jquery.min.js
    // @grant        none
    // @run-at       document-start
    // @license MIT
    // ==/UserScript==



    // Mensaje importante:
    // Código ÑAPA: el código es bastante ñapa y hecho a toda leche, para uso personal. Pero si quieres echar una mano. Contacta conmigo! ;)
    //        - ñapa: se usa Jquery, pero se puede quitar perfectamente.
    //        - ñapa: la mayoría del código es para editar estilos, pero se hace a lo bruto, hay que cambiar el enfoque.
    //        - ñapa: se ejecuta el script varias veces para asegurar en vez de poner un listener.
    // Código LEGACY: se ha ido añadiendo nuevo código, pero no hemos mantenido el código viejo (hay muchas líneas que seguro que ya no son necesarias).
    //
    // Lo dicho, si quieres ayudar a mejorar el código o añadir funcionalidad, contacta sin problema.

    (function() {
      "use strict";

      // Capar la ejecución de ciertos JS externos (ej: saltar el Muro de Login)
      //    Ejecutamos lo antes posible estas líneas antes de ready, para evitar la ejecución de algunos Scripts de Javascript,
      //    Quizás algunos de estos JS ya se capán por el browser por algún plugin, pero no viene mal caparlos también aquí para acelerar la carga de página y la privacidad.
      //    Usamos una librería de github, q hemos copiado directamente en nuestro código justo abajo
      checkForBadJavascripts ( [
          [true, /arcsubscriptions.elpais.com/i, function(){console.log("zeq.script 001");} ],
          [true, /privacy-center.org/i, null ],
          [true, /adobedtm.com/i, null ],
          [true, /outbrain.com/i, null ],
          [true, /fundingchoicesmessages.google.com/, null ],
          [true, /pxlctl.elpais.com/, null ],
          [true, /s.go-mpulse.net/, null ],
          [true, /ENP-outbrain.js/i, null ],
          [true, /publicapi/i,          function(){console.log("zeq.script 003");} ],
          [true, /news\.google\.com/i,    function(){console.log("zeq.script 004");} ],
          [true, /closed-article-layer.js/i,    function(){console.log("zeq.script 005");} ]
      ] );
      // Inyección de Librería checkForBadJavascripts()
      //    copiada literalmente de: https://gist.github.com/tbrugz/2dd8b53bb6f125c64be9
      //    sólo se ha copiado una función, hay algo más de código no copiado.
      //    y pasada por un minifier (quizás se podría poner sin minimizar para facilitar auditorías de seguridad del código)
      function checkForBadJavascripts(e){return e.length?(checkForBadJavascripts=function(t){for(var r=e.length-1;r>=0;--r){var a=e[r][0],n=e[r][1];if(a){if(n.test(t.target.src))return c(r),!1}else if(n.test(t.target.textContent))return c(r),!1}function c(a){t.stopPropagation(),t.preventDefault();var n=e[r][2];"function"==typeof n&&n(t.target),t.target.parentNode.removeChild(t.target),e.splice(r,1),e.length||window.removeEventListener("beforescriptexecute",checkForBadJavascripts,!0)}},window.addEventListener("beforescriptexecute",checkForBadJavascripts,!0),checkForBadJavascripts):null}

      // UTILS - función para que el Elemento html, se ponga de color gris por defecto, y con mouseover se ponga en color gris oscuro.
      function elementHoverize(selector, color_non_hovered = "lightgrey",  color_hovered = "darkgrey") {
          $(selector).css("color", color_non_hovered)
          $(selector).hover(function(){$(this).css("color",color_hovered);}, function(){$(this).css("color",color_non_hovered);})
      }


      $(document).ready(function() {

        // Hay una pequeño código para limpiar la basura de periódico de ElMundo, pero no está mantenida esta función.
        function cleanElmundo() {
            // CABECERA
            $(".ue-c-seo-links-container").remove();

            // PORTADA
            $(".ue-c-newsletter-widget").remove(); // modulo de newsletter
            //$(".ue-c-cover-content__byline-list").remove(); // nombre del periodista en cada noticia
            $(".ue-c-cover-content__byline-name").remove();
            $(".servicios_vwo").remove(); //módulos de servicios
            $(".ue-c-cover-content__icon-premium").parent().parent().css("background-color", "#edab3b").css("opacity", "0.4"); //marca visualmente las noticias de pago

            // PageNOTICIA > post-CUERPO
            $(".ue-c-article__trust").remove(); // seccion TrustProject

            // PaginaNoticia > LATERAL derecho ENTERO!
            $(".ue-l-article__secondary-column").remove(); // fuera columna derecha entera

            // PaginaNoticia > LATERAL derecho ENTERO!
            $(".ue-c-article__share-tools").remove(); //botones de compartir
        }





        function cleanElpais() {

          // ANTI-WALL > resetea el número de noticias gratis
          if (window.location.href!="https://elpais.com/") {  //no se ejecuta en portada
              localStorage.removeItem('ArcP');
          }
            /*antiguo reseter
              var aa = JSON.parse(localStorage.getItem('ArcP'));
              aa.anonymous.rc["8"].c = -99;
              localStorage.setItem('ArcP', JSON.stringify(aa));
            */

          // CABECERA
          $(".editions").remove(); //links a otras ediciones/idiomas: inglés/catalán/...
          $(".subscribe").remove(); //botón Subscribirse al lado del botón login
          $(".horizontal_scroll_wrapper").remove(); //links a otras secciones
          $(".alertBar").remove(); //quita el breaking-news (algo supuestamente urgente)
          $(".ad-giga-1").remove(); //quita la publi de arriba del todo (v2021oct)
          // Espacios en blanco en la cabecera
            //$(".x").css("padding", "8px"); //quitarle a la cabecera espacios en blanco por encima y debajo de logo elpais
            //$(".x-nf").css("padding-top","3px").css("padding-bottom","0px");
            $("#ctn_head").css("padding","0px");
            //$("#csw").css("margin-top","-4px")
            $(".x-nf .x_w").css("padding-top","0.2rem").css("padding-bottom","0.2rem"); //quitarle a la cabecera espacios en blanco por encima y debajo
            if (window.location.href=="https://elpais.com/") { //solo portada
                $(".x_bh").css("margin-top","0px"); $(".ep_l").css("margin-top","0px"); //quitarle a la cabecera espacios en blanco por encima de logo elpais
                $("h1.ep_l a img.ep_sl").remove() //bajo logo, quita img "periódico global"
                $("h1.ep_l a").css("height","2.75rem") // logo, quitar espacio debajo
                // experimentos o viejo
                   //$("h1.ep_l").css("margin-top", "-6px").css("margin-bottom", "-6px") //tunning posicion logo, ligeramente hacia arriba,
                   //$("h1.ep_l a img.ep_i").css("margin-top", "-1rem")
                   //$("h1.ep_l a img.ep_i").css("height","75%").css("width","75%")
                   //$(".x-nf.x-p .ep_e").css("background-image",'url("https://static.elpais.com/dist/resources/images/logos/primary/el-pais.svg")')
            }
          $(".al._g-o").remove(); // se quita el Breaking News de alertas, porque no suelen ser realmente urgentes. Y siempre está en portada.
          // en la subcabecera de todo el portal, donde están los topics:
            // quitar tanta altura
            $("._g._g-xs.cs").css("padding-top","0.4rem");
            $(".sm._df a").css("padding", "0.4rem 0.4rem");
            $(".x-ph").css("min-height", "0px");
            // fondo transparente de los topics
            $("._g-o.csw").css('background', 'rgba(255, 255, 255, 0)');
            $("#containerCounterLayer").css("background-color", "white")




          //*****  PORTAL-ENTERO > CABECERA *****//
             // Subcabecera Topics
                $(".z-he").css("background", "none") // SubCabecera topics = fondo gris
                elementHoverize(".sm._df > a", "grey", "black"); // SubCabecera > Topics: cambiar color de texto a gris, y negro en hover.
                $("main").css("margin-top", "-1.6em") // SubCabecera topics = minimiza espacio debajo.



          //*****  PORTADA *****//
          // código pensado en portada, pero se ejecuta en todo el portal, se podría reorganizar el código
          		$("ul.menu").remove(); //en cada sección, quitar el submenú de la izquierda.
          		$(".author").remove(); $(".separator").remove(); $(".capitalize").remove();  //quita el nombre del periodista y ciudad
          		$(".c_a").css("color", "#d9d9d9"); //
          		$(".c_t").css("margin-bottom","6px") //encima de la firma, quita un poco de espacio entre titular y firma.
          		$(".c_k.c_k-s").remove(); // portada > mod_noticia ==> borrar el texto de "contenido exclusivo"

          // quitar módulos de publi y auto-promoción
            $(".classifieds_widget").remove();  //modulo de publicidad
            $("classifieds_widget").remove();  //modulo de servicios
            $("#el-pais-que-hacemos").remove() //quita la sección entera de auto-promoción del propio elpais
            $(".c-bra").css("color", "#ddd") // articulos pagados por publicidad, los ponemos en gris claro
            $(".b-eci_txt").remove(); //eliminar gran módulo único en portada  autopromocional
            $(".ad-giga").remove(); //eliminar módulo de publi giga
            $(".b-bra-brandedmix").remove()
          // esquinas redondeadas del conteneder principal (portada y pf_noticia)
            $("main").css("border-radius","8px"); $("article").css("border-radius","8px")
          // fix: arreglar un problema visual del Logotipo repetido, solo en portada principal.
            $(".ep_e").css("background-image", "");




            //*****  PORTADA > CONTENEDORES *****//
            // explicación de selectores de portada
            // "main section._g-o"	= contenedor entero (no aplica a contenedores de final de página)
            // "main header._pr"		= contenedor > titulo superior

                // CONTENEDORES > espacio entre ellos (aplica a * containers)
                        $("main section._g-o").css("margin-top", "1rem")  // altura entre contenedores
                // CONTENEDORES > espacio entre ellos (aplica adhoc en los dos primeros containers)
                        $("main section._g-o:eq(0)").css("margin-top", "-1.0rem") // contenedor 1º = subir un poco (reescribe!!)
                        $("main section._g-o:eq(1)").css("top", "-2.5rem").css("background-color", "pink") //¿¿¿¿¿¿¿¿¿¿¿¿???????????????
                        $("._g-o.z_hr").remove() // adhoc! borrar un espacio entre contenedor 1º y 2º (muy adhoc, facil q se rompa)
                // CONTENEDORES > color fondo blanco, redondeado
                        $("main section._g-o").css("background-color", "white")
                        $("main section._g-o").css("border-radius","15px"); $("article").css("border-radius","15px");
                // CONTENEDORES > TITULO > espacios
                        $("main section._g-o > header").css("padding-top", "0.6rem").css("margin-bottom", '0.6rem') //quita aire encima/debajo del titulo del container
                //$("main header._pr").css("border-bottom", '0px') // portada > contenedor > TITULO borde inferior = eliminado --> DESACTIVADO
                // CONTENEDORES > borrar líneas horizontales
                        $("main header._pr").css("border-top", '0px') // portada > contenedor > borde superior gordo negro = eliminado
                        $("main .b-t_w").css("border-bottom", '0px') // portada > contenedor > borde inferior doble fino = eliminado (no es completo, no arregla * los contenedores con borde-inferior)
                // CONTENEDOR 1º (cambio ADHOC, cuidado)
                        $("main section._g-o:eq(0)").css("padding-top", "1rem") // contenedor 1º > arriba = meter un poco de aire






          // PageNOTICIA > pre-CUERPO (HEADER-noticia:título/entradilla/foto)
          if (window.location.href!="https://elpais.com/") {  //no se ejecuta en portada
              // para limpiar agresivamente la cabecera en la PáginaNoticia, NO en la portada.
              $("#u_c_dv").remove(); //quitar botón de registro
              $(".x_e._dn").remove(); //quitar botón de idioma
              // Cabecera blanca
                  $(".x_ep._df > span, .x_ep._df > div").css("margin-top", 0) //quitar espacio vacío encima del logo
                  $("#ctn_head").css("padding", "0px");  //quitar espacio vacío encima/debajo del logo
              // Subcabecera con tópicos
                  $(".cs").css("padding-top", "0.6rem"); // SubCabecera de Topics = espacio en gris encima de  subheader.topics
                  $("article._g").css("margin-top", "0.001rem"); // SubCabecera de Topics = espacio en gris debajo de subheader.topics
                  $(".cs_t_e").css("font-weight","600") // SubCabecera > categoría principal (arriba izq) = letra más delgada
                  $(".cs_t_e").css("font-size","1.7rem") // SubCabecera > categoría principal (arriba izq) = letra más pequeña
                  //$(".cs_t_e").after().css("height","0.15rem") // SubCabecera > categoría principal (arriba izq) > subrayado = más fino
                  $(".cs_t_e").css("margin-bottom", "-0.7rem") // SubCabecera > categoría principal (arriba izq) = quita espacio de abajo
                  $(".z-he").css("background", "none") // SubCabecera > fondo gris

              //pre-foto
                  $("article > Header.a_e").css("padding-top", "0.5rem"); //
                  $("article > Header > div.a_e_txt").css("color", "#ddd"); // Pre-Titular
              //eliminar módulo de Lotería del lateral de la noticia
                  //$("aside._pr>div").remove();.
          }

          // PageNOTICIA > CUERPO
          if (window.location.href!="https://elpais.com/") {  //no se ejecuta en portada
              $(".a_q").css("color", "#d9d9d9");
              $("section#cta_id").remove(); //elimina el módulo de Subscripción insertado en medio del texto de la noticia

              // post-foto: descripción foto
                  //$(".sb").remove(); //compartir
                  //$(".f_c span.f_a").remove(); //en las imágenes, en el pie de foto se quita nombre del fotógrafo o agencia
                  $(".w_rs").remove(); //eliminar botones compartir
                  //$(".a_e_txt").css("padding-bottom", "1.5rem");  //eliminar botones compartir
                  $(".a_e").css("border-bottom", "0px"); //eliminar la línea horizontal encima del autor
                  //$("article>header figure>figcaption>span").hide()
                  $("figure>figcaption.a_m_p").css("border-bottom-width","0px") // quitar linea debajo descripcion foto en ciertas pf_noticias
                  $("figure>figcaption.a_m_p>span.a_m_m").hide() //en las imágenes, en el pie de foto se quita nombre del fotógrafo o agencia
                  elementHoverize("figcaption.a_m_p")



              // post-foto: Bloque Autor
                  $("article > Header").css("margin-bottom", "8px"); // BloqueAutor > reducir espacio vacío por arriba.
                  $("article > div.a_md").css("margin-top","-2.6rem") // BloqueAutor > reducir espacio vacío por encima.
                  $("article > div.a_md").css("margin-bottom", "0.5rem"); // BloqueAutor > reducir espacio vacío por debajo.
                  $("article .a_md_a").css("margin-bottom","-0.3rem") // BloqueAutor >  quita espacio entre líneas de autor y fecha
                  $("article .a_md_txt").css("margin-top","0.5rem").css("margin-left","-1.7rem") // BloqueAutor > texto => posicionarlo mejor
                  elementHoverize("article .a_md_txt") // BloqueAutor > texto => en gris clarito
                  $("article .a_md_txt > .a_md_f").css("border-bottom-width", "0px"); // BloqueAutor > quitar la línea inferior

          }


          // PageNOTICIA > post-CUERPO
               $("#ctn_closed_article").remove(); //si la noticia concreta está protegida por el 'Muro de Login', se elimina el módulo para logarse.
               $(".a_tp").remove(); // seccion TrustProject
               $(".a_com_l").remove(); // en seccion comentarios, eliminar link a "normas"
               $("#ctn_freemium_article").remove(); // caja de "Contenido exclusivo para suscriptores"


          // PaginaNoticia > LATERAL derecho
               $(".w_b .w_tx").remove(); // en la página de noticia, en lateral > se borra el texto de la newsletter, aunque dejamos el botón

               // publi disfrazada de noticia: borrar
               $("aside._pr>aside.c-brr").remove()

               // módulo newsletter: gris clarito
               $(".w-cta").css("color", "#ddd");
               $(".w-cta > h3").css("color", "#ddd")
               $(".w-cta > h3").css("border-bottom", "0px")

               // módulo Lo más visto
               elementHoverize("section.w-lmv")
               $(".w-lmv").css("border-bottom-width","0px") //quitar línea inferior del módulo
               $(".w_t").css("color","lightgrey")


          // PIE de PAGINA
          $(".fo").css("display", "none") //no se remove() este elemento, xq produce problemas (se pierde la hamburguesa y la barra de avance de lectura)
          $("#footer-lazy").css("display","none"); // oculta el footer entero, pero evitamos usar remove() xq rompe la hamburguesa.
          $("#classified_el-pais").css("display", "none")

          // BORDE y FONDO
          //if (window.location.href!="https://elpais.com/") {  //no se ejecuta en portada
              $(".fusion-app").css({background: 'radial-gradient(#d7dbe0 40%, grey)'}); //cambio visual para mejor Lectura = para que los bordes de la página sean gris, para mejor lectura
          //}
          document.body.style.background = '#d7dbe0'; //cambio visual para mejor Lectura = poner la barra desplazadora lateral derecha más oscura
          document.body.style.scrollbarFaceColor = '#747575';


          //LEGACY - from original code
          //   pendiente revisar si sigue siendo necesario
          $(".fc-dialog-container").fadeOut();
          $(".fc-dialog-overlay").fadeOut();
          $(".fc-whitelist-root").remove();
          $(".fc-ab-root").remove();
          $(".salida_articulo").css("overflow", "visible");

          //LEGACY - codigo extra personalizado por mi
          //   pendiente revisar si sigue siendo necesario
          $(".articulo-trust").remove();
          $(".a_tp").remove(); // seccion TrustProject
          $(".a_d").remove(); // seccion Subscríbete
          $(".articulo-extras").remove();
          $(".articulo_branded").remove();
          $(".pie").remove();
          $(".navegacion-sucripcion").remove();
          $(".bloque-patrocinador").remove();
          $(".bloque_tematico_rsc_2019").remove();
          $(".contenedor_clasificados").remove();
          $(".antetitulo_comercial_generico").parent().remove();
          //v0.7
            $(".articulo_opinion > .articulo__interior > .noticia-cerrada").parent().parent().remove()
            $(".articulo_opinion > .articulo__interior > .noticia-cerrada-cintillo").parent().parent().remove()
          //v0.8
            $(".contenedor_servicios_new").remove();
          //0.9
            $('a[rel="sponsored"]').remove();
          //0.10
            $('#bloque_tematico_deportes').remove();
          //0.11
            $('.bloque_tematico_especial-publi').remove();
        }




        function cleanElpaisDelayed() {
            //este código se ejecuta unos cuantos segundos después de renderizarse la página
            //módulo amarillo Límite de Lectura
            $("#articlesLeftMsg > span").text("tropocientos");
            $(".sc_b").remove(); // borrado el botón para más información de promociones de subscripción elpais
            if  ( $("#ctn_head .ed span:first").text()  == "España" ) {
                $("#ctn_head .ed span:first").text("Espanistán!");
            } ;
        }


        setTimeout(cleanElmundo, 200); setTimeout(cleanElpais, 10);
        setTimeout(cleanElmundo, 500); setTimeout(cleanElpais, 500);
        setTimeout(cleanElmundo, 1400); setTimeout(cleanElpais, 1400);
        setTimeout(cleanElpaisDelayed, 4000);
      });
    })();