MediaWiki:Common.css

/* 
**	MediaWiki:Common.css
**	Originaldatei fuer wiki.lauer-fischer.de
**	wird benoetigt fuer die Darstellung des Interfaces nach Lauer-Fischer CI
**
**	-------------------------------- BITTE NICHT LOESCHEN! ------------------------------------------------------------
**
*/
#ca-talk,
#ca-viewsource,
#ca-history {
    display: none !important;
}

#column-content {
    width: 100%;
    margin: 0 0 .6em -12.5em;
}

#content {
    line-height: 1.3em;
    margin: 3.8em 0 0 12.5em;
    padding: 0 0 1em 1.7em;
}

#column-one {
    padding-top: 204px;
}

#content {
    border: none;
}

body {
    font-family: Arial, Helvetica, sans-serif !important;
}

body {
    background: #ffffff;
}

/*
** Zeile 58
** general styles
*/
table {
    color: #58585a;
    background-color: transparent;
}

a,
a:visited,
a:active {
    color: #3981a2;
    font-weight: bold;
}

p {
    line-height: 1.3em;
}

h1 {
    color: #00519e;
    border-bottom: none;
    font-weight: bold;
    padding-top: 1.1em;
}

h1 {
    font-size: 155%;
}

/*
** Zeile 253
** Some space under the headers in the content area !important;
*/
#firstHeading {
    margin-bottom: 1em;
    /* These two rules hack around bug 2013 (fix for more limited bug 11325).
						When bug 2013 is fixed properly, they should be removed. */
    line-height: 1.2em;
    padding-bottom: 0;
}

/*
** Zeile 573
** disable interwiki styling
*/
#bodyContent a.external {
    color: #3981a2;
    background: none;
    padding: 0;
}

/*
** Zeile 581
** general portlet styles (elements in the quickbar)
*/
.portlet {
    width: 11.3em;
    margin: 0 0 1em .6em;
}

    .portlet h3 {
        color: #5b5b5b;
        font-weight: bold;
        font-size: 130%;
        padding: .4em .4em .5em .4em;
        display: block;
    }

.pBody {
    background-color: transparent;
    border: none;
    padding: 0 .8em .3em 0;
}

.portlet ul {
    font-weight: bold;
    line-height: 1.8em;
    list-style-type: none;
    list-style-image: none;
}

.portlet li {
    margin: 0 0 0 -.95em;
}

.portlet .pBody a {
    color: #40576c;
}

/*
** Zeile 645 fuer die kleine Logoversion
** Logo properties
#p-logo 					{width:11.3em; height:155px; top:16px; left:0;}
#p-logo a,
#p-logo a:hover 			{background-position: 48% 91% !important; width:11.3em; height:155px;}
*/

/*
** Zeile 645 fuer die grosse Logoversion
** Logo properties
*/
#p-logo {
    width: 11.3em;
    height: 125px;
    top: 21px;
    left: 0;
}

    #p-logo a,
    #p-logo a:hover {
        background-position: 50% 0% !important;
        width: 11.3em;
        height: 135px;
    }

/*
** Zeile 700
** the personal toolbar
*/

/* this is the ul contained in the portlet */
#p-personal li a {
    color: #40576c;
}

    #p-personal li a:hover {
        text-decoration: underline;
    }

/*
** Zeile 783
** the page-related actions- page/talk, edit etc
*/
#p-cactions {
    font-size: 110%;
    left: 8.95em;
}

    #p-cactions li {
        border: none;
        margin: 0 .2em 0 0;
    }

        #p-cactions li a {
            color: #40576c;
            padding: .4em 1em .4em 1em;
        }

        #p-cactions li a {
            background: url(//wiki.lauer-fischer.de/images/6/61/P-cactions_normal.png) top left repeat-x #bccdde;
        }

        #p-cactions li.selected a {
            color: #ffffff;
            padding: .4em 1em .4em 1em !important;
        }

        #p-cactions li.selected a {
            background: url(//wiki.lauer-fischer.de/images/f/f0/P-cactions_selected.png) top left repeat-x #6484a3;
        }

    #p-cactions .new a {
        color: #40576c;
    }

    #p-cactions li a:hover {
        color: #ffffff;
    }

    #p-cactions li a:hover {
        background: url(//wiki.lauer-fischer.de/images/f/f0/P-cactions_selected.png) top left repeat-x #6484a3;
    }

/*
** Zeile 895
** footer
*/
#footer {
    border-top: 1px solid #bccdde;
    border-bottom: 1px solid #bccdde;
    font-size: 85%;
    text-align: left;
    margin: 1.6em 0 0em 0;
    padding: .3em 0 .6em 12em;
}

    #footer a {
        color: #40576c;
        font-weight: bold;
    }

#f-poweredbyico {
    display: none;
}

/*
** NICHT IN DER main.css VORHANDENE KLASSEN!!!
*/
.ratingblock {
    border: none !important;
}

.mw-search-result-data {
    color: #00519e !important;
    font-size: 100% !important;
}

div.generated-sidebar > div.pBody > ul > li > a,
#p-tb .pBody > ul > li > a {
    color: #848484;
}

#firstHeading {
    color: #4D134F;
    padding-top: 1em;
}

.catlinks,
.toc {
    background: #ffffff;
}

.generated-sidebar > h3 {
    margin-top: -8px;
    margin-bottom: 0px;
    padding-left: 0.828em;
}

.generated-sidebar > div {
    margin-left: 10px;
}

