(Created page with "→CSS placed here will be applied to all skins: →Styles for section cards: .sectionflex {display: flex; flex-wrap: wrap; justify-content:space-between;} .sectionflex.c...") |
No edit summary |
||
Line 1: | Line 1: | ||
/* CSS placed here will be applied to all skins */ | /* 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;} | |||
/* Styles for section cards */ | /* Styles for section cards */ | ||
Line 11: | Line 19: | ||
.sectionflex .ve-ce-branchNode-slug, .sectionflex span.mw-editsection {display:none} | .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}} | @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;} |
Revision as of 14:59, 22 September 2022
/* 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;}
/* 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;}