Remove the AD of Outlook.com with Stylish

Update for new Outlook.com

Outlook.com recently rolled out new interface which makes the original hack ineffective. The updated CSS hack, in turn, is as follows:

@-moz-document domain(live.com) {
    /* For old Outlook.com */
    #RightRailContainer {display: none;}
    .WithRightRail {right: 0 !important;}

    /* For new Outlook.com */
    ._n_h {display: none; width: 0;}
    #primaryContainer div[style*="right: 165px;"] {right:0 !important;}
}

Because the AD element is neither named nor classified, a slightly complex selector is used. The effect looks like the following:

New Outlook.com with ad removed

But still, Outlook.com is awesome service and if at all possible, please use the paid version to support it.


Outlook.com is a decent product from Microsoft and I’ve been enjoying it (and its past lives…). There is an advertisement bar on the right of most pages, but it doesn’t affect my usage; sometimes it showed really interesting stuff (I customized my ad preferences).

However, not all ads are interesting, especially when this one appears…

Outlook.com with AD displayed

The ad bar won’t hide itself until the window goes too small. If the screen is not so large, the subject column is left with only 5 to 6-char width and the ad remains. Couldn’t MS provide an option to show the ad as a horizontal bar at the bottom of the page?

I want to get rid of it (more specifically, that ugly ad). Stylish could do the trick. (The script has been uploaded to userstyles.org. Click here to download.)

@-moz-document domain(live.com) {
    #RightRailContainer {display: none;}
    .WithRightRail {right: 0 !important;}
}

After:
Outlook.com with AD displayed