MediaWiki:Common.css: Unterschied zwischen den Versionen

Version vom 28. September 2024, 13:54 Uhr

/* Das folgende CSS wird für alle Benutzeroberflächen geladen. */

/* To make images responsive */
.img-fluid img {
	max-width:100%;
	height:auto;
}

.p-navbar {
    height: 100px;
}

.overlay-container {
  position: relative;
  width: 100%; /* oder eine feste Breite, z.B. 1000px */
}

.overlay-container img {
  width: 100%; /* Passt das Bild an die Containergröße an */
}

.overlay-content {
  position: absolute;
  top: 50%; /* Position des Widgets */
  left: 50%;
  transform: translate(-50%, -50%);
  color: white; /* Textfarbe: Weiß */
  background-color: #007bff; /* Hintergrundfarbe: Blau */
  border-radius: 15px; /* Abgerundete Ecken */
  padding: 20px;
  text-align: center;
  width: 80%; /* Breite des Widgets, kannst du anpassen */
}

.overlay-content p {
  margin: 10px 0; /* Abstand zwischen den Textabsätzen */
}

.overlay-content input[type="text"] {
  width: 100%; /* Suchleiste wird die volle Breite des Containers einnehmen */
  padding: 10px;
  border: none;
  border-radius: 5px;
  margin-bottom: 10px;
}

.overlay-content input[type="submit"] {
  padding: 10px 20px;
  background-color: white;
  color: #007bff;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.overlay-content input[type="submit"]:hover {
  background-color: #0056b3; /* Hover-Effekt für den Suchbutton */
  color: white;
}

.overlay-content .headline-text {
  font-size: 2em; /* Größerer Schriftzug */
  font-weight: bold; /* Dickere Schrift */
  margin: 10px 0;
}