User:Exampleava/common.js

Code that you insert on this page could contain malicious content capable of compromising your account. If you import a script from another page with "importScript", "mw.loader.load", "iusc", or "lusc", take note that this causes you to dynamically load a remote script, which could be changed by others. Editors are responsible for all edits and actions they perform, including by scripts. User scripts are not centrally supported and may malfunction or become inoperable due to software changes. A guide to help you find broken scripts is available. If you are unsure whether code you are adding to this page is safe, you can ask at the appropriate village pump.
This code will be executed when previewing this page.
The accompanying .css page for this skin is at User:Exampleava/common.css.
Note: After saving, you have to bypass your browser's cache to see the changes. Google Chrome, Firefox, Microsoft Edge and Safari: Hold down the ⇧ Shift key and click the Reload toolbar button. For details and instructions about other browsers, see Wikipedia:Bypass your cache.
// Add JavaScript
setTimeout(function() {
    let addmp = document.getElementsByClassName("vector-menu-content-list")[0];
    addmp.innerHTML += "<li id=\"pt-mainpage\"><a href=\"/wiki/Main_Page\" data-mw=\"interface\" title=\"Main Page\">Main page</a></li><li id=\"pt-randompage\"><a href=\"/wiki/Special:RandomPage\" data-mw=\"interfacee\" title=\"Random page\">Random page</a>";
}, 500);

// Start the main styling
GM_addStyle (`
#mw-page-base {
}
#p-electronpdfservice-sidebar-portlet-heading {
  display: none !important;
}
body {
  font-family: 'Roboto', sans-serif !important;
  background: #fff !important;
}
code {
  font-size: 13px;
}
.mw-footer {
  width: 75% !important;
  margin: auto !important;
}
h1.firstHeading {
  font-family: 'Roboto Slab', serif !important;
  font-weight: 400 !important;
}
#contentSub, .mw-headline, #siteSub, .hatnote, .infobox-above, .infobox-title, .infobox-header, .reference, h2, h3, h4, h5, h6,
table.infobox .mw-collapsible tr:first-child {
  font-family: 'Roboto Slab', serif !important;
}
.monospaced, code {
  font-family: 'Roboto Mono', monospace;
}
.mw-collapsible-toggle, .mw-editsection {
  font-family: 'Rubik' sans-serif !important;
}
h2.mw-toc-heading {
  font-size: 20px;
  font-family: 'Roboto Slab', serif !important;
}
/* Main Page */
#mp-tfa-h2, #mp-itn-h2, #mp-otd-h2, #mp-dyk-h2, #mp-tfp-h2, #mp-other, #mp-sister, #mp-lang {
  border-radius: 10px !important;
  text-align: center !important;
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
#mp-welcome {
  font-family: 'Roboto Slab', serif !important;
}
/* Top */
.vector-menu-content-list {
  border-bottom: none !important;
  margin-top: 0px !important;
  margin-right: 80px !important;
}
.noprint {
  background: rgba(0,0,0,0) !important;
}
nav.vector-menu-tabs {
  border-radius: 15px 15px 0px 0px !important;
}
nav#p-namespaces {
  margin-right: 75px !important;
}
#searchInput {
  color: #000 !important;
  background: #fff !important;
  border-radius: 5px !important;
}
#simpleSearch {
  position: absolute !important;
  top: 11px !important;
  left: 270px !important;
}
#searchButton {
  margin-bottom: 61px !important;
}
.suggestions {
  position: absolute !important;
  top: 35px !important;
}
#ca-nstab-user, #ca-view, #ca-talk, #ca-unwatch, #ca-nstab-image, #ca-view-foreign, #ca-edit, #ca-watch, #ca-nstab-main, #ca-history, #ca-viewsource, #ca-nstab-project,
#ca-nstab-special, #ca-nstab-template, #ca-nstab-help, #ca-addsection, #ca-nstab-category {
  background: #fff !important;
  border-top: 1px solid #ccc !important;
  line-height: 11px !important;
}
#ca-nstab-user, #ca-view, #ca-nstab-image, #ca-nstab-main, #ca-nstab-project, #ca-nstab-special, #ca-edit:first-child, #ca-nstab-template, #ca-nstab-help, #ca-nstab-category {
  border-left: 1px solid #ccc !important;
}
#ca-nstab-special {
  border-right: 1px solid #ccc !important;
}
#ca-talk, #ca-unwatch, #ca-watch {
  border-right: 1px solid #ccc !important;
} #ca-watch #text {display:none !important;}
.vector-menu-tabs, .vector-menu-tabs a, #mw-head .vector-menu-dropdown h3 {
  background-image: none !important;
}
#p-cactions {
  margin-right: 75px !important;
}
#p-variants, #p-namespaces {
  margin-right: 50px !important;
}
#left-navigation {
  margin-left: 81px !important;
}
#p-personal {
  background: #fff !important;
  border: 1px solid #ccc !important;
  margin-top: 5px !important;
  z-index: 98 !important;
} #right-navigation, #left-navigation, #content, #mw-data-after-content {margin-top:10px;} #right-navigation, #left-navigation {margin-top:50px;}
.box-Current, .box-Current_election, .box-Multiple_issues, .ambox-delete, .box-Third-party, .box-Notability, .box-Synthesis {
  border-radius: 0px 15px 15px 0px !important;
  box-shadow: 0px 0px 30px #ddd !important;
}
table.infobox, #catlinks, div.navbox, .mbox-small, .toc, div.portal, .wikitable, .thumb.tright, .thumb.tleft, .thumb.tnone .thumbinner, .sidebar, .quotebox, .wikipediauserbox,
.module-shortcutboxplain {
  box-shadow: 0px 0px 30px #ddd !important;
}
.plainlinks {
  box-shadow: 0px 0px 30px #ddd !important;
}
.mw-normal-catlinks {
  padding-left: 5px;
}
div.stub[role="note"] {
  color: #ff1111 !important;
}
div.stub[role="note"] a:link, div.stub[role="note"] a:visited {
  color: #ff1111 !important;
  text-decoration: underline !important;
}
div.stub[role="note"] a:hover {
  text-decoration: none !important;
}
kbd.button {
  cursor: pointer !important;
  font-family: 'Roboto', sans-serif !important;
  box-shadow: 0px 0px 15px #ddd !important;
}
.plainlinks.nourlexpansion {
  background: rgba(0,0,0,0) !important;
  box-shadow: none !important;
}
/* Wikitable */
table.wikitable, table.wikitable tbody {
  border: none !important;
}
table.wikitable th {
  font-family: 'Roboto Slab', serif !important;
}
/* Infobox style */
.infobox-title, .infobox-above {
  font-size: 20px !important;
}
table.infobox, .toc, .mwe-popups, .mbox-small, #mw-sharedupload, .licensetpl_wrapper, .licensetpl, .catlinks, .warningbox, #noarticletext, #sisterproject {
  border-radius: 10px;
}
.thumbinner {
  border-radius: 0px 0px 10px 10px;
}
.infobox-above {
  background-color: rgba(0,0,0,0) !important;
  color: #000 !important;
}
.infobox-header, td.infobox-full-data .mw-collapsible tr:first-child {
  font-size: 15px !important;
}
.infobox-subheader {
  font-family: 'Roboto Slab', serif !important;
}
.mw-body {
  margin: auto;
  width: 86%;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 15px #ccc;
  border-radius: 0px 0px 15px 15px;
}
/* Editing an Article */
.ve-ui-toolbar-group-save {
  border-radius: 15px !important;
}
`)

