MediaWiki:Common.css: Difference between revisions

Revision as of 05:00, 4 November 2022

/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
.infobox {
    background: #eee;
    border: 1px solid #aaa;
    float: right;
    margin: 0 0 1em 1em;
    padding: 1em;
    width: 400px;
}
.infobox-title {
    font-size: 2em;
    text-align: center;
}
.infobox-image {
    text-align: center;
}
.infobox th {
    text-align: right;
    vertical-align: top;
    width: 120px;
}
.infobox td {
    vertical-align: top;
}
.wikitable {
    font-size: min(max(1vw,10px), 16px);
}


/*
============================================================
Content Fixes: DarkMode
============================================================
*/

/* DarkMode: Dark tables */
#content .wikitable {
    background: transparent;
    color: #eee;
}
#content .wikitable th {
	background-color: rgb(220,220,220,0.2);
    color: #eee;
}
#content .wikitable td,
#content .wikitable th {
    border-color: #444;
}

/* DarkMode: Dark code/pre */
#content code,
#content pre {
	background-color: rgb(12, 15, 17);
	color: rgb(248, 245, 242);
	border-color: rgb(42, 48, 50);
}

/* DarkMode: Borders (Content) */
#content h1,
#content h2 {
	border-color: #444;
}

/* DarkMode: Borders (Structure) */
.box,
.box .box-header{
	border-color: #444;
}



/*
============================================================
Misc Fixes
============================================================
*/

/* Fix cursor hotspot (makes pointing more accurate) */
body {
	cursor: url(/skins/ScratchWikiSkin2/resources/custom-cursor.png?7594d) 4 4, auto;
}
body a,
#navigation .link > a {
	cursor: url(/skins/ScratchWikiSkin2/resources/custom-cursorlink.png?694b8) 4 4, auto;
	/* red active cursor for improved visibility */
	/*cursor: url('https://i.imgur.com/ugGGblV.png') 4 4, auto;*/
}

/* Infobox: Add space to the left of it */
.itembox {
	/* @todo: cant use this atm because the weapon set box also uses .itembox (eg. Template:Blunt) */
	/*margin-left: 20px;*/
}

/* fix overflow issue (which cause an unnecessary bottom scrollbar) */
@media only screen and (min-width: 981.5px) {
	.inner {
	    width: calc(100vw - 21px); /* default: -20px */
	}
}

/* fix footer wiki page links being a bulky list */
#footer .lists {
	flex-direction: column;
    margin-left: 0;
    width: 100%;
}
#footer .lists > ul {
	display: flex;
	margin: 10px 0 0 0;
	padding-left: 0;
}
#footer .lists > ul li {
    list-style: none;
    margin-left: 5px;
    padding-left: 0;
}
#footer .lists > ul li:after {
	color: grey;
	content: "|";
	margin-left: 5px;
}


/*
============================================================
Editor Fixes
============================================================
*/

/* DarkMode: Source editor */
.wikiEditor-ui .wikiEditor-ui-text textarea {
	background: #141414;
	color: cadetblue;
}

/* DarkMode: Template icon text */
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
    color: white;
}


/* Sticky editor toolbar */
.ve-activated #content {
    max-height: 80vh;
    padding-top: 0;
    position: relative;
}
.ve-ui-toolbar {
    position: sticky;
    top: 0;
    z-index: 7; /* one below nav dropdowns (8) */
}

/* hide the logo while editing, for more screen space (can only be used in the Visual Editor) */
html.ve-activated.ve-active .logoheader {
    display: none;
}