Greasy Fork is available in English.

Four.lol skin for Harddrop

Makes the harddrop.com ui look like four.lol. Also adds functionality from four.lol such as the section jumping on the side at all times. It increases the font size and gives it a much more modern look, just like four.lol.

// ==UserScript==
// @name        Four.lol skin for Harddrop
// @description Makes the harddrop.com ui look like four.lol. Also adds functionality from four.lol such as the section jumping on the side at all times. It increases the font size and gives it a much more modern look, just like four.lol.
// @namespace   Violentmonkey Scripts
// @match       https://harddrop.com/wiki/*
// @match       https://harddrop.com/w/*
// @grant       GM_addStyle
// @version     1.3
// @author      NarwhalKid
// @description 3/4/2023, 12:11:15 PM
// ==/UserScript==
 const css = `

.gumax-firstHeading {
  color: var(--color-header);
font-family: Poppins,Noto Sans JP,sans-serif;
font-weight: 700;
font-size: 2.5rem;
margin-top: 3.125rem;
margin-bottom: 3.57143rem;
text-rendering: optimizeLegibility;
line-height: 1.1;
color: #ffffff;

}

.gumax-content-table, body, .catlinks, #gumax-footer {
background-color: #363941 !important;
background: #363941 !important;
}

#content {
  color: #dcddde;
}

a {
  color: #9a9a9b !important;
  box-shadow: 0 1px 0 #9a9a9b;
  text-decoration: none;
}

a:active,
a:hover {
 color: #dcddde !important;
 text-decoration: none;
}

a:hover {
 box-shadow:0 1px 0 #dcddde;
}

p {
font-size: 16px;
font-weight: 400;
margin-bottom: 1.5625rem;
line-height: 1.5rem;
}

.mw-headline {

font-weight: 700;
font-size: 1.56rem;
color: #ffffff;

text-rendering: optimizeLegibility;
position: relative;
}


#content {
border: none;
}

h2, h3 {
border: none;
margin-top: 3.125rem !important;
margin-bottom: 1.5625rem !important;
font-family: Poppins,Noto Sans JP,sans-serif;
color: #ffffff;
}

h3 span {
font-weight: 600 !important;
}

b {
font-weight: normal;
}

table {
background-color: transparent !important;
}

td table {
border: none !important;
}

#toc a {
  cursor: pointer !important;
  pointer-events:auto;
  font-size: 16px;
}

.image {
cursor: auto !important;
pointer-events:none;
}

#toctitle h2 {
text-transform: uppercase;
color: #dcddde;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 15px;
font-size: 17px;
font-family: IBM Plex Sans,sans-serif;
}

.toclevel-1 a {
color: #dcddde !important;
box-shadow: none;
font-family: IBM Plex Sans,sans-serif;
font-weight: 400;
font-size: 15px !important;
}

.toclevel-1 ul a {
color: #9a9a9b !important;
font-size: 14px !important;
}

.toclevel-1 ul a:active,
.toclevel-1 ul a:hover {
 color: #dcddde !important;
 text-decoration: none;
}

.toclevel-1 ul a:hover {
}

.toclevel-1 {
 margin-bottom: 5px;
}

.toclevel-2 {
  margin-top: 5px;
}

#toc ul {
padding: 0;
}

.toctoggle, .tocnumber {
display: none;
}

.toclevel-1 {
margin-left: 0;
}

#toctitle {
margin-bottom: 15px;
}

#toc {
margin-top: 150px;
position: sticky;
top: 80px;
margin-bottom: 130px;
border: none;
}

ul {
list-style: none;
}

#gumax-footer {
 border-top: none;
}

.catlinks {
border: none;
}

table tbody tr td p a img {
background-color: white;
border: white solid;
}

#bodyContent div {
  background-color: #363941 !important;
}

#gumax-nav a, .selected a {
  color: #ffffff !important;
}

.selected a {
background: #9e9e9e !important;
}

#gumax-content-actions ul li a:hover {
background: #9e9e9e !important;
}

#bodyContent a.external {
  background-image: none !important;
  padding: 0 !important;
}

#gumax-page {
width: 100%;
}

#gumax-header, #gumax-p-navigation, #gumax-footer {
width: 990px !important;
margin: 0 auto;
}

.gumax-content-td-center {
width: 6666px !important;
}

.gumax-content-td-topright {
vertical-align: top !important;
width: 2500px !important;
}

.gumax-content-table {
 width: 1200px;
margin: 0 auto;
}

td {
color: #dcddde !important;
}

 `;

const link = document.createElement('link');
link.href = 'https://fonts.googleapis.com/css?family=Poppins:Bold,Black,ExtraBold,ExtraLight,Light,Medium,Regular,SemiBold,Thin';
link.rel = 'stylesheet';

document.getElementsByTagName('head')[0].appendChild(link);

link.href = 'https://fonts.googleapis.com/css?family=IBM+Plex+Sans:Bold,Black,ExtraBold,ExtraLight,Light,Medium,Regular,SemiBold,Thin';

document.getElementsByTagName('head')[0].appendChild(link);

function moveContents() {setTimeout(() => {
  if (document.getElementById('toc') && document.getElementsByClassName('gumax-content-td-topright')[0]) {
    document.getElementsByClassName('gumax-content-td-topright')[0].appendChild( document.getElementById('toc') );
  } else {
    moveContents();
  }
}), 100}

moveContents();

 (function() {
    'use strict';
    GM_addStyle(css);
})();