MediaWiki:Foreground.css

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

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

/* ============================= */
/* Nur Untermenü Hover tauschen */
/* ============================= */

/* Dropdown normal */
.top-bar-section .dropdown li > a {
    background: #e2001a !important;
    color: #ffffff !important;
    opacity: 1 !important;
}

/* Dropdown Hover: Farben tauschen */
.top-bar-section .dropdown li > a:hover,
.top-bar-section .dropdown li:hover > a {
    background: #ffffff !important;
    color: #e2001a !important;
    opacity: 1 !important;
}

/* aktiver Dropdown-Eintrag */
.top-bar-section .dropdown li.active > a {
    background: #ffffff !important;
    color: #e2001a !important;
    opacity: 1 !important;
}

/* Hover nur in der ersten Menüebene */
.top-bar-section > ul > li:not(.has-form) > a:hover {
    background: #e2001a !important;
    opacity: 0.85;
}

/* ============================= */
/* Suchfeld Styling              */
/* ============================= */
/* Container */
.top-bar .has-form form {
    display: flex !important;
    align-items: center !important;
    margin: 0 !important;
}

/* Eingabefeld */
.top-bar input,
.top-bar input[type="text"],
.top-bar input[type="search"],
#searchInput {
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 14px !important;
    margin: 0 !important;
    width: 280px !important;   /* +20px breiter */

    border: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
    color: #444 !important;

    border-top-left-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
    border-top-right-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
}

/* Suchbutton */
.top-bar .button.search,
.top-bar button.search,
#searchButton {
    height: 30px !important;
    line-height: 30px !important;
    padding: 0 16px !important;
    margin: 0 0 0 -1px !important;

    border: 0 !important;
    box-shadow: none !important;
    background: #fff !important;
    color: #e2001a !important;

    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
    border-top-right-radius: 15px !important;
    border-bottom-right-radius: 15px !important;
}
#searchform {
    padding-top: 7px !important;
}

/* Login-Seite explizit auf rot zwingen */
body.page-Spezial_Anmelden .top-bar,
body.page-Spezial_Anmelden .top-bar-section > ul,
body.page-Spezial_Anmelden .top-bar-section > ul > li,
body.page-Spezial_Anmelden .contain-to-grid,
body.page-Spezial_Anmelden .fixed {
    background: #e2001a !important;
    background-color: #e2001a !important;
    border: 0 !important;
    box-shadow: none !important;
}

body.page-Special_UserLogin .top-bar,
body.page-Special_UserLogin .top-bar-section > ul,
body.page-Special_UserLogin .top-bar-section > ul > li,
body.page-Special_UserLogin .contain-to-grid,
body.page-Special_UserLogin .fixed {
    background: #e2001a !important;
    background-color: #e2001a !important;
}
body.page-Spezial_Anmelden .top-bar-section > ul > li > a,
body.page-Special_UserLogin .top-bar-section > ul > li > a {
    background: #e2001a !important;
    color: #fff !important;
}