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.
Difference between revisions of "MediaWiki:Common.css"
From Final Fantasy Wiki
Jump to navigationJump to search
Line 264: | Line 264: | ||
.wikitable > tr > th, .wikitable > * > tr > th { | .wikitable > tr > th, .wikitable > * > tr > th { | ||
background-color: #eaeeff; | background-color: #eaeeff; | ||
} | |||
/* Responsive fixes */ | |||
@media all and (max-width: 550px) { | |||
.mw-body-content { | |||
overflow: clip !important; | |||
} | |||
.infobox, .tabber.info { | |||
margin: 1em 0 !important; | |||
} | |||
.infobox, .tabber.info, | |||
#bodyContent table, .nav-right { | |||
float: none !important; | |||
width: auto !important; | |||
overflow: auto !important; | |||
display: block !important; | |||
max-width: none !important; | |||
margin-left: 0 !important; | |||
margin-right: 0 !important; | |||
} | |||
#bodyContent table > tbody { | |||
width: 100% !important; | |||
display: table !important; | |||
} | |||
div.thumb { | |||
float: none !important; | |||
max-width: none !important; | |||
margin: 1em 0; | |||
} | |||
div.thumbinner > div { | |||
float: none !important; | |||
margin-left: auto !important; | |||
margin-right: auto !important; | |||
} | |||
div.thumbcaption { | |||
margin-top: 3px !important; | |||
} | |||
div.thumbimage { | |||
max-width: max-content; | |||
} | |||
ul.gallery { | |||
text-align: center; | |||
} | |||
div.gallerytext { | |||
text-align: left; | |||
} | |||
center div.gallerytext, | |||
.gallery.center div.gallerytext, | |||
.gallery[style*="center"] div.gallerytext { | |||
text-align: center; | |||
} | |||
a.feedlink { | |||
padding-left: 16px !important; | |||
} | |||
} | } |
Revision as of 17:22, September 26, 2021
/* 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 tr:first-child th, .navbox tr:first-child th a {
color: #fff !important;
}
.navbox.light tr:first-child th, .navbox.light tr:first-child th a {
color: black !important;
}
.navbox.multi > * > tr:first-child th, .navbox.multi > * > tr:first-child th a {
color: black !important;
}
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;
}
/* Responsive fixes */
@media all and (max-width: 550px) {
.mw-body-content {
overflow: clip !important;
}
.infobox, .tabber.info {
margin: 1em 0 !important;
}
.infobox, .tabber.info,
#bodyContent table, .nav-right {
float: none !important;
width: auto !important;
overflow: auto !important;
display: block !important;
max-width: none !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
#bodyContent table > tbody {
width: 100% !important;
display: table !important;
}
div.thumb {
float: none !important;
max-width: none !important;
margin: 1em 0;
}
div.thumbinner > div {
float: none !important;
margin-left: auto !important;
margin-right: auto !important;
}
div.thumbcaption {
margin-top: 3px !important;
}
div.thumbimage {
max-width: max-content;
}
ul.gallery {
text-align: center;
}
div.gallerytext {
text-align: left;
}
center div.gallerytext,
.gallery.center div.gallerytext,
.gallery[style*="center"] div.gallerytext {
text-align: center;
}
a.feedlink {
padding-left: 16px !important;
}
}