GMX FreeMail ausgeputzt by stonecrusher

/* ==UserStyle==
@name         GMX FreeMail ausgeputzt
@description  Login-, Logout-, Vorschalt- und Errorseite sowie Posteingang für gmx.net / .de / .at / .ch radikal geputzt
              und sämtliche (Eigen)werbung entfernt.
              *** Not working for gmx.fr / CaraMail / gmx.com ***
@namespace    stonecrusher
@author       stonecrusher
@version      4.0.9
@homepageURL  https://github.com/stonecrusher/stylus-UserCSS/tree/master/gmx
@supportURL   https://github.com/stonecrusher/stylus-UserCSS/issues
@license      CC-BY-NC-SA-4.0
@preprocessor stylus

@var checkbox sofortantwort-hide    'Sofortantwort verstecken'        0
@var checkbox menu-keep             'Hauptmenüs unangetastet lassen'  0
@var checkbox cloud-hide            'GMX Cloud verstecken'            1
@var color    var_logoutcolor       'Logoutbuttonfarbe'               #ff812e
==/UserStyle== */

/* TODO */
/* GMX Cloud Option betrifft noch nicht die Menüleiste (bei Bedarf anzeigen) */

/*** Login ***/
@-moz-document regexp("https?:\\/\\/www\\.gmx\\.(net|at|ch)\\/"), regexp("https?:\\/\\/www\\.gmx\\.(net|at|ch)\\/fm"), regexp("https?:\\/\\/www\\.gmx\\.(net|at|ch)\\/\\?origin=lpc") {
    * {
        visibility: hidden !important;
    }
    html,
    html > body,
    html > body > #app,
    html > body > #app > .main,
    html > body > #app > .main > .main-content,
    html > body > #app > .main > .main-content > #service-notification *,
    html > body > #app > .main > .main-content > div[data-content],
    html > body > #app > .main > .main-content > div > section[data-content-login],
    html > body > #app > .main > .main-content > div > section[data-content-login] *,
    html > body > #app > .main > .main-content > header,
    html > body > #app > .main > .main-content > header > div,
    html > body > #app > .main > .main-content > header > div > [data-part="logo"],
    html > body > #app > .main > .main-content > header > div > [data-part="logo"] * {
        visibility: visible !important;
    }
    body {
        overflow: hidden !important;
    }
    html > body > #app > .main > .main-content > div > [data-name],
    html > body > #app > .main > .main-content > div > div:nth-child(n + 3),
    html > body > #app > .main > .main-content > div > section:nth-child(n + 4),
    [data-component="bento"] footer,
    [data-component="login"] > div:first-child,
    header + [data-ac="middle"],
    .main > [data-container="right"],
    footer {
        display: none !important;
    }
    p[aria-label="reg"],
    p[aria-label="pwd"] {
        font-size: small !important;
    }
    header[data-component="header"] > div {
        border: 0 !important;
    }
    body,
    html {
        background-color: white !important;
    }
    [data-content] [data-content-login] {
        justify-content: center !important;
    }
    .main {
        grid-template-columns: 100% !important;
    }
    .main > [data-container="left"]:first-child {
        display: none !important;
    }
    [data-component="login"] {
        justify-content: center !important;
    }
    if not menu-keep {
        [aria-label="netid"],
        [data-component="bento"] {
            display: none !important;
        }
    }
}

