Difference between revisions of "MediaWiki:Common.css"

From Book Trigger Warnings
Line 42: Line 42:
 
background-color: black;
 
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 {
 
h1, h2, h3, h4 {
Line 66: Line 53:
 
border-radius: 3px;
 
border-radius: 3px;
 
}
 
}
@media screen and (max-width: 851px)
+
@media screen and (max-width: 1099px)
 
{
 
{
 
     #mw-site-navigation .sidebar-chunk {
 
     #mw-site-navigation .sidebar-chunk {
Line 77: Line 64:
 
border: 0;
 
border: 0;
 
color: black;
 
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;
 
    }
 
 
}
 
}
  
Line 101: Line 74:
 
@media screen and (max-width: 1099px) and (min-width: 851px) {
 
@media screen and (max-width: 1099px) and (min-width: 851px) {
 
#mw-related-navigation .sidebar-chunk {
 
#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;
 
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 {
 
#mw-page-header-links li.selected {

Revision as of 22:29, 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;
}

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 {
	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 {
	padding: 0 15px 5px 20px;
}
}

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