MediaWiki:Common.css

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */
/* Obere dunkle Navbar bekommt höheren z-index */
nav.bg-dark.navbar-dark {
    position: relative;
    z-index: 1050;
}

/* Sticky navbar darunter: geringerer z-index */
.sticky-top {
    z-index: 1030 !important;
}

/* Stelle sicher, dass Dropdowns der oberen Leiste drüber liegen */
nav.bg-dark.navbar-dark .dropdown-menu {
    z-index: 1060 !important;
    position: absolute !important;
}

/* Das folgende CSS versteckt den __TOC__ Befehl */

.toc-fade {
  opacity: 0;
  max-height: 0;
  transition: opacity 0.6s ease, max-height 0.6s ease;
  overflow: hidden;
}
.toc-fade.shown {
  opacity: 1;
  max-height: 400px;
}

/*BOOTSTRAP KOMPONENTEN: Accordeon */
.mw-custom-accordion {
  border: 1px solid #a2a9b1;
  margin-bottom: 15px;
  border-radius: 3px;
}
.mw-custom-accordion-header {
  background-color: #f8f9fa;
  padding: 8px 15px;
  cursor: pointer;
  font-weight: bold;
}
.mw-custom-accordion-content {
  padding: 15px;
  display: none;
  border-top: 1px solid #a2a9b1;
}

/*Klasse zur Erweiterung auf ganze Bildschirmzeile. class= */
.smw-fullwidth {
  width: 100%;
}

/*BOOTSTRAP KOMPONENTEN: Alert */
.mw-custom-alert-info {
  background-color: #e8f4fd;
  border-color: #36c;
}
.mw-custom-alert-warning {
  background-color: #fef6e7;
  border-color: #fc3;
}
/*BUCHBOX FORMAT*/
@media (max-width: 768px) {
  .col-md-4, .col-md-8 {
    width: 100%;
    padding-right: 0;
  }
  .toc-fade {
    max-height: 200px !important;
  }
}

/* Java script */
document.addEventListener("DOMContentLoaded", function () {
    var input = document.getElementById("lexikonSuche");
    if (!input) return;

    input.addEventListener("keyup", function () {
        var filter = input.value.toLowerCase();
        var table = document.querySelector(".wikitable");
        if (!table) return;

        var rows = table.getElementsByTagName("tr");
        for (var i = 1; i < rows.length; i++) {
            var rowText = rows[i].textContent.toLowerCase();
            rows[i].style.display = rowText.includes(filter) ? "" : "none";
        }
    });
});

mw.loader.using('jquery', function () {
  $(function () {
    $('#lexikonSuche').on('keyup', function () {
      var value = $(this).val().toLowerCase();
      $('.lexikon-tabelle table.wikitable tr').each(function (i) {
        if (i === 0) return; // Überschrift bleibt immer sichtbar
        var rowText = $(this).text().toLowerCase();
        $(this).toggle(rowText.indexOf(value) > -1);
      });
    });
  });
});