// Hide stuff
GM_addStyle (`
#p-interaction, #p-tb, #p-coll-print_export, #p-wikibase-otherprojects, #p-lang, #p-logo, #n-contents, #n-currentevents, #n-randompage, #n-aboutsite, #n-contactpage,
#n-sitesupport, #n-mainpage-description, .mw-kartographer-fullScreen {
  display: none !important;
}
`)

// Hide the scrollbar
GM_addStyle (`
::-webkit-scrollbar {
  width: 1px !important;
}
/* Track */
::-webkit-scrollbar-track {
  background: #fff !important;
}
/* Handle */
::-webkit-scrollbar-thumb {
  background: #fff !important;
}
`)

// Blocked Article
GM_addStyle (`
.page-Murder_of_George_Floyd {
  background: #ff0000 !important;
}
.page-Murder_of_George_Floyd #mw-content-text {
  content: "This article has been blocked by Modernpedia due to it's graphic nature. If you want to read it, disable Modernpedia.";
}
.page-Murder_of_George Floyd .catlinks {
  display: none !important;
}
`)

// Add the fonts
GM_addStyle (`
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v13/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmYmRjRdE.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v13/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISma2RjRdE.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v13/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmY2RjRdE.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v13/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmbGRjRdE.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v13/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmYGRjRdE.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v13/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmYWRjRdE.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Slab';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotoslab/v13/BngbUXZYTXPIvIBgJJSb6s3BzlRRfKOFbvjojISmb2Rj.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu72xKOzY.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu5mxKOzY.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7mxKOzY.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4WxKOzY.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7WxKOzY.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu7GxKOzY.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v27/KFOmCnqEu92Fr1Mu4mxK.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SeW4Ep0.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_QOW4Ep0.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_R-W4Ep0.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_S-W4Ep0.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_SuW4Ep0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/robotomono/v13/L0xuDF4xlVMF-BfR8bXMIhJHg45mwgGEFl0_3vq_ROW4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4iFWkU1Z4Y.woff2) format('woff2');
  unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4iFU0U1Z4Y.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* hebrew */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4iFVUU1Z4Y.woff2) format('woff2');
  unicode-range: U+0590-05FF, U+20AA, U+25CC, U+FB1D-FB4F;
}
/* latin-ext */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4iFWUU1Z4Y.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Rubik';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/rubik/v12/iJWZBXyIfDnIV5PNhY1KTN7Z-Yh-B4iFV0U1.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/overpass/v5/qFdH35WCmI96Ajtm81GrU9vyww.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Overpass';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/overpass/v5/qFdH35WCmI96Ajtm81GlU9s.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
`);

setTimeout(function() {
    let scrollbar = document.getElementsByClassName("mediawiki")[0];
    scrollbar.innerHTML += "<div class=\"progress-container\"><div class=\"progress-bar\" id=\"theBar\"></div></div>"
    window.onscroll = function() {barScroll()};
    function barScroll() {
        var winScroll = document.body.scrollTop || document.documentElement.scrollTop;
        var height = document.documentElement.scrollHeight - document.documentElement.clientHeight;
        var scrolled = (winScroll / height) * 100;
        document.getElementById("theBar").style.width = scrolled + "%";
    }
}, 500);

// Scrollbar styling
GM_addStyle (`
.progress-container {
  width: 100%;
  height: 8px;
  background: #ccc;
  position: fixed;
  top: 0;
  left: 0;
  box-shadow: 10px 0px 30px #ddd;
  z-index: 99 !important;
}
/* The progress bar (scroll indicator) */
.progress-bar {
  height: 8px;
  background: #00FF7F;
  width: 0%;
  box-shadow: 10px 0px 30px #ddd;
}
`);