Skip to content

DRG Wiki - Better Readability by notsagyo

Screenshot of DRG Wiki - Better Readability

Details

Authornotsagyo

LicenseNo License

Categorydeeprockgalactic.wiki.gg

Created

Updated

Size1.6 kB

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

Makes the background darker so you don't get distracted with the background image.

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name           deeprockgalactic.wiki.gg - Nov 2023
@namespace      github.com/openstyles/stylus
@version        1.0.0
@description    A new userstyle
@author         Me
==/UserStyle== */
@-moz-document domain("deeprockgalactic.wiki.gg") {
  :root {
    --all: 0px;
    --top-right: 50px;
    --b-color: #e38a00;
    --b-size: 2px;
    --bg: rgba(10, 10, 15, 0.95);
  }

  .mw-body {
    border: var(--b-size) solid var(--b-color);
    background: linear-gradient( 45deg, var(--b-color) 0 calc(var(--bottom-left, var(--all)) + var(--b-size)), transparent 0) bottom left /50% 50%,
      linear-gradient( -45deg, var(--b-color) 0 calc(var(--bottom-right, var(--all)) + var(--b-size)), transparent 0) bottom right/50% 50%,
      linear-gradient( 135deg, var(--b-color) 0 calc(var(--top-left, var(--all)) + var(--b-size)), transparent 0) top left /50% 50%,
      linear-gradient(-135deg, var(--b-color) 0 calc(var(--top-right, var(--all)) + var(--b-size)), transparent 0) top right /50% 50%,
      var(--bg);
    background-origin: border-box;
    background-repeat: no-repeat;

    -webkit-mask: linear-gradient( 45deg, transparent 0 var(--bottom-left, var(--all)), #fff 0) bottom left,
      linear-gradient( -45deg, transparent 0 var(--bottom-right, var(--all)), #fff 0) bottom right,
      linear-gradient( 135deg, transparent 0 var(--top-left, var(--all)), #fff 0) top left,
      linear-gradient(-135deg, transparent 0 var(--top-right, var(--all)), #fff 0) top right;
    -webkit-mask-size: 50.5% 50.5%;
    -webkit-mask-repeat: no-repeat;
  }
}

Reviews

No reviews yet.