MediaWiki:Vector.css

From Wizardry Wiki
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
html {
	scroll-padding-top: 35px;
}
/* Logo */
.mw-wiki-logo {
    background-image: url(/images/e/e6/Site-logo.png?ab305);
}

/* Background */
body {
    background: url(https://wizardry.wiki.gg/images/c/c4/Site-background-dark.jpg) top center / cover no-repeat fixed;
}
#mw-page-base {
	background: none;
}

/* Notification */
.mw-echo-ui-notificationItemWidget-unread, .mw-echo-ui-placeholderItemWidget {
	background-color: #000;
	color: #fff;
}
/* reposition logo */
#p-logo {
	left: 50%;
	position: absolute;
	top: 35px;
	transform: translate(-50%, 0);
}

/* resize logo */
#p-logo,
#p-logo a {
	background-size: 100%;
	height: 140px;
	width: 374px;
}

/* top navigation offset */
#left-navigation,
#right-navigation {
	margin-top: 175px;
}

#mw-head-base {
	border: none;
}
.vectorTabs,
.vectorTabs li,
.vectorTabs li.selected,
.vectorTabs li span,
.vectorTabs ul,
#mw-head .vectorMenu #p-cactions-label {
	background: none;
}
#mw-head .vectorTabs li:not(.new) a,
#mw-head .vectorTabs li.selected a,
#mw-head .vectorMenu #p-cactions-label span {
	color: #fff;
	font-weight: 700;
	text-shadow: 0 0 10px #000;
}
#p-cactions-label:after {
	filter: invert(1);
}
.vector-menu-portal .vector-menu-heading {
  background-image: none;
}
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading {
  background-image: none;
}
.vector-menu-tabs .new a,
.vector-menu-tabs .new a:visited {
	color: #ff4e4e;
}
@media screen and (max-width: 720px) {
  #left-navigation, #right-navigation {
    margin-top: 0;
  }
  #mw-head {
    top: 170px;
  }
}

.dark-icon img {
	filter: invert(1);
}

/* Link color */
.content-body a,
.content-body a.external,
.content-body a.extiw,
.content-body a:visited,
.content-body a.external:visited,
.content-body a.extiw:visited {
	color: #a0a0a0;
}
.content-body a:not(.mw-selflink):hover,
.content-body a.external:hover,
.content-body a.extiw:hover {
	color: #a0a0a0 ;
	text-decoration: underline;
}
.content-body a.new {
	color: #ff4e4e;
}
.content-body a.new:hover {
	color: #ff4e4e;
}
a.mw-selflink {
	color: #fff;
}
a.mw-selflink:hover {
	text-decoration: none;
}

/* Content */
#content {
    margin-top: 8.5em;
    background-color: #000;
    border: 2px solid #fff;
    border-radius: 0.4rem;
    color: #fff;
    margin-right: 1rem;
}

/* Footer */
#footer {
    background-color: transparent;
    color: #fff;
    margin-bottom: 0.5em;
    margin-right: 1rem;
}
#footer #footer-info li {
	color: #fff;
}

/* Sidebar */
#mw-panel #p-logo + .portal {
	margin-top: 0;
}
#mw-panel .portal + .portal {
	margin-top: 0.5em;
}

#mw-panel .portal {
    background-color: #000;
    border-radius: .4rem;
    margin-top: 0.5rem;
    padding-top: 0;
    border: 2px solid #fff;
}
#mw-panel .portal .body {
	background-image: none;
}
#mw-panel .portal .vector-menu-heading {
    background-color: #000;
    border-radius: .4rem;
    color: #fff;
    font-size: 1em;
    padding: 5px 0;
    text-align: center;
    border: 2px solid #fff;
    margin: -4px;
}
#mw-panel .portal .body li a,
#mw-panel .portal .body li a:visited {
	color: #fff;
	text-shadow: 0 0 10px black;
}

/* hide footer */
#footer-places {
	display: none;
}

