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
(9 intermediate revisions by one other user not shown) | |||
Line 27: | Line 27: | ||
/* Navigation templates */ | /* Navigation templates */ | ||
.navbox { | .navbox { | ||
margin | width: 100%; | ||
color: #000; | |||
font-size: 88%; | |||
text-align: center; | |||
margin: 15px auto 0; | |||
} | } | ||
.navbox + .navbox, | .navbox + .navbox, | ||
.navbox .navbox { | .navbox .navbox { | ||
margin-top: 0; | margin-top: 0; | ||
} | |||
.navbox .navbox { | |||
font-size: 100%; | |||
} | |||
.navbox th { | |||
font-size: 108%; | |||
} | |||
.navbox tr:first-child th { | |||
font-size: 116%; | |||
} | } | ||
.navbox .mw-collapsible-toggle { | .navbox .mw-collapsible-toggle { | ||
padding-right: 4px; | padding-right: 4px; | ||
} | } | ||
.navbox .mw- | body:not(.mobile) .navbox.mw-made-collapsible tbody > tr:first-child > th:first-child { | ||
padding-left: 3.935em; | |||
padding-left: | |||
} | } | ||
.navbox .mw-collapsible-toggle, | .navbox .mw-collapsible-toggle, | ||
.navbox .mw-collapsible-text { | .navbox .mw-collapsible-text { | ||
color: | color: #fff; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
.navbox.light .mw-collapsible-toggle, | .navbox.light .mw-collapsible-toggle, | ||
.navbox.light .mw-collapsible-text { | .navbox.light .mw-collapsible-text { | ||
color: | color: #000; | ||
} | } | ||
@media print { | |||
.navbox | .navbox { | ||
display: none; | |||
} | } | ||
} | } | ||
Line 171: | Line 178: | ||
.infobox.bordered .borderless th { | .infobox.bordered .borderless th { | ||
border: 0; | border: 0; | ||
} | } | ||
Line 247: | Line 242: | ||
/* Black border & cell tables */ | /* Black border & cell tables */ | ||
table. | table.table, table.table {background:#fff;margin:1em 0;border:1pt solid #000;border-collapse:collapse;color:black} | ||
table. | table.table > * > tr > td, table.table > * > tr > th, table.table > * > tr > td, table.table > * > tr > th {border:1pt solid #000;padding:0.2em 0.4em} | ||
#mw-indicator-mw-helplink { | #mw-indicator-mw-helplink { | ||
Line 269: | Line 264: | ||
.wikitable > tr > th, .wikitable > * > tr > th { | .wikitable > tr > th, .wikitable > * > tr > th { | ||
background-color: #eaeeff; | background-color: #eaeeff; | ||
} | |||
.mw-collapsible-toggle { | |||
padding-right: 0.3em; | |||
} | |||
.infobox-wide { | |||
padding: 3px; | |||
font-size: 88%; | |||
width:100%; | |||
} | |||
.infobox-wide td, .infobox-wide th { | |||
padding: 2px; | |||
} | } |
Latest revision as of 23:45, January 26, 2022
/* 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 {
width: 100%;
color: #000;
font-size: 88%;
text-align: center;
margin: 15px auto 0;
}
.navbox + .navbox,
.navbox .navbox {
margin-top: 0;
}
.navbox .navbox {
font-size: 100%;
}
.navbox th {
font-size: 108%;
}
.navbox tr:first-child th {
font-size: 116%;
}
.navbox .mw-collapsible-toggle {
padding-right: 4px;
}
body:not(.mobile) .navbox.mw-made-collapsible tbody > tr:first-child > th:first-child {
padding-left: 3.935em;
}
.navbox .mw-collapsible-toggle,
.navbox .mw-collapsible-text {
color: #fff;
font-weight: bold;
}
.navbox.light .mw-collapsible-toggle,
.navbox.light .mw-collapsible-text {
color: #000;
}
@media print {
.navbox {
display: none;
}
}
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;
}
/* 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.table, table.table {background:#fff;margin:1em 0;border:1pt solid #000;border-collapse:collapse;color:black}
table.table > * > tr > td, table.table > * > tr > th, table.table > * > tr > td, table.table > * > 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;
}
.mw-collapsible-toggle {
padding-right: 0.3em;
}
.infobox-wide {
padding: 3px;
font-size: 88%;
width:100%;
}
.infobox-wide td, .infobox-wide th {
padding: 2px;
}