|
|
| Zeile 9: |
Zeile 9: |
| .p-navbar { | | .p-navbar { |
| height: 70px; | | height: 70px; |
| }
| |
|
| |
| .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;
| |
| } | | } |
Version vom 28. September 2024, 14:50 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: 70px;
}
