Difference between revisions of "MediaWiki:Common.css"

From Halcove
 
(56 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* ------------Importing fonts from Google Fonts------------ */
 
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap');


Changes the default font used for MediaWiki to Poppins (does not include headings or monospaced text):
/* ------------Logo text------------ */
body {
font-family: 'Roboto Slab', serif;
}
#p-logo-text a {
#p-logo-text a {
font-family: 'Poppins', sans-serif;
font-family: 'Poppins', sans-serif;
}
}
span {
#mw-headline span {
font-family: 'Manrope', sans-serif;
font-family: 'Roboto Slab', sans-serif;
}
}
#mw-site-navigation h2 {
font-family: 'Roboto Slab', sans-serif;
}
/* ------------Paragraph text set to Roboto Slab------------ */
#content h1,
#content h1,
#content h2 {font-family: 'Roboto Slab', serif;
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
font-family: 'Roboto Slab', serif;
}
 
/* ------------Username text and positioning------------ */
#personal h2 {
font-family: 'Raleway', sans-serif;
font-size: 0.9em;
    margin: 0;
    padding: 0.3em 0 0 25px;
}
#user-tools {
    height: 22px;
    padding-left: 4px;
}
#personal h2:after {
    padding-top: 3px;
}
}


/* ------------end text customisation------------ */
/* ------------color bars------------ */
.color-middle {
.color-middle {
     height: 0.35em;
     height: 0.35em;
Line 28: Line 56:
     background: #b3bed3;
     background: #b3bed3;
}
}
/* ------------end color bars------------ */
/* ------------remove sidebar shadows and sidebars------------ */
#mw-content-container {
#mw-content-container {
     border-bottom: solid 4px #545962;
     border-bottom: solid 4px #545962;
}
}
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
#mw-site-navigation .sidebar-chunk {
     background: #fff;
     background: #fff;
     box-shadow: none;
     box-shadow: none;
    border: none;
}
}
#mw-content-container {
 
     background: #fff;
 
#site-tools {
     display: none;
}
}
#mw-site-navigation .sidebar-chunk, #mw-related-navigation .sidebar-chunk {
 
     background: #fff;
    box-shadow: none;
#mw-related-navigation .sidebar-chunk {
    border: none;
     display: none;
}
}
#mw-site-navigation {
 
#mw-content-container {
     background: #fff;
     background: #fff;
}
}
Line 59: Line 94:
     padding-bottom: 0em;
     padding-bottom: 0em;
}
}
/* ------------fix colorings------------ */
.mw-body h1.firstHeading {
.mw-body h1.firstHeading {
     border-bottom: solid 4px #dedede;
     border-bottom: solid 4px #dedede;
Line 74: Line 111:
     background: #262626;
     background: #262626;
}
}
.mw-createacct-benefits-container {  display: none; }

Latest revision as of 08:05, 11 December 2023

/* ------------Importing fonts from Google Fonts------------ */

@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Manrope&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap');

/* ------------Logo text------------ */
#p-logo-text a {
font-family: 'Poppins', sans-serif;
}
#mw-headline span {
font-family: 'Roboto Slab', sans-serif;
}
#mw-site-navigation h2 {
font-family: 'Roboto Slab', sans-serif;
}

/* ------------Paragraph text set to Roboto Slab------------ */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
font-family: 'Roboto Slab', serif;
}

/* ------------Username text and positioning------------ */
#personal h2 {
font-family: 'Raleway', sans-serif;
font-size: 0.9em;
    margin: 0;
    padding: 0.3em 0 0 25px;
}
#user-tools {
    height: 22px;
    padding-left: 4px;
}
#personal h2:after {
    padding-top: 3px;
}


/* ------------end text customisation------------ */

/* ------------color bars------------ */
.color-middle {
    height: 0.35em;
    background: #b159ea;
}
.color-right {
    background: #b3bed3;
}
.color-left {
    background: #b3bed3;
}
/* ------------end color bars------------ */

/* ------------remove sidebar shadows and sidebars------------ */
#mw-content-container {
    border-bottom: solid 4px #545962;
}
#mw-site-navigation .sidebar-chunk {
    background: #fff;
    box-shadow: none;
    border: none;
}


#site-tools {
    display: none;
}

	
#mw-related-navigation .sidebar-chunk {
    display: none;
}

#mw-content-container {
    background: #fff;
}
#mw-related-navigation {
    background: #fff;
}
#mw-content {
   border: none;
   box-shadow: none;
}
.mw-footer-container {
    border-top: solid 1px #262626;
}
#mw-content-container {
    padding-bottom: 0em;
}

/* ------------fix colorings------------ */
.mw-body h1.firstHeading {
    border-bottom: solid 4px #dedede;
}
.mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {
    border-bottom: solid 2px #dedede;
}
.tools-inline li.selected {
    border-bottom-color: #dedede;
}
a.new, .new a {
    color: #747474bf;
}
body {
    background: #262626;
}

.mw-createacct-benefits-container {  display: none; }