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
From Fire Emblem Wiki, your source on Fire Emblem information. By fans, for fans.
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 */
/* 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; }
/* 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"],
a.mw-userlink[href$="User:Thecornerman"]
{
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"]
{
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: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: 15%;
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://cdn.fireemblemwiki.org/2/2d/FEPR_Ancient_Language.ttf") format("truetype");
}
.ancient-tongue {
font-family: AncientTongue;
/*font-size: 150%;*/
}
/* Lazy cellpadding replacement */
.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;
}
.chapter-table th, .chapter-table td {
background-color: #232855; /*(color1)*/
border: 1px solid #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;
}
/*For item list templates, like WeaponStats or ItemData*/
.item-list {
border: 3px solid #b0b0b0;
background-color: #232855;
border-radius: 20px;
overflow: hidden;
text-align: center;
border-spacing: 0px;
}
.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:last-child, .unused th:last-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;
}
.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;
}