devRant.io GreaseMonkey script

devRant.user.js

// ==UserScript==
// @name        devRant.io
// @namespace   namespace
// @require     https://code.jquery.com/jquery-1.12.4.min.js
// @description make devRant.io website a little easier to read
// @match       *://www.devrant.io/*
// @version     1
// @grant       GM_addStyle
// ==/UserScript==

//make devRant.io wider and remove clutter/tidy up
GM_addStyle(
    ".addcomment-btn { margin-left: -210px; }" +
    ".addrant-btn { margin-left: -35px; }" +
    ".bluegrey-bg { background-color: #f2f2f2; }" +
    ".body-col1 { display: none }" +
    ".body-col2 { width: 100% }" +
    ".feed-top-icons {float: left; }" +
    ".feed-top-icons.menu-icon {float: right; }" +
    ".home-icon { font-size: 28px; float: left; margin-left: 15px; }" + 
    ".rant-image { max-height: 100%; }" +
    ".rantlist-bg { min-height: 0; width: 100% }" +
    ".rantlist-content-col { width: 90% }" +
    ".share-icons { display: none }"
);

//create some html to store the home icon
var homeIconLink = '<a class="home-icon" href="/feed/"><span class="icon-rantsemoticon2 icon"></span></a>';

//append to the menubar near where the social icons go
$(homeIconLink).insertBefore('.share-icons');