Last edited 2 years ago
by WikiSysop

MediaWiki:Common.css: Difference between revisions

(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;}