Wide GitHub Stylebot Customizations

git-stylebot.css

/*
* Use your whole screen for GitHub! This makes GH's layout more flexible to accomodate widescreen displays.
*
* Use/Installation:
*   1. Get Stylebot at https://chrome.google.com/webstore/detail/stylebot/oiaejidbmkiecgbjeifoejpgmdaleoha?hl=en
*   2. Right-click on a GitHub page and select "Stylebot->Style Element" (it doesn't matter which element).
*   3. When the Stylebot window opens, click the "edit CSS" button and paste the entire contents of this file in.
*   4. (optional) Edit to your tastes if you like, but you may lose the ability to update from this gist unless you
*      re-make your changes.
*/

div.site > .container,
div.site-content > .container,
div.site-content > .site-container > .container {
    width: calc(100% - 20px);
}

div.site > .container .comment-holder {
    max-width: inherit;
}

div.site > .container .comment-holder .discussion-timeline {
    max-width: inherit;
    width: calc(100% - 50px);
}

div.site > .container .discussion-timeline {
    width: calc(100% - 150px);
}

div.site > .container .repository-with-sidebar .repository-content {
    max-width: calc(100% - 50px);
    width: 100%;
}

div.site > .container .repository-with-sidebar.with-full-navigation .repository-content {
    max-width: calc(100% - 190px);
    width: 100%;
}

div.site > .container .timeline-new-comment {
    max-width: inherit;
}

div.site > .container table.timeline-commits > tbody > tr.commit:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(90%,#ffffff), color-stop(100%,#dfdfdf));
}

div.site-content > .site-container > .container .gist .gist-content {
    width: calc(100% - 180px);
}

div.site-content > .container .edit.container {
    width: 100%
}