Difference between revisions of "MediaWiki:Common.css"

Revision as of 17:30, 18 March 2022

/* ------------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 {
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 #personal h2:after {
    height: 22px;
    padding-left: 5px;
}


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