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 Twitter (X) or Tumblr!

MediaWiki:Common.css: Difference between revisions

From Fire Emblem Wiki, your source on Fire Emblem information. By fans, for fans.
m (Changed backgrounds in "wikitable" to background-color so they don't overwrite the background-image from "sortable")
m (Changed cell color to be table color, so the text color of a row or table can be conveniently changed)
Line 33: Line 33:
         color: #0c95c9;
         color: #0c95c9;
}
}
td{
table {
         color:  #d9d9d9;
         color:  #d9d9d9;
}
}

Revision as of 13:54, 18 June 2021

/* 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: #1a1a1a;
	/*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: #ffffff;
	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: #222222;
}
.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: #ffffff;
	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: #ffffff;
}
#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("//fireemblemwiki.org/w/images/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("//fireemblemwiki.org/w/images/9/97/Is_gba_knight_crest.png") no-repeat center left;
    padding-left: 17px;
    }

/* Bureaucrats */
a.mw-userlink[href$="User:Tacopill"],
a.mw-userlink[href$="User:PikaSamus"]
    {
    color: #DB7093;
    background: url("//fireemblemwiki.org/w/images/d/db/Is_gba_heaven_seal.png") no-repeat center left;
    padding-left: 17px;
    }

/* Bishops */
a.mw-userlink[href$="User:Moydow"],
a.mw-userlink[href$="User:Luke"],
a.mw-userlink[href$="User:SnorlaxMonster"],
a.mw-userlink[href$="User:Metroidking"],
a.mw-userlink[href$="User:Alex95"]
    {
    color: #009000;
    background: url("//fireemblemwiki.org/w/images/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://fireemblemwiki.org/w/images/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: #222222; /*(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: #222222;
}


/*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: #222222;
}

/*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;
}

/* 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 img {
	max-width: unset !important;
}

/* 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;
}