MediaWiki:Common.css: Difference between revisions

Revision as of 17:40, 19 November 2024

table.wikitable.stat-table,
table.wikitable.recipe-table,
table.wikitable.reward-table {
min-width: 450px;
}

.skill-select-grid {
background-color: #222;
display: grid !important;
grid-template-columns: auto 1fr;
width: 100%;
gap: 10px;
align-items: center;
padding: 1em;
}

.skill-select-grid .gallerytext {
font-size: x-large;
font-weight: bold;
}

img.item.icon, .item.icon img,
img.skill.icon, .skill.icon img {
width: 61px !important;
height: 61px !important;
}

img.encounter.icon, .encounter.icon img {
width: 80px !important;
height: 80px !important;
}

img.effect.icon, .effect.icon img {
width: 32px !important;
height: 32px !important;
}

table.wikitable.stat-table td,
table.wikitable.recipe-table td {
text-align: center;
}

.button-outer {
	text-align: center;
	margin: 8px;
}

.button {
	display: inline-block;
	margin: auto;
	padding: 8px;
	text-align: center;
	border-collapse: separate !important;
	border-radius: 3px;
	color: white;
}

.button a {
	color: white !important;
}

.red.button {
	background-color: #d61515;
}

.blue.button {
	background-color: #2baadf;
}

.bubble {
	border-radius: 6px;
	color: white;
	text-align: center;
	padding: 12px;
	margin: 12px;
}

.green.bubble {
	background-color: #7bbd79;
}

div.cbox-outer {
	clear: both;
	width: 100%;
	margin: 10px 0px 12px 0px;
}

div.cbox-outer-padded {
	display: inline-block;
	margin: 10px 0px 0px 0px;
	max-width: 50%;
}

div.cbox-outer-standout {
	display: inline-block;
	margin: 10px 0px 12px 0px;
}

div.cbox {
	width: 70%;
	margin: 0 auto;
	border: 1px solid #e69710;
	background-color: #4c4c4c;
	padding: 4px;
}

div.cbox-fit {
    width: fit-content;
    border: 1px solid #e69710;
    background-color: #4c4c4c;
    padding: 4px;
}

div.cbox-fit-center {
    width: 70%;
    margin: 0 auto;
    border: 1px solid #e69710;
    background-color: #4c4c4c;
    padding: 4px;
}

div.cbox-outer-center {
    width: fit-content;
    margin: auto;
}

div.cbox-outer-padded>div.cbox,
div.cbox-outer-standout>div.cbox {
	width: auto !important;
	float: right;
}

div.cbox-outer-padded>div.cbox>span,
div.cbox-outer-standout>div.cbox>span {
	display: inline-block;
	float: left;
}

.cbox-image {
	padding-left: 10px;
}

div.cbox-outer-padded span.cbox-image,
div.cbox-outer-standout span.cbox-image {
	display: inline-block;
	float: right;
	max-width: 500px;
}

#wikispoopy {
	position: absolute;
	top: 0;
	background-image: url(/newwikispoopy150.png);
	display: none;
	width: 10em;
	height: 160px;
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration: none;
	cursor: pointer;
}

#mw-missingsummary {
	color: red;
	font-weight: 800;
}

/* MultimediaViewer css */

.mw-mmv-post-image,
.mw-mmv-image-metadata
{
    background-color: #4c4c4c !important;
}

.mw-mmv-image-links-div
{
    background-color: #fff !important;
}

/*
@font-face {
  font-family: 'April1';
  src: url('/fonts/IMFellDWPica-Regular.ttf');
}
body {
    font-family: 'April1';
}
*/

kbd {
    margin: 0 0.1em;
    padding: 0.1em 0.6em;
    border-radius: 3px;
    border: 1px solid #c1c1c1;
    line-height: 1.3em;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    display: inline-block;
    vertical-align: text-top;
}

.xlargegallery img {
    width: 380px;
    height: auto;
}

.floatright {
    float: right;
}

.goldicon,.silvericon,.coppericon,
.radianticon,.illustriousicon,.brighticon,.glowingicon,.dimicon,.dullicon {
aspect-ratio: 1/1;
display: inline-block;
padding: 1px;
margin: auto 7px auto 2px;
}

.goldicon,.silvericon,.coppericon {
border-radius:50%;
width: .75em;
}

.goldicon {
background: goldenrod;
}
.silvericon {
background: silver;
}
.coppericon {
background: peru;
}

.radianticon,.illustriousicon,.brighticon,.glowingicon,.dimicon,.dullicon {
width: 1em;
}

