Hauptseite: Unterschied zwischen den Versionen

← Zum vorherigen Versionsunterschied Zum nächsten Versionsunterschied →

Version vom 25. September 2025, 09:11 Uhr

 <input type="text" placeholder="Search Wiki4Life..." style="
   width: 60%;                  /* Breite des Eingabefelds */
   padding: 12px 20px;          /* Oben/Unten kleiner, links/rechts größer */
   font-size: 24px;              /* Große Schrift für Eingabe */
   border-radius: 50px;          /* Rund */
   border: 1px solid #ccc;       /* Dezente Umrandung */
   outline: none;                /* Kein blauer Fokusrahmen */
   box-shadow: 0 2px 6px rgba(0,0,0,0.2);
   background-color: #ffffff;    /* Weißes Eingabefeld */
 ">

@@ Zeile 1: / Zeile 1: @@
 <div style="
-   position: relative;  /* Container für Hintergrund */
+   position: relative;
-   height: 800px;       /* Höhe der Box */
+   height: 800px;
    margin: 0;
    padding: 0;
-   background-color: #d4fc79; /* Fallback-Farbe */
+   background: #e6ffea;
-   background-image: linear-gradient(120deg, #d4fc79 0%, #96e6a1 100%);
+   background: linear-gradient(90deg, rgba(230, 255, 234, 1) 2%, rgba(255, 255, 255, 1) 100%);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
+  display: flex;
+  justify-content: center;
+  align-items: center;  /* vertikal mittig */
 ">
-   <!-- Purer Text, kein Container -->
+   <!-- Eingabefeld -->
-   <span style="
+   <input type="text" placeholder="Search Wiki4Life..." style="
-     position: absolute;
+     width: 60%;                  /* Breite des Eingabefelds */
-    top: 50%;               /* vertikal mittig */
+     padding: 12px 20px;          /* Oben/Unten kleiner, links/rechts größer */
-     left: 50%;
+     font-size: 24px;              /* Große Schrift für Eingabe */
-    transform: translate(-50%, -50%);
+     border-radius: 50px;          /* Rund */
-     font-family: Arial, sans-serif;
+     border: 1px solid #ccc;       /* Dezente Umrandung */
-     font-size: 56px;
+     outline: none;                /* Kein blauer Fokusrahmen */
-     font-weight: bold;
+     box-shadow: 0 2px 6px rgba(0,0,0,0.2);
-     color: #ffffff;
+     background-color: #ffffff;    /* Weißes Eingabefeld */
-     text-shadow: 1px 1px 2px rgba(0,0,0,0.4);
-     z-index: 2;
    ">
-    Wiki4Life
-  </span>
 </div>