Difference between revisions of "MediaWiki:Common.css"

From Book Trigger Warnings
(Update infobox css)
Line 134: Line 134:
 
     margin: 0 0 1em 1em;
 
     margin: 0 0 1em 1em;
 
     padding: 1em;
 
     padding: 1em;
     width: 400px;
+
     width: 240px;
 
}
 
}
 
.infobox-title {
 
.infobox-title {
Line 144: Line 144:
 
}
 
}
 
.infobox th {
 
.infobox th {
     text-align: right;
+
     text-align: left;
 
     vertical-align: top;
 
     vertical-align: top;
    width: 120px;
 
 
}
 
}
 
.infobox td {
 
.infobox td {
 +
    text-align: left;
 
     vertical-align: top;
 
     vertical-align: top;
 
}
 
}

Revision as of 18:50, 25 June 2020

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

/*
.sidebar-chunk {
background-clip: padding-box;
}
*/

/* for the side navbars (like Navigation, Wiki tools, Page tools, ...)
.sidebar-inner {
background-color: black;
color: white;
}
*/

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: 851px)
{
    #mw-site-navigation .sidebar-chunk {
	padding: 0 15px 5px 20px;
    }
}

#mw-site-navigation .sidebar-inner {

	border: 0;
color: black;
}
@media screen and (max-width: 1099px) and (min-width: 851px)
{
    #mw-site-navigation .sidebar-inner {
	background: #222 !important;
	border: solid #111 !important;
    }
}
@media screen and (max-width: 1099px) and (min-width: 851px)
{
    #mw-site-navigation .sidebar-inner {
	background: #222 !important;
	border: solid #111 !important;
    }
}

#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: outset #222;
	box-shadow: 2px 2px 1px rgba(0,0,0,0.5);
	border-radius: 3px;
	padding: 0 15px 5px 20px;
}
}



@media screen and (max-width: 1099px) and (min-width: 851px)
{
    #mw-related-navigation .sidebar-inner {
	background: #222 !important;
	border: solid #111;
    }
}


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

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

.infobox {
    background: #eee;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 240px;
}
.infobox-title {
    font-size: 2em;
    text-align: center;
}
.infobox-image {
    text-align: center;
}
.infobox th {
    text-align: left;
    vertical-align: top;
}
.infobox td {
    text-align: left;
    vertical-align: top;
}