MediaWiki:Common.css: Unterschied zwischen den Versionen

Aus WIKI LAUER-FISCHER GmbH
Wechseln zu: Navigation, Suche
Zeile 7: Zeile 7:
 
**
 
**
 
*/
 
*/
 +
#ca-talk,
 +
#ca-viewsource,
 +
#ca-history {
 +
    display: none !important;
 +
}
  
#ca-talk,
+
#column-content {
#ca-viewsource,
+
    width: 100%;
#ca-history { display:none!important; }
+
    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;
 +
}
  
#column-content {width:100%; margin: 0 0 .6em -12.5em;}
+
#content {
#content {line-height: 1.3em; margin:3.8em 0 0 12.5em; padding:0 0 1em 1.7em;}
+
    border: none;
#column-one {padding-top:204px;}
+
}
#content {color:#58585a; background:url(/images/d/d6/Bg_content.png) top left repeat-x #ffffff; border:none;}
 
  
body {color:#58585a; background: url(/images/3/3a/Bg.png) top left repeat-x #e7edf5; font-family:Arial,Helvetica,sans-serif !important;}
+
body {
 +
    font-family: Arial, Helvetica, sans-serif !important;
 +
}
  
 +
body {
 +
    background: #ffffff;
 +
}
  
 
/*
 
/*
Zeile 24: Zeile 44:
 
** general styles
 
** general styles
 
*/
 
*/
table {color:#58585a; background-color:transparent;}
+
table {
 +
    color: #58585a;
 +
    background-color: transparent;
 +
}
  
 
a,
 
a,
 
a:visited,
 
a:visited,
a:active {color: #d7121d; font-weight:bold}
+
a:active {
 +
    color: #3981a2;
 +
    font-weight: bold;
 +
}
  
p {line-height: 1.3em;}
+
p {
 +
    line-height: 1.3em;
 +
}
  
 +
h1 {
 +
    color: #00519e;
 +
    border-bottom: none;
 +
    font-weight: bold;
 +
    padding-top: 1.1em;
 +
}
  
h1 {color:#00519e; border-bottom:none; font-weight:bold; padding-top:1.1em;}
+
h1 {
h1 {font-size:155%;}
+
    font-size: 155%;
 
+
}
  
 
/*
 
/*
 
** Zeile 253
 
** Zeile 253
** Some space under the headers in the content area
+
** Some space under the headers in the content area !important;
 
*/
 
*/
#firstHeading {margin-bottom: 1em;padding-top: 1em;}
+
#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 48: Zeile 87:
 
** disable interwiki styling
 
** disable interwiki styling
 
*/
 
*/
#bodyContent a.external {color:#d7121d; background:none; padding:0;}
+
#bodyContent a.external {
 
+
    color: #3981a2;
 +
    background: none;
 +
    padding: 0;
 +
}
  
 
/*
 
/*
Zeile 55: Zeile 97:
 
** general portlet styles (elements in the quickbar)
 
** general portlet styles (elements in the quickbar)
 
*/
 
*/
.portlet {width:11.3em; margin: 0 0 1em .6em;}
+
.portlet {
.portlet h5 {color:#40576c; border:1px solid #ffffff; font-weight:bold; font-size:110%; padding: .4em .4em .5em .4em; display:block;}
+
    width: 11.3em;
.portlet h5 {background:url(/images/f/f0/Bg_portlet.png) top left repeat-x #bccdde;}
+
    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;}
+
.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 ul {
.portlet li {margin:0 0 0 -.95em;}
+
    font-weight: bold;
 +
    line-height: 1.8em;
 +
    list-style-type: none;
 +
    list-style-image: none;
 +
}
  
.portlet .pBody a {color:#40576c;}
+
.portlet li {
 +
    margin: 0 0 0 -.95em;
 +
}
  
 +
.portlet .pBody a {
 +
    color: #40576c;
 +
}
  
 
/*
 
/*
Zeile 79: Zeile 143:
 
** Logo properties
 
** Logo properties
 
*/
 
*/
#p-logo {width:11.3em; height:192px; top:21px; left:0;}
+
#p-logo {
#p-logo a,
+
    width: 11.3em;
#p-logo a:hover {background-position: 50% 0% !important; width:11.3em; height:192px;}
+
    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
 
** Zeile 700
Zeile 90: Zeile 163:
  
 
/* this is the ul contained in the portlet */
 
/* this is the ul contained in the portlet */
#p-personal li a {color:#40576c;}
+
#p-personal li a {
#p-personal li a:hover {text-decoration:underline;}
+
    color: #40576c;
 +
}
  
 +
    #p-personal li a:hover {
 +
        text-decoration: underline;
 +
    }
  
 
/*
 
/*
Zeile 98: Zeile 175:
 
** the page-related actions- page/talk, edit etc
 
** the page-related actions- page/talk, edit etc
 
*/
 
*/
#p-cactions {font-size:110%; left: 8.95em;}
+
#p-cactions {
 +
    font-size: 110%;
 +
    left: 8.95em;
 +
}
  
#p-cactions li {border:none; margin:0 .2em 0 0;}
+
    #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 {
#p-cactions li a {background:url(/images/6/61/P-cactions_normal.png) top left repeat-x #bccdde;}
+
            color: #40576c;
 +
            padding: .4em 1em .4em 1em;
 +
        }
  
#p-cactions li.selected a {color:#ffffff; padding: .4em 1em .4em 1em !important;}
+
        #p-cactions li a {
#p-cactions li.selected a {background:url(/images/f/f0/P-cactions_selected.png) top left repeat-x #6484a3;}
+
            background: url(//wiki.lauer-fischer.de/images/6/61/P-cactions_normal.png) top left repeat-x #bccdde;
 +
        }
  
#p-cactions .new a {color:#40576c;}
+
        #p-cactions li.selected a {
 +
            color: #ffffff;
 +
            padding: .4em 1em .4em 1em !important;
 +
        }
  
#p-cactions li a:hover {color:#ffffff;}
+
        #p-cactions li.selected a {
#p-cactions li a:hover {background:url(/images/f/f0/P-cactions_selected.png) top left repeat-x #6484a3;}
+
            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 118: Zeile 219:
 
** footer
 
** footer
 
*/
 
*/
#footer {background-color:#dee5f1; 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 {
#footer a {color:#40576c; font-weight:bold;}
+
    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;
 +
}
  
