MediaWiki:Common.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.

.orb {
  padding: 2px 6px;
  border-radius: 4px;
  color: white;
  font-weight: bold;
  font-size: 0.95em;
}

.orb-fire {
  background-color: #e74c3c;
}

.orb-water {
  background-color: #3498db;
}

.orb-wood {
  background-color: #27ae60;
}

.orb-light {
  background-color: #f1c40f;
  color: black;
}


// Collapsible "Orbs" section in the sidebar (Vector 2010 + Vector 2022)
mw.loader.using('jquery').then(function () {
  var $portlet = $('#p-Orbs, #mw-panel #p-Orbs, .vector-sidebar #p-Orbs'); // covers both Vector variants
  if (!$portlet.length) return;

  // Find heading and content containers for both Vector versions
  var $heading = $portlet.find('.vector-menu-heading, h3').first();
  var $content = $portlet.find('.vector-menu-content, .body').first();

  // Start collapsed (optional)
  $content.hide();
  $portlet.addClass('pad-orbs-closed');

  // Make heading clickable
  $heading.css('cursor', 'pointer').on('click', function () {
    $content.slideToggle(150);
    $portlet.toggleClass('pad-orbs-closed');
  });
});