#content {
    margin-left: 13.5em;
    margin-right: 10px;
}

#p-logo a, #p-logo a:hover {
    width: 15em;
}

.portlet {
    width: 12.6em;
}

div#column-content {
    margin-left: -14em;
}

#p-cactions {
    margin-left: 32px;
}

div#column-content, div#content {
    margin-left: 0px;
    margin-top: 0px;
}

div#column-content {
    width: calc(100% - 200px);
    border-top: 1px solid #e0e0e0;
    margin-top: 25px;
}


#p-logo {
    position: static;
    overflow: hidden;
    width: auto;
    height: auto;
    padding: 20px 0px;
    margin: 0px;
}

div#column-one {
    padding-top: 0px;
    width: 199px;
    border-right: 1px solid #e0e0e0;
    background-image: linear-gradient(to bottom, #efefef, white);
}

#globalWrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

div#footer {
    width: 100%;
    margin: 0px;
    margin-bottom: 10px;
}

#p-cactions {
    padding: 0px;
    margin: 0px;
    left: 200px;
    top: 0px;
}

    #p-cactions > div.pBody > ul {
        margin: 0px;
    }

        #p-cactions > div.pBody > ul > li {
            margin: 0px;
            padding: 0px;
            display: inline-block;
            height: 25px;
            border-left: 1px solid #e0e0e0;
            border-right: 1px solid #e0e0e0;
            background-image: linear-gradient(to bottom, #efefef, #f5f5f5);
            z-index: 100;
        }

            #p-cactions > div.pBody > ul > li.selected {
                background-image: linear-gradient(to bottom, #f3f3f3f3, #f8f8f8);
            }

            #p-cactions > div.pBody > ul > li:first-of-type {
                border-left: none;
            }

            #p-cactions > div.pBody > ul > li > a {
                background: none;
                color: #5b5b5b;
                box-sizing: content-box;
                z-index: 100;
            }

            #p-cactions > div.pBody > ul > li.selected > a {
                color: #848484;
            }

@media (max-width: 1420px) {
    #p-personal {
        width: 100%;
    }

        #p-personal > div > ul {
            padding: 0px;
            padding-right: 2em;
        }

    #p-cactions, div#column-content {
        margin-top: 20px;
    }

    div#column-content {
        margin-top: 47px;
    }

    #p-cactions > div.pBody > ul > li {
        border-top: 1px solid #e0e0e0;
        padding-top: 1px;
    }
}

h1, h2, h3, h4, h5, h6 {
    color: #4D134F;
}

div.mw-category-group > h3 {
    color: #5b5b5b;
}

ul {
     list-style-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nNXB4JyBoZWlnaHQ9JzdweCcgdmlld0JveD0nMCAwIDUgNycgeG1sbnM9J2h0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnJyBzaGFwZS1yZW5kZXJpbmc9J2NyaXNwRWRnZXMnPjxyZWN0IHdpZHRoPSc1cHgnIGhlaWdodD0nNXB4JyBmaWxsPScjNWI1YjViJy8+PC9zdmc+");
}

#p-personal {
    margin-top: 4px;
}

.pBody ul li:hover {
    text-decoration-line: underline;
}

.selected {
    text-decoration-line: none !important;
    ;
}

#n-WINAPO-SQL {
  margin-left: calc(-10px +  -1.6em);
}


#n-WINAPO-SQL a {
    display: block;
    color: #5b5b5b;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 144%;
    margin-top: 20px;
    margin-left: 0.4em;
    text-decoration: none;
}

.portlet.generated-sidebar > a {
    margin-bottom: 0px;
}

a.portlet.generated-sidebar {
    color: #5b5b5b;
}

#p-search {
    width: calc(200px - 1.2em);
}

#searchInput {
    width: 100%;
}

#mainpagecontent {
    display: flex;
    flex-wrap: wrap;
}

.showcase {
    margin: 0px 10px 10px 10px;
    padding: 20px;
    width: calc((100% / 3) - 62px);
    min-width: 450px;
    flex-grow: 1;
    border: 1px solid #e0e0e0;
    background-image: linear-gradient(to top, white 80%, #efefef)
}

.Uebergreifend .mw-headline {
    color: rgb(77, 19, 79);
}

.Auswertungen .mw-headline {
    /* color: rgb(214, 215, 2); */
    color: rgb(182, 183, 0); 
}

.Dosicare .mw-headline {
    color: rgb(2, 85, 38);
}

.e-Rezeptmanagement .mw-headline {
    color: rgb(131, 184, 23);
}

.Faktura .mw-headline {
    color: rgb(0, 130, 144);
}

.Finanzen .mw-headline {
    color: rgb(45, 45, 44);
}

.Kasse .mw-headline {
    color: rgb(5, 137, 44);
}

.Kassenbuch .mw-headline {
    color: rgb(65, 49, 133);
}

.Konfiguration .mw-headline {
    color: rgb(109, 109, 108);
}

.Taxe .mw-headline {
    color: rgb(204, 1, 107);
}

.Mail-Sale .mw-headline {
    color: rgb(125, 135, 100);
}

.Mediakationsmanagement .mw-headline {
    color: rgb(245, 161, 0);
}

.Messenger .mw-headline {
    color: rgb(238, 125, 1);
}

.Personenverwaltung .mw-headline {
    color: rgb(233, 103, 19);
}

.Rezeptur-Taxation .mw-headline {
    color: rgb(0, 58, 105);
}

.Warenwirtschaft .mw-headline {
    color: rgb(40, 71, 153);
}