/*** Logout ***/
@-moz-document regexp("https?:\\/\\/www\\.gmx\\.net\\/logoutlounge\\/.*"), regexp("https?:\\/\\/www\\.gmx\\.net\\/#(.*)?") {
    /* https://github.com/stonecrusher/stylus-UserCSS/issues/13 */
    /*body > *:not(.first),
    .logout-notification > .hint > p,
    .search-wrapper,
    #rightnav { /**/
    header,
    [data-skeleton-body],
    footer {
        display: none !important;
    }
}
/*** Eingeloggt ***/
@-moz-document regexp("https?:\\/\\/((dl|mm|3c|3c-bap|adressbook|account|cloud|kalender|wusa|metasearch|(.+\\.)?navigator)\\.)?gmx\\.net\\/.*") {
    /* Navi */
    if not menu-keep {
        /* Navi oben */
        /*web.de*/ [data-item-name="premiumclub_ha"],
        /*gmx*/ [data-item-name="cloud"],
        /*gmx*/ [data-item-name="premium_product"],
        [data-item-name="maildomain_new"],
        [data-item-name="allnet"],
        [data-item-name="zattoo"],
        [data-item-name="waiputv"],
        [data-item-name="online-fitness"],
        /* Navi oben geöffnet ("mehr") */
        [data-group-name="Produkte"],
        /* Navi linke Seite */
        /* beat this specificity: html.resolution-1024 #navigation li.item, */
        /* Verschlüsselung, DE-Mail, Mailcheck */
        /*web.de
        #navigation.component > ul > li.item:nth-child(4),
        #navigation.component > ul > li.item:nth-child(6),
        #navigation.component > ul > li.item:nth-child(7),
        /**/
        /*gmx*/
        #navigation.component > ul > li.item:nth-child(3),
        #navigation.component > ul > li.item:nth-child(5),
        #navigation.component > ul > li.item:nth-child(6),
        /**/
        /* Dokumentenmanager, Pinnwand, SMS/MMS, Fax */
        #navigation [data-area="orga"] + .seperator + .item + .item + .item,
        #navigation [data-area="orga"] + .seperator + .item + .item + .item + .item,
        #navigation [data-area="orga"] + .seperator + .item + .item + .item + .item + .item,
        #navigation [data-area="orga"] + .seperator + .item + .item + .item + .item + .item + .item,
        /* Produkte */
        #navigation [data-area="produkte"],
        #navigation [data-area="produkte"] + .seperator,
        #navigation [data-area="produkte"] + .seperator + .item,
        #navigation [data-area="produkte"] + .seperator + .item + .item,
        #navigation [data-area="produkte"] + .seperator + .item + .item + .item,
        #navigation [data-area="produkte"] + .seperator + .item + .item + .item + .item,
        #navigation [data-area="produkte"] + .seperator + .item + .item + .item + .item + .item,
        #navigation [data-area="produkte"] + .seperator + .item + .item + .item + .item + .item + .item,
        #navigation [data-area="produkte"] + .seperator + .item + .item + .item + .item + .item + .item + .item,
        #navigation [data-area="produkte"] + .seperator + .item + .item + .item + .item + .item + .item + .item + .item,
        #navigation [data-area="produkte"] + .seperator + .item + .item + .item + .item + .item + .item + .item + .item + .item,
        #navigation [data-area="produkte"] + .seperator + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item,
        /*web.de
        #navigation [data-area="produkte"] + .seperator + .item + .item + .item + .item + .item + .item + .item + .item + .item + .item,
        [title="Vorteile des WEB.DE Club 1 Monat kostenlos testen"],
        [title="Jobs @ WEB.DE"],
        /**/
        /*gmx*/
        [title="Jobs @ GMX.DE"],
        [title^="GMX-Premium-Vorteile"],
        /**/                                
        /* Verschlüsselte, Fax, SMS */
        #section-0 > .navigation-container-top > .panel > .button-group-firstblockbutton > .button-group-firstblockbutton_subgroup,
        /** Suche Overlay **/
        .meta-results-page__feedback-button,
        .meta-results-page__section-web,
        /* Briefankündigung */
        #id11 {
            display: none !important;
        }
    }
    [icon="core_logout"] {
        background-color: var_logoutcolor !important;
    }
    /* Fix für Displays mit geringe Breite */
    @media screen and (max-width: 1024px) {
        .page {
            min-width: auto !important;
        }
        .section-0 {
            width: 195px !important;
        }
        .section-1 {
            left: 200px !important;
        }
    }

    /** Startseite **/
    .feedback__button,
    .atl-feedback__button,
    .upsell,
    .extend-mail-storage,
    .webcent,
    .hide,
    .login-security,
    #footer a[href^="https://newsroom.gmx.net/"],
    #footer a[href^="https://web.de/presse/"],
    #footer a[href^="https://www.mail-and-media.com/jobs.html"],
    #footer a[href^="https://www.united-internet-media.de/"] {
        display: none !important;
    }
    /* Höhe */
    .component.widget.mail > section {
        height: 485px !important;
    }
    .component.widget.mail .nav-tabs,
    .component.widget.mail .tab-mail {
        height: 328px !important;
    }
    .component.widget.mail ul.inbox-container {
        height: initial !important;
    }
    .add-widget {
        height: 100px !important;
    }
    .add-widget .text {
        padding-top: 0 !important;
    }
    /* Breite */
    /*gmx*/ ul.inbox-container li {
        max-width: initial !important;
    }
    #desk > .cockpit > .grid-right {
        display: none !important;
    }
    #desk div.grid-container.grid-left {
        width: 100% !important;
    }
    .component.widget.mail ul.inbox-container li .sender {
        width: 180px !important;
    }
    .component.widget.mail ul.inbox-container li .subject {
        width: 585px !important;
    }
    #desk ul.section.col-2 {
        width: 100% !important;
    }

    /** Email Editor **/
    .cke_button__phxgreetingcards,
    #transferoption .form-item[id],
    #mailComposeScheduledButton,
    .demail-selection,
    .dialog-promo,
    .promo {
        display: none !important;
    }
    /*gmx*/
    if cloud-hide {
        /*Anhang aus Cloud laden*/
        .menu-sub-flyout > li[id]:last-child {
            display: none !important;
        }
    }

    /** Postfach **/
    .upsell-link,
    .smart-inbox-empty-preview-teaser,
    .mailcheck,
    .pgp-empty-preview-teaser,
    .post-avise-empty-preview-teaser,
    /*gmx*/ #maillist .iba-acceptable,
    /*gmx*/ .navigation--smartInbox,
    /*gmx*/ #mail-list tr[data-component="MessageListAdRow"],
    /*gmx*/ .ftd-box-promote,
    /*gmx*/ #superbanner.ad,
    /*gmx*/ .digital-copy-empty-preview-teaser,
    /*gmx*/ #mail-list tr[data-component-pixelurls*="adfarm1"],
	.ad.sky
    /* TODO select elements inside Shadow DOM
    list-programmatic-inbox-ad-item,
    .list-programmatic-inbox-ad-item__iframe, */ {
        display: none !important;
    }
    /* Invisible #s...