MediaWiki:Common.css

/* CSS placed here will be applied to all skins */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css');
@import url('https://cdn.jsdelivr.net/npm/bootstrap@5.1.2/dist/css/bootstrap.min.css');
/*link colors
#content a, #content a:visited {color: #36b}*/
#content a.new {color: #b73a3a !important}
#content  a.ve-ui-toolbar-saveButton {color:white !important}
#content .navContainer a.mw-selflink, #content .navContainer a.mw-selflink:visited {color: #252525}

/*GUI overrides*/
h2,.h2 {font-size:1.5rem; margin-top:3rem; border-bottom:1px solid #d8d8d9}
h3 {font-size:1.3rem}
h4 {font-size:1.2rem}
h5 {font-size:1.1rem}
#content .toctitle h2 {font-size: 1.2rem;}
#content .toc {padding: 10px;margin-top: 2rem;}
#content .toctitle {margin-bottom: 1rem;}
.toctogglespan {margin-left: 12px;}
.toc {font-size: 1em}
.ns-3002 #data-after-content {display:none;}
.qtip {font-size: 0.95em;line-height: 1.4em;}

/*sidebar */
a#n-Knowledge-Base, a#n-Integriertes-Managementsystem, a#n-Dokumentationssystem, a#n-Organisationshandbuch {text-indent: -22px ;}
a#n-Knowledge-Base::before {font-family:"Helvetica"; font-weight:bold; content:"1"; padding: 2px 6px;border-radius: 5px;font-size: 12px;text-align: center;background: #2b80ea;
color: #fefefe;margin-left: 0; margin-right:6px}
a#n-Integriertes-Managementsystem::before {font-family:"Helvetica"; font-weight:bold; content:"2"; padding: 2px 6px;border-radius: 5px;font-size: 12px;text-align: center;background: #0d6efd;
color: #fefefe;margin-left: 0; margin-right:6px;}
a#n-Dokumentationssystem::before {font-family:"Helvetica"; font-weight:bold; content:"3"; padding: 2px 6px;border-radius: 5px;font-size: 12px;text-align: center;background: #0d6efd;
color: #fefefe;margin-left: 0; margin-right:6px}
a#n-Organisationshandbuch::before {font-family:"Helvetica"; font-weight:bold; content:"4"; padding: 2px 6px;border-radius: 5px;font-size: 12px;text-align: center;background: #0d6efd;
color: #fefefe;margin-left: 0; margin-right:6px}

/*Main page*/
/*Main page*/
#mpbanner {background:#fff url(/w/nsfr_img_auth.php/f/fa/BlueSpice-Demo_Header.jpg) -90px no-repeat; padding-bottom: 20px; background-size: 1000px 122px;}
#mpbanner-byline {font-size:1.8em; color:#3e5389;line-height: 0.8rem; padding-top: 20px;}
#mpbanner-title {font-size:4em; color:#3e5389; line-height:1.2em; font-weight: 900;letter-spacing: 1px;}
.mp  {font-size: 1.2em;line-height: 1.5em; margin: 12px 0;}
.badge {display: inline-block;min-width: 16px;padding: 6px 9px;border-radius: 5px;font-size: 16px;text-align: center;background: #2b80ea;
color: #fefefe;margin-left: 0; margin-right:6px}
.badge-hp {display: inline-block;min-width: 16px;padding: 2px 4px 2px 8px;border-radius: 5px;font-size: 16px;text-align: center;background: #fdc300;
color: #fefefe; margin-left: 0; margin-right:6px}
#use_cases [class*=" bi-"]::before {vertical-align: -0.2em;font-size: 1.1em;}
#testlogin {margin:40px}
#testlogin div {width: 11em;cursor: pointer;margin: auto;border-bottom: 1px solid #a6a6a7;padding: 0 10px;}
#loginhd {font-size:1.1em;margin-left:-1.4em}
#loginhd:before {font-family:"bootstrap-icons"; content:"\f4da"; color:#f28c00;font-size:1.1em; vertical-align:text-bottom; padding-right:4px;}


/*Content nav*/
.navContainer .pageNext {float:right}
.navContainer::after {content: ""; display: block; clear: both;}
.navContainer .badge {padding: 4px;font-size: 12px;padding: 3px 7px;font-family:"helvetica"}
#content .navContainer .badge a, #content .navContainer .badge a:visited {color:white !important;}
/*Simple flex-container */
.flexbox-portal {display: flex;	flex-direction: row;flex-wrap: wrap;justify-content: space-between;	align-items: stretch;align-content: stretch;}
.flexbox-portal > div {width: 48.5%; padding: 10px; margin-bottom: 18px;border: 1px solid #cdcdcd;}
.flexbox-portal div h2 {font-size: 1.3em;border-bottom: none; margin-top: 0;background: #efefef;padding: 10px;}
#use_cases .flexbox-portal div h2 {padding-left: 0;}
.flexbox-portal h1 .mw-editsection, .flexbox-portal h2 .mw-editsection, .flexbox-portal h3 .mw-editsection, .flexbox-portal h4 .mw-editsection, .flexbox-portal h5 .mw-editsection, .flexbox-portal h6 .mw-editsection
{display:none;}
.rss dd {display:none;}
.rss dt {font-weight:normal;margin-bottom:1.2em;}
/*mw-ui-button link*/
.mw-ui-button.mw-ui-progressive a {color:#ffffff !important}

/*Tables*/
table.wikitable td, table.wikitable th {font-size:15px; color:#252525}
#features table.aligntop th, #features table.aligntop td, #features  .wikitable > tr > th,  #features .wikitable > * > tr > th {vertical-align: top !important;padding: 16px; text-align:left;}
.mw-parser-output table.wikitable {color:#252525;}
/*Headertabs*/
#headertabs .oo-ui-panelLayout-framed {border:0;}
#headertabs .oo-ui-menuLayout-menu {border-bottom: 1px solid #d3d5da}

/*image-zooms*/
.flexbox-portal .screenshot>div img {max-width:auto !important}
.screenshot {width: 100%; height: 200px;overflow: hidden;}

/*Forms*/
.oo-ui-actionFieldLayout .oo-ui-actionFieldLayout-button .oo-ui-buttonElement-framed > .oo-ui-buttonElement-button {margin-left: 4px !important;}
.oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-header, .oo-ui-fieldLayout.oo-ui-fieldLayout-align-top > .oo-ui-fieldLayout-body > .oo-ui-fieldLayout-field {width: 500px;}
div.pfFormInputWrapper {margin-top:0}
#pfForm .mw-ui-input, #pfForm .createboxInput, #pfForm .mandatoryField, #pfForm textarea {width:auto !important}

/*Global templates */
.infolink {float:right; display:inline; font-size: 14px;margin-left: 20px;}