MediaWiki:Common.css

/* CSS placed here will be applied to all skins */

/*homepage welcome*/
#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.5em; color:#0d6efd;line-height: 0.8rem; padding-top: 20px;}
#mpbanner-title {font-size:2.4em; color:#343a40; line-height:1.2em; font-weight: 900;letter-spacing: -1px;}

/*overrides */
main li {margin-bottom: 0.8em;}
.mediawiki [class*=" bi-"]::before {vertical-align: -0.125em;}

/*Compact Book navigation -mlr */
h4.book-title {margin: 1em 0 0 0}
.bs-treenode-value {line-height:1.6em; margin-left:0px;padding-top:6px; padding-bottom:6px; padding-left:16px; text-indent:-16px; width: 230px;}
.bs-treenodeitem > div {line-height:1.2em}
.bs-treenodeitem > div span.bs-icon {width:28px;padding-left: 10px;display: inline-block;margin-top: 0.6em;}
/* #n-book-panel .bookshelfui-chapterpager {display:none} hide chapter pager */

/* Styles for section cards */
.sectionflex {display: flex; flex-wrap: wrap; justify-content:space-between;}
.sectionflex.col1 > div {flex-basis:100%; padding:10px 20px 20px 20px; margin:10px 0;}
.sectionflex.col2 > div {flex-basis:49%; padding:10px 20px 20px 20px; margin:10px 0;}
.sectionflex.col3 > div {flex-basis:32%; padding:10px 20px 20px 20px; margin:10px 0;}
.sectionflex > div h2 {margin:0 0 1em 0; font-size:1.3em}
.sectionflex.frame > div {border: 1px solid #e7e7e7}
.sectionflex.background> div {background: #f1f3f9}
.sectionflex .ve-ce-branchNode-slug, .sectionflex  span.mw-editsection {display:none}
@media (max-width: 767px) {.sectionflex.col2 > div, .sectionflex.col3 > div {flex-basis:100%; margin-top:2em}}

/*Related links */
h2#relatedinfo
{border-left: solid 4px #d8d8d9;
background:#f1f3f9;
color: #868585;
margin-top: 3rem;
margin-bottom:0 !important;
padding: 20px 10px 2px 30px;
}
.relatedtopics {
display:flex;
flex-wrap: wrap;
border-left: solid 4px #d8d8d9;
background:#f1f3f9;
padding: 2em !important;
margin:0  !important;
}
.relatedtopics .col{flex-basis: 50%; flex-grow: 1; flex-shrink: 1;}