MediaWiki:Mobile.css - Revision history

Eviand: Blanked the page

2026-03-03T17:31:24Z

Blanked the page

Eviand at 17:06, 26 February 2026

2026-02-26T17:06:07Z

@@ Line 223: / Line 223: @@
+}
-/* Meta row: keep 2 columns and center the group away from edges */
+/* ------------------------------------------------------------------------
 .sv-skill-card .sv-skill-meta,
 .sv-gi-card .sv-skill-meta{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
-   max-width:360px;
+  gap:4px !important;             /* was larger; tighter between pills */
-   margin-left:auto;
+   max-width:300px;                /* keeps pills away from screen edges */
-   margin-right:auto;
+   margin-left:auto !important;
    justify-content:center;
+}
+}

Eviand at 16:39, 26 February 2026

2026-02-26T16:39:46Z

← Older revision		Revision as of 16:39, 26 February 2026
Line 221:		Line 221:
	height:12px;		height:12px;
	pointer-events:none;		pointer-events:none;
			}

			/* Meta row: keep 2 columns and center the group away from edges */
			.sv-skill-card .sv-skill-meta,
			.sv-gi-card .sv-skill-meta{
			grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
			max-width:360px;
			margin-left:auto;
			margin-right:auto;
			justify-content:center;
	}		}

	}		}

Eviand at 15:14, 26 February 2026

2026-02-26T15:14:04Z

@@ Line 195: / Line 195: @@
    background: var(--sv-ui-bg1) !important;
    border-color: var(--sv-ui-line1) !important;
+}
+}

Eviand at 17:12, 25 February 2026

2026-02-25T17:12:12Z

← Older revision		Revision as of 17:12, 25 February 2026
Line 186:		Line 186:
	.sv-gi-card .sv-ref-card,		.sv-gi-card .sv-ref-card,
	.sv-skill-card .sv-ref-card {		.sv-skill-card .sv-ref-card {
			background: var(--sv-ui-bg1) !important;
			border-color: var(--sv-ui-line1) !important;
			}

			/* GameInfo: ensure meta pills + level area are opaque too */
			.sv-skill-card .sv-skill-meta .sv-pill,
			.sv-skill-card .sv-skill-level {
	background: var(--sv-ui-bg1) !important;		background: var(--sv-ui-bg1) !important;
	border-color: var(--sv-ui-line1) !important;		border-color: var(--sv-ui-line1) !important;

Eviand at 16:42, 25 February 2026

2026-02-25T16:42:13Z

@@ Line 137: / Line 137: @@
 .sv-class-overview__value{
 text-align:left;
+}
+}

Eviand at 16:21, 25 February 2026

2026-02-25T16:21:30Z

@@ Line 104: / Line 104: @@
 background:var(--sv-ui-bg3) !important;
+}
 /* ------------------------------------------------------------------------

Eviand at 18:35, 23 February 2026

2026-02-23T18:35:21Z

Show changes

Eviand: Created page with "/* ============================================================================ SpiritVale Wiki — Mobile.css Mobile policy enforcement (<= 500px) - No frosted glass / no transparency - Mobile-only layout tightening + overflow safety ============================================================================ / @media (max-width: 500px) { / ------------------------------------------------------------------------ 0) Global mobile overflow safet..."

2026-02-23T17:04:44Z

Created page with "============================================================================ SpiritVale Wiki — Mobile.css Mobile policy enforcement (<= 500px) - No frosted glass / no transparency - Mobile-only layout tightening + overflow safety ============================================================================: @media (max-width: 500px) { /* ------------------------------------------------------------------------ 0) Global mobile overflow safet..."

New page

/* ============================================================================
SpiritVale Wiki — Mobile.css
Mobile policy enforcement (<= 500px)
- No frosted glass / no transparency
- Mobile-only layout tightening + overflow safety
============================================================================ */

@media (max-width: 500px) {

/* ------------------------------------------------------------------------
0) Global mobile overflow safety
------------------------------------------------------------------------ */

html,
body {
overflow-x: hidden;
}

img,
video,
iframe,
embed,
object {
max-width: 100%;
height: auto;
}

/* Wide tables scroll instead of blowing the layout */
table,
.wikitable,
table.custom-table {
display: block;
width: 100%;
max-width: 100%;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}

th,
td {
white-space: nowrap;
}

/* ------------------------------------------------------------------------
1) Citizen mobile hard rule: no frosted glass / no transparency
(moved from Citizen.css)
------------------------------------------------------------------------ */

:root {
--backdrop-filter-frosted-glass: none !important;
--opacity-glass: 1 !important;
}

body.skin-citizen .citizen-menu__card,
body.skin-citizen .citizen-drawer__card,
body.skin-citizen .citizen-search__form,
body.skin-citizen .citizen-search__footer {
background: var(--color-surface-1) !important;
-webkit-backdrop-filter: none !important;
backdrop-filter: none !important;
}

/* ------------------------------------------------------------------------
2) Hero Infobox System: mobile layout rules (moved from Common.css)
------------------------------------------------------------------------ */

:is(table.spiritvale-skill-infobox, table.spiritvale-passive-infobox) .sv-slot-grid {
grid-template-columns: 1fr;
gap: 0.50em;
padding: 0.70em;
}

:is(table.spiritvale-skill-infobox, table.spiritvale-passive-infobox)
:where(.sv-type-label, .sv-source-pill, .sv-m4-label, .sv-sm-label, .sv-sm-flag, .sv-pill, .sv-pill--req) {
width: auto !important;
display: inline-block !important;
max-width: 100%;
white-space: nowrap;
padding: 0.22em 0.45em;
}

table.spiritvale-skill-infobox .module-special-mechanics .sv-sm-layout.sv-sm-count-2 {
grid-template-columns: 1fr;
}

/* ------------------------------------------------------------------------
3) Mobile “no transparency” for legacy tooltip/button UI
(this replaces the old Common.css mobile block)
------------------------------------------------------------------------ */

:is(table.spiritvale-skill-infobox, table.spiritvale-passive-infobox) .sv-tip-pop {
background: var(--sv-ui-bg0) !important;
border: 1px solid var(--sv-ui-line1) !important;
}

:is(table.spiritvale-skill-infobox, table.spiritvale-passive-infobox)
.module-icon-name .sv-tip-btn--notes {
background: var(--sv-ui-bg2) !important;
border: 1px solid var(--sv-ui-line2) !important;
}

:is(table.spiritvale-skill-infobox, table.spiritvale-passive-infobox)
.module-icon-name .sv-tip-btn--notes:hover {
background: var(--sv-ui-bg3) !important;
}
}