CSS絡み(Stylishとか)

display:noneをGresemonkeyで機能させる手法はもう既に何度か紹介していますので、marginやpaddingを弄る方法です。これも例は西野さんのブログです。

var result = document.evaluate('//*[@class="article-date" or @class="article-title" or @class="article-header" or @class="article-footer" or @class="article-share-buttons"]',document, null, 7, null);
        for(var i=0;i<result.snapshotLength;i++)
	{
  		result.snapshotItem(i).style.margin="0";
        result.snapshotItem(i).style.padding="0";
	}