45 lines
No EOL
1.3 KiB
CSS
45 lines
No EOL
1.3 KiB
CSS
/* Topbar-Farbe erzwingen (Bulma überschreibt sonst mit weiß) */
|
|
.navbar.topbar-nav {
|
|
background-color: #d6801e !important; /* Orange wie im Screenshot */
|
|
box-shadow: none;
|
|
}
|
|
|
|
/* Textfarben in der Topbar */
|
|
.navbar.topbar-nav .navbar-item,
|
|
.navbar.topbar-nav .navbar-link {
|
|
color: #111;
|
|
}
|
|
.navbar.topbar-nav .navbar-item:hover,
|
|
.navbar.topbar-nav .navbar-link:hover {
|
|
background-color: rgba(0,0,0,.04);
|
|
color: #111;
|
|
}
|
|
|
|
/* Dropdown-Pfeil in lila */
|
|
.navbar.topbar-nav .navbar-link::after {
|
|
border-color: #6b2bbd; /* lila */
|
|
}
|
|
|
|
/* Lila Logo-Kachel links */
|
|
.logo {
|
|
background: #5a2a82 !important;
|
|
color: #fff;
|
|
|
|
}
|
|
.logo .logo-text {
|
|
color: #fff;
|
|
font-weight: 700;
|
|
}
|
|
|
|
/* Rechte Seite: Suche + Profil */
|
|
.actions { display: flex; align-items: center; gap: 10px; padding-right: 10px; }
|
|
.search { border: 1px solid #c7c7c7; border-radius: 4px; padding: 4px 8px; font-size: 14px; }
|
|
.profile { background: #3c7d74; color: #fff; width: 28px; height: 28px; border-radius: 9999px;
|
|
display: flex; align-items: center; justify-content: center; font-weight: 700; }
|
|
|
|
/* Inhalt darunter */
|
|
.content { background: #fafafa; min-height: calc(100vh - 3.25rem); }
|
|
.home-icon { font-size: 20px; display: inline-block; margin: 10px; }
|
|
|
|
/* Dropdown optisch näher am Screenshot */
|
|
.navbar-dropdown { border-top: none; box-shadow: 0 8px 16px rgba(0,0,0,.1); } |