MediaWiki:Common.css: Difference between revisions

Revision as of 17:11, 14 May 2021

/* -- Font imports -- */
@import url('https://fonts.googleapis.com/css?family=Open+Sans&display=swap');
@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,700&display=swap');


/* -- Wiki fundamentals -- */
body 
{
    background-image: url(https://static.miraheze.org/protochromawiki/2/26/Background.png);
    background-repeat: repeat;
    font-family: 'Open Sans', sans-serif;
}

.mw-body
{
    background-color: #D0D0D0;
}

.mw-body:not(.toc) a:not(.new) {
    color: #042229;
    text-decoration: underline;
    font-weight: bold;
}

.mw-body a.new {
    text-decoration: underline;
    font-weight: bold;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    color: #042229;
}

h1, h2 {
    border-bottom: 1px solid #000000;
}

a, a:visited {
    color: #000080;
}

a:hover:not(.new) {
    color: #0000CD;
}

hr {
    color: #99815f;
    background-color: #99815f;
}

#footer, .mw-footer {
    border-top: 1px dotted white;
    border-bottom: 1px dotted white;
    background-color: #a9a9a9;
    font-size: 13px;
}

/* removes Monobook white banner at the top */
div#globalWrapper
{
    font-size: 130%;
    width: 100%;
    margin: 0; padding: 0;
    background-image: none;
}

/* Gallery styles background changes are restricted to screen view. In printing we should avoid applying backgrounds. */
@media screen {
	/* The backgrounds for galleries. */
	#content .gallerybox div.thumb {
		/* Light gray padding */
		background-color: #f8f9fa;
	}
	/* Put a chequered background behind images, only visible if they have transparency.
	'.filehistory a img' and '#file img:hover' are handled by MediaWiki core (as of 1.19) */
	.gallerybox .thumb img {
		background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
	}
	/* But not on articles, user pages, portals or with opt-out. */
	.ns-0 .gallerybox .thumb img,
	.ns-2 .gallerybox .thumb img,
	.ns-100 .gallerybox .thumb img,
	.nochecker .gallerybox .thumb img {
		background-image: none;
	}
}

/* -- PC-style wiki sidebar -- */

#sidebar div.pBody {
    background-image: linear-gradient(to right, #181a1b, #42484b);
    border-left: 5px solid #1e90ff;
    border-right: transparent;
    border-top: transparent;
    border-bottom: transparent;
}

#sidebar h3 {
    color: #ffffff;
}

#sidebar a {
    color: #1affff;
    font-size: 13px;
}

#sidebar a:hover {
    color: white;
}


/* -- Miraheze nav styling -- */

.oo-ui-icon-bell, .mw-ui-icon-bell:before {
    background-image: url(https://static.miraheze.org/protochromawiki/6/6e/Bell.png);
}

.oo-ui-icon-tray, .mw-ui-icon-tray:before {
    background-image: url(https://static.miraheze.org/protochromawiki/8/8f/Tray.png);
}

#pt-notifications-alert .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read, #pt-notifications-notice .mw-echo-notifications-badge.mw-echo-notifications-badge-all-read {
    opacity: 1;
}

#pt-notifications-notice .mw-echo-notifications-badge, #pt-notifications-alert .mw-echo-notifications-badge {
    top: 2px;
}

#p-cactions li {
    border: 1px solid #00FFFF;
}

#p-cactions li a {
    background-color: #585858;
    color: #00FFFF;
}

#p-cactions li a:hover {
    background-color: #585858;
}


#p-personal li a {
    color: #ffffff;
}
#p-personal li a:hover {
    background-color: #003c40;
}

.mw-echo-notifications-badge:before {
    background-color: #ffffff;
    box-shadow: 0px 0px 5px #ffffff;
}

#p-cactions li.selected {
    border: 2px solid #00FFFF;
}

#p-cactions li.selected a {
    background-color: #585858;
}

#p-cactions .new a {
    color: #ffc0b3;
}

/* -- Tabbed infoboxes -- */

.tabbedInfobox {
    float: right;
}
.tabbedInfobox ul.tabbernav{
    border: none;
    font: inherit;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}
.tabbedInfobox .tabbertab {
    padding: 0px;
    border: none;
}
.tabbedInfobox ul.tabbernav li a {
    border: solid 2px #5f8b99;
    border-bottom: none;
    border-radius: 0.25em 0.25em 0px 0px;
    display: inline-block;
    width: 85%;
}
ul.tabbernav li {
    flex: 1 0 25%;
    margin-right: 2%;
  
}

/* -- Wiki table -- */

/* header */
.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: black;
    color: white;
}

/* sortable table header */
.client-js .sortable:not(.jquery-tablesorter) > * > tr:first-child > th:not(.unsortable), .jquery-tablesorter th.headerSort  {
    background-image: url(https://static.miraheze.org/protochromawiki/a/a6/Sort_both.png);
    background-color: black;
    color: white;
}

.wikitable {
    color: #000000;
    margin: 1em 0;
    border: 1px dotted #ffffff;
    border-collapse: collapse;
    font-size: 12px;
}

.wikitable > tr > td, .wikitable > * > tr > td {
    background-color: #c1c1c1;
}