MediaWiki:Common.css: Difference between revisions

Latest revision as of 17:22, 16 August 2025

.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');
  });
});

/* Caret for the Orbs portlet heading */
#p-Orbs .vector-menu-heading,
#p-Orbs h3 {
  position: relative;
  padding-right: 1.2em;
}
#p-Orbs .vector-menu-heading::after,
#p-Orbs h3::after {
  content: "▸";
  position: absolute;
  right: 0.2em;
  top: 0;
}
#p-Orbs:not(.pad-orbs-closed) .vector-menu-heading::after,
#p-Orbs:not(.pad-orbs-closed) h3::after {
  content: "▾";
}