icetbr / Readable Wikipedia

// ==UserScript==
// @name        Readable Wikipedia
// @description Makes wikipedia easier to read (smaller line length, cleaner). See https://github.com/nixterrimus/readable-wikipedia.
// @version     1.1
// @author      icetbr

// @include       http*://*.wikipedia.org/**

// @license     MIT
// @namespace   https://github.com/icetbr/userscripts
// @updateURL   https://openuserjs.org/meta/icetbr/Readable_Wikipedia.meta.js
// @downloadURL https://openuserjs.org/install/icetbr/Readable_Wikipedia.user.js
// ==/UserScript==
/* jshint esversion: 6 */

function GM_addStyle_from_string(str) {
    var node = document.createElement('style');
    node.innerHTML = str;
    document.body.appendChild(node);
}

//var cssSrc = GM_getResourceText ("readableWikipediaCss");
// extracted from https://raw.github.com/nixterrimus/readable-wikipedia/master/readable.css
var cssSrc = `
    /* Base Wikipedia Enhancement */

    a, a:visited {
      text-decoration: none !important;
      color: black !important;
    }

    .reference {
      display: none !important;
    }

    .internal {
      display: none !important;
    }

    #mw-panel {
      display: none !important;
    }

    #mw-head {
      margin: 0 auto !important;
      background-color: white !important;
      border-bottom: 1px solid #AAA !important;
      padding-bottom: 13px !important;
    }

    #mw-head-base {
      background-image: none !important;
    }

    div#content {
      width: 800px !important;
      margin: 0 auto !important;
      background: none !important;
      padding: 4.25em 1.5em 1.5em 1.5em !important;
      border: none !important;
    }

    .infobox th {
      background-color: rgb(95, 95, 95) !important;
      color: white !important;
      font-weight: normal !imporant;
    }

    .infobox th a {
      color: white !important;
      font-weight: normal !imporant;
    }

    #siteNotice {
      display: none !important;
    }

    h2 {
      margin-top: 2em !important;
    }

    #mw-page-base {
      height: auto !important;
    }

    #siteSub {
      display: none !important;
    }

    .metadata {
      display: none !important;
    }

    .catlinks {
      display: none !important;
    }

    .Template-Fact {
      display: none !important;
    }

    div#content a.external {
      background: none !important;
    }

    .topicon {
      display: none !important;
      right: 9999px !important;
    }

    .icone_de_titre {
      display: none !important;
    }

    #coordinates {
      display: none !important;
    }

    #p-personal {
      display: none !important;
    }

    #left-navigation {
      display: none !important;
    }

    #right-navigation {
      margin-top: 0px !important;
    }

    #p-views {
      display: none !important;
    }

    #mw-body {
      margin-left: 0px !important;
    }

    #protected-icon {
      display: none !important;
    }

    .dablink {
      display: none !important;
    }

    #mw-articlefeedback {
      display: none !important;
    }

    .editsection {
      display: none !important;
    }

    #footer {
      text-align: center !important;
      background: none !important;
      margin: 0 0 !important;
      background-color: white !important;
      border-top: 1px solid #AAA !important;
    }

    #footer-places {
      display: none !important;
    }

    #footer img {
      display: none !important;
    }

    .tleft {
      margin: 1.5em 1.4em 1.3em 0 !important;
    }

    /* I'm really not sure about this change,
     * Eventually I'd like the TOC accessible
     * via a side menu, for now this is experimental
     * and might change
    */

    #toc {
      display: none !important;
    }

    /* Reading Enhacements */

    * {
      line-height: 1.7em !important;
    }

    p {
      font-size: 1.2em !important;
      margin-top: 1.4em !important;
    }

    /* File Enhancements */


    #filetoc {
      display: none !important;
    }

    #file img {
      width: 100% !important;
      height: auto !important;
    }

    .fullMedia, .sharedUploadNotice, #mw-imagepage-section-linkstoimage, #filelinks, #mw-imagepage-section-filehistory, #filehistory, #mw-imagepage-section-globalusage, #globalusage, #mw-imagepage-content, #template-picture-of-the-day, #metadata, .mw-imagepage-section-metadata, .mw-filepage-resolutioninfo {
      display: none !important;
    }

    /* Scripted in styles */
    #logo {
      margin: .5em auto auto 1em;
    }

    .visible-link {
      color: #2B77BD !important;
    }

    #enhancement_credit {
      font-size: 12px !important;
    }

    .mw-editsection {
      display: none !important;
    }

    .mobile {
      display: none !important;
    }

    /* Responsive breakpoints */

    @media screen and (max-width: 850px) {
      div#content {
        width: 600px !important;
      }
      .thumb, .tright, .left {
        display: block !important;
        float: none !important;
      }
      #mw-articlefeedbackv5 {
        display: none !important;
     }
    }

    @media screen and (max-width: 650px) {
      div#content {
        width: 320px !important;
      }
      #firstHeading {
        width: 100% !important;
      }

      .desktop {
        display: none !important;
      }

      .mobile {
        display: block !important;
      }

      .infobox {
        display: block !important;
        float: none !important;
        margin: 1em auto !important;
       }
    }

    /* MY CODE */

       body{-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;hyphens:auto; text-align:justify}
       a, a:visited {color: rgb(43, 119, 189) !important}
       #mw-head {display: none}
       div#content {width: 600px !important; padding-top: 1em !important}

    `;

GM_addStyle_from_string(cssSrc);
document.getElementById("References").parentNode.nextSibling.nextSibling.style.display = "none"