|
|
| (14 dazwischenliegende Versionen von 2 Benutzern werden nicht angezeigt) |
| Zeile 1: |
Zeile 1: |
| /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ | | /* Das folgende CSS wird für alle Benutzeroberflächen geladen. */ |
|
| |
|
| /* To make images responsive */
| | .page-Hauptseite #firstHeading { display: none; } |
| .img-fluid img { | |
| max-width:100%;
| |
| height:auto;
| |
| } | |
|
| |
|
| .p-navbar {
| | /* mehr hier */ |
| 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: #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;
| |
| }
| |