/* as per icon color 
.radianticon {
color: orange;
}
.illustriousicon {
color: purple;
}
.brighticon {
color: yellow;
}
.glowingicon {
color: blue;
}
.dimicon {
color: green;
}
.dullicon {
color: gray;
}
*/

/* as per rarity color */
.radianticon {
color: orange;
}
.illustriousicon {
color: indigo;
}
.brighticon {
color: #b79c3e;
font-size: 1.4em;
}
.glowingicon {
color: blue;
font-size: 1.2em;
}
.dimicon {
color: green;
font-size: 1.2em;
}
.dullicon {
color: white;
}

/*td:has(.glint), td:has(.currency) {
text-align: right;
width: 100px;
margin-left: auto !important;
margin-right: 0 !important;
}*/

.compactcurrency .goldicon,.compactcurrency .silvericon,.compactcurrency .coppericon {
margin: auto 0px auto 3px;
}

.rarity {
padding-left: 2px;
padding-right: 2px;
}

.rarity, .rarity a:link, .rarity a:visited, .rarity a:active {
color:white;
}
.rarity.poor {
background:grey;
}
.item-rarity.poor img {
border-color: grey;
}
.rarity.common {
color:black !important;
background:white;
}
.item-rarity.common img {
border-color: white;
}
.rarity.common, .rarity.common a:link, .rarity.common a:visited, .rarity.common a:active,
.rarity.heroic, .rarity.heroic a:link, .rarity.heroic a:visited, .rarity.heroic a:active {
color:black;
}
.rarity.uncommon {
background:green;
}
.item-rarity.uncommon img{
border-color:green ;
}
.rarity.rare {
background:blue;
}
.item-rarity.rare img {
border-color:blue ;
}
.rarity.heroic {
background:#b79c3e;
}
.item-rarity.heroic img {
border-color:#b79c3e ;
}
.rarity.epic {
background:indigo;
}
.item-rarity.epic img {
border-color:indigo ;
}
.rarity.legendary {
background:orange;
}
.item-rarity.legendary img {
border-color:orange;
}
.rarity.legendary, .rarity.legendary a:link, .rarity.legendary a:visited, .rarity.legendary a:active {
color:black;
}
.rarity.artifact {
background:yellow;
}
.item-rarity.artifact img {
border-color:yellow ;
}
.rarity.artifact, .rarity.artifact a:link, .rarity.artifact a:visited, .rarity.artifact a:active {
color:black;
}

.flagging, .flagging a:link, .flagging a:visited, .flagging a:active {
color:white;
}
.flagging.non-combatant, .flagging.non-combatant a:link, .flagging.non-combatant a:visited, .flagging.non-combatant a:active {
background:green;
}
.flagging.combatant, .flagging.combatant a:link, .flagging.combatant a:visited, .flagging.combatant a:active  {
background:indigo;
}
.flagging.corrupted, .flagging.corrupted a:link, .flagging.corrupted a:visited, .flagging.corrupted a:active  {
background:red;
}

.skilltable td:first-child {
 width: 12.5em;
 white-space: nowrap;
}

.jquery-tablesorter th.headerSort {
    background-image: url(/sort-both-light.svg);
    background-blend-mode: exclusion;
}

.columns-3 {
column-count: 3;
-moz-column-count: 3;
-webkit-column-count: 3;
}

.columns-4 {
column-count: 4;
-moz-column-count: 4;
-webkit-column-count: 4;
}

.indented {
margin-left: 1em;
}

.damage-physical {
color:#a87e72;
}
.damage-arcane {
color:MediumOrchid;
}
.damage-bludgeon {
color:#a89d9d;
}
.damage-fire {
color:Red;
}
.damage-lightning {
color:#9771f8;
}
.damage-ice {
color:DeepSkyBlue;
}
.healing {
color:Green;
}
.damage-magical {
color:BlueViolet;
}
.damage-piercing {
color:BlanchedAlmond;
}
.damage-spirit {
color:#a7cdbc;
}
.damage-bleed {
color:#530615;
}

.skill img, .effect img, img.effect {
border-style: solid;
}

.skill img {
border-width: 3px;
}

.effect img, img.effect {
border-width: 2px;
}

/* Temporary */
.item img {
border: none;
}

.skill img,.effect img, img.effect {
border-color: #c5b695;
}

.upgrade-passive img {
border-radius: 50%;
}

.skill .mw-references-wrap img,
.skill .mw-references-wrap img {
border: none;
}

dl {
margin-top: revert;
}

.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {
margin-top: revert;
}