Difference between revisions of "MediaWiki:Common.css"

From Halcove
 
(23 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@200&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------------ */
#p-logo-text a {
#p-logo-text a {
font-family: 'Poppins', sans-serif;
font-family: 'Poppins', sans-serif;
Line 17: Line 17:
}
}


/* ------------Paragraph text set to Roboto Slab------------ */
#content h1,
#content h1,
#content h2,
#content h2,
#content h3,
#content h3,
#content h4 {
#content h4,
#content h5,
#content h6 {
font-family: 'Roboto Slab', serif;
font-family: 'Roboto Slab', serif;
}
}
/* ------------Username text and positioning------------ */
#personal h2 {
#personal h2 {
font-family: 'Raleway', sans-serif;
font-family: 'Raleway', sans-serif;
font-size: 1.1em;
font-size: 0.9em;
line-height: unset;
    margin: 0;
    padding: 0.3em 0 0 25px;
}
}
/* end text */
#user-tools {
    height: 22px;
    padding-left: 4px;
}
#personal h2:after {
    padding-top: 3px;
}
 


/*color bars*/
/* ------------end text customisation------------ */
 
/* ------------color bars------------ */
.color-middle {
.color-middle {
     height: 0.35em;
     height: 0.35em;
Line 41: Line 56:
     background: #b3bed3;
     background: #b3bed3;
}
}
/* end color bars */
/* ------------end color bars------------ */


/* ------------remove sidebar shadows and sidebars------------ */
#mw-content-container {
#mw-content-container {
     border-bottom: solid 4px #545962;
     border-bottom: solid 4px #545962;
Line 51: Line 67:
     border: none;
     border: none;
}
}


#site-tools {
#site-tools {
     display: none;
     display: none;
}
}
#mw-related-navigation .sidebar-chunk {
#mw-related-navigation .sidebar-chunk {
     display: none;
     display: none;
}
}
#mw-content-container {
#mw-content-container {
     background: #fff;
     background: #fff;
Line 74: 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 90: Line 112:
}
}


#personal h2 {
.mw-createacct-benefits-container { display: none; }
    margin: 0;
    padding: 0.3em 0 0 25px;
}

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