Widget:StartseitenSuche: Unterschied zwischen den Versionen
Aus MediaWiki
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
| Zeile 28: | Zeile 28: | ||
float: right; | float: right; | ||
} | } | ||
.overlay-container { | |||
position: relative; | |||
width: 100%; | |||
display: inline-block; | |||
} | |||
.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: #00308D; /* 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: 1.5em; /* Größerer Schriftzug */ | |||
font-weight: bold; /* Dickere Schrift */ | |||
margin: 10px 0; | |||
} | |||
/* To make images responsive */ | /* To make images responsive */ | ||
