MediaWiki:Monobook.css

Note: After publishing, you may have to bypass your browser's cache to see the changes.

• Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
• Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
• Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.

/* I had an idea to update the skin come time for Halloween and Christmas. This is an Halloween version. Feel free to contribute if you know what you are doing.
Pro tip: I used the extension stylus to see what my changes will look like without even committing anything first. */

body {
  background-image:
    linear-gradient(to bottom, rgba(255, 140, 0, 0.15) 100px, rgba(0,0,0,0) 200px),
    linear-gradient(to bottom, rgba(40, 20, 20, 0.6), rgba(0,0,0,0.8)),
    url(https://soyjakwiki.org/images/7/70/NuKiBackgroundFinal.png); /* ⚠️ This is just and holder until someone finds an good background to replace the existing one, can you help soyteen? ⚠️ */ 
  background-size: 620px;
  background-repeat: repeat;
}

body.skin-monobook #content,
body.skin-monobook .pBody {
  border-radius: 5px;
  border: 2px solid #ff7518;
}

a {
  color: #a85a0c;
}
a:visited {
  color: #cc6600;
}
a:hover {
  color: #d1700f;
}

.portlet h3 {
    color: whitesmoke;
}

body {
  background-image:
    linear-gradient(to bottom, rgba(255, 140, 0, 0.15) 100px, rgba(0,0,0,0) 200px),
    linear-gradient(to bottom, rgba(40, 20, 20, 0.6), rgba(0,0,0,0.8)),
    url(https://soyjakwiki.org/images/7/70/NuKiBackgroundFinal.png);
  background-size: 620px;
  background-repeat: repeat;
  color: #333333;
}

body.skin-monobook #content,
body.skin-monobook .pBody {
  border-radius: 5px;
  border: 2px solid #ff7518;
}

body.skin-monobook #p-personal li a {
  color: #663300 !important;
  background-color: rgba(255, 235, 205, 0.5);
  padding: 2px 6px;
  border-radius: 4px;
  display: inline-block;
  margin: 1px 0;
}

body.skin-monobook #p-cactions li a {
    color: #663300 !important; 
    background-color: rgba(255, 235, 205, 0.5); 
  border-radius: 5px;
}

body.skin-monobook #p-cactions ul li {
  background: transparent;
  border-radius: 5px;
}

/* Selected / active links */
body.skin-monobook #p-cactions li.selected a {
  background-color: #d4700d !important;
  color: #ffffff !important;
  border-radius: 5px;
  text-shadow: 0 0 2px #663300;
}

/* Hover effects */
body.skin-monobook #p-cactions li a:hover,
body.skin-monobook #p-personal li a:hover {
  background-color: #ffb84d !important;
  color: #fff !important;
  text-shadow: 0 0 3px #663300;
  border-radius: 5px;
}