New Yahoo Mail - Slimmer Top Bar, Full-Width, No Ads, No Crap by j-kappes

/* ==UserStyle==
@name           New Yahoo Mail - Full-Width, No Ads, No Crap
@namespace      USO Archive
@author         johnnyzero
@description    `This style makes Yahoo Mail page full-width, and hides most of the annoying crap: Yahoo top header, ALL "message list" ads, right-side ad panel, Breaking News, Views, Contacts button, Calendar button, Notepad button, and Yahoo Video nonsense in empty folders.One minor inconvenience: also hides the Settings button. For those times when you need to access Settings, you can just temporarily disable the style. Or, you could create a Bookmark to the following URL: https://mail.yahoo.com/d/settings/0Comments & suggestions are welcome.`
@version        20230304.17.44
@license        NO-REDISTRIBUTION
@preprocessor   uso
==/UserStyle== */
@-moz-document domain("mail.yahoo.com")
{

/* Hide new Yahoo top header*/  
  div[id="ybar-inner-wrap"]  > div:nth-child(1)
  {
    display: none !important;
  }

/* Shrink top banner */  
   [data-test-id="mail-app"] > [role="banner"] > div:nth-child(1)
  {
    height: 60px !important;
  }
   div[id="ybar"]
  {
    height: 60px !important;
  }
  
/* Sidebar rework */
  [data-test-id="right-rail-ad"]
  {
    display: none !important;
  }
  
    [data-test-id="right-rail-hidead-btn"]
  {
    display: none !important;
  }
  
  
 /* Hide top message list ad */
  #mail-app-component [data-test-id="pencil-ad-messageList"]
  {
    display: none!important;
  }

  /* Hide 2nd message list ad */
  #mail-app-component [data-test-id="pencil-ad-messageList2"]
  {
    display: none!important;
  }

    
  /* Hide Breaking News crap */
  [data-test-id="breaking-news-container"]
  {
    display: none !important;
  }

  
   /* Prevent Contacts, Calendar, Notepad and Contact Cards from appearing in right column*/  
  div[class="D_F ek_BB"]
  {
    display: none !important;
  }
  
  
    /* Re-size Tab-List*/
  div[class="_yb_onjri"]
  {
    margin-top: -22px !important;
  }
  
    
  /* Hide video nonsense in enpty folders */
  [data-test-id="video-container"]
  {
    display: none !important;
  }

  [data-test-id="efv-subheader"]
  {
    display: none !important;
  }

  [data-test-id="efv-channel-list"]
  {
    display: none !important;
  }
  
    [data-test-id="efv-toolbar"]
  {
    display: none !important;
  }
  
  /* Hide "Views" */
  [data-test-id="keyboard-toggle-smartview-list"]
  {
    display: none !important;
  }

  [data-test-id="comms-properties-bar"]
  {
    justify-content: flex-start !important;
    flex-direction: column !important;
    padding-left: 5px !important;
    padding-right: 5px !important;
  }

  [data-test-id="comms-properties"] > A:nth-child(1n+0)
  {
    margin-right: 0px !important;
  }

  [data-test-id="mim-launcher"]
  {
    margin-right: 0px !important;
  }

  [data-test-id="settings-link-label"]
  {
    display: none !important;
  }

  [data-test-id="comms-properties"]
  {
    flex-direction: column !important;
  }

  [data-test-id="mail-right-rail"]
  {
    flex-direction: row !important;
    flex-wrap: wrap-reverse !important;
  }

  /* Hide Ad in Navigation */

  [data-yaft-module="norrin_ad_tl1"]
  {
    display: none !important;
  }

  [data-yaft-module="norrin_ad_rec"]
  {
    display: none !important;
  }
  
  /* Hide Ad placed in mailbox */
 
/*** Dee - 20180117 - Target "infinite-scroll-AD" and adjust message layout ***/
  [data-test-id="ad-viewability-tracker"]
  {
    display: none !important;
  }

/* Message list layout - adjust by height of hidden ad (46px) */
  div.D_F.H_6D6F.ab_FT.em_N > div > div > div.H_6D6F.W_6D6F > div:nth-child(1n+0) > div.hd_n
  {
    margin-top: -24px !important;
  }
/* Message right + bottom layout - adjust by height of hidden ad (46px) */
/* Note that right layout should ideally be adjusted by height of transform (72px) */
  div.D_F.H_6D6F.ab_FT.em_N > div > div > div.H_6D6F.W_6D6F > div > div:nth-child(1n+0) > div.hd_n
  {
    margin-top: -24px !important;
  }
  

  /* Shrink Header */
  body#Atom > header.norrin-ybar > div#ybar
  {
    padding-top: 11px !important;
    padding-bottom: 0px !important;
    height: 60px !important;
  }

  header.norrin-ybar
  {
    height: 60px !important;
  }

  body#Atom > header.norrin-ybar > div#ybar > div:nth-child(2)
  {
    display: block !important;
  }

  body#Atom > header.norrin-ybar > div#ybar > div:nth-child(3)
  {
    display: block !important;
    padding-left: 194px !important;
    top: -36px !important;
  }


  /* Hide "Give Feedback" button */
  [data-test-id="panel-stack"]
  {
    display: none !important;
  }

}