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.

/* ================= DROPDOWN SYSTEM (FULL FIX) ================= */

.mw-dropdown-ui {
  background: linear-gradient(145deg, #1a1a1a, #111);
  border: 1px solid #333;
  border-radius: 12px;
  padding: 14px;
  margin: 18px 0;
  box-shadow: 0 0 12px rgba(0,0,0,0.6);
  max-width: 420px;
  position: relative;
}

/* Header label */
.mw-dropdown-ui::before {
  content: attr(data-label);
  display: block;
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 8px;
  color: #00bfff;
}

/* ================= MOD DROPDOWN ================= */

.mod-dropdown {
  position: relative; /* REQUIRED for proper dropdown positioning */
  width: 100%;
}

/* Button */
.mod-dropdown-btn {
  width: 100%;
  padding: 10px;
  background: #0f0f0f;
  color: #eee;
  border: 1px solid #444;
  border-radius: 6px;
  cursor: pointer;
  text-align: left;
  font-weight: bold;
  transition: 0.2s;
}

.mod-dropdown-btn:hover {
  border-color: #00bfff;
  color: #fff;
}

/* Dropdown list (FIXED SCROLL + POSITION) */
.mod-dropdown-list {
  display: none;
  position: absolute;
  top: 100%;              /* ensures it opens below button */
  left: 0;
  width: 100%;
  background: #1a1a1a;
  border: 1px solid #444;
  border-radius: 6px;
  z-index: 9999;

  max-height: 250px;      /* 👈 SCROLL LIMIT */
  overflow-y: auto;       /* 👈 ENABLE SCROLL */
  overflow-x: hidden;
}

/* Items */
.mod-dropdown-item {
  padding: 8px;
  cursor: pointer;
  color: #ccc;
  border-bottom: 1px solid #222;
  transition: 0.15s;
}

.mod-dropdown-item:last-child {
  border-bottom: none;
}

.mod-dropdown-item:hover {
  background: #00bfff;
  color: #000;
}

/* Output box */
.mw-dropdown-output {
  margin-top: 10px;
  background: #0a0a0a;
  border: 1px solid #222;
  padding: 12px;
  border-radius: 6px;
  color: #ddd;
  font-size: 13px;
  line-height: 1.4;
}

/* ================= SCROLLBAR ================= */

.mod-dropdown-list::-webkit-scrollbar {
  width: 6px;
}

.mod-dropdown-list::-webkit-scrollbar-thumb {
  background: #00bfff;
  border-radius: 3px;
}

/* ================= SAFETY FIXES ================= */

/* Prevent clipping from parent containers */
.mw-dropdown-ui,
.mod-dropdown {
  overflow: visible !important;
}