MediaWiki:Common.css

2026-08-27T21:07:00Z

Maintenance script: Ajusta los iconos de sets sin miniaturas

/* Tema AOMania para Vector 2022: piedra oscura, oro y lectura accesible. */
:root {
--aom-bg: #090b0e;
--aom-surface: #14171b;
--aom-surface-2: #1b2026;
--aom-surface-3: #242a31;
--aom-text: #eee8dd;
--aom-muted: #c8c0b2;
--aom-gold: #e0b65b;
--aom-gold-bright: #f3d58c;
--aom-gold-dark: #8d6728;
--aom-blue: #86bce2;
--aom-border: #6f5731;
--aom-shadow: 0 16px 42px rgba(0, 0, 0, 0.52);
color-scheme: dark;
}

html,
body.skin-vector-2022 {
min-height: 100%;
color: var(--aom-text);
background-color: var(--aom-bg);
}

body.skin-vector-2022 {
background-image:
linear-gradient(180deg, rgba(5, 6, 8, 0.56), rgba(5, 6, 8, 0.92) 52rem),
url('/wiki/resources/assets/aomania-home-bg.jpg');
background-position: center top;
background-size: cover;
background-attachment: fixed;
}

.vector-header-container,
.vector-header,
.vector-sticky-header {
color: var(--aom-text);
background: rgba(11, 13, 16, 0.96);
border-bottom: 1px solid rgba(224, 182, 91, 0.38);
box-shadow: 0 5px 24px rgba(0, 0, 0, 0.48);
backdrop-filter: blur(12px);
}

.vector-header-container .vector-header,
.vector-header.mw-header {
background-color: #0b0d10 !important;
background-image: none !important;
}

.mw-page-container {
color: var(--aom-text);
background:
linear-gradient(rgba(18, 20, 24, 0.965), rgba(18, 20, 24, 0.985)),
url('/wiki/resources/assets/aomania-stone.jpg');
border: 1px solid rgba(224, 182, 91, 0.34);
border-radius: 14px 14px 0 0;
box-shadow: var(--aom-shadow);
}

.mw-body,
.vector-page-toolbar,
.vector-column-start,
.vector-column-end,
.vector-toc,
.vector-pinnable-header,
.mw-footer-container {
color: var(--aom-text);
background-color: transparent;
}

.mw-parser-output {
color: var(--aom-text);
font-size: 1rem;
line-height: 1.72;
overflow-wrap: anywhere;
}

.mw-parser-output > p:first-of-type {
color: #f1eadf;
font-size: 1.04em;
}

.firstHeading,
.mw-parser-output h2,
.mw-parser-output h3,
.mw-parser-output h4 {
color: var(--aom-gold-bright);
font-family: Georgia, "Times New Roman", serif;
text-shadow: 0 1px 0 #000;
}

.firstHeading {
letter-spacing: -0.025em;
border-bottom-color: rgba(224, 182, 91, 0.34);
}

.mw-parser-output h2 {
margin-top: 1.9em;
padding: 0.18em 0 0.28em 0.64em;
border-bottom: 1px solid rgba(224, 182, 91, 0.32);
border-left: 5px solid var(--aom-gold);
}

.mw-parser-output h3 {
margin-top: 1.5em;
color: #b9d9ef;
}

a,
.mw-parser-output a:not(.new),
.vector-toc-link {
color: var(--aom-blue);
}

a:visited,
.mw-parser-output a:visited:not(.new) {
color: #c4a9e8;
}

a:hover,
.mw-parser-output a:not(.new):hover {
color: var(--aom-gold-bright);
text-decoration-color: var(--aom-gold);
text-underline-offset: 0.17em;
}

a.new,
.mw-parser-output a.new {
color: #ff9990;
}

.mw-parser-output code,
.mw-parser-output pre,
.mw-code {
color: #ffe1a2;
background: #0e1115;
border-color: #5f4c2b;
}

.mw-parser-output code {
padding: 0.08em 0.34em;
border: 1px solid #5f4c2b;
border-radius: 4px;
}