#f-poweredbyico {display:none;}
+
    #footer a {
 +
        color: #40576c;
 +
        font-weight: bold;
 +
    }
  
 +
#f-poweredbyico {
 +
    display: none;
 +
}
  
 
/*
 
/*
 
** NICHT IN DER main.css VORHANDENE KLASSEN!!!
 
** NICHT IN DER main.css VORHANDENE KLASSEN!!!
 
*/
 
*/
.ratingblock {border:none !important;}
+
.ratingblock {
.mw-search-result-data {color:#00519e !important; font-size:100% !important;}
+
    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: 15px;
 +
}
 +
 
 +
.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;utf8,<svg width='5px' height='9px' viewBox='0 0 5 5' xmlns='http://www.w3.org/2000/svg'><rect width='5' height='5' fill='%235b5b5b'/></svg>");
 +
}
 +
 
 +
#p-personal {
 +
    margin-top: 4px;
 +
}
 +
 
 +
.pBody ul li:hover {
 +
    text-decoration-line: underline;
 +
}
 +
 
 +
.selected {
 +
    text-decoration-line: none !important;
 +
    ;
 +
}
 +
 
 +
#n-WINAPO-SQL a {
 +
    display: block;
 +
    color: #5b5b5b;
 +
    font-family: Arial, Helvetica, sans-serif !important;
 +
    font-size: 144%;
 +
    margin-top: 20px;
 +
    margin-left: -10px;
 +
    text-decoration: none;
 +
}
 +
 
 +
.portlet.generated-sidebar > a {
 +
    margin-bottom: 0px;
 +
}
 +
 
 +
a.portlet.generated-sidebar {
 +
    color: #5b5b5b;
 +
}
 +
 
 +
#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);
 +
}
 +
 
 +
.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);
 +
}
 +
 
 +
.Korrekturen .mw-headline {
 +
    color: rgb(37, 171, 195);
 +
}
 +
 
 +
.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);
 +
}
 +
 
 +
.Schulungs-Center .mw-headline {
 +
    color: rgb(197, 39, 24);
 +
}
 +
 
 +
.Warenwirtschaft .mw-headline {
 +
    color: rgb(40, 71, 153);
 +
}

Version vom 27. März 2018, 10:55 Uhr

/* 
**	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: 15px;
}

.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;utf8,<svg width='5px' height='9px' viewBox='0 0 5 5' xmlns='http://www.w3.org/2000/svg'><rect width='5' height='5' fill='%235b5b5b'/></svg>");
}

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

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

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

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

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

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

#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);
}

.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);
}

.Korrekturen .mw-headline {
    color: rgb(37, 171, 195);
}

.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);
}

.Schulungs-Center .mw-headline {
    color: rgb(197, 39, 24);
}

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