The wiki is lacking in content. You can help by creating a new article. See the to do list for more ways you can help.

MediaWiki:Common.css

From Final Fantasy Wiki
Revision as of 23:23, April 11, 2021 by Tacopill (talk | contribs)
Jump to navigationJump 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.
/* CSS placed here will be applied to all skins */
.white-arrows.jquery-tablesorter th.headerSort {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%229%22 viewBox=%220 0 21 9%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 5l-4 4-4-4zm0-1l-4-4-4 4z%22/%3E %3C/svg%3E");
}
.white-arrows.jquery-tablesorter th.headerSortUp {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M6.5 4l4-4 4 4z%22/%3E %3C/svg%3E");
}
.white-arrows.jquery-tablesorter th.headerSortDown {
    background-image: linear-gradient(transparent,transparent),url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2221%22 height=%224%22 viewBox=%220 0 21 4%22%3E %3Cpath fill=%22%23fff%22 d=%22M14.5 0l-4 4-4-4z%22/%3E %3C/svg%3E");
}

img {
    image-rendering: optimizeSpeed;
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: optimize-contrast;
    image-rendering: crisp-edges;
    image-rendering: pixelated;
    -ms-interpolation-mode: nearest-neighbor;
}

div.tleft, div.tright {
    margin-top: 0.2em;
    margin-bottom: 0.8em;
}
 /* Navigation templates */
.navbox {
    margin-top: 15px;
}
.navbox + .navbox,
.navbox .navbox {
    margin-top: 0;
}
.navbox .mw-collapsible-toggle {
    padding-right: 4px;
}
.navbox .mw-collapsible-toggle-expanded {
    padding-left: 5px;
}
.navbox.mw-collapsible tbody > tr:first-child > th:first-child {
    padding-left: 46px;
}
.navbox .mw-collapsible-toggle,
.navbox .mw-collapsible-text {
    color: white;
    font-weight: bold;
}
.navbox.light .mw-collapsible-toggle,
.navbox.light .mw-collapsible-text {
    color: black;
}

table.wikitable.black > * > tr > td, table.wikitable.black > * > tr > th {
   border:1px solid black;
}

.tab-content {
	width: -moz-avalable;
}

#footer {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.mw-changeslist-legend {
  border: 1px solid #aaa;
}

#bodyContent {
	position: relative;
}

.portlet {
    width: 11.8em;
}

/* Tabber */
.infobox .tabbernav {
	font-size: 90%;
}
.tabber.info {
	display: block;
	float: right;
	margin: 0 0 0.5em 1em;
}
.tabber.info .nav {
	display: block !important;
}
.tabber.info .infobox > tbody > tr:nth-child(2) img {
	max-width: 100% !important;
	height: auto !important;
	image-rendering: auto !important;
}
.tabber.info table {
	display: block !important;
	float: none !important;
	width: auto !important;
	max-width: none !important;
	margin: 0 !important;
	overflow-x: auto !important;
}
.tabber.info tbody {
	display: table !important;
	width: 100% !important;
}

/* Notice templates */
table + #stub {
	margin-top: 10px;
}
.notice-template {
	width: 95%;
	margin: 0 auto 10px;
}
.ns-6 .notice-template {
	margin: 5px auto !important;
}
.notice-template + .notice-template {
	margin-top: -5px;
}

/* References */
ol.references {
	margin-top: 0;
	font-size: 90%;
}
ol.references div {
	display: inline;
}
ol.references span {
	line-height: 1;
}

.infobox {
	border: 1px solid #000;
	background: #f9f9f9;
	float: right;
	clear: right;
	margin: 0 0 0.5em 1em;
	padding: 2px;
	font-family: verdana, sans-serif;
	font-size: 10px;
}

.infobox th{
	font-size: 13px;
}

.infobox caption {
	font-size: larger;
	margin-left: inherit;
}
.infobox.bordered {
	border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
	border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
	border: 0;
}
.infobox:not(.rowspan-left) > tbody > tr:last-of-type > td:first-of-type {
	border-bottom-left-radius: 0.5em;
}
.infobox:not(.rowspan-right) > tbody > tr:last-of-type > td:last-of-type {
	border-bottom-right-radius: 0.5em;
}
.infobox.rowspan-left > tbody > tr:nth-last-child(2) > td:first-of-type[rowspan="2"] {
	border-bottom-left-radius: 0.5em;
}
.infobox.rowspan-right > tbody > tr:nth-last-child(2) > td:last-of-type[rowspan="2"] {
	border-bottom-right-radius: 0.5em;
}

/* Table of contents */
#toc, .toc {
	margin-bottom: 3px;
}

/* Thumbs */
div.tleft, div.tright {
	margin-top: 0.25em;
	margin-bottom: 0.85em;
}

/* Galleries */
ul.gallery,
li.gallerybox div.thumb {
	margin-bottom: 0;
	padding-bottom: 0;
}
li.gallerycaption {
	text-align: unset;
}

/* Explain text */
.explain[title] {
    text-decoration: none;
    border-bottom: 1px dotted;
}

.allpagesredirect a.mw-redirect, .watchlistredir a.mw-redirect {
    color: #888 !important;
}

/* Tabber */
.infobox .tabbernav {
    font-size: 90%;
}
.tabber.info {
    display: block;
    float: right;
    margin: 0 0 0.5em 1em;
}
.tabber.info .nav {
    display: block !important;
}
.tabber.info .infobox > tbody > tr:nth-child(2) img {
    max-width: 100% !important;
    height: auto !important;
    image-rendering: auto !important;
}
.tabber.info table {
    display: block !important;
    float: none !important;
    width: auto !important;
    max-width: none !important;
    margin: 0 !important;
    overflow-x: auto !important;
}
.tabber.info tbody {
    display: table !important;
    width: 100% !important;
}

/* Black border & cell tables */
table.blacktable, table.blacktable {background:#fff;margin:1em 0;border:1pt solid #000;border-collapse:collapse;color:black}
table.blacktable > * > tr > td, table.blacktable > * > tr > th, table.blacktable > * > tr > td, table.blacktable > * > tr > th {border:1pt solid #000;padding:0.2em 0.4em}

#mw-indicator-mw-helplink {
    display: none;
}

#ff6table a.mw-collapsible-text {
   color:white;
}

#mainpage-games .mw-collapsible-text {
    color: white;
    font-weight: bold;
}

#mainpage-games tr {
    color:white;
}

.wikitable > tr > th, .wikitable > * > tr > th {
    background-color: #eaeeff;
}