Site News |
---|
Warning: This wiki contains spoilers. Read at your own risk! Social media: If you would like, please join our Discord server, and/or follow us on X (Twitter) or Tumblr! |
MediaWiki:Common.css: Difference between revisions
From Fire Emblem Wiki, your source on Fire Emblem information. By fans, for fans.
mNo edit summary |
Thecornerman (talk | contribs) mNo edit summary |
||
(24 intermediate revisions by 3 users not shown) | |||
Line 174: | Line 174: | ||
.mw-ui-vform{ width: 410px !important; } | .mw-ui-vform{ width: 410px !important; } | ||
.tocnumber{ color: inherit; } | .tocnumber{ | ||
color: inherit; | |||
font-variant-numeric: tabular-nums; | |||
} | |||
/* Staff highlighting on Recent Changes, logs, histories, etc. Needs to be updated manually if someone is added/removed. */ | /* Staff highlighting on Recent Changes, logs, histories, etc. Needs to be updated manually if someone is added/removed. */ | ||
/* Patrollers */ | /* Patrollers */ | ||
a.mw-userlink[href$="User:Xamad | a.mw-userlink[href$="User:Xamad"] | ||
{ | { | ||
color: #FF8C00; | color: #FF8C00; | ||
Line 188: | Line 190: | ||
/* Administrators */ | /* Administrators */ | ||
a.mw-userlink[href$="User:L95"] | a.mw-userlink[href$="User:L95"], | ||
a.mw-userlink[href$="User:Thecornerman"] | |||
{ | { | ||
color: #40E0D0; | color: #40E0D0; | ||
Line 204: | Line 207: | ||
/* Bishops */ | /* Bishops */ | ||
a.mw-userlink[href$="User:Dkpat"], | |||
a.mw-userlink[href$="User:Luke"], | a.mw-userlink[href$="User:Luke"], | ||
a.mw-userlink[href$="User:SnorlaxMonster"], | a.mw-userlink[href$="User:SnorlaxMonster"], | ||
Line 237: | Line 241: | ||
@font-face { | @font-face { | ||
font-family: "AncientTongue"; | font-family: "AncientTongue"; | ||
src: url("https:// | src: url("https://cdnassets.openwikiproject.org/FEPR_Ancient_Language.ttf") format("truetype"); | ||
} | } | ||
Line 246: | Line 250: | ||
/* Lazy cellpadding replacement */ | /* Lazy cellpadding replacement */ | ||
.cellpadding-0 td, .cellpadding-0 th { | |||
padding: 0; | |||
} | |||
.cellpadding-1 td, .cellpadding-1 th { | .cellpadding-1 td, .cellpadding-1 th { | ||
padding: 1px; | padding: 1px; | ||
Line 320: | Line 328: | ||
background-color: #222; /*(color3)*/ | background-color: #222; /*(color3)*/ | ||
text-align: center; | text-align: center; | ||
font-variant-numeric: tabular-nums; | |||
} | } | ||
Line 325: | Line 334: | ||
background-color: #232855; /*(color1)*/ | background-color: #232855; /*(color1)*/ | ||
border: 1px solid #b0b0b0; | border: 1px solid #b0b0b0; | ||
} | |||
.chapter-table th > a:not(.new):not(.mw-selflink):not(.mw-collapsible-text) { | |||
color: #b0b0b0; | |||
} | } | ||
Line 342: | Line 355: | ||
} | } | ||
.basic caption { | |||
font-weight: bold; | |||
} | |||
/*For item list templates, like WeaponStats or ItemData*/ | /*For item list templates, like WeaponStats or ItemData*/ | ||
Line 348: | Line 364: | ||
background-color: #232855; | background-color: #232855; | ||
border-radius: 20px; | border-radius: 20px; | ||
text-align: center; | text-align: center; | ||
border-spacing: 0px; | border-spacing: 0px; | ||
} | |||
@media screen and (min-width: 851px){ | |||
table.item-list { | |||
overflow: hidden; | |||
} | |||
} | |||
@media screen and (max-width: 850px){ | |||
table.item-list { | |||
overflow: auto; | |||
} | |||
} | } | ||
Line 427: | Line 453: | ||
} | } | ||
.unused td: | .unused td:not(:first-child), .unused th:not(:first-child) { | ||
background-color: #222; | background-color: #222; | ||
padding: 10px; | padding: 10px; | ||
Line 442: | Line 468: | ||
margin: auto; | margin: auto; | ||
text-align: center; | text-align: center; | ||
font-variant-numeric: tabular-nums; | |||
} | } | ||
Line 577: | Line 604: | ||
.niwa-columns { | .niwa-columns { | ||
column-count: 3; | column-count: 3; | ||
} | } | ||
Line 583: | Line 609: | ||
image-rendering: pixelated; | image-rendering: pixelated; | ||
}*/ | }*/ | ||
rt { | |||
font-variant-east-asian: ruby; | |||
} | |||
/* Number widths */ | |||
body { | |||
font-variant-numeric: proportional-nums; | |||
} | |||
/* class for FEH skill availability table; prevents links from wrapping */ | |||
.feh_avail td > a { | |||
white-space: nowrap; | |||
} | |||
/*Fix new message notification, ported from monobook*/ | |||
@media screen { | |||
.usermessage { | |||
background-color: #000; | |||
border: 1px solid #fc3; | |||
/*color: #000;*/ | |||
font-weight: bold; | |||
margin: 2em 0 1em; | |||
padding: 0.5em 1em; | |||
vertical-align: middle; | |||
} | |||
} | |||
/* Fix TRS portraits in galleries */ | |||
li.gallerybox div.thumb img[src*="Portrait_"][src*="trs01.png"] { | |||
transform:scaleX(calc(32/35)); | |||
} |
Latest revision as of 14:58, 2 March 2024
/* CSS placed here will be applied to all skins */
/* wikitable/prettytable class for skinning normal tables */
table.wikitable {
margin: 1em 1em 1em 0;
background-color: #222;
/*border: 1px #aaa solid;*/
border-collapse: collapse;
empty-cells: show;
}
table.wikitable th, table.wikitable td {
/*border: 1px #aaa solid;*/
padding: 0.2em 0.4em;
}
table.wikitable th, table.wikitable td.hl3, table.wikitable th.hl3 {
background-color: #232855 !important;
text-align: center;
}
table.wikitable td.hl1, table.wikitable th.hl1 {
background-color: #c5d8fc;
text-align: center;
}
table.wikitable td.hl2, table.wikitable th.hl2 {
background-color: #a7c1f2;
text-align: center;
}
table.wikitable caption {
margin-left: inherit;
margin-right: inherit;
font-weight: bold;
}
td a{
color: #0c95c9;
}
table {
color: #d9d9d9;
}
/* prevent ugly horizontal page expansion */
pre {
overflow: auto;
}
/* Page headings used throughout the wiki (though not very much at the time of writing...) */
.page-notice, .page-warning {
border-width: 1px;
border-style: solid;
padding: 0.3em 0.5em;
margin-bottom: 1em;
width: 80%;
margin-left: auto;
margin-right: auto;
text-align: center;
}
/* Used to add informative notices to the top of pages - BLUE */
.page-notice {
background-color: #f9f9f9;
border-color: #025e9d;
text-align: left;
}
/* Used to add warning information to the top of pages - RED */
.page-warning {
background-color: #fff;
border-color: #c51919;
border-width: 2px;
}
.pw-head {
color: #c51919;
font-weight: bold;
}
.center {
text-align: center;
}
.center table {
margin-left: auto;
margin-right: auto;
text-align: left;
}
.collapseButton {/* 'show'/'hide' buttons created dynamically */
float: right;/* by the CollapsibleTables javascript in*/
font-weight: normal; /* [[MediaWiki:Common.js]]are styled here*/
text-align: right; /* so they can be customised.*/
width: auto;
}
.default-border-radius {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.default-border-top {
-moz-border-radius-topleft: 5px;
-webkit-border-top-left-radius: 5px;
-moz-border-radius-topright: 5px;
-webkit-border-top-right-radius: 5px;
}
.default-border-bottom {
-moz-border-radius-bottomleft: 5px;
-webkit-border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
-webkit-border-bottom-right-radius: 5px;
}
.bgimage {
background-image: url('images/1/16/Falchion_transparent.png');
background-position: center center;
background-repeat: no-repeat;
}
.tab_tab {
border-radius: 7px 7px 0 0;
-moz-border-radius: 7px 7px 0 0;
-webkit-border-radius: 7px 7px 0 0;
-khtml-border-radius: 7px 7px 0 0;
-icab-border-radius: 7px 7px 0 0;
-o-border-radius: 7px 7px 0 0;
text-align: center;
padding: 3px 5px;
margin: 0px;
border: 2px solid #B0B0B0;
background-color: #232855;
white-space: nowrap;
cursor: pointer;
}
span.tab_tab:hover, div.tab_tab:hover, td.tab_tab:hover {
background-color: #222;
}
.tabselected {
background-color: #222 !important;
border-bottom: 2px solid #222;
color: #d9d9d9;
}
.tabcontainer p {
margin: 0;
}
/* Revision differences */
.diff-deletedline, .diff-addedline {
color: black;
}
pre {
background-color: #333;
color: #D9D9D9;
}
/* Special:AllMessages */
.TablePager td {
background-color: transparent;
}
.TablePager th {
background-color: #555;
}
.TablePager tr:hover td {
background-color: #333;
}
.am_default, .am_actual {
color: black;
}
/* Edittools */
#editpage-specialchars {
color: #fff;
border-color: rgb(219, 181, 31);
border-style: solid;
border-width: 2px;
padding: 10px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
}
#editpage-specialchars table {
color: #fff;
}
#mw-notification-area {
color: black;
}
.firstHeading{ overflow: visible; }
.mw-ui-vform{ width: 410px !important; }
.tocnumber{
color: inherit;
font-variant-numeric: tabular-nums;
}
/* Staff highlighting on Recent Changes, logs, histories, etc. Needs to be updated manually if someone is added/removed. */
/* Patrollers */
a.mw-userlink[href$="User:Xamad"]
{
color: #FF8C00;
background: url("https://cdn.fireemblemwiki.org/1/1d/Is_gba_orion%27s_bolt.png") no-repeat center left;
padding-left: 17px;
}
/* Administrators */
a.mw-userlink[href$="User:L95"],
a.mw-userlink[href$="User:Thecornerman"]
{
color: #40E0D0;
background: url("https://cdn.fireemblemwiki.org/9/97/Is_gba_knight_crest.png") no-repeat center left;
padding-left: 17px;
}
/* Bureaucrats */
a.mw-userlink[href$="User:PikaSamus"]
{
color: #DB7093;
background: url("https://cdn.fireemblemwiki.org/d/db/Is_gba_heaven_seal.png") no-repeat center left;
padding-left: 17px;
}
/* Bishops */
a.mw-userlink[href$="User:Dkpat"],
a.mw-userlink[href$="User:Luke"],
a.mw-userlink[href$="User:SnorlaxMonster"],
a.mw-userlink[href$="User:Metroidking"]
{
color: #009000;
background: url("https://cdn.fireemblemwiki.org/7/70/Is_gba_guiding_ring.png") no-repeat center left;
padding-left: 17px;
}
body[class*="_Supports"] div.toc {
width: 90%;
}
/*
body[class*="_Supports"] div.toc ul {
text-align: center;
}
*/
body[class*="_Supports"] div.toc ul li[class^="toclevel-1"] {
display: inline-block;
width: 11em;
min-height: 100px;
vertical-align: top;
border: 1px solid #aaa;
padding-left: 1ex;
}
/* Makes Special:Editcount legible */
body.mw-special-Editcount form#editcount td, body.mw-special-Editcount form#editcount th {
color: black;
}
@font-face {
font-family: "AncientTongue";
src: url("https://cdnassets.openwikiproject.org/FEPR_Ancient_Language.ttf") format("truetype");
}
.ancient-tongue {
font-family: AncientTongue;
/*font-size: 150%;*/
}
/* Lazy cellpadding replacement */
.cellpadding-0 td, .cellpadding-0 th {
padding: 0;
}
.cellpadding-1 td, .cellpadding-1 th {
padding: 1px;
}
.cellpadding-2 td, .cellpadding-2 th {
padding: 2px;
}
.cellpadding-3 td, .cellpadding-3 th {
padding: 3px;
}
.cellpadding-4 td, .cellpadding-4 th {
padding: 4px;
}
.cellpadding-5 td, .cellpadding-5 th {
padding: 5px;
}
/* References */
ol.references li:target, sup.reference:target {
background-color: #003;
color: #d9d9d9;
}
/*Round*/
.round {
border-radius: 15px;
}
.roundtl {
border-top-left-radius: 15px;
}
.roundt {
border-top-left-radius: 15px;
border-top-right-radius: 15px;
}
.roundtr {
border-top-right-radius: 15px;
}
.roundbl {
border-bottom-left-radius: 15px;
}
.roundb {
border-bottom-left-radius: 15px;
border-bottom-right-radius: 15px;
}
.roundbr {
border-bottom-right-radius: 15px;
}
.roundl {
border-top-left-radius: 15px;
border-bottom-left-radius: 15px;
}
.roundr {
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
}
/*Used for templates like ChapItems and ChapEnemies/ChapUnits*/
.chapter-table {
margin: auto;
border-radius: 15px;
border: 1px solid #b0b0b0; /*(color2)*/
background-color: #222; /*(color3)*/
text-align: center;
font-variant-numeric: tabular-nums;
}
.chapter-table th, .chapter-table td {
background-color: #232855; /*(color1)*/
border: 1px solid #b0b0b0;
}
.chapter-table th > a:not(.new):not(.mw-selflink):not(.mw-collapsible-text) {
color: #b0b0b0;
}
/*A very common table styling, used by tables like the name charts*/
.basic {
margin: auto;
border-radius: 15px;
border: 1px solid #b0b0b0;
border-spacing: 3px;
background-color: #232855;
text-align: center;
}
.basic th, .basic td {
background-color: #222;
}
.basic caption {
font-weight: bold;
}
/*For item list templates, like WeaponStats or ItemData*/
.item-list {
border: 3px solid #b0b0b0;
background-color: #232855;
border-radius: 20px;
text-align: center;
border-spacing: 0px;
}
@media screen and (min-width: 851px){
table.item-list {
overflow: hidden;
}
}
@media screen and (max-width: 850px){
table.item-list {
overflow: auto;
}
}
.item-list tr:nth-child(even) {
background-color: #222;
}
.item-list th a:not(.new):not(.mw-selflink):not(.mw-collapsible-text) {
color: #b0b0b0;
}
/*mirrors*/
.mirrorX {
display: inline-block;
transform: scaleX(-1);
}
.mirrorY {
display: inline-block;
transform: scaleY(-1);
}
.mirrorXY {
display: inline-block;
transform: rotate(180deg);
}
/* Used for lists in columns */
.col-list > ol, .col-list > ul {
margin-top: 0;
}
/* spaces sub-lists closer to the item they are below rather than above */
li > ol, li > ul {
margin-top: 0;
margin-bottom: 0.3em;
}
/* Styles for both .calculation and .location */
.calculation, .location {
border: 1px solid #b0b0b0;
background-color: #232855;
border-radius: 15px;
}
.calculation td, .calculation th, .location td, .location th {
border: 1px solid #b0b0b0;
background-color: #222;
}
/* Used for tables such as {{AS calculations}} */
.location {
border-spacing: 4px;
}
.location td, .location th {
padding: 3px;
}
/* Used for tables such as {{ItemLoc}} */
.calculation {
font-size: 85%;
text-align: center;
}
/* Used for tables commonly used in unused content or pre-release pages */
.unused {
margin: auto;
background-color: #232855;
border: 2px solid #b0b0b0;
width: 75%;
border-radius: 10px;
text-align: center
}
.unused td:first-child, .unused th:first-child {
padding: 5px;
}
.unused td:not(:first-child), .unused th:not(:first-child) {
background-color: #222;
padding: 10px;
border: 1px solid #b0b0b0;
border-radius: 25px
}
/* For character and boss stat tables */
.stat-table {
border-spacing: 5px;
border-radius: 20px;
border: 2px solid #d0d0d0;
background: #222;
margin: auto;
text-align: center;
font-variant-numeric: tabular-nums;
}
.stat-table th a:not(.new):not(.mw-selflink):not(.mw-collapsible-text) {
color: #b0b0b0;
}
.stat-table td, .stat-table th {
padding: 3px;
}
.stat-table td td, .stat-table td th {
background: #232855;
border: 1px solid #b0b0b0;
}
.stat-table caption {
font-weight: bold;
}
/* For infoboxes */
.infobox { /* style for the main table */
width: 250px;
border-spacing: 0;
border: 2px solid #d0d0d0;
background: #232855;
border-radius: 20px;
font-size: 11px;
margin: 0 0 10px 1px;
float: right;
clear: right;
}
.infobox table { /* style for sub-tables */
width: 100%;
margin: auto;
border-spacing: 0;
border: 1px solid #d0d0d0;
background: #222;
border-radius: 15px;
}
.infobox td, .infobox th { /* effectively .cellpadding-3 */
padding: 3px;
}
/* automatically resizes images wider than 200px to fit; does not allow for images to be wider than 200px even when set to be */
.infobox img {
max-width: 200px !important;
height: auto;
}
.infobox tr:first-child tr:first-child th { /* First cell of first sub-table, which usually has the article title */
background: #232855;
border-bottom: 1px solid #d0d0d0;
border-top-left-radius: 14px;
border-top-right-radius: 14px;
font-size: 13px;
}
.infobox tr:not(:first-child) table th { /* gives all cells in the second sub-table a right border */
border-right: 1px solid #d0d0d0;
text-align: right;
width: 30%;
}
/* Gives all cells in the second sub-table in rows after the first a top border */
.infobox tr:not(:first-child) table tr:not(:first-child) td,
.infobox tr:not(:first-child) table tr:not(:first-child) th {
border-top: 1px solid #d0d0d0;
}
/* For class change templates */
.class-change {
border-radius: 15px;
border: 2px solid #b0b0b0;
text-align: center;
margin: auto;
clear: both;
}
.class-change tr:first-child th {
border-radius: 15px;
border: 2px solid #b0b0b0;
background-color: #232855;
}
.class-change tr:first-child th:nth-child(odd) {
width: 100px;
}
.class-change tr:first-child th:nth-child(even) {
width: 200px;
}
.class-change-split {
border-radius: 15px;
border: 1px solid #b0b0b0;
background-color: #222;
font-size: smaller;
}
/* For member tables on the pages for groups and organizations */
.members {
border-spacing: 1px;
margin: auto;
border-radius: 10px;
background: #232855;
border: 2px solid #b0b0b0;
text-align: center;
font-weight: bold;
}
.members td, .members th {
background: #222;
padding: 1px;
}
.members tr:nth-child(odd) td {
border: 1px solid #b0b0b0;
}
.fetable {
margin: auto;
background-color: #b0b0b0;
border-radius: 15px;
}
.fetable th {
background-color: #232855;
}
.fetable td {
background-color: #222;
}
.niwa-columns {
column-count: 3;
}
/*.pixel-art {
image-rendering: pixelated;
}*/
rt {
font-variant-east-asian: ruby;
}
/* Number widths */
body {
font-variant-numeric: proportional-nums;
}
/* class for FEH skill availability table; prevents links from wrapping */
.feh_avail td > a {
white-space: nowrap;
}
/*Fix new message notification, ported from monobook*/
@media screen {
.usermessage {
background-color: #000;
border: 1px solid #fc3;
/*color: #000;*/
font-weight: bold;
margin: 2em 0 1em;
padding: 0.5em 1em;
vertical-align: middle;
}
}
/* Fix TRS portraits in galleries */
li.gallerybox div.thumb img[src*="Portrait_"][src*="trs01.png"] {
transform:scaleX(calc(32/35));
}