Aktionen

MediaWiki

Foreground.css: Unterschied zwischen den Versionen

Aus Geodäsie Knowledge Hub

Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:
/* Einheitliche rote Top-Leiste */
/* ============================= */
/* DV-Wiki Rot Theme (#e2001a)  */
/* ============================= */
 
/* komplette obere Leiste */
.top-bar,
.top-bar,
.top-bar-section ul,
.top-bar-section ul,
.top-bar-section li,
.top-bar-section li,
.top-bar-section li:not(.has-form) a,
.top-bar-section .dropdown li,
.contain-to-grid,
.contain-to-grid,
.fixed,
.tab-bar,
.tab-bar,
.left-small,
.fixed {
.right-small {
     background: #e2001a !important;
     background: #b30000 !important;
     background-color: #e2001a !important;
     background-color: #b30000 !important;
     border: 0 !important;
     border: 0 !important;
     box-shadow: none !important;
     box-shadow: none !important;
}
}


/* Menülinks immer gleich rot, auch aktiv/hover/focus */
/* Menülinks – KEIN dunkler Hover mehr */
.top-bar-section li:not(.has-form) a,
.top-bar-section li:not(.has-form) a,
.top-bar-section li.active > a,
.top-bar-section li.active > a,
.top-bar-section li:hover > a,
.top-bar-section li:hover > a,
.top-bar-section li:focus > a,
.top-bar-section .dropdown li a,
.top-bar-section .dropdown li a,
.top-bar-section .dropdown li:hover > a,
.top-bar-section .dropdown li:hover > a {
.top-bar-section .dropdown li.active > a {
     background: #e2001a !important;
     background: #b30000 !important;
     color: #ffffff !important;
    background-color: #b30000 !important;
     color: #fff !important;
}
}


/* Optional: Hover nur über Schrift lösen, nicht über dunklere Fläche */
/* Hover nur über Transparenz */
.top-bar-section li:not(.has-form) a:hover,
.top-bar-section li:not(.has-form) a:hover {
.top-bar-section .dropdown li a:hover {
     background: #e2001a !important;
     background: #b30000 !important;
     opacity: 0.85;
    color: #fff !important;
     opacity: 0.9;
}
}


/* Trennlinien entfernen */
/* ============================= */
.top-bar-section li,
/* Suchfeld Styling              */
.top-bar-section ul li > a,
/* ============================= */
.top-bar-section .has-dropdown > a,
.top-bar .toggle-topbar.menu-icon a {
    border: none !important;
}


/* Suchbereich sauber integrieren */
/* Suchformular Container */
.top-bar .has-form,
.top-bar .has-form {
.top-bar form,
     background: #e2001a !important;
.top-bar input,
     padding: 0.35rem 0.6rem !important;
.top-bar .button,
.top-bar button {
     margin: 0 !important;
     box-shadow: none !important;
}
}


/* Suchfeld eckig statt abgerundet */
/* Suchfeld (leicht abgerundet wie DV-Wiki) */
.top-bar input[type="search"],
.top-bar input[type="search"],
.top-bar input[type="text"],
.top-bar input[type="text"],
#searchInput,
#searchInput,
#searchText {
#searchText {
     border-radius: 0 !important;
     border-radius: 18px !important;
    -webkit-appearance: none !important;
     border: 0 !important;
    appearance: none !important;
     border: 1px solid #bfbfbf !important;
     box-shadow: none !important;
     box-shadow: none !important;
     height: 2.2rem !important;
     height: 2.1rem !important;
    padding: 0 1rem !important;
}
}


/* Suchbutton passend */
/* Suchbutton */
.top-bar .button,
.top-bar .button,
.top-bar button,
.top-bar button,
#searchButton {
#searchButton {
     border-radius: 0 !important;
     border-radius: 18px !important;
     background: #0078a0 !important;
     background: #ffffff !important;
    color: #e2001a !important;
     border: 0 !important;
     border: 0 !important;
     box-shadow: none !important;
     box-shadow: none !important;
     height: 2.2rem !important;
     height: 2.1rem !important;
     line-height: 2.2rem !important;
     margin-left: 0.4rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}
 
/* Icons rechts: gleicher roter Hintergrund */
.top-bar-section .dropdown > li,
.top-bar-section .has-dropdown > a,
.right-off-canvas-toggle,
.left-off-canvas-toggle {
    background: #b30000 !important;
}
}


/* Weiße Schrift/Icons oben */
/* Icons rechts weiß */
.top-bar *,
.top-bar *,
.top-bar-section a,
.top-bar a,
.top-bar .fa,
.top-bar i {
.top-bar i {
     color: #fff !important;
     color: #ffffff !important;
}
}

Version vom 7. März 2026, 11:14 Uhr

/* ============================= */
/* DV-Wiki Rot Theme (#e2001a)   */
/* ============================= */

/* komplette obere Leiste */
.top-bar,
.top-bar-section ul,
.top-bar-section li,
.contain-to-grid,
.tab-bar,
.fixed {
    background: #e2001a !important;
    background-color: #e2001a !important;
    border: 0 !important;
    box-shadow: none !important;
}

/* Menülinks – KEIN dunkler Hover mehr */
.top-bar-section li:not(.has-form) a,
.top-bar-section li.active > a,
.top-bar-section li:hover > a,
.top-bar-section .dropdown li a,
.top-bar-section .dropdown li:hover > a {
    background: #e2001a !important;
    color: #ffffff !important;
}

/* Hover nur über Transparenz */
.top-bar-section li:not(.has-form) a:hover {
    background: #e2001a !important;
    opacity: 0.85;
}

/* ============================= */
/* Suchfeld Styling              */
/* ============================= */

/* Suchformular Container */
.top-bar .has-form {
    background: #e2001a !important;
    padding: 0.35rem 0.6rem !important;
}

/* Suchfeld (leicht abgerundet wie DV-Wiki) */
.top-bar input[type="search"],
.top-bar input[type="text"],
#searchInput,
#searchText {
    border-radius: 18px !important;
    border: 0 !important;
    box-shadow: none !important;
    height: 2.1rem !important;
    padding: 0 1rem !important;
}

/* Suchbutton */
.top-bar .button,
.top-bar button,
#searchButton {
    border-radius: 18px !important;
    background: #ffffff !important;
    color: #e2001a !important;
    border: 0 !important;
    box-shadow: none !important;
    height: 2.1rem !important;
    margin-left: 0.4rem !important;
}

/* Icons rechts weiß */
.top-bar *,
.top-bar a,
.top-bar i {
    color: #ffffff !important;
}