MediaWiki:Ommoncay.cssay

Hinweis: Leere nach dem Veröffentlichen den Browser-Cache, um die Änderungen sehen zu können.

• Firefox/Safari: Umschalttaste drücken und gleichzeitig Aktualisieren anklicken oder entweder Strg+F5 oder Strg+R (⌘+R auf dem Mac) drücken
• Google Chrome: Umschalttaste+Strg+R (⌘+Umschalttaste+R auf dem Mac) drücken
• Edge: Strg+F5 drücken oder Strg drücken und gleichzeitig Aktualisieren anklicken

/* 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;
}