.mw-parser-output .toc,
.vector-toc,
.vector-pinned-container,
.vector-menu-content,
.vector-dropdown-content,
.mw-notification,
.oo-ui-popupWidget-popup {
color: var(--aom-text);
background: #171b20;
border-color: #5c4a2c;
}

.vector-header .vector-dropdown-content,
.vector-column-start .vector-dropdown-content,
.vector-column-end .vector-dropdown-content {
background-color: #111418 !important;
background-image: none !important;
}

.vector-dropdown-content {
background-color: #111418 !important;
background-image: none !important;
}

.vector-sticky-pinned-container::after {
background-image: linear-gradient(rgba(17, 20, 24, 0), #111418) !important;
}

.vector-toc .vector-toc-list-item-active > .vector-toc-link {
color: var(--aom-gold-bright);
}

.vector-page-toolbar a,
.vector-menu-tabs a,
.vector-menu-dropdown .vector-dropdown-label,
.vector-menu-tabs .mw-list-item a span {
color: var(--aom-muted) !important;
}

.vector-menu-tabs .selected a span,
.vector-page-toolbar a:hover,
.vector-menu-tabs a:hover span {
color: var(--aom-gold-bright) !important;
}

.mw-parser-output .wikitable {
width: 100%;
margin: 1em 0 1.45em;
color: var(--aom-text);
background: #171b20;
border: 1px solid var(--aom-border);
border-collapse: separate;
border-spacing: 0;
border-radius: 8px;
box-shadow: 0 7px 22px rgba(0, 0, 0, 0.28);
overflow: hidden;
}

.mw-parser-output .wikitable > * > tr > th {
color: #fff2c9;
background: linear-gradient(180deg, #58451f, #392b16);
border-color: #72582e;
padding: 0.7em 0.78em;
vertical-align: middle;
}

.mw-parser-output .wikitable > * > tr > td {
color: var(--aom-text);
background: #171b20;
border-color: #343941;
padding: 0.64em 0.78em;
vertical-align: top;
}

.mw-parser-output .wikitable > tbody > tr:nth-child(even) > td {
background: #1d2228;
}

.mw-parser-output .wikitable > tbody > tr:hover > td {
background: #26313a;
}

.mw-parser-output img.aom-item-icon,
.mw-parser-output img[src*="AOMania_Set_Grh_"] {
width: 64px;
height: 64px;
padding: 4px;
object-fit: contain;
image-rendering: pixelated;
background: radial-gradient(circle, #262b31 0%, #0d1014 72%);
border: 1px solid rgba(224, 182, 91, 0.55);
border-radius: 8px;
box-shadow: 0 5px 14px rgba(0, 0, 0, 0.42);
}

.aom-guide-hero {
display: grid;
grid-template-columns: minmax(300px, 1.2fr) minmax(300px, 0.8fr);
margin: 0 0 1.5em;
overflow: hidden;
color: #fff;
background:
linear-gradient(rgba(20, 17, 13, 0.82), rgba(20, 17, 13, 0.96)),
url('/wiki/resources/assets/aomania-stone.jpg');
border: 1px solid #8a6734;
border-radius: 12px;
box-shadow: var(--aom-shadow);
}

.aom-guide-hero__media {
position: relative;
min-height: 290px;
background: #080a0d;
}

.aom-guide-hero__media::after {
position: absolute;
inset: 0;
content: "";
pointer-events: none;
background: linear-gradient(90deg, transparent 62%, rgba(16, 14, 11, 0.9));
}

.aom-guide-hero__media > figure,
.aom-guide-hero__media .center,
.aom-guide-hero__media .mw-halign-center {
height: 100%;
margin: 0;
}

.aom-guide-hero__media > figure {
position: absolute;
inset: 0;
width: 100%;
}

.aom-guide-hero__media figure > a {
display: block;
height: 100%;
}

.aom-guide-hero__media img,
.aom-guide-hero__media figure > a > img.mw-file-element {
position: absolute;
inset: 0;
display: block;
width: 100%;
max-width: none;
height: 100% !important;
min-height: 290px !important;
max-height: none;
object-fit: cover;
}

.aom-guide-hero__body {
position: relative;
z-index: 1;
align-self: center;
padding: clamp(1.15rem, 3vw, 2.2rem);
}

.aom-guide-hero__eyebrow {
margin-bottom: 0.45em;
color: var(--aom-gold);
font-size: 0.76rem;
font-weight: 800;
letter-spacing: 0.16em;
text-transform: uppercase;
}

.aom-guide-hero__title {
margin-bottom: 0.35em;
color: #fff5d8;
font: 700 clamp(1.7rem, 3vw, 2.35rem)/1.08 Georgia, "Times New Roman", serif;
text-shadow: 0 2px 8px #000;
overflow-wrap: normal;
word-break: normal;
hyphens: none;
}

.aom-guide-hero__text {
color: #f1ece3;
font-size: 1.05rem;
line-height: 1.55;
}

.aom-guide-hero__meta {
margin-top: 1em;
padding-top: 0.78em;
color: #d9d1c4;
border-top: 1px solid rgba(224, 182, 91, 0.38);
font-size: 0.88rem;
}

.aom-updated {
margin: 0 0 1em;
padding: 0.62em 0.82em;
color: #d8d0c3;
background: rgba(31, 35, 41, 0.9);
border: 1px solid #51452f;
border-left: 4px solid var(--aom-gold);
border-radius: 5px;
font-size: 0.9em;
}

.aom-summary-grid,
.aom-home-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
gap: 0.9em;
margin: 1em 0 1.45em;
}

.aom-card,
.aom-home-card {
padding: 0.95em 1.05em;
color: var(--aom-text);
background:
linear-gradient(rgba(27, 31, 36, 0.93), rgba(27, 31, 36, 0.97)),
url('/wiki/resources/assets/aomania-stone.jpg');
border: 1px solid #5e4b2b;
border-top: 4px solid var(--aom-gold-dark);
border-radius: 8px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.22);
}

.aom-card strong,
.aom-home-card__title,
.aom-welcome__title {
color: var(--aom-gold-bright);
font: 700 1.1em/1.3 Georgia, "Times New Roman", serif;
}

.aom-home-card__title {
margin-bottom: 0.45em;
font-size: 1.18em;
}

.aom-welcome {
margin: 1em 0 1.4em;
padding: 1.1em;
overflow: auto;
color: var(--aom-text);
background: rgba(25, 29, 34, 0.93);
border: 1px solid #665333;
border-left: 5px solid var(--aom-gold);
border-radius: 8px;
}

.aom-welcome__title {
margin-bottom: 0.4em;
font-size: 1.35em;
}

.aom-welcome img {
max-height: 180px;
object-fit: contain;
}

.aom-alert,
.aom-related {
margin: 1em 0;
padding: 0.82em 1em;
color: var(--aom-text);
background: #20242a;
border: 1px solid #5f4b2b;
border-left: 5px solid var(--aom-gold);
border-radius: 6px;
}

.aom-alert--info,
.aom-related {
background: #1c2b35;
border-color: #405e70;
border-left-color: var(--aom-blue);
}

.aom-table-scroll {
max-width: 100%;
overflow-x: auto;
overscroll-behavior-inline: contain;
scrollbar-color: var(--aom-gold) #111419;
}

.aom-table-hint {
display: none;
}

.aom-table-scroll .wikitable {
min-width: 980px;
}

.aom-quest-id,
.aom-quest-number {
display: inline-block;
margin-bottom: 0.2em;
padding: 0.08em 0.44em;
color: #101317;
background: var(--aom-gold);
border-radius: 999px;
font-size: 0.78em;
font-weight: 800;
}

/* Adapta los antiguos bloques claros mientras se migran a componentes comunes. */
.mw-parser-output [style*="background:#fffaf0"],
.mw-parser-output [style*="background: #fffaf0"],
.mw-parser-output [style*="background:#f5f8fb"],
.mw-parser-output [style*="background: #f5f8fb"] {
color: var(--aom-text) !important;
background: #1c2127 !important;
border-color: #675331 !important;
}

.mw-parser-output [style*="color:#5b3515"],
.mw-parser-output [style*="color: #5b3515"],
.mw-parser-output [style*="color:#27415f"],
.mw-parser-output [style*="color: #27415f"] {
color: var(--aom-gold-bright) !important;
}

/* Cabecera de marca: escudo como icono y logotipo horizontal como wordmark. */
.mw-logo {
min-height: 48px;
align-items: center;
}

.mw-logo-icon {
display: block;
width: 38px;
height: 44px;
margin-right: 8px;
object-fit: contain;
}

.mw-logo-container {
max-width: 190px;
}

img.mw-logo-wordmark {
width: auto;
max-width: 180px;
height: 47px;
object-fit: contain;
}

.mw-logo-wordmark:not(img) {
color: var(--aom-gold-bright);
white-space: nowrap;
}

input,
textarea,
select,
.cdx-search-input,
.cdx-text-input__input,
.oo-ui-inputWidget-input {
color: var(--aom-text) !important;
background-color: #11151a !important;
border-color: #5b503b !important;
}

button,
.cdx-button,
.oo-ui-buttonElement-button {
color: var(--aom-text);
background-color: #262c33;
border-color: #655432;
}

button:hover,
.cdx-button:hover,
.oo-ui-buttonElement-button:hover {
color: #fff4d3;
background-color: #343018;
border-color: var(--aom-gold);
}

.cdx-search-input__end-button,
.cdx-search-input .cdx-button {
color: #fff2cc !important;
background: #352b1a !important;
border-color: #6e5933 !important;
}

.mw-footer li,
.mw-footer a,
.vector-menu-heading,
.vector-pinnable-header-label,
.vector-pinnable-header-unpin-button {
color: var(--aom-muted);
}

@media (max-width: 719px) {
body.skin-vector-2022 {
background-image:
linear-gradient(rgba(7, 9, 11, 0.87), rgba(7, 9, 11, 0.96)),
url('/wiki/resources/assets/aomania-home-bg.jpg');
background-attachment: scroll;
background-position: 45% top;
}

.mw-page-container {
border-width: 1px 0 0;
border-radius: 0;
box-shadow: none;
}

.mw-parser-output {
font-size: 0.98rem;
line-height: 1.64;
}

.mw-logo-icon {
width: 30px;
height: 36px;
margin-right: 5px;
}

.mw-logo-container {
max-width: 138px;
}

img.mw-logo-wordmark {
max-width: 132px;
height: 36px;
}

.mw-logo-wordmark:not(img) {
font-size: 0.9rem;
}

.aom-guide-hero {
grid-template-columns: 1fr;
}

.aom-guide-hero__media,
.aom-guide-hero__media img,
.aom-guide-hero__media figure > a > img.mw-file-element {
min-height: 180px !important;
max-height: 230px;
}

.aom-guide-hero__media::after {
background: linear-gradient(180deg, transparent 58%, rgba(16, 14, 11, 0.78));
}

.aom-guide-hero__body {
padding: 1rem;
}

.aom-guide-hero__title {
font-size: 1.75rem;
}

.aom-home-grid,
.aom-summary-grid {
grid-template-columns: 1fr;
}

.mw-parser-output .wikitable {
display: block;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}

.mw-parser-output .wikitable > * > tr > th,
.mw-parser-output .wikitable > * > tr > td {
min-width: 7.5em;
padding: 0.53em 0.6em;
}

.aom-table-hint {
display: block;
margin: 0.7em 0 0.35em;
color: #b9d9ef;
font-size: 0.88rem;
font-weight: 700;
}
}

@media (prefers-reduced-motion: reduce) {
*,
*::before,
*::after {
scroll-behavior: auto !important;
transition-duration: 0.01ms !important;
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
}
}

Manual AOMania - Contribuciones del usuario [es]

MediaWiki:Common.css