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');*/
/*temporary language switcher*/
#languages {right:106px;}
.ddlistroot {display:flow-root; margin-top: -49px;margin-bottom:-40px;}
.ddlistwrapper {display:inline-block; padding:8px 10px 4px 10px!important; text-align:right; vertical-align:middle; float:right}
.ddlist .dropdown-menu {left: 2px!important;}
@media only screen and (max-width: 1400px) {
	#languages {right:65px;}
}

/*sorting icon in tables sometimes needs more padding on the right to not run into the text */
.mw-parser-output table.wikitable>tr>th, .mw-parser-output table.wikitable>tr>td, .mw-parser-output table.wikitable>*>tr>th, .mw-parser-output table.wikitable>*>tr>td {
    padding-right: 1em!important;
}
/*homepage iconnav top */
.imgcard.homepage   {justify-content:space-between; flex-wrap:nowrap;}
.imgcard.small.homepage > div {width:30%!important; outline:1px solid #e7e7e7; background:none}
.imgcard.homepage > div:hover {background:#f1f3f9}

/*Simple flex-container */
.flexbox-portal {display: flex;	flex-direction: row;flex-wrap: wrap;justify-content: space-between;	align-items: stretch;align-content: stretch; gap:20px}
.flexbox-portal > div {width: 48.5%; padding: 10px 20px; margin-bottom: 18px;border: 1px solid #cdcdcd;}
#mw-content-text .flexbox-portal div h2 {font-size: 1.3em;border-bottom: none; margin-top: 0;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}

/*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:3.1em; 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}

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

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


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

/*Onboarding Form */
div[data-form="Onboarding"] .oo-ui-fieldLayout-header, div[data-form="Onboarding"] .forms-form-view-layout .view-label {width:20%!important; font-weight:bold}
div[data-form="Onboarding"] .oo-ui-fieldLayout .oo-ui-fieldLayout-field {width: 65% !important;}
div[data-form="Onboarding"] label.forms-section {background:#e9e9ee; padding:3px 12px}
div[data-form="Onboarding"]  .forms-form-edit-layout, div[data-form="Onboarding"]  .forms-form-view-layout  {padding:10px; border-bottom:1px solid #e9e9ee}
div[data-form="Onboarding"] .oo-ui-multioptionWidget-selected .oo-ui-checkboxInputWidget [type='checkbox']:disabled + span {background-color: #3366cc;border-color: #3366cc;}
.oo-ui-checkboxMultioptionWidget.oo-ui-labelElement > .oo-ui-labelElement-label {color: #444;}

/*evplayer right-alignment text wrap*/
div.embedvideo.ev_right {margin-left: 15px;}

/*Startpage test pages */
.testpages ul {list-style:none; margin:0; padding:0}

/*Behördennav topmargin */
div#behoerdennav {margin-top:-0.3em; margin-bottom:2.3em}

/*featurebox*/
.featurebox > span.link {display:inline-block; border:1px solid #e7e7e7; padding:10px; border-radius:8px; margin:10px}
.featurebox > span.link:focus, .demo > span.link:hover {border:1px solid #d8d8d9; background:#f1f3f9}

span.newmarker::after { content: 'new!'; vertical-align: super; background: #64b334; margin-left: 3px;font-size: 10px;padding: 2px 5px; border-radius: 50%;
color:#ffffff;}