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
(29 intermediate revisions by 2 users not shown) | |||
Line 21: | Line 21: | ||
} | } | ||
.tleft, .tright { | div.tleft, div.tright { | ||
margin-top: 0.2em; | margin-top: 0.2em; | ||
margin-bottom: 0.8em; | 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; | |||
} | } |
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;
}