Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 21:23, 12 April 2021

/* CSS placed here will be applied to all skins */

body {
background-color: black;
}

/* background color of the biggest part of the main "frame" */
#mw-content-container {
background-color: #efe8fd;
}

#mw-header-container {
	background: black;
}

#p-logo-text a {
color: white;
}

#personal h2 {
color: white;
}

/* text color of items in navbars (like Main page, Recent changes, ...) */
.mw-portlet-body ul li a {
color: #5e17eb;
}

#content h1 {
border-bottom: solid 4px #5e17eb;
}

.color-left {
background-color: black;
}

.color-middle {
background-color: black;
}

.color-right {
background-color: black;
}

h1, h2, h3, h4 {
	color: black;
}

#mw-site-navigation .sidebar-chunk {
	border: outset #222;

	box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
	border-radius: 3px;
}
@media screen and (max-width: 1099px)
{
    #mw-site-navigation .sidebar-chunk {
        border: 0;
        box-shadow: none;
	padding: 0 15px 5px 20px;
    }
}

#mw-site-navigation .sidebar-inner {

	border: 0;
color: black;
}

#mw-related-navigation .sidebar-chunk {

	border: outset #222;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
	border-radius: 3px;
}
@media screen and (max-width: 1099px) and (min-width: 851px) {
#mw-related-navigation .sidebar-chunk {
        border: 0;
        box-shadow: none;
	padding: 0 15px 5px 20px;
}
}

#mw-page-header-links li.selected {
border-bottom-color: #5e17eb;
}

#mw-footer-container {
	background: black;
}

.hatnote {
    background: #eee;
    border: 1px solid #aaa;
    float: center;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 240px;
}

.infobox {
    background: #eee;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 240px;
}
@media screen and (max-width: 550px) {
.infobox {
    float: none;
    margin-left: auto;
    margin-right: auto;
}
}

.infobox-title {
    font-size: 1.25em;
    text-align: center;
}
.infobox-image {
    text-align: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.infobox th {
    text-align: left;
    vertical-align: top;
    width: 90px;
}
.infobox td {
    text-align: left;
    vertical-align: top;
}

.mw-cookiewarning-container {
    top: auto;
    bottom: 0;
}