Widget:StartseitenSuche: Unterschied zwischen den Versionen
Aus MediaWiki
Keine Bearbeitungszusammenfassung |
Admin (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung Markierung: Manuelle Zurücksetzung |
||
| (10 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) | |||
| Zeile 10: | Zeile 10: | ||
.perplexity-search input[type="text"] { | .perplexity-search input[type="text"] { | ||
width: | width: 300px; | ||
} | } | ||
.perplexity-search input[type="submit"] { | .perplexity-search input[type="submit"] { | ||
padding: | padding: 0px 20px; | ||
background-color: #4CAF50; | background-color: #4CAF50; | ||
color: white; | color: white; | ||
border: none; | border: none; | ||
border-radius: 3px; | border-radius: 3px; | ||
} | } | ||
.overlay-container { | |||
position: relative; | |||
width: 100%; | |||
display: inline-block; | |||
background-image:url("/w/images/a/a9/Schloss-Muenster-Philipp-Foelting-CC-BY-SA.jpg"); | |||
background-size: cover; | |||
background-position: center; | |||
min-height:400px; | |||
} | |||
.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 .headline-text { | |||
font-size: 1.5em; /* Größerer Schriftzug */ | |||
font-weight: bold; /* Dickere Schrift */ | |||
margin: 10px 0; | |||
} | |||
/* To make images responsive */ | |||
.img-fluid img { | |||
max-width:100%; | |||
height:auto; | |||
} | |||
</style> | </style> | ||
<div class="perplexity-search"> | <div class="overlay-container"> | ||
<div class="overlay-content"> | |||
<p class="headline-text">Wonach suchst du?</p> | |||
</ | |||
<div class="perplexity-search"> | |||
<form onsubmit="window.open('https://www.perplexity.ai/?q=' + encodeURIComponent(this.query.value), '_blank'); return false;"> | |||
<input type="text" name="query" placeholder="z. B. Wie melde ich mich um?"> | |||
<input type="submit" value="Suche"> | |||
</form> | |||
</div> | |||
<p>Unser Münster Wiki und alle weitere Informationen aus den öffentlichen Seiten der Stadt Münster stehen dir hier zur Verfügung</p> | |||
</div> | |||
</div> | </div> | ||
</includeonly> | </includeonly> | ||