/* text color */
h1, h2, h3, h4, h5, h6 {
	color: #fff;
}
.codeEditor-status-worker-cell {
	color: #000;
}

/* Tables */
code {
    border: none;
    background-color: inherit;
    color: inherit;
}
pre {
    color: #c1c1c1;
    background-color: #4c4c4c;
    border-color: #666;
}

/* version history diff */
.diff td.diff-context {
    background: transparent;
    border-color: #fff;
    color: #fff;
}
.diff td.diff-addedline {
    background-color: #0e191a;
    border-color: #0c742f;
}
.diff td.diff-addedline .diffchange {
    background-color: #0c742f;
    color: #fff;
}
.diff td.diff-deletedline {
    background-color: #0e191a;
    border-color: #c90018;
}
.diff td.diff-deletedline .diffchange {
    background-color: #c90018;
    color: #fff;
}
#pagehistory li {
    border: 1px solid #414141;
}
#pagehistory li.selected {
    background-color: #363636;
    color: #fff;
}

/* Thumbnails */
.vector-body .gallerybox .thumb {
    background-color: transparent;
    border: 2px solid #fff;
    border-radius: .25rem
}
@media screen {
div.thumbinner {
	background-color: #000;
	border: 2px solid #fff;
	border-radius: .25rem
  }
}
.thumbimage {
	background-color: #000;
}
.thumbcaption {
    color: #fff !important;
}

/* ToC */
.toc {
    background: #000;
    border: 2px solid #fff;
    border-radius: .4rem;
    padding: 0;
}
.toc .toctogglelabel {
    color: #fff;
}
.toc .toctitle {
    border: 2px solid #fff;
    background-color: #000;
    border-radius: .4rem;
    margin: -4px;
}
.toc .tocnumber {
    color: #fff;
}
.toc > ul {
    margin: 7px;
}

/* Portable Infobox */
.portable-infobox {
    border-radius: 0.6rem;
    border: 2px solid #fff;
    padding: 2px;
    --pi-item-spacing: 1px;
    --pi-background: #000;
    --pi-secondary-background: #fff;
    --pi-border-color: #fff
}

.portable-infobox .pi-title {
    font-size: 1.2rem;
}

.portable-infobox .pi-header {
    font-size: 0.8rem;
    padding: 4px;
}

.portable-infobox .pi-title,
.portable-infobox .pi-header {
    background: #dadada;
    border: 2px solid #000;
    border-radius: 0.4rem;
    color: #000;
    font-weight: bold;
    text-align: center;
}

.portable-infobox .pi-data-label {
    background-color: #dadada;
    border: 2px solid #000;
    border-radius: 0.4rem;
    color: #000;
    padding: 2px 4px;
}
.portable-infobox .pi-data-value {
    padding-top: 2px;
}
.portable-infobox .current.pi-item-spacing.pi-tab-link {
	color: #000;
}

/* Tabber */
.tabber {
	width: fit-content;
}

/* Category footer */
.catlinks {
    background: transparent;
    border: 2px solid #fff;
    border-radius: .4rem;
}

/* Copyright CC-BY-SA icon */
/* Copied from Terraria wiki */
#footer{
	/* self */
	padding: 12px;
	box-sizing: border-box;
	position: relative;
	/* grid */
	display: grid;
	grid-template-columns: [l] 1fr 0fr [r];
	grid-template-rows: [t] auto auto [b];
	z-index: 0;
}
#footer-info{
	font-size: 11px;
	display: contents;
}
#footer ul li{
	font-size: inherit;
	line-height: 1.5;
	padding: 0;
}
#footer-icons{
	grid-column: span 1 / r;
	grid-row: t / b;
	place-self: end;
}
#footer #footer-info-lastmod{
	grid-column: l / span 1;
	grid-row: t / span 1;
	place-self: start;
	margin-bottom: 1em;
}
#footer #footer-info-copyright{
	grid-column: l / span 1;
	grid-row: span 1 / b;
	place-self: end stretch;
	position: relative;
	padding-right: 100px;
}
#footer-info-copyright img{
	position: absolute;
	right: 0;
	/* mediawiki logo is 31px height, and this image has a 1px black border, 
	   a small tweak to make them visually matched on size and position */
	bottom: -1px;
	height: 33px;
	width: auto;
}
.ace_text-input {
	position: absolute!important;
}

