|
|
| Zeile 1: |
Zeile 1: |
| /* Den Menüpunkt "Fotos" aus der Leiste herauslösen und fixieren */
| |
| #n-Fotos {
| |
| position: fixed !important;
| |
| top: 80px; /* Abstand von oben - etwas tiefer, damit es nicht das Benutzermenü verdeckt */
| |
| right: 20px; /* Abstand von rechts */
| |
| z-index: 999; /* Ganz weit vorne */
| |
| list-style: none !important; /* Keine Aufzählungspunkte */
| |
| margin: 0 !important;
| |
| }
| |
|
| |
|
| /* Den eigentlichen Link zum Button stylen */
| |
| #n-Fotos a {
| |
| display: block !important;
| |
| background-color: #d33; /* Roter Hintergrund */
| |
| color: #fff !important; /* Weiße Schrift */
| |
| padding: 12px 25px !important; /* Größe des Buttons */
| |
| text-decoration: none !important;
| |
| font-weight: bold;
| |
| font-size: 16px;
| |
| border-radius: 8px; /* Runde Ecken */
| |
| box-shadow: 0 4px 6px rgba(0,0,0,0.3); /* Schatten für 3D-Effekt */
| |
| text-transform: uppercase; /* Großbuchstaben */
| |
| }
| |
|
| |
| /* Hover-Effekt (Maus drüber) */
| |
| #n-Fotos a:hover {
| |
| background-color: #f00; /* Helleres Rot */
| |
| transform: scale(1.05); /* Leicht vergrößern */
| |
| }
| |
|
| |
| /* Das Icon neben dem Text ausblenden (falls vorhanden) */
| |
| #n-Fotos a::before {
| |
| display: none !important;
| |
| }
| |