Tagesschau.de Desktop Kompakt

Browser-Tool: Tagesschau.de im Kompaktmodus zur verkleinerten Darstellung der Seiteninhalte auf dem Desktop

// ==UserScript==
// @name         Tagesschau.de Desktop Kompakt
// @namespace    http://tampermonkey.net/
// @version      0.1.20
// @description  Browser-Tool: Tagesschau.de im Kompaktmodus zur verkleinerten Darstellung der Seiteninhalte auf dem Desktop
// @author       FrohDigital
// @match        https://www.tagesschau.de/*
// @exclude      https://www.tagesschau.de/thema/*
// @exclude      https://www.tagesschau.de/allemeldungen/*
// @exclude      https://www.tagesschau.de/infoservices/podcast/*
// @exclude      https://www.tagesschau.de/search/*
// @grant        GM_addStyle
// @license      Freeware - GPL (General Public License)
// ==/UserScript==

(function() {
    'use strict';

    GM_addStyle(".content-wrapper{background-color: rgba(138, 138, 138, .1);}")

    GM_addStyle(".textabsatz{ background-color: rgba(255, 255, 255, 0.0); }")
    GM_addStyle(".id-card{ background-color: rgba(255, 255, 255, 0.0);  }")
    GM_addStyle(".id-card__inner{ background-color: rgba(255, 255, 255, 0.0);  }")
    GM_addStyle(".socialbuttons{ background-color: rgba(255, 255, 255, 0.0); }")
    GM_addStyle(".trenner{ background-color: rgba(255, 255, 255, 0.0); }")
    GM_addStyle(".multimediahead{ background-color: rgba(255, 255, 255, 0.0); }")

    GM_addStyle(".teaser__teaserinfo{ margin:0px; padding:0px;}")
    GM_addStyle(".teaser__shorttext{ margin:0px; padding:0px;}")
    GM_addStyle(".teaser__link{ margin:0px; padding:0px;}")
    GM_addStyle(".teaser__headline-wrapper{ margin:0px; padding:0px;}")
    GM_addStyle(".teaser__topline{ margin:0px; padding:0px;}")
    GM_addStyle(".teaser__head{ margin:0px; padding:0px;}")
    GM_addStyle(".teaser__media{ margin:0px; padding:0px;  }")

    var bodyw = document.body.clientWidth;
    var mediaItm = "none";
    var pdleft = 5;
    var lmmxw = "206px";
    var mblw = 768;

    var cntnwrpr = "none";

    var els_ = document.getElementsByTagName("*");
    var a;
    for (a = 0; a < els_.length; a++)
    {
        if(els_[a].classList.length > 0)
        {
            if(els_[a].classList.contains("content-wrapper"))
            {
                cntnwrpr = els_[a];
                break;
            }
        }
    }

    if(cntnwrpr != "none")
    {
        var els = cntnwrpr.getElementsByTagName("*");
        var i;
        var elswclasses = [];
        for (i = 0; i < els.length; i++)
        {
            if(els[i].classList.length > 0)
            {
                elswclasses.push(els[i]);
            }
        }
    }
    else
    {
        return;
    }

    for(var n = 0; n < elswclasses.length; n++)
    {
        if(elswclasses[n].tagName != "iFrame")
        {
            elswclasses[n].style.fontSize = "1.6rem";
            elswclasses[n].style.lineHeight = "normal";
            if(elswclasses[n].classList.contains("footer"))
            {}
            else
            {
                elswclasses[n].style.paddingBottom = "0px";
            }
            if(elswclasses[n].classList.contains("teaser__shorttext"))
            {
                elswclasses[n].style.padding = "0px";
                elswclasses[n].style.margin = "0px";
                elswclasses[n].style.width = "99.8%";
            }
            if(elswclasses[n].classList.contains("teaser__headline"))
            {
                elswclasses[n].style.padding = "0px";
                elswclasses[n].style.margin = "0px";
                elswclasses[n].style.fontSize = "2.2rem";
            }
            if(elswclasses[n].classList.contains("teaser"))
            {
                elswclasses[n].style.padding = "0px";
                elswclasses[n].style.margin = "0px";
                elswclasses[n].style.marginBottom = "10px";

                if(elswclasses[n].classList.contains("color--tongue"))
                {
                    elswclasses[n].style.backgroundColor = "rgba(255, 255, 255, 0.1)";
                }
                else
                {
                    elswclasses[n].style.backgroundColor = "rgba(0, 0, 0, 0.05)";
                }
            }
            if(elswclasses[n].classList.contains("columns") && elswclasses[n].classList.contains("twelve"))
            {
                var sub_els = elswclasses[n].getElementsByTagName("*");
                if(sub_els.length > 0)
                {
                    if(sub_els[0].classList.contains("teaser__media"))
                    {
                        elswclasses[n].style.maxWidth = lmmxw;
                        mediaItm = elswclasses[n];
                    }
                    else
                    {
                        if(sub_els[0].classList.contains("teaser__teaserinfo") || sub_els[0].classList.contains("teaser__link"))
                        {
                            sub_els[0].style.paddingTop = "2px";
                            sub_els[0].style.paddingLeft = (pdleft + 'px').toString();
                            if(elswclasses[n].classList.contains("m-six") || elswclasses[n].classList.contains("m-eight"))
                            {
                                elswclasses[n].style.paddingLeft = (pdleft + 'px').toString();
                                elswclasses[n].style.marginLeft = "0px";
                                if(typeof(bodyw) != 'undefined')
                                {
                                    if(bodyw > 505)
                                    {
                                        if(bodyw < mblw)
                                        {
                                            if(bodyw > 648)
                                            {
                                                elswclasses[n].style.maxWidth = "65%";
                                            }
                                            else
                                            {
                                                elswclasses[n].style.maxWidth = "55%";
                                            }
                                        }
                                        else
                                        {
                                            elswclasses[n].style.minWidth = "70%";
                                        }
                                    }
                                }
                                else
                                {
                                    elswclasses[n].style.minWidth = "70%";
                                }
                                mediaItm = "none";
                            }
                            else
                            {
                                elswclasses[n].style.marginRight = "0px";
                                elswclasses[n].style.marginLeft = "0px";
                                elswclasses[n].style.paddingLeft = "0px";
                                if(elswclasses[n].clientWidth < (568))
                                {
                                    elswclasses[n].style.maxWidth = "100%"
                                }
                                else
                                {
                                    var resW = (elswclasses[n].clientWidth - 275 - pdleft);
                                    var resWStr = (resW + 'px').toString();
                                    elswclasses[n].style.maxWidth = resWStr;
                                    elswclasses[n].style.paddingLeft = (pdleft + 'px').toString();
                                    elswclasses[n].style.paddingRight = "0px";
                                    elswclasses[n].style.marginLeft = "0px";
                                    elswclasses[n].style.marginRight = "0px";
                                }
                                if(mediaItm != "none")
                                {
                                    mediaItm.style.maxWidth = "275px";
                                }
                            }
                        }
                    }
                }
                if(sub_els.length > 1)
                {
                    if(sub_els[1].classList.contains("teaser__media"))
                    {
                        elswclasses[n].style.maxWidth = "275px";
                        elswclasses[n].style.marginLeft = "0px";
                        elswclasses[n].style.marginRight = "0px";
                        elswclasses[n].style.paddingLeft = "0px";
                        elswclasses[n].style.paddingRight = "0px";
                    }
                    if(sub_els[1].classList.contains("teaser__teaserinfo") || sub_els[1].classList.contains("teaser__link"))
                    {
                        sub_els[1].style.paddingTop = "2px";
                        sub_els[1].style.paddingLeft = "0px";
                    }
                }
            }
            if(elswclasses[n].classList.contains("trenner__text__topline"))
            {
                elswclasses[n].style.fontSize = "1.8rem";
            }
            if(elswclasses[n].classList.contains("trenner__text__headline"))
            {
                elswclasses[n].style.fontSize = "2.6rem";
            }
            if(elswclasses[n].classList.contains("trenner__link"))
            {
                elswclasses[n].style.fontSize = "1.8rem";
            }
            if(elswclasses[n].classList.contains("id-card__img"))
            {
                elswclasses[n].style.maxWidth = "80px";
            }
            if(elswclasses[n].classList.contains("list"))
            {
                elswclasses[n].style.paddingBottom = "10px";
            }
            if(elswclasses[n].classList.contains("list-element"))
            {
                elswclasses[n].style.marginBottom = "10px";
                if(elswclasses[n].classList.contains("columns"))
                {
                    elswclasses[n].style.borderRightStyle = "solid";
                    elswclasses[n].style.borderRightWidth = "5px";
                    elswclasses[n].style.borderRightColor = "rgba(0, 0, 0, 0.05)";

                    elswclasses[n].style.borderLeftStyle = "solid";
                    elswclasses[n].style.borderLeftWidth = "5px";
                    elswclasses[n].style.borderLeftColor = "rgba(0, 0, 0, 0.05)";

                    elswclasses[n].style.paddingRight = "0px";
                    elswclasses[n].style.paddingLeft = "0px";

                    elswclasses[n].style.marginTop = "5px";
                    elswclasses[n].style.marginBottom = "5px";
                }
            }
            if(elswclasses[n].classList.contains("list-element__media"))
            {
                if(elswclasses[n].classList.contains("four") && elswclasses[n].classList.contains("m-six"))
                {
                    elswclasses[n].style.maxWidth = lmmxw;
                }
                if(elswclasses[n].classList.contains("four") && elswclasses[n].classList.contains("columns"))
                {
                    elswclasses[n].style.backgroundColor = "rgba(255, 255, 255, 0.1)";
                    elswclasses[n].style.width = "23%";
                    var maxW = lmmxw;
                    var imchldrn = elswclasses[n].getElementsByClassName("list-element__image")
                    if(imchldrn.length != 0)
                    {
                        if(elswclasses[n].classList.contains("m-three"))
                        {
                            maxW = "80px";
                        }
                        else
                        {
                            elswclasses[n].style.height = "100%";
                        }
                    }
                    if(typeof(bodyw) != 'undefined')
                    {
                        if(bodyw < mblw)
                        {
                            elswclasses[n].style.maxWidth = "106px";
                        }
                        else
                        {
                            elswclasses[n].style.maxWidth = maxW;
                        }
                    }
                    else
                    {
                        elswclasses[n].style.maxWidth = maxW;
                    }
                }
            }
            if(elswclasses[n].classList.contains("list-element__teaserinfo"))
            {
                elswclasses[n].style.backgroundColor = "rgba(255, 255, 255, 0.1)";
                elswclasses[n].style.minWidth = "77%";
                if(elswclasses[n].classList.contains("m-nine"))
                {}
                else
                {
                    elswclasses[n].style.minHeight = "100%";
                }
            }
            if(elswclasses[n].classList.contains("list-element__shorttext"))
            {
                elswclasses[n].style.marginBottom = "2px";
            }
            if(elswclasses[n].classList.contains("list-element__link"))
            {
                elswclasses[n].style.backgroundColor = "rgba(255, 255, 255, 0.0)";
            }
            if(elswclasses[n].classList.contains("teaser__link"))
            {
                elswclasses[n].style.backgroundColor = "rgba(255, 255, 255, 0.0)";
            }
            if(elswclasses[n].classList.contains("teaser__teaserinfo"))
            {
                elswclasses[n].style.backgroundColor = "rgba(255, 255, 255, 0.0)";
            }
            if(elswclasses[n].classList.contains("mubu-container"))
            {
                elswclasses[n].style.backgroundColor = "rgba(0, 0, 0, 0.07)";
                elswclasses[n].style.marginTop = "0px";
                elswclasses[n].style.paddingBottom = "2px";
            }
        }
    }
})();