/* temporary fixes */
table {
	display: table;
	white-space: inherit;
}
.mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
	background-color: transparent;
}

/* wikitable and cargoTable main */
.mw-datatable,
.mw_metadata,
.mw-tags-table,
.mw-json,
.cargoTable,
.cargo-tablelist,
.wikitable {
    background-color: #000;
    color: #fff;
}

/* wikitable and cargoTable header */
.mw_metadata > * > tr > th,
.mw-datatable > tr > th,
.mw-datatable > * > tr > th,
.mw-json > tr > th,
.mw-json > * > tr > th,
.cargoTable > tr > th,
.cargoTable > * > tr > th,
.wikitable > tr > th,
.wikitable > * > tr > th {
    background-color: #606060;
    border-color: #fff;
    color: #fff;
    padding-bottom: 0.56rem;
    padding-top: 0.56rem;
}

/* wikitable and cargoTable data */
.mw_metadata > * > tr > td,
.mw-datatable > tr > td,
.mw-datatable > * > tr > td,
.mw-json > tr > td,
.mw-json > * > tr > td,
.cargoTable > tr > td,
.cargoTable > * > tr > td,
.wikitable > tr > td,
.wikitable > * > tr > td {
    border-color: #fff;
    color: #fff;
    padding: 0.2rem 0.4rem;
}
.mw-datatable > * > tr:hover > td,
#mw-content-text table.cargoTable tr,
.mw_metadata td,
.mw-datatable td {
    background-color: transparent;
}
.cargo-tablelist > tr:hover > td,
.cargo-tablelist > * > tr:hover > td,
.cargoTable > tr:hover > td,
.cargoTable > * > tr:hover > td,
.mw-datatable > tr:hover > td,
.mw-datatable > * > tr:hover > td,
.wikitable > tr:hover > td,
.wikitable > * > tr:hover > td {
    background-color: rgba(199, 199, 199, 0.2);
}
.sitedir-ltr .mw-dismissable-notice-body {
    margin: 0;
}
.mw-changeslist-legend {
    background: #000;
}
ul {
    list-style-image: url("https://wizardry.wiki.gg/images/2/2d/Bullet_white.svg");
}
.fp-section { overflow-x: hidden }
.portable-infobox .pi-navigation {
    background: #000;
}
.thumb .thumbcaption {
    color: #000;
}
/* Search */
#mw-searchoptions .mw-search-profile-tabs .search-types {
	background-color: transparent;
}

/* #region [[Wizardry Wiki:Community portal]] & Noticeboard */
/* Copied from ARK Wiki */
.feature {
	border-radius: 5px;
	padding: 1em;
}
.cpbox {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
}
.cpbox #admins {
	box-sizing: border-box;
	width: calc(33% - 10px);
	margin: 5px;
	flex-grow: 1;
	min-width: 300px;
}
.cpbox #help {
	box-sizing: border-box;
	width: calc(67% - 10px);
	margin: 5px;
	flex-grow: 1;
}
.adminlist-background {
	float: right;
	width: 300px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 1em 1em;
	background: var(--adminlist-background-color);
	border: 1px solid var(--adminlist-border-color);
	font-family: Tahoma, Arial, sans-serif;
	font-size: 93%;
}
.adminlist-background > h3:first-child {
	margin-top: 0;
	padding-top: 0;
}
Retrieved from "https://wizardry.wiki.gg/index.php?title=MediaWiki:Vector.css&oldid=9463"