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.
mNo edit summary
mNo edit summary
 
(One intermediate revision by the same user not shown)
Line 250: 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 449: Line 453:
}
}


.unused td:last-child, .unused th:last-child {
.unused td:not(:first-child), .unused th:not(:first-child) {
background-color: #222;
background-color: #222;
padding: 10px;
padding: 10px;